#onboarding{background:var(--bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;overflow:hidden}#ob-progress-bar{background:var(--border);flex-shrink:0;height:2px}#ob-progress-fill{background:var(--text);height:100%;transition:width .3s}.ob-screen{padding:calc(32px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.ob-screen--scroll{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.ob-screen-header{text-align:center;padding-top:calc(16px + env(safe-area-inset-top,0px));width:100%}.ob-icon{font-size:56px;line-height:1}.ob-title{letter-spacing:-1px;font-size:36px;font-weight:700}.ob-heading{letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:700}.ob-subtitle{color:var(--text2);max-width:320px;font-size:15px;line-height:1.6}.ob-desc{color:var(--text2);max-width:320px;font-size:14px;line-height:1.6}.ob-count{color:var(--text3);margin-top:4px;font-size:12px}.ob-btn-primary{background:var(--text);width:100%;max-width:320px;color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;margin-top:8px;padding:14px;font-size:16px;font-weight:600}.ob-btn-primary:active{opacity:.85}.ob-btn-secondary{color:var(--text3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px;font-size:14px}.ob-btn-secondary:active{color:var(--text2)}#ob-schedule-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:360px;display:grid}.ob-day-tile{border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;transition:border-color .15s;display:flex}.ob-day-tile:active{opacity:.75}.ob-day-tile--cycle{background:#fbbf2408;border-color:#fbbf2460}.ob-day-tile--rest{background:#4ade8008;border-color:#4ade8060}.ob-day-tile--fast{background:#f8717108;border-color:#f8717160}.ob-day-tile--sat{background:#60a5fa08;border-color:#60a5fa60}.ob-day-icon{font-size:20px}.ob-day-name{letter-spacing:.05em;color:var(--text2);font-size:11px;font-weight:600}.ob-day-type{color:var(--text3);letter-spacing:.04em;text-transform:uppercase;font-size:9px}.ob-supps-list{width:100%;margin-top:8px}.ob-supp-group{margin-bottom:4px}.ob-supp-group-label{color:var(--text3);letter-spacing:.06em;text-align:left;padding:10px 0 4px;font-size:11px}.ob-supp-row{border-bottom:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:10px 0;display:flex}.ob-supp-row:last-child{border-bottom:none}.ob-supp-row:active{opacity:.7}.ob-supp-toggle{background:var(--border2);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.ob-supp-toggle:after{content:"";background:var(--text3);border-radius:50%;width:16px;height:16px;transition:left .2s,background .2s;position:absolute;top:2px;left:2px}.ob-supp-toggle.on{background:var(--green)}.ob-supp-toggle.on:after{background:var(--bg);left:18px}.ob-supp-info{text-align:left;flex-direction:column;flex:1;display:flex}.ob-supp-name{font-size:14px;font-weight:500}.ob-supp-dose{color:var(--text3);margin-top:1px;font-size:11px}.ob-supp-tags{flex-wrap:wrap;gap:4px;display:flex}#ob-notif-info{border:1px solid var(--border);border-radius:12px;width:100%;max-width:320px;overflow:hidden}.ob-notif-row{border-bottom:1px solid var(--border);color:var(--text2);text-align:left;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.ob-notif-row:last-child{border-bottom:none}.ob-notif-icon{flex-shrink:0;font-size:18px}.ob-footer{width:100%;padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:8px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg1:#0a0a0a;--bg2:#141414;--bg3:#1c1c1c;--border:#2a2a2a;--border2:#333;--text:#fff;--text2:#aaa;--text3:#555;--accent:#fff;--green:#4ade80;--amber:#fbbf24;--red:#f87171;--blue:#60a5fa;--teal:#2dd4bf;--violet:#a78bfa;--safe:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;line-height:1.4}#root{height:100%}#app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}#topbar{padding:14px 16px 10px;padding-top:calc(14px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--bg);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}#topbar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text2);font-size:13px;font-weight:600}#topbar-right{align-items:center;gap:10px;display:flex}#topbar-date{color:var(--text3);font-size:13px}#notif-btn{cursor:pointer;color:var(--text3);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;transition:color .2s}#notif-btn.active{color:var(--green)}#notif-btn.denied{color:var(--red)}#test-push-btn{border:1px solid var(--border);cursor:pointer;color:var(--text3);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px;line-height:1.6;transition:color .2s,border-color .2s}#test-push-btn:active{color:var(--text);border-color:var(--text3)}#week-strip{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.week-day{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;transition:background .1s;display:flex}.week-day:active{background:var(--bg2)}.week-day-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:500}.week-day-num{width:28px;height:28px;color:var(--text2);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:400;display:flex}.week-day.active .week-day-label{color:var(--text)}.week-day.active .week-day-num{background:var(--text);color:var(--bg);font-weight:600}.week-day.today:not(.active) .week-day-num{border:1px solid var(--border2);color:var(--text)}.day-dot{border-radius:50%;width:4px;height:4px}#content{-webkit-overflow-scrolling:touch;padding:0 0 calc(70px + var(--safe));flex:1;overflow-y:auto}#hero{border-bottom:1px solid var(--border);padding:20px 16px 16px}#hero-type{letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}#hero-title{letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.1}#hero-meta{flex-wrap:wrap;gap:8px;display:flex}.hero-chip{border:1px solid var(--border2);color:var(--text2);border-radius:20px;padding:4px 10px;font-size:12px}.hero-chip.accent{border-color:var(--text2);color:var(--text)}.section{border-bottom:1px solid var(--border)}.section-header{justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}.section-action{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:12px}.supp-group{padding:0 0 4px}.supp-group-label{color:var(--text3);letter-spacing:.06em;padding:6px 16px 2px;font-size:11px}.supp-item{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:11px 16px;transition:background .1s;display:flex}.supp-item:active{background:var(--bg2)}.supp-check{border:1.5px solid var(--border2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.supp-item.done .supp-check{background:var(--green);border-color:var(--green)}.supp-check-icon{width:12px;height:12px}.supp-info{flex:1;min-width:0}.supp-name{color:var(--text);font-size:15px;font-weight:500;transition:color .15s}.supp-item.done .supp-name{color:var(--text3);text-decoration:line-through;-webkit-text-decoration-color:var(--border2);text-decoration-color:var(--border2)}.supp-detail{color:var(--text3);margin-top:1px;font-size:12px}.supp-tags{gap:4px;display:flex}.stag{letter-spacing:.04em;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600}.stag-cell{color:var(--green);background:#052e16}.stag-heart{color:var(--red);background:#450a0a}.stag-gut{color:var(--amber);background:#451a03}.stag-skin{color:var(--teal);background:#042f2e}.stag-test{color:var(--violet);background:#1e1b4b}.stag-lung{color:var(--blue);background:#172554}.stag-repro{color:#fca5a5;background:#4a0404}.stag-brain{color:#86efac;background:#1a2e1a}.meal-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.meal-item:last-child{border-bottom:none}.meal-time{color:var(--text3);letter-spacing:.02em;flex-shrink:0;width:54px;padding-top:2px;font-size:11px}.meal-content{flex:1}.meal-name{margin-bottom:2px;font-size:15px;font-weight:500}.meal-desc{color:var(--text2);font-size:12px;line-height:1.45}.fast-block{border-bottom:1px solid var(--border);padding:16px}.fast-timer-label{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px}.fast-timer{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:42px;font-weight:700}.fast-window{color:var(--text2);font-size:13px}.fast-rule{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:9px 16px;display:flex}.fast-rule:last-child{border-bottom:none}.fast-rule-icon{flex-shrink:0;margin-top:1px;font-size:14px}.fast-rule-text{color:var(--text2);flex:1;font-size:14px}.fast-rule-text strong{color:var(--text)}#bottom-nav{border-top:1px solid var(--border);background:var(--bg);max-width:480px;padding-bottom:var(--safe);z-index:20;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px 8px;transition:opacity .1s;display:flex}.nav-item:active{opacity:.6}.nav-icon{font-size:20px}.nav-label{color:var(--text3);letter-spacing:.04em;font-size:10px}.nav-item.active .nav-label{color:var(--text)}.nav-item.active .nav-icon{filter:brightness(2)}#modal-overlay{z-index:100;background:#000000b3;align-items:flex-end;display:flex;position:fixed;inset:0}#modal{background:var(--bg1);border-top:1px solid var(--border2);padding:12px 20px calc(32px + var(--safe));border-radius:16px 16px 0 0;width:100%;max-height:70vh;overflow-y:auto}#modal-handle{background:var(--border2);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}#modal-name{margin-bottom:4px;font-size:22px;font-weight:700}#modal-dose{color:var(--amber);margin-bottom:14px;font-size:13px;font-weight:600}#modal-why{color:var(--text2);margin-bottom:14px;font-size:14px;line-height:1.6}#modal-note{color:var(--text3);border-top:1px solid var(--border);padding-top:12px;font-size:13px;font-style:italic;line-height:1.5}#modal-tags{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.week-view-day{border-bottom:1px solid var(--border)}.week-view-day-header{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.week-view-day-header:active{background:var(--bg2)}.week-view-day-name{font-size:16px;font-weight:600}.week-view-day-type{color:var(--text3);font-size:12px}.week-view-chevron{color:var(--text3);font-size:12px;transition:transform .2s}.week-view-day.open .week-view-chevron{transform:rotate(180deg)}.week-view-day-body{padding:0 16px 12px}.wv-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}.wv-row:last-child{border-bottom:none}.wv-label{color:var(--text3)}.wv-value{color:var(--text2);text-align:right;max-width:55%}.progress-row{align-items:center;gap:12px;padding:12px 16px;display:flex}.progress-circle{flex-shrink:0;width:48px;height:48px;position:relative}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-text{justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.progress-info{flex:1}.progress-label{font-size:13px;font-weight:500}.progress-sub{color:var(--text3);margin-top:1px;font-size:12px}.reset-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--text3);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;width:calc(100% - 32px);margin:12px 16px;padding:10px;font-size:13px}.reset-btn:active{background:var(--bg3)}.color-green{color:var(--green)}.color-amber{color:var(--amber)}.color-red{color:var(--red)}.color-blue{color:var(--blue)}.color-violet{color:var(--violet)}.color-teal{color:var(--teal)}.empty{color:var(--text3);text-align:center;padding:24px 16px;font-size:14px}