:root{--bg:#0e1116;--panel:#161b23;--panel2:#1d232d;--line:#2a323f;--tx:#e8edf4;--tx2:#95a1b3;--tx3:#63708a;--alex:#4c9dff;--eva:#c084fc;--carlos:#34d3a6;--lena:#fbbf5a;--ok:#34d3a6;--warn:#fbbf5a;--alert:#ff6b6b;--r:16px}body.light{--bg:#f2f4f8;--panel:#ffffff;--panel2:#f7f9fc;--line:#e2e7ef;--tx:#151a22;--tx2:#5b6779;--tx3:#8b96a8}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--bg);color:var(--tx);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:16px;transition:background .3s,color .3s}#root{display:contents}.frame{width:min(100%,1500px);aspect-ratio:16/9;min-height:520px;background:var(--panel);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;box-shadow:0 30px 80px #00000073}.top{display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid var(--line)}.clock{font-size:34px;font-weight:650;letter-spacing:-.5px;line-height:1}.date{font-size:13px;color:var(--tx2);margin-top:3px}.wx{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--tx2);padding-left:18px;border-left:1px solid var(--line)}.wx b{color:var(--tx);font-weight:600}.spacer{flex:1}.people{display:flex;gap:8px}.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#0b0e13;cursor:pointer;border:2px solid transparent;transition:.15s}.av.off{opacity:.32;filter:grayscale(1)}.av:active{transform:scale(.92)}.seg{display:flex;background:var(--panel2);border-radius:11px;padding:3px;gap:2px}.seg button{background:none;border:0;color:var(--tx2);font:inherit;font-size:13px;font-weight:600;padding:7px 15px;border-radius:8px;cursor:pointer}.seg button.on{background:var(--panel);color:var(--tx);box-shadow:0 1px 3px #0000004d}.icon{width:38px;height:38px;border-radius:11px;background:var(--panel2);border:0;color:var(--tx2);font-size:16px;cursor:pointer;display:grid;place-items:center}.body{display:grid;grid-template-columns:1fr 330px;gap:0;overflow:hidden}.main{padding:16px 20px;overflow:auto;display:flex;flex-direction:column;min-height:0}#v-monat{flex:1;display:flex;flex-direction:column;min-height:0}.side{border-left:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:12px;overflow:auto;background:var(--panel2)}.dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.dow span{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--tx3);text-align:center}.grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:6px;flex:1;min-height:340px}.cell{background:var(--panel2);border:1px solid transparent;border-radius:11px;padding:6px 7px;display:flex;flex-direction:column;gap:3px;cursor:pointer;overflow:hidden}.cell.dim{opacity:.32}.cell.today{border-color:var(--alex);background:color-mix(in srgb,var(--alex) 12%,var(--panel2))}.cell:active{transform:scale(.985)}.dnum{font-size:13px;font-weight:650;color:var(--tx2)}.cell.today .dnum{color:var(--alex)}.ev{font-size:10.5px;line-height:1.28;padding:2.5px 5px;border-radius:5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0b0e13}.more{font-size:10px;color:var(--tx3);padding-left:3px}.agenda{display:flex;flex-direction:column;gap:8px}.aday{background:var(--panel2);border-radius:12px;padding:11px 13px}.aday h4{font-size:12px;color:var(--tx3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.arow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.arow:first-of-type{border-top:0}.atime{font-size:13px;font-weight:650;color:var(--tx2);width:52px;flex:none;font-variant-numeric:tabular-nums}.abar{width:3px;height:26px;border-radius:2px;flex:none}.atxt{font-size:14px;font-weight:550}.awho{font-size:11px;color:var(--tx3)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 13px}.card h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.pts{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);font-size:10px;padding:2px 7px;border-radius:20px;letter-spacing:0;font-weight:700}.task{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}.task:first-of-type{border-top:0}.box{width:22px;height:22px;border-radius:7px;border:2px solid var(--tx3);flex:none;display:grid;place-items:center;font-size:12px;color:transparent;transition:.15s}.task.done .box{background:var(--ok);border-color:var(--ok);color:#0b0e13}.task.done .tname{text-decoration:line-through;color:var(--tx3)}.tname{font-size:13.5px;font-weight:550;flex:1}.tw{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;color:#0b0e13}.tp{font-size:11px;color:var(--warn);font-weight:700;font-variant-numeric:tabular-nums}.med{border:1px solid color-mix(in srgb,var(--alert) 45%,var(--line));background:color-mix(in srgb,var(--alert) 9%,var(--panel))}.med.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 9%,var(--panel))}.medrow{display:flex;align-items:center;gap:11px}.meddot{width:11px;height:11px;border-radius:50%;background:var(--alert);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--alert) 22%,transparent);animation:pulse 2s infinite}.med.ok .meddot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent);animation:none}@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}.medname{font-size:14px;font-weight:650}.medsub{font-size:11px;color:var(--tx2);margin-top:2px}.btn{background:var(--ok);color:#0b1512;border:0;border-radius:10px;font:inherit;font-size:12.5px;font-weight:700;padding:9px 13px;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.96)}.btn.ghost{background:var(--panel2);color:var(--tx2)}.li{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13.5px;cursor:pointer}.li .cb{width:18px;height:18px;border-radius:6px;border:2px solid var(--tx3);flex:none;display:grid;place-items:center;font-size:10px;color:transparent;transition:.15s}.li.done .cb{background:var(--tx3);border-color:var(--tx3);color:var(--panel)}.li.done span{text-decoration:line-through;color:var(--tx3)}.add{font-size:12px;color:var(--tx3);padding-top:8px;border-top:1px solid var(--line);margin-top:6px}.meal{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line)}.meal:first-of-type{border-top:0}.mday{font-size:10.5px;font-weight:700;color:var(--tx3);width:26px;flex:none}.mtxt{font-size:13px;font-weight:550}.memo{font-size:16px}.voice{border-top:1px solid var(--line);padding:11px 20px;display:flex;align-items:center;gap:15px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--alex) 7%,transparent))}.mic{width:48px;height:48px;border-radius:50%;border:0;flex:none;cursor:pointer;background:linear-gradient(145deg,var(--alex),#7c5cff);color:#fff;font-size:20px;display:grid;place-items:center;box-shadow:0 6px 22px color-mix(in srgb,var(--alex) 42%,transparent)}.mic.live{animation:mic 1.1s infinite}@keyframes mic{50%{box-shadow:0 6px 34px color-mix(in srgb,var(--alex) 85%,transparent);transform:scale(1.06)}}.vtx{flex:1;min-width:0}.vlabel{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-bottom:3px}.vline{font-size:15px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vline.user{color:var(--tx2);font-style:italic}.wave{display:flex;align-items:center;gap:3px;height:26px}.wave i{width:3px;background:var(--alex);border-radius:2px;height:5px;opacity:.35}.wave.live i{animation:w .9s infinite ease-in-out;opacity:1}.wave.live i:nth-child(2){animation-delay:.1s}.wave.live i:nth-child(3){animation-delay:.2s}.wave.live i:nth-child(4){animation-delay:.3s}.wave.live i:nth-child(5){animation-delay:.15s}.wave.live i:nth-child(6){animation-delay:.25s}.wave.live i:nth-child(7){animation-delay:.05s}@keyframes w{50%{height:22px}}.chips{display:flex;gap:7px}.chip{background:var(--panel2);border:1px solid var(--line);color:var(--tx2);font:inherit;font-size:11.5px;padding:7px 11px;border-radius:20px;cursor:pointer}.chip:active{transform:scale(.95)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(80px);background:var(--ok);color:#0b1512;font-size:14px;font-weight:650;padding:11px 20px;border-radius:30px;transition:.3s;pointer-events:none;box-shadow:0 10px 30px #0006}.toast.on{transform:translate(-50%) translateY(0)}.hidden{display:none!important}.tabs{display:none;border-top:1px solid var(--line);background:var(--panel);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.tabs button{flex:1;background:none;border:0;color:var(--tx3);font:inherit;font-size:10.5px;font-weight:650;padding:7px 0 5px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.tabs button em{font-size:19px;font-style:normal;line-height:1}.tabs button.on{color:var(--alex)}@media(max-width:1100px){.body{grid-template-columns:1fr 285px}.clock{font-size:28px}.wx{display:none}.grid{min-height:300px}.chips .chip:nth-child(3){display:none}}@media(max-width:860px){.frame{aspect-ratio:auto;height:calc(100dvh - 32px)}.chips{display:none}}@media(max-width:700px){body{padding:0;align-items:stretch}.frame{width:100%;height:100dvh;border-radius:0;border:0;box-shadow:none;grid-template-rows:auto 1fr auto auto}.top{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;gap:10px;flex-wrap:wrap}.clock{font-size:23px}.date{font-size:11px}.av{width:33px;height:33px;font-size:12px}.seg{order:3;width:100%}.seg button{flex:1;padding:8px 0;font-size:12px}.icon{width:33px;height:33px;font-size:14px}.body{grid-template-columns:1fr}.main{padding:12px 13px}.side{border-left:0;padding:12px 13px;gap:11px}.grid{min-height:0;height:auto;grid-auto-rows:minmax(58px,1fr);gap:4px}.cell{padding:4px 5px;border-radius:8px}.dnum{font-size:11px}.ev{font-size:9px;padding:2px 4px}.more{font-size:9px}.voice{padding:9px 13px;gap:11px}.mic{width:44px;height:44px;font-size:18px}.wave{display:none}.vline{font-size:13.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabs{display:flex}.frame[data-tab=kal] .side,.frame[data-tab=auf] .main,.frame[data-tab=lis] .main,.frame[data-tab=auf] #cardShop,.frame[data-tab=auf] #cardMeal,.frame[data-tab=lis] #cardMed,.frame[data-tab=lis] #cardTasks{display:none}.btn{padding:11px 15px}.task{padding:11px 0}.box{width:25px;height:25px}.li{padding:9px 0}.li .cb{width:21px;height:21px}}.auth{width:min(100%,380px);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000073}.auth h1{font-size:20px;font-weight:650;letter-spacing:-.3px}.auth p{font-size:13.5px;color:var(--tx2);line-height:1.45}.auth form{display:flex;flex-direction:column;gap:10px}.auth input{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--tx);font:inherit;font-size:14px;padding:12px 13px;min-height:44px}.auth input:focus{outline:2px solid var(--alex);outline-offset:-1px}.auth button{background:var(--alex);color:#0b0e13;border:0;border-radius:10px;font:inherit;font-size:14px;font-weight:700;padding:12px 13px;min-height:44px;cursor:pointer}.auth button:disabled{opacity:.5;cursor:default}.auth .err{color:var(--alert);font-size:12.5px}.settings{padding:16px 20px;overflow:auto;display:flex;flex-direction:column;gap:14px}.settings>.card{padding:14px 16px}.settings h2{font-size:15px;font-weight:650;letter-spacing:-.2px}.settings .lead{font-size:12.5px;color:var(--tx2);line-height:1.5;margin-top:4px}.srow{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px 0;border-top:1px solid var(--line)}.srow:first-of-type{border-top:0}.srow .grow{flex:1 1 150px;min-width:0}.srow .narrow{flex:0 0 92px}.srow .full{flex:1 1 100%}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--tx3)}.field input,.field select,.field textarea{background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--tx);font:inherit;font-size:13.5px;padding:9px 10px;min-height:44px;width:100%}.field textarea{min-height:92px;resize:vertical;line-height:1.5;padding:10px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--alex);outline-offset:-1px}.field input[type=color]{padding:4px;height:44px;cursor:pointer}.field .hint{font-size:11px;color:var(--tx3);line-height:1.45}.field.warn>label{color:var(--warn)}.field.warn textarea{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}.sactions{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding-top:12px;border-top:1px solid var(--line);margin-top:2px}.sactions .spacer{flex:1}.btn.danger{background:color-mix(in srgb,var(--alert) 20%,transparent);color:var(--alert)}.btn.quiet{background:var(--panel2);color:var(--tx2)}.saved{font-size:12px;color:var(--ok);font-weight:650}.sfehler{font-size:12.5px;color:var(--alert);line-height:1.45;padding-top:8px}.leer{font-size:12.5px;color:var(--tx3);padding:10px 0}.srow .wochentage{flex:1 1 338px}.tage{display:flex;gap:5px;flex-wrap:wrap}.tag{min-width:44px;min-height:44px;padding:0 8px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);color:var(--tx3);font:inherit;font-size:12.5px;font-weight:650;cursor:pointer}.tag.an{background:color-mix(in srgb,var(--alex) 22%,transparent);border-color:color-mix(in srgb,var(--alex) 55%,var(--line));color:var(--tx)}.tag:disabled{cursor:default;opacity:.55}.field .wert{font-size:13.5px;color:var(--tx2);padding:9px 0;display:block;min-height:44px}.tagzeile{display:flex;gap:10px;align-items:flex-end;padding:8px 0;border-top:1px solid var(--line)}.tagzeile:first-of-type{border-top:0}.tagzeile .datum{flex:0 0 104px;font-size:12.5px;color:var(--tx2);padding-bottom:12px;line-height:1.35}.tagzeile .datum b{display:block;color:var(--tx);font-weight:650}.tagzeile .heute{color:var(--alex)}@media(max-width:700px){.settings{padding:12px 13px}.srow .grow,.srow .narrow{flex:1 1 100%}.tagzeile{flex-wrap:wrap}.tagzeile .datum{flex:1 1 100%;padding-bottom:0}}@media(max-width:700px){.frame[data-tab=lis] .med-card{display:none}}.add input{background:none;border:0;color:var(--tx);font:inherit;font-size:12px;width:100%;padding:0;min-height:24px}.add input::placeholder{color:var(--tx3)}.add input:focus{outline:none;color:var(--tx)}.add.offen{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.add.offen>input:first-child{flex:1 1 130px;width:auto}.add.offen select,.add.offen input[type=number]{background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--tx);font:inherit;font-size:12px;padding:5px 7px;min-height:32px}.add.offen select{flex:0 0 auto}.add.offen input[type=number]{flex:0 0 62px;width:62px;text-align:right}.add.offen .btn{padding:7px 12px;font-size:12px;min-height:32px}.netz{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;color:var(--warn);background:color-mix(in srgb,var(--warn) 15%,transparent);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);padding:6px 10px;border-radius:20px;white-space:nowrap}.netz b{background:var(--warn);color:#0b0e13;border-radius:10px;padding:0 6px;font-size:10.5px;font-variant-numeric:tabular-nums}@media(max-width:700px){.netz{font-size:10.5px;padding:5px 8px}}.konten{display:flex;flex-wrap:wrap;gap:12px}.konto{flex:1 1 130px;background:var(--panel2);border:2px solid var(--line);border-radius:var(--r);padding:14px 12px;text-align:center;position:relative}.kav{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#0b0e13;margin:0 auto 8px}.kzahl{font-size:34px;font-weight:700;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}.kname{font-size:12px;color:var(--tx2);margin-top:4px}.kgebunden{font-size:10.5px;color:var(--warn);margin-top:5px;font-weight:650}.truhe{display:flex;flex-wrap:wrap;gap:12px}.preis{flex:1 1 160px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.preis.zuteuer{opacity:.5}.pemoji{font-size:32px;line-height:1}.ptitel{font-size:13.5px;font-weight:600;line-height:1.3}.pkosten{font-size:11px;color:var(--warn);font-weight:700;margin-bottom:4px}.preis .btn{width:100%}@media(max-width:700px){.konto{flex:1 1 calc(50% - 6px);padding:11px 8px}.kzahl{font-size:28px}.preis{flex:1 1 calc(50% - 6px)}}button.pts{border:0;font:inherit;font-size:10px;font-weight:700;cursor:pointer;letter-spacing:0;line-height:normal}.card.verdeckt{padding:0;border-style:dashed}.aufdecken{width:100%;background:none;border:0;color:var(--tx3);font:inherit;font-size:12px;font-weight:600;padding:13px;cursor:pointer;display:flex;align-items:center;gap:9px;justify-content:center}.aufdecken:hover{color:var(--tx2)}.aufdecken .meddot{width:8px;height:8px;box-shadow:none;animation:none;background:var(--tx3)}.aufdecken .meddot.bestaetigt{background:var(--ok)}