:root,[data-mode=ankommen]{--bg:#1f3333;--surface:#2a4545;--text:#eef5f1;--muted:#b5c9c0;--accent:#a8d5ba;--on-accent:#1a2e2e;--track:#ffffff24}[data-mode=wach]{--bg:#fff5e8;--surface:#ffe6c7;--text:#3a2410;--muted:#7a5a3c;--accent:#c4561a;--on-accent:#fff;--track:#3a241024}:root{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family: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{font:inherit;color:inherit;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.25rem 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:.5rem;min-height:3rem;display:flex}.topbar.centered{justify-content:center}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem 0;display:flex}h1,h2{margin:0;font-weight:650}h1{font-size:1.8rem}h2{font-size:1.6rem}.lead{margin:0;font-size:1.2rem}.hint{color:var(--muted);margin:0}.emoji{font-size:4.5rem;line-height:1}.emoji.small{font-size:3rem}.choices{gap:1rem;width:100%;display:grid}.choice{border:none;border-radius:1.5rem;justify-items:center;gap:.25rem;padding:1.5rem 1rem;display:grid}.choice-ankommen{color:#eef5f1;background:#2a4545;box-shadow:inset 0 0 0 2px #a8d5ba}.choice-wach{color:#3a2410;background:#fff5e8;box-shadow:inset 0 0 0 2px #c4561a}.choice-icon{font-size:2.5rem;line-height:1.2}.choice-label{font-size:1.35rem;font-weight:650}.choice-hint{opacity:.85;font-size:.95rem}.mode-switch{white-space:nowrap;min-height:3rem;color:var(--muted);background:0 0;border:none;align-items:center;gap:.5rem;padding:0 .25rem;font-size:.85rem;display:flex}@media (width<=360px){.mode-switch{font-size:.8rem}.mode-switch .mode-icon{display:none}}.mode-switch .active{color:var(--text);font-weight:650}.track{background:var(--track);border-radius:1rem;flex-shrink:0;width:2.75rem;height:1.5rem;position:relative}.thumb{background:var(--accent);border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .25s;position:absolute;top:.2rem;left:.2rem}.mode-switch[aria-checked=true] .thumb,.setting-row[aria-checked=true] .thumb{transform:translate(1.25rem)}.big-button{aspect-ratio:1;background:var(--accent);width:min(16rem,72vw);color:var(--on-accent);letter-spacing:.02em;border:none;border-radius:50%;padding:2rem;font-size:3rem;font-weight:700;line-height:1.25;transition:transform .15s;animation:4s ease-in-out infinite glow}.big-button:active,.start-button:active{transform:scale(.96)}@keyframes glow{0%,to{box-shadow:0 0 0 .5rem color-mix(in srgb, var(--accent) 25%, transparent)}50%{box-shadow:0 0 0 1.5rem color-mix(in srgb, var(--accent) 12%, transparent)}}.start-button{background:var(--accent);min-width:14rem;min-height:4rem;color:var(--on-accent);border:none;border-radius:2rem;margin-top:1rem;padding:0 2rem;font-size:1.3rem;font-weight:700;transition:transform .15s}.text-button{min-height:3rem;color:var(--muted);text-underline-offset:.2em;background:0 0;border:none;padding:0 .5rem;text-decoration:underline}.secondary-button{background:var(--surface);border:none;border-radius:1.75rem;flex:1;min-height:3.5rem;font-weight:600}.step-count{color:var(--muted);font-size:.95rem}.step-text{align-items:center;min-height:4.5em;margin:0;font-size:1.5rem;font-weight:600;line-height:1.35;display:flex}.ring{width:11rem;height:11rem;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:8px}.ring-track{stroke:var(--track)}.ring-progress{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.ring.paused .ring-progress{opacity:.4}.ring-label{font-variant-numeric:tabular-nums;place-items:center;font-size:2rem;font-weight:700;display:grid;position:absolute;inset:0}.controls{gap:.75rem;display:flex}.ring.compact{width:8rem;height:8rem}.ring.compact .ring-label{font-size:1.6rem}.center.with-figure{gap:.75rem;padding:.5rem 0}.center.with-figure .step-text{min-height:3.9em;font-size:1.3rem}.figure{width:9.5rem;height:auto;max-height:26dvh}.figure path,.figure circle{fill:none;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.figure-body{stroke:var(--text)}.figure-far{stroke:var(--muted);opacity:.55}.figure-ground{stroke:var(--track);stroke-width:3px;stroke-linecap:round}.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}.chip{background:var(--surface);border-radius:1.25rem;padding:.35rem .9rem;animation:.25s ease-out chip-in}@keyframes chip-in{0%{opacity:0;transform:scale(.8)}}.input-row{gap:.5rem;width:100%;display:flex}.input-row input{border:2px solid var(--track);background:var(--surface);min-width:0;min-height:3.5rem;color:var(--text);font:inherit;border-radius:1rem;flex:1;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;font-size:1.4rem;font-weight:700}.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}.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(--track);background:var(--surface);min-height:3rem;color:var(--text);font:inherit;border-radius:.75rem;padding:0 .75rem;font-size:1.1rem}.notice{background:var(--surface);border-radius:1rem;margin:0;padding:.75rem 1rem}.install-steps{text-align:left;gap:.75rem;margin:0;padding-left:1.5rem;font-size:1.1rem;display:grid}.setting-hint{color:var(--muted);font-size:.85rem}.footer{text-align:center;color:var(--muted);font-size:.8rem}.footer-link{font-size:.9rem;text-decoration:none}.footer-link+.footer-link{margin-left:.5rem}.footer a{color:var(--accent)}@media (height<=600px){.ring.compact{width:6rem;height:6rem}.ring.compact .ring-label{font-size:1.3rem}.center.with-figure .step-text{font-size:1.15rem}}