:root{--bg: #07091a;--bg-deep: #050714;--surface: rgba(20, 24, 48, .62);--surface-soft: rgba(16, 20, 40, .55);--surface-strong: rgba(28, 34, 64, .82);--surface-input: rgba(10, 14, 32, .55);--border-glass: rgba(140, 160, 255, .14);--border-glass-strong: rgba(160, 180, 255, .28);--border-divider: rgba(140, 160, 255, .1);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .07);--inner-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .1);--text: #eef1ff;--text-soft: #a8b1cf;--text-faint: #6e7799;--text-on-grad: #ffffff;--accent-pink: #ff2e87;--accent-violet: #b14bff;--accent-cyan: #00d4ff;--accent-grad: linear-gradient(135deg, #ff2e87 0%, #b14bff 50%, #00d4ff 100%);--accent-grad-soft: linear-gradient(135deg, rgba(255, 46, 135, .18) 0%, rgba(177, 75, 255, .16) 50%, rgba(0, 212, 255, .18) 100%);--glow-pink: 0 0 24px rgba(255, 46, 135, .28);--glow-cyan: 0 0 40px rgba(0, 212, 255, .16);--glow-cta: 0 0 22px rgba(255, 46, 135, .3), 0 0 56px rgba(0, 212, 255, .12);--glow-thumb: 0 0 14px rgba(255, 46, 135, .45), 0 0 28px rgba(0, 212, 255, .22);--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px rgba(0, 0, 0, .35);--shadow-tabs: 0 8px 24px rgba(0, 0, 0, .45);--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .55);--warning-text: #fcd28a;--radius-card: 18px;--radius-input: 12px}[data-theme=light]{--bg: #fbece1;--bg-deep: #f5dfc8;--surface: rgba(255, 248, 236, .82);--surface-soft: rgba(255, 245, 230, .62);--surface-strong: rgba(255, 250, 240, .94);--surface-input: rgba(255, 250, 242, .88);--border-glass: rgba(120, 60, 40, .14);--border-glass-strong: rgba(120, 60, 40, .26);--border-divider: rgba(120, 60, 40, .12);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .75);--inner-highlight-strong: inset 0 1px 0 rgba(255, 255, 255, .95);--text: #231733;--text-soft: #6b4a5a;--text-faint: #816070;--text-on-grad: #ffffff;--accent-pink: #ff3b6b;--accent-violet: #ff7a3d;--accent-cyan: #14b8c6;--accent-grad: linear-gradient(135deg, #ff3b6b 0%, #ff7a3d 55%, #ffb547 100%);--accent-grad-soft: linear-gradient(135deg, rgba(255, 59, 107, .16) 0%, rgba(255, 122, 61, .14) 55%, rgba(255, 181, 71, .18) 100%);--glow-pink: 0 0 22px rgba(255, 59, 107, .3);--glow-cyan: 0 0 36px rgba(20, 184, 198, .18);--glow-cta: 0 0 22px rgba(255, 59, 107, .28), 0 0 56px rgba(255, 122, 61, .16);--glow-thumb: 0 0 14px rgba(255, 59, 107, .4), 0 0 24px rgba(255, 122, 61, .22);--shadow-card: 0 1px 2px rgba(72, 30, 20, .08), 0 12px 32px rgba(72, 30, 20, .14);--shadow-tabs: 0 10px 28px rgba(72, 30, 20, .18);--warning-bg: rgba(245, 158, 11, .14);--warning-border: rgba(245, 158, 11, .55);--warning-text: #8a5a10}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{background:var(--bg);min-height:100vh;min-height:100dvh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 700px at 100% 0%,rgba(0,212,255,.18),transparent 60%),radial-gradient(800px 650px at 0% 100%,rgba(255,46,135,.16),transparent 55%),radial-gradient(600px 450px at 50% 40%,rgba(80,50,200,.08),transparent 60%)}#root{min-height:100vh;min-height:100dvh}button,[role=tab],.checkbox-field,input[type=checkbox],input[type=range]{-webkit-tap-highlight-color:transparent}.app{max-width:720px;margin:0 auto;padding:max(16px,calc(env(safe-area-inset-top,0px) + 8px)) max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 32px) max(16px,env(safe-area-inset-left,0px));position:relative;z-index:1}.app-header{display:flex;align-items:center;gap:12px;padding:4px 4px 16px}.app-headline{flex:1;min-width:0}.theme-toggle{flex-shrink:0;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text);border:1px solid var(--border-glass);border-radius:12px;cursor:pointer;padding:0;transition:background .18s,color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.theme-toggle:hover{background:#ffffff12;box-shadow:var(--inner-highlight)}.theme-toggle:active{background:#ffffff1a}.theme-toggle svg{display:block}.app-logo{width:44px;height:44px;border-radius:12px;flex-shrink:0;box-shadow:0 0 0 1px #a0b4ff29,0 0 18px #ff2e872e}.app-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.015em;color:var(--text);background:linear-gradient(180deg,#fff,#c8d0ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-tagline{font-size:13px;color:var(--text-soft);margin:2px 0 0}.tabs{display:flex;gap:4px;background:#0e122694;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-card);padding:4px;box-shadow:var(--shadow-tabs),var(--inner-highlight);margin-bottom:18px;position:sticky;top:max(8px,env(safe-area-inset-top,0px));z-index:10}.tab{flex:1;background:transparent;border:none;border-radius:12px;padding:12px 10px;min-height:44px;font:inherit;font-weight:500;font-size:15px;color:var(--text-soft);cursor:pointer;transition:color .18s,background .18s,box-shadow .18s;letter-spacing:.005em}.tab[aria-selected=true]{background:var(--accent-grad);color:var(--text-on-grad);font-weight:600;box-shadow:var(--glow-cta),var(--inner-highlight-strong)}.tab:active:not([aria-selected=true]){background:#ffffff0a;color:var(--text)}@media (hover: hover){.tab:hover:not([aria-selected=true]){background:#ffffff0d;color:var(--text)}}.card{background:var(--surface);border:1px solid var(--border-glass);border-radius:var(--radius-card);padding:22px 20px;box-shadow:var(--shadow-card),var(--inner-highlight);margin-bottom:16px}.card h2{font-size:20px;font-weight:700;margin:0 0 14px;color:var(--text);letter-spacing:-.012em}.card h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);margin:18px 0 8px}.card h3:first-child{margin-top:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field-label{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.005em}.field-hint{font-size:12px;color:var(--text-faint);line-height:1.5}.input,input[type=number],input[type=datetime-local],input[type=text],select{background:var(--surface-input);border:1px solid var(--border-glass);border-radius:var(--radius-input);padding:14px;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;color:var(--text);width:100%;min-height:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff0a}.input::placeholder,input::placeholder{color:var(--text-faint)}.input:focus,input[type=number]:focus,input[type=datetime-local]:focus,input[type=text]:focus,select:focus{border-color:var(--accent-cyan);outline:none;box-shadow:inset 0 1px #ffffff0a,0 0 0 3px #00d4ff2e}input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85) brightness(1.1);opacity:.75}.row{display:flex;gap:10px;align-items:stretch}.row>*{flex:1}.toggle-group{display:flex;background:var(--surface-input);border:1px solid var(--border-glass);border-radius:var(--radius-input);padding:3px}.toggle-group button{flex:1;background:transparent;border:none;padding:0 12px;min-height:38px;font:inherit;font-size:14px;font-weight:500;border-radius:9px;cursor:pointer;color:var(--text-soft);transition:background .18s,color .18s,box-shadow .18s}.toggle-group button[aria-pressed=true]{background:var(--surface-strong);color:var(--text);font-weight:600;box-shadow:inset 0 1px #ffffff14,0 1px #00000040}.slider-field{margin-bottom:22px}.slider-field:last-child{margin-bottom:4px}.slider-field .slider-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;margin-bottom:6px}.slider-field .slider-label{font-weight:600;flex-shrink:0;color:var(--text)}.slider-field .slider-value{color:var(--text-soft);text-align:right;font-size:12px;line-height:1.4}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;background:transparent;outline:none;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,#ff2e878c,#b14bff8c,#00d4ff8c),#ffffff0f;background-blend-mode:normal;border-radius:999px;border:1px solid rgba(140,160,255,.12);box-shadow:inset 0 1px 1px #0006}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:var(--accent-grad);border-radius:50%;cursor:pointer;border:3px solid #ffffff;box-shadow:var(--glow-thumb);margin-top:-11px}input[type=range]::-moz-range-track{height:8px;background:linear-gradient(90deg,#ff2e878c,#b14bff8c,#00d4ff8c),#ffffff0f;border-radius:999px;border:1px solid rgba(140,160,255,.12)}input[type=range]::-moz-range-thumb{width:28px;height:28px;background:var(--accent-grad);border-radius:50%;cursor:pointer;border:3px solid #ffffff;box-shadow:var(--glow-thumb)}.slider-anchors{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-top:4px}.checkbox-field{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface-soft);border:1px solid var(--border-glass);border-radius:var(--radius-input);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s,background .18s}.checkbox-field input[type=checkbox]{width:22px;height:22px;flex-shrink:0;margin-top:2px;accent-color:var(--accent-pink)}.checkbox-field .checkbox-text{flex:1;color:var(--text)}.checkbox-field .checkbox-detail{font-size:12px;color:var(--text-soft);display:block;margin-top:3px;line-height:1.5}.warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-left-width:3px;padding:10px 14px;border-radius:10px;font-size:14px;color:var(--warning-text);margin-bottom:12px}.timeline{list-style:none;padding:0;margin:0}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-divider)}.timeline-item:last-child{border-bottom:none}.timeline-when{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.005em}.timeline-when-day{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-weight:700;margin-bottom:3px}.timeline-when-window{font-size:12px;color:var(--text-soft);margin-top:2px;font-weight:400;font-variant-numeric:tabular-nums}.timeline-body .timeline-label{font-weight:600;font-size:15px;color:var(--text)}.timeline-body .timeline-detail{font-size:13px;color:var(--text-soft);margin-top:4px;line-height:1.5}.timeline-kind{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;padding:3px 9px;border-radius:999px;text-transform:uppercase;margin-right:8px;vertical-align:middle;border:1px solid transparent;font-variant-numeric:tabular-nums}.timeline-kind.feed,.timeline-kind.float{background:#00d4ff1a;color:#7be9ff;border-color:#00d4ff4d}.timeline-kind.mix{background:#b14bff1f;color:#d6b3ff;border-color:#b14bff57}.timeline-kind.fold,.timeline-kind.preshape,.timeline-kind.shape{background:#9682ff1a;color:#c0b8ff;border-color:#9682ff4d}.timeline-kind.proof{background:#5082ff1a;color:#aac4ff;border-color:#5082ff4d}.timeline-kind.preheat,.timeline-kind.bake{background:#ff2e871a;color:#ff9dc4;border-color:#ff2e8759}.timeline-kind.ready{background:var(--accent-grad);color:var(--text-on-grad);border-color:transparent;box-shadow:var(--glow-cta)}.recipe-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px dashed var(--border-divider);font-variant-numeric:tabular-nums}.recipe-row:last-child{border-bottom:none}.recipe-row .recipe-name{font-weight:500;color:var(--text)}.recipe-row .recipe-grams{color:var(--text-soft);white-space:nowrap}.recipe-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.chip{background:#00d4ff1a;color:#8ee9ff;border:1px solid rgba(0,212,255,.28);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.day-card{border:1px solid var(--border-glass);transition:border-color .18s,background .18s,box-shadow .18s}.day-card.is-current{border-color:#ff2e8773;background:linear-gradient(180deg,#ff2e870d,#00d4ff0a),var(--surface);box-shadow:var(--shadow-card),var(--inner-highlight-strong),0 0 0 1px #ff2e872e,0 0 32px #ff2e871a}.day-card .day-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.day-card-mark{background:var(--accent-grad);color:var(--text-on-grad);font-size:11px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-top:4px;box-shadow:var(--glow-cta),var(--inner-highlight-strong)}.day-card h2{margin:0 0 4px;font-size:17px}.day-card p{margin:10px 0 0;font-size:14px;color:var(--text);line-height:1.55}.day-card p strong{color:var(--text)}.day-card .day-expect{color:var(--text-soft);font-style:italic}.day-set-current{margin-top:14px;background:var(--accent-grad);color:var(--text-on-grad);border:none;padding:12px 18px;min-height:44px;border-radius:var(--radius-input);font:inherit;font-weight:600;font-size:15px;cursor:pointer;width:100%;box-shadow:var(--glow-cta),var(--inner-highlight-strong)}.day-set-current:active{filter:brightness(.92)}.starter-hub{background:var(--surface-soft);border:1px solid var(--border-glass-strong);border-radius:12px;padding:14px 16px;margin-top:14px;position:relative;box-shadow:var(--inner-highlight)}.starter-hub:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:3px;border-radius:999px;background:var(--accent-grad);box-shadow:var(--glow-pink)}.starter-hub .hub-eyebrow{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin-bottom:5px;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-pink)}.starter-hub .hub-line{font-size:15px;color:var(--text);line-height:1.5;font-variant-numeric:tabular-nums}.starter-hub .hub-line strong{color:var(--text);font-weight:700}.starter-hub .hub-relative{color:var(--text-soft);font-weight:500}.day-event-list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:6px}.day-event-list li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:var(--surface-soft);border:1px solid var(--border-glass);border-radius:10px;position:relative;overflow:hidden}.day-event-list li:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent-pink),var(--accent-cyan));opacity:.85}.day-event-list li.is-past{opacity:.45}.day-event-list li.is-past:before{background:var(--text-faint);opacity:.4}.day-event-list li.day-event-ongoing{border-style:dashed;border-color:var(--border-glass-strong);background:transparent}.day-event-list li.day-event-ongoing:before{background:var(--text-faint);opacity:.5}.day-event-time{font-weight:600;font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.day-event-label{font-size:12.5px;color:var(--text-soft);line-height:1.45}.day-float-window{background:linear-gradient(135deg,#00d4ff1f,#b14bff1a);border:1px solid rgba(0,212,255,.35);border-radius:12px;padding:12px 14px;margin:6px 0 14px;font-size:13px;color:var(--text);line-height:1.55;box-shadow:var(--inner-highlight),0 0 24px #00d4ff1a;font-variant-numeric:tabular-nums}.day-float-window strong{color:#8ee9ff;font-weight:700;letter-spacing:.02em}.foot{text-align:center;font-size:12px;color:var(--text-faint);padding:24px 12px 12px}.foot a{color:var(--text-soft)}.card ul{padding-left:18px;margin:8px 0 0;color:var(--text)}.card ul li{margin:6px 0;color:var(--text);line-height:1.55}.card ul li strong{color:var(--text)}.card p{color:var(--text);line-height:1.55}.card p strong{color:var(--text)}@media (max-width: 480px){.card{padding:20px 18px}.timeline-item{grid-template-columns:1fr;gap:4px;padding:16px 0}.timeline-item>div:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px}.timeline-when-day{flex-basis:100%;margin:0}.timeline-when{font-size:17px;letter-spacing:-.01em}.timeline-when-window{flex-basis:100%;margin:0}.timeline-body .timeline-label{font-size:16px}.timeline-body .timeline-detail{font-size:14px}.recipe-row{font-size:15px}}@media (min-width: 600px){.app{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-bottom:48px}.day-card .day-card-head{justify-content:flex-start;gap:14px}}[data-theme=light] body:before{background:radial-gradient(900px 720px at 100% 0%,rgba(255,122,61,.28),transparent 58%),radial-gradient(820px 660px at 0% 100%,rgba(20,184,198,.16),transparent 55%),radial-gradient(620px 480px at 50% 38%,rgba(255,181,71,.1),transparent 65%)}[data-theme=light] .app-title{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#000000;color:#000;font-weight:800;letter-spacing:-.02em}[data-theme=light] .app-logo{box-shadow:0 0 0 1px #783c2829,0 0 18px #ff7a3d4d}[data-theme=light] .theme-toggle{background:#fff8ecb3;border-color:var(--border-glass-strong)}[data-theme=light] .theme-toggle:hover{background:#fff8ecf2}[data-theme=light] .theme-toggle:active{background:#fff0dc}[data-theme=light] .tabs{background:#fff8ecb8;border-color:var(--border-glass-strong)}[data-theme=light] .tab:active:not([aria-selected=true]){background:#783c280f;color:var(--text)}@media (hover: hover){[data-theme=light] .tab:hover:not([aria-selected=true]){background:#783c2812;color:var(--text)}}[data-theme=light] .input:focus,[data-theme=light] input[type=number]:focus,[data-theme=light] input[type=datetime-local]:focus,[data-theme=light] input[type=text]:focus,[data-theme=light] select:focus{border-color:#ff7a3d;box-shadow:inset 0 1px #fff9,0 0 0 3px #ff7a3d38}[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.55}[data-theme=light] .toggle-group button[aria-pressed=true]{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #481e1429}[data-theme=light] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ff3b6bc7,#ff7a3dc7,#ffb547d1),#783c280f;border-color:#783c282e;box-shadow:inset 0 1px 2px #481e142e}[data-theme=light] input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ff3b6bc7,#ff7a3dc7,#ffb547d1),#783c280f;border-color:#783c282e}[data-theme=light] .input,[data-theme=light] input[type=number],[data-theme=light] input[type=datetime-local],[data-theme=light] input[type=text],[data-theme=light] select{box-shadow:inset 0 1px #fff9}[data-theme=light] .timeline-kind.feed,[data-theme=light] .timeline-kind.float{background:#14b8c629;color:#0d8a96;border-color:#14b8c673}[data-theme=light] .timeline-kind.mix{background:#ff3b6b24;color:#c12a52;border-color:#ff3b6b6b}[data-theme=light] .timeline-kind.fold,[data-theme=light] .timeline-kind.preshape,[data-theme=light] .timeline-kind.shape{background:#ff7a3d29;color:#c4541d;border-color:#ff7a3d73}[data-theme=light] .timeline-kind.proof{background:#ffb5472e;color:#a86913;border-color:#ffb5478c}[data-theme=light] .timeline-kind.preheat,[data-theme=light] .timeline-kind.bake{background:#ff3b6b24;color:#c12a52;border-color:#ff3b6b73}[data-theme=light] .chip{background:#14b8c624;color:#0d7782;border-color:#14b8c66b}[data-theme=light] .day-card.is-current{border-color:#ff3b6b8c;background:linear-gradient(180deg,#ff3b6b12,#ffb5470d),var(--surface);box-shadow:var(--shadow-card),var(--inner-highlight-strong),0 0 0 1px #ff3b6b38,0 0 32px #ff7a3d29}[data-theme=light] .day-event-list li:before{background:linear-gradient(180deg,#ff3b6b,#ff7a3d,#ffb547)}[data-theme=light] .day-event-list li.is-past:before,[data-theme=light] .day-event-list li.day-event-ongoing:before{background:var(--text-faint)}[data-theme=light] .day-float-window{background:linear-gradient(135deg,#14b8c629,#ffb54724);border-color:#14b8c673;box-shadow:var(--inner-highlight),0 0 24px #14b8c624}[data-theme=light] .day-float-window strong{color:#0d7782}[data-theme=light] .checkbox-field input[type=checkbox]{accent-color:#ff3b6b}