:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--surface:#141a22;--surface-2:#1c242e;--border:#253040;--text:#e6edf5;--muted:#8494a8;--accent:#4c9aff;--danger:#ff5f56;--warn:#ffb020;--ok:#3ecf8e;--radius:14px;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}button,a,.zelle,.pill,.check{touch-action:manipulation}button,.check{-webkit-user-select:none;user-select:none}.shell{padding-top:env(safe-area-inset-top,0px);max-width:640px;padding:0 16px calc(96px + var(--safe-b));margin:0 auto}.head{padding:20px 0 12px}.head h1{letter-spacing:-.02em;margin:0;font-size:28px}.head .sub{color:var(--muted);margin-top:4px;font-size:14px}.pillbar{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;display:inline-flex}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.pill.danger{color:var(--danger);background:#2a1614;border-color:#4a2320}.pill.ok{color:var(--ok)}.section{margin-top:26px}.section>h2{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px 2px;font-size:13px;display:flex}.section>h2 .count{background:var(--surface-2);letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:12px}.section.alarm>h2{color:var(--danger)}.task{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;margin-bottom:8px;padding:13px 14px;transition:opacity .15s,transform .15s;display:flex}.task.done{opacity:.4}.task.pending{opacity:.5;transform:scale(.99)}.task[data-prio=CRITICAL]{border-left:3px solid var(--danger)}.task[data-prio=HIGH]{border-left:3px solid var(--warn)}.check{border:2px solid var(--border);cursor:pointer;color:#0000;background:0 0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-top:1px;transition:all .15s;display:grid}.check:hover{border-color:var(--ok)}.check.on{background:var(--ok);border-color:var(--ok);color:#06231a}.task .body{all:unset;cursor:pointer;flex:auto;min-width:0;display:block}.task.editor{cursor:default;display:block}.task.editor .body{cursor:default}.feld-reihe{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.feld-reihe .select,.feld-reihe .inp{flex:auto;min-width:130px}.prio-reihe{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.prio-reihe .pill{padding:6px 11px}.tag.warte{color:var(--warn);background:#ffb02022}.tag.kunde-tag{color:#6ee7b7;background:#3ecf8e1f}.tag.kunde-tag.hinweis{color:var(--muted);background:#8494a81f;font-style:italic}.editor label.notes{margin-top:12px;display:block}.task .title{word-break:break-word;line-height:1.35}.task.done .title{text-decoration:line-through}.task .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.notes{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.notes code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12px}.tag{letter-spacing:.02em;border-radius:6px;padding:2px 7px;font-size:11.5px;font-weight:600}.due.hard{color:var(--danger);font-weight:600}.due.soft{color:var(--warn)}.time{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.empty{color:var(--muted);text-align:center;padding:22px 4px;font-size:14px}.capture{z-index:30;background:linear-gradient(transparent, var(--bg) 26%);padding:22px 16px calc(14px + var(--safe-b));position:fixed;bottom:0;left:0;right:0}.capture-inner{align-items:flex-end;gap:8px;max-width:640px;margin:0 auto;display:flex}.capture textarea{resize:none;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-height:52px;max-height:160px;color:var(--text);outline:none;flex:1;padding:13px 14px;font-size:16px;line-height:1.35}.capture textarea:focus{border-color:var(--accent)}.capture button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);width:52px;height:52px;color:var(--text);cursor:pointer;flex:none;place-items:center;display:grid}.capture button.send{background:var(--accent);border-color:var(--accent);color:#fff}.capture button.rec{background:var(--danger);border-color:var(--danger);color:#fff}.capture button:disabled{opacity:.45;cursor:default}.toast{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;margin:0 auto 8px;padding:11px 14px;font-size:14px;line-height:1.4}.toast.err{color:#ffb3ad;border-color:#4a2320}.toast.aufnahme{border-color:#4a2320;align-items:center;gap:9px;display:flex}.punkt-rot{background:var(--danger);border-radius:50%;flex:none;width:10px;height:10px;animation:1.1s ease-in-out infinite pulsieren}@keyframes pulsieren{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.punkt-rot{animation:none}}.nav{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:6px;margin:18px 0 2px;padding:4px;display:flex;position:sticky;top:8px}.nav:before{content:"";background:var(--bg);z-index:-1;position:absolute;inset:-12px -16px -8px}.nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{text-align:center;color:var(--muted);white-space:nowrap;border-radius:9px;flex:none;padding:9px 13px;font-size:14px}.nav a.on{background:var(--surface-2);color:var(--text);font-weight:600}.nav a .badge{background:var(--accent);color:#fff;vertical-align:1px;border-radius:999px;margin-left:5px;padding:0 6px;font-size:11px;display:inline-block}.filter{margin-top:14px}.filter-reihe{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.filter-reihe .pill{text-decoration:none}.filter-reihe .pill b{opacity:.75;font-weight:700}.filter-reihe .pill.leer{opacity:.4}.section>h2 .count+.count{margin-left:-2px}.monat-kopf{justify-content:space-between;align-items:center;margin:20px 2px 12px;font-size:17px;display:flex}.monat-kopf a{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;font-size:20px;display:grid}.raster-kopf,.raster{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.raster-kopf{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:center;margin-bottom:6px;font-size:11px}.zelle{aspect-ratio:1;background:var(--surface);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.zelle.fremd{opacity:.35}.zelle.heute .zahl{color:var(--accent);font-weight:700}.zelle.gewaehlt{border-color:var(--accent);background:var(--surface-2)}.zelle .zahl{font-size:14px}.zelle .punkte{gap:3px;height:6px;display:flex}.p{border-radius:50%;width:5px;height:5px;display:inline-block}.p.termin{background:var(--accent)}.p.frist{background:var(--danger);border-radius:1px}.p.aufgabe{border:1.5px solid var(--muted);background:0 0}.legende-box{margin-top:10px}.legende-box>summary{color:var(--muted);cursor:pointer;align-items:center;gap:14px;font-size:12px;list-style:none;display:flex}.legende-box>summary::-webkit-details-marker{display:none}.legende-box>summary>span{align-items:center;gap:5px;display:inline-flex}.legende-box>summary .mehr{text-underline-offset:3px;margin-left:auto;text-decoration:underline}.legende-box[open]>summary .mehr:after{content:" ▴"}.legende-box:not([open])>summary .mehr:after{content:" ▾"}.legende-gruppe{margin-top:12px}.legende-titel{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px;font-size:11px}.legende{color:var(--text);flex-wrap:wrap;gap:10px 14px;font-size:12.5px;display:flex}.legende span{align-items:center;gap:5px;display:inline-flex}.task.extern{background:0 0;border-style:dashed}.extern-marke{background:var(--surface-2);border:1px solid var(--border);border-radius:7px;flex:none;width:26px;height:26px;margin-top:1px}.nav a.avatar-tab{flex:0 0 52px;justify-content:center;align-items:center;padding:5px;display:flex}.avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:30px;height:30px;display:block}.nav a.avatar-tab.on .avatar{border-color:var(--accent)}.avatar-initial{background:var(--accent);color:#fff;place-items:center;font-size:14px;font-weight:700;display:grid}.suchfeld{z-index:15;border-radius:12px;width:100%;margin-top:14px;padding:12px 14px;font-size:16px;position:sticky;top:56px}.info-wert{font-variant-numeric:tabular-nums;word-break:break-word;-webkit-user-select:text;user-select:text;margin-top:6px;font-size:17px}.auslage-kopf{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.auslage-kopf .betrag{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;font-size:18px;font-weight:700}.task.auslage.done .betrag{color:var(--muted)}.betrag-feld{font-variant-numeric:tabular-nums;text-align:right;max-width:180px;font-weight:700;font-size:24px!important}.kunde-kopf{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kunde-name{flex:auto;font-weight:600}.kunde-kopf .count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px}.task.kunde .meta{margin-top:10px}.task.kunde .meta .pill{padding:5px 11px;font-size:12.5px}.capture.inline{background:0 0;padding:0;position:static}.capture.inline .capture-inner{align-items:stretch;max-width:none}.capture.inline textarea{min-height:68px}.capture.inline button{height:auto;min-height:68px}.select,.inp{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:7px 9px;font-size:14px}
