:root{--accent:#a983c7;--accent-soft:#211a29;--bg:#0b0a0d;--panel:#141216;--panel2:#1a171d;--text:#f3f0ec;--muted:#9d97a2;--line:#2b2730;--violet:#a983c7;--magenta:#9b718e;--topbar-h:76px;--dock-h:64px;--dock-bottom:10px;--dock-gap:10px}
.eyebrow,.view-kicker{color:#b6a7bc}
.topbar .eyebrow{display:none}
.topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar-h);margin:0 -18px;padding:17px 18px 15px;background:var(--bg);border-bottom:1px solid var(--line)}
.control-panel{top:var(--topbar-h);z-index:15;background:linear-gradient(to bottom,var(--bg) 88%,rgba(11,10,13,0))}
.app-shell{height:calc(100dvh - var(--dock-h) - var(--dock-bottom) - var(--dock-gap) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--dock-h) - var(--dock-bottom) - var(--dock-gap) - env(safe-area-inset-bottom));padding-top:0;padding-bottom:22px;scroll-padding-top:calc(var(--topbar-h) + 12px);scroll-padding-bottom:22px}
.day-tab.active::after,.section-tab.active::before{background:var(--accent)}
.seg span{background:var(--accent-soft);color:#cfb4e4}
.search-wrap:focus-within,.genre-wrap:focus-within{border-color:#6f5b7d}
.stage-pg{background:#8d7aa0}
.set-card.saved{background:linear-gradient(90deg,rgba(169,131,199,.08),transparent 62%)}
.save-btn.active{background:var(--accent-soft)}
.save-btn.active svg{fill:var(--accent);stroke:var(--accent)}
.now-line,.source-link,.vendor-row a,.wellness-day-head span,dialog a{color:#c4a4da}
.now-line::before,.food-dot{background:#a983c7}
.section-tabs{left:50%;bottom:calc(var(--dock-bottom) + env(safe-area-inset-bottom));width:min(calc(100% - 28px),430px);height:var(--dock-h);padding:5px 8px;grid-template-columns:repeat(4,1fr);border:1px solid #302b35;border-radius:18px;background:rgba(20,18,23,.96);box-shadow:0 10px 32px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.section-tab{min-height:52px;padding:6px 4px;border-radius:13px;color:#817b86}
.section-tab svg{width:21px;height:21px;stroke-width:1.7}
.section-tab.active{color:#d9c6e6;background:#211b27}
.section-tab.active::before{display:none}
.wellness-row{grid-template-columns:112px minmax(0,1fr) 42px;align-items:center}
.wellness-row.wellness-saved{background:linear-gradient(90deg,rgba(169,131,199,.08),transparent 68%)}
.wellness-save-btn{justify-self:end;width:40px;height:40px}
.wellness-save-btn svg{width:20px;height:20px;fill:none;stroke:#8f8894;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wellness-save-btn.active svg{fill:#a983c7;stroke:#a983c7}
@media(max-width:480px){:root{--topbar-h:72px}.wellness-row{grid-template-columns:92px minmax(0,1fr) 40px}.section-tabs{width:calc(100% - 24px)}}