:root,[data-mode=ankommen]{--bg:#18211e;--surface:#212c28;--surface-2:#2a3732;--line:#33433c;--text:#e8efea;--muted:#9fb2a8;--accent:#8fb79c;--accent-strong:#a9cbb3;--on-accent:#13201a;--accent-soft:#8fb79c29;--shadow:0 10px 30px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-mode=wach]{--bg:#f7f3ec;--surface:#fffdf8;--surface-2:#f0e9dd;--line:#e7dfd2;--text:#2e2a24;--muted:#7d7366;--accent:#c58133;--accent-strong:#b06f24;--on-accent:#fff;--accent-soft:#d9934a29;--shadow:0 10px 30px #3c280a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}*{box-sizing:border-box}body{min-height:100dvh;color:var(--text);background:var(--bg);margin:0;transition:background-color .4s,color .4s}button,input,select{font:inherit;color:inherit}button{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.screen{max-width:32rem;min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) 1.5rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem 0;display:flex}h1,h2{letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:1.8rem}h2{font-size:1.5rem}.lead{color:var(--muted);margin:0;font-size:1.1rem}.hint{color:var(--muted);margin:0;font-size:.95rem}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.primary-button{background:var(--accent);width:100%;min-height:3.5rem;color:var(--on-accent);border:none;border-radius:1.1rem;font-size:1.1rem;font-weight:700;transition:transform .15s}.ghost-button{min-height:3rem;color:var(--muted);background:0 0;border:none;padding:0 1rem;font-weight:600}.ghost-button:disabled{opacity:.5}.icon-button{width:3rem;height:3rem;color:var(--muted);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.round-button{border:2px solid var(--accent);width:4rem;height:4rem;color:var(--accent-strong);background:0 0;border-radius:50%;place-items:center;transition:transform .15s;display:grid}.primary-button:active,.round-button:active,.big-button:active{transform:scale(.96)}.actions{gap:.25rem;display:grid}.home-head{gap:.9rem;padding-top:.5rem;display:grid}.greeting{text-align:center;color:var(--muted);margin:0;font-size:1rem}.segmented{background:var(--surface-2);border-radius:1rem;gap:.25rem;padding:.25rem;display:flex}.segmented button{min-height:2.75rem;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:.8rem;flex:1;justify-content:center;align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;transition:background-color .25s,color .25s;display:flex}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001f}.segmented button.on .icon{color:var(--accent)}.big-button{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--accent-strong), var(--accent));width:min(15rem,64vw);color:var(--on-accent);letter-spacing:.01em;border:none;border-radius:50%;font-size:2.8rem;font-weight:700;transition:transform .15s;animation:5s ease-in-out infinite breathe}@keyframes breathe{0%,to{box-shadow:0 0 0 .9rem var(--accent-soft), 0 0 3rem 1rem var(--accent-soft)}50%{box-shadow:0 0 0 1.6rem var(--accent-soft), 0 0 4rem 1.6rem var(--accent-soft)}}.home-foot{justify-content:center;display:flex}.sheet-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:32rem;padding:.5rem 1rem max(1.25rem, env(safe-area-inset-bottom));background:var(--surface);box-shadow:var(--shadow);border-radius:1.5rem 1.5rem 0 0;animation:.25s slide-up}.sheet-grip{background:var(--line);border-radius:1rem;width:2.5rem;height:.3rem;margin:.25rem auto .75rem}.sheet-row{width:100%;min-height:3.5rem;color:var(--text);text-align:left;background:0 0;border:none;border-radius:.9rem;align-items:center;gap:.9rem;padding:0 .75rem;text-decoration:none;display:flex}.sheet-row .icon{color:var(--accent)}.sheet-label{flex:1;font-weight:600}.sheet-value{color:var(--muted)}.version{text-align:center;color:var(--muted);margin:.75rem 0 0;font-size:.8rem}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.track{background:var(--line);border-radius:1rem;flex-shrink:0;width:3.1rem;height:1.9rem;transition:background-color .25s;position:relative}.thumb{background:#fff;border-radius:50%;width:1.5rem;height:1.5rem;transition:transform .25s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px 3px #00000040}[aria-checked=true]>.track{background:var(--accent)}[aria-checked=true]>.track .thumb{transform:translate(1.2rem)}.card{background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:1.75rem;flex-direction:column;align-items:center;gap:.9rem;padding:2rem 1.5rem;display:flex}.icon-bubble{background:var(--accent-soft);width:6rem;height:6rem;color:var(--accent-strong);border-radius:50%;place-items:center;display:grid}.icon-bubble.small{width:3.75rem;height:3.75rem}.chip{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.preview{color:var(--muted);margin:0;line-height:1.45}.progress{gap:.35rem;display:flex}.progress span{background:var(--line);border-radius:1rem;width:1.4rem;height:.35rem;transition:background-color .3s}.progress span.done{background:var(--accent)}.progress span.now{background:var(--accent);opacity:.55}.ring{aspect-ratio:1;width:min(17rem,72vw);position:relative}.ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-svg circle{fill:none;stroke-width:4px}.ring-track{stroke:var(--line)}.ring-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ring.paused .ring-progress{opacity:.4}.ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:12%}.ring-icon{color:var(--accent-strong);margin-bottom:.5rem}.ring-seconds{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.1}.ring-unit{color:var(--muted);font-size:.8rem}.step-text{align-items:center;min-height:3.9em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.35;display:flex}.controls{justify-content:center;gap:2rem;padding-bottom:.5rem;display:flex}.figure{width:auto;height:52%;margin-bottom:.25rem}.figure path,.figure circle{fill:none;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.figure-body{stroke:var(--accent-strong)}.figure-far{stroke:var(--accent);opacity:.45}.figure-ground{stroke:var(--line);stroke-width:3px;stroke-linecap:round}.done-check{background:var(--accent-soft);width:7.5rem;height:7.5rem;color:var(--accent-strong);border-radius:50%;place-items:center;animation:.5s ease-out pop;display:grid}.done-check .icon{stroke-width:2.2px}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.choices{gap:1rem;width:100%;margin:.5rem 0;display:grid}.choice{border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:var(--shadow);border-radius:1.5rem;justify-items:center;gap:.35rem;padding:1.5rem 1rem;display:grid}.choice-label{font-size:1.3rem;font-weight:700}.choice-hint{color:var(--muted);font-size:.95rem}.input-step{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.input-step .step-text{min-height:0}.input-progress{color:var(--muted);margin:0}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:2.5rem;margin:0;padding:0;list-style:none;display:flex}.chips .chip{background:var(--accent-soft);color:var(--text);padding:.4rem .95rem;font-size:1rem;animation:.25s ease-out pop}.input-row{gap:.5rem;width:100%;display:flex}.input-row input{border:2px solid var(--line);background:var(--surface);border-radius:1rem;flex:1;min-width:0;min-height:3.5rem;padding:0 1rem;font-size:1.1rem}.input-row input:focus{border-color:var(--accent);outline:none}.input-row input::placeholder{color:var(--muted);opacity:.7}.input-submit{background:var(--accent);width:3.5rem;color:var(--on-accent);border:none;border-radius:1rem;flex-shrink:0;place-items:center;display:grid}.settings{flex-direction:column;gap:1rem;padding:.5rem 0 2rem;display:flex}.setting-row{background:var(--surface);text-align:left;border:none;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.5rem;padding:.75rem 1rem;display:flex}.setting-row:disabled{opacity:.6}.setting-label{font-weight:600}.setting-hint{color:var(--muted);font-size:.85rem}.time-window{gap:1rem;display:flex}.time-window label{color:var(--muted);flex:1;gap:.25rem;font-size:.9rem;display:grid}.time-window select{border:2px solid var(--line);background:var(--surface);border-radius:.9rem;min-height:3rem;padding:0 .75rem;font-size:1.1rem}.notice{background:var(--surface);border-radius:1rem;margin:0;padding:.75rem 1rem}.error-detail{color:var(--muted);word-break:break-word;margin-top:.5rem;font-size:.8rem;display:block}.install-steps{text-align:left;gap:.75rem;margin:0;padding-left:1.5rem;font-size:1.05rem;display:grid}@media (height<=640px){.ring{width:min(13rem,62vw)}.step-text{min-height:0;font-size:1.15rem}.center{gap:.75rem;padding:.5rem 0}}@media (width<=360px){.segmented button .icon{display:none}.segmented button{font-size:.85rem}}