:root{--ink: #211a15;--cream: #fbf6ef;--lin: #efe7da;--coral: #ff7a4d;--coral-shadow: rgba(232, 87, 43, .32);--text: #211a15;--text-muted: #6b5e50;--text-faint: #a0937e;--text-nav-off: #c3b6a1;--line: #ece2d2;--line-soft: #f1e8da;--fill-soft: #fbf6ef;--dash: #d6c7ac;--track: #ece2d2;--miel: #e0a33f;--mint: #44b89a;--hydra-bg: #c5e9d4;--hydra-fg: #235943;--prot-bg: #e3d5ff;--prot-fg: #3d2e66;--mass-bg: #fce49e;--mass-fg: #6e520f;--nuit-bg: #cfe6f1;--nuit-fg: #2a5a73;--pec-bg: #ffd2bc;--pec-fg: #9a4523;--grad-lav: linear-gradient(135deg, #e3d5ff 0%, #9b6dc4 100%);--grad-miel: linear-gradient(135deg, #fce49e 0%, #e0a33f 100%);--grad-mint: linear-gradient(135deg, #c5e9d4 0%, #44b89a 100%);--grad-coral: linear-gradient(135deg, #ffd2bc 0%, #ff7a4d 100%);--grad-neutral: linear-gradient(135deg, #fbf6ef 0%, #efe7da 100%);--r-sm: 12px;--r-md: 14px;--r-lg: 18px;--r-xl: 20px;--r-2xl: 26px;--shadow-card: 0 22px 60px rgba(60, 40, 20, .16);--shadow-soft: 0 4px 14px rgba(33, 26, 21, .25);--font-display: "Funnel Display", system-ui, sans-serif;--font-ui: "Schibsted Grotesk", system-ui, sans-serif;--font-sig: "Caprasimo", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--lin);font-family:var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;height:100dvh;overflow:hidden}#root{height:100dvh}button{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer}input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}.app{width:100%;max-width:430px;margin:0 auto;height:100dvh;background:var(--cream);display:flex;flex-direction:column;position:relative;overflow:hidden}@media(min-width:460px){html,body{height:auto;min-height:100dvh;overflow:auto}body{display:flex;align-items:center;justify-content:center;padding:24px}#root{height:auto}.app{width:390px;height:844px;min-height:0;border-radius:50px;box-shadow:var(--shadow-card);border:1px solid #e8dbc4}}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 18px 24px;padding-top:max(8px,env(safe-area-inset-top));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav{flex:none;display:flex;align-items:center;padding:14px 8px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid rgba(33,26,21,.06);position:relative}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--text-nav-off);transition:color .15s ease}.nav-item.is-active{color:var(--ink)}.nav-center{flex:1;height:46px;position:relative;cursor:pointer}.mini-timer{flex:none;display:flex;align-items:center;gap:12px;margin:0 14px;padding:10px 12px;background:var(--ink);color:var(--cream);border:none;border-radius:18px;box-shadow:var(--shadow-soft);cursor:pointer;text-align:left}.mini-timer-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.mini-timer-body{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.mini-timer-label{font-size:12.5px;font-weight:700;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-timer-bar{display:block;height:3px;background:#fbf6ef2e;border-radius:2px;overflow:hidden}.mini-timer-bar-fill{display:block;height:100%;background:var(--coral);transition:width .5s linear}.mini-timer-time{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.02em;flex:0 0 auto}.nav-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:16px;background:var(--ink);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #211a1540;transition:transform .12s ease}.nav-center:active .nav-logo{transform:translate(-50%,-50%) scale(.92)}.label{font-family:var(--font-ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.eyebrow{font-family:var(--font-ui);font-size:11.5px;color:var(--ink);font-weight:600}.h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.02;margin:0}.serif-accent{font-family:var(--font-ui);font-style:italic;font-weight:500;letter-spacing:-.005em}.pill{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:20px;display:inline-block;white-space:nowrap}button.pill{padding:9px 14px;font-size:11px;border:none;cursor:pointer;min-height:36px}.pill-hydra{background:var(--hydra-bg);color:var(--hydra-fg)}.pill-prot{background:var(--prot-bg);color:var(--prot-fg)}.pill-mass{background:var(--mass-bg);color:var(--mass-fg)}.pill-nuit{background:var(--nuit-bg);color:var(--nuit-fg)}.pill-pec{background:var(--pec-bg);color:var(--pec-fg)}.pill-cor{background:var(--coral);color:#fff}.pill-ink{background:var(--ink);color:var(--cream)}.check{width:24px;height:24px;border:2px solid var(--dash);border-radius:50%;flex:0 0 auto;background:none;transition:border-color .15s ease,background .15s ease}.check-on{width:24px;height:24px;border-radius:50%;flex:0 0 auto;background:var(--coral);border:none;display:flex;align-items:center;justify-content:center;animation:pop .25s ease}.check-next{width:24px;height:24px;border-radius:50%;flex:0 0 auto;border:2px solid var(--coral);background:none;display:flex;align-items:center;justify-content:center}.check-next>span{width:8px;height:8px;border-radius:50%;background:var(--coral)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.task{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:13px 14px;width:100%;text-align:left}.task-done{background:var(--cream)}.task-text{flex:1;font-size:13.5px;color:var(--ink);font-weight:500}.task-done .task-text{color:var(--text-faint);text-decoration:line-through;text-decoration-color:var(--dash)}.task-next{border-color:#ffcab1;background:#fff1ea}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg)}.ink{background:var(--ink);color:var(--cream);border-radius:var(--r-2xl);padding:22px;position:relative;overflow:hidden}.ink-bg:before,.ink-bg:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(251,246,239,.12);pointer-events:none}.ink-bg:before{right:-30px;top:-30px;width:130px;height:130px}.ink-bg:after{right:-66px;top:-66px;width:200px;height:200px;border-color:#fbf6ef0f}.bar{height:7px;border-radius:5px;background:#fbf6ef29;overflow:hidden}.bar-fill{height:100%;background:var(--coral);border-radius:5px;transition:width .5s cubic-bezier(.22,1,.36,1)}.bar-light{height:5px;border-radius:4px;background:var(--track);overflow:hidden}.tile{width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.tile-sm{width:36px;height:36px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.row{text-decoration:none;color:inherit;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;width:100%;text-align:left}.row-title{font-size:14.5px;font-weight:700}.row-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.chevron{color:var(--text-faint);font-size:18px;line-height:1}.icon-btn{width:44px;height:44px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;color:var(--ink)}.sig-r{position:relative;display:inline-block;line-height:1}.sig-r .star{position:absolute;left:-9px;top:-3px;width:11px;height:15px}.sig-r .glyph{font-family:var(--font-sig);font-size:32px;line-height:.82;font-style:italic;color:var(--ink)}.switch{width:50px;height:30px;border-radius:18px;position:relative;flex:0 0 auto;background:#e0d3bb;transition:background .18s ease;cursor:pointer;border:none;padding:0}.switch.on{background:var(--coral)}.switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:left .18s ease}.switch.on .knob{left:23px}.btn{border-radius:var(--r-lg);padding:15px 0;text-align:center;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-ink{background:var(--ink);color:var(--cream)}.btn-soft{background:var(--cream);border:1px solid var(--line);color:var(--ink)}.btn-coral{background:var(--coral);color:#fff}.stack{display:flex;flex-direction:column}.fade-in{animation:fade .28s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.field{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 16px;display:flex;flex-direction:column;gap:3px;width:100%;text-align:left}.field-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.field-value{font-size:15.5px;color:var(--ink);font-weight:500}.field-value::placeholder{color:#c3b6a1;font-weight:500}.field input{background:none;border:none;outline:none;font:inherit;color:inherit;padding:0;width:100%}.field input::placeholder{color:#c3b6a1;font-weight:500}.field:focus-within{border-color:var(--coral)}.btn-primary{width:100%;text-align:center;padding:16px 0;border-radius:18px;background:var(--coral);color:#fff;font-weight:700;font-size:15.5px;box-shadow:0 6px 18px #ff7a4d47;letter-spacing:-.005em;transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.btn-primary:active{transform:scale(.985)}.btn-primary:disabled{background:#f2c2ad;box-shadow:none;cursor:not-allowed}.btn-ink-wide{width:100%;text-align:center;padding:16px 0;border-radius:18px;background:var(--ink);color:var(--cream);font-weight:700;font-size:15.5px;transition:transform .12s ease}.btn-ink-wide:active{transform:scale(.985)}.btn-ink-wide:disabled{opacity:.5;cursor:not-allowed}.link{font-size:13px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--dash);text-underline-offset:3px;background:none;border:none;padding:0;cursor:pointer}.link-sm{font-size:12px}.sep{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.sep:before,.sep:after{content:"";flex:1;height:1px;background:#e0d3bb}.touchid-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 3px #3c28140f;transition:transform .12s ease}.touchid-btn:active{transform:scale(.985)}.touchid-ring{width:62px;height:62px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center}.small{font-size:12.5px;color:var(--text-muted);line-height:1.5}.chip{text-align:center;font-size:12px;font-weight:600;padding:10px 0;border-radius:14px;background:var(--cream);border:1px solid var(--line);color:var(--text-muted);transition:all .15s ease}.chip.is-selected{font-weight:700;border-color:transparent}.chip.is-selected-coral{background:var(--coral);color:#fff;box-shadow:0 4px 14px #ff7a4d47}.chip.is-selected-ink{background:var(--ink);color:var(--cream)}.chip.is-selected-hydra{background:var(--hydra-bg);color:var(--hydra-fg)}.field-time{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);border:none;background:none;padding:0;width:60px;text-align:right;outline:none;font-variant-numeric:tabular-nums}.field-time::-webkit-calendar-picker-indicator,.field-time::-webkit-inner-spin-button,.field-time::-webkit-clear-button{display:none;-webkit-appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.sr-only:focus-visible+.chip-tick{outline:2px solid var(--coral);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}