:root{--color-primary: #1e3a8a;--color-secondary: #6366f1;--color-accent: #14b8a6;--color-bg: #f9fafb;--color-dark: #0f172a;--color-text: #111827;--color-muted: #6b7280;--panel-border: #dbe3f3}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text);background:radial-gradient(120% 120% at 12% -10%,rgb(30 58 138 / .12),transparent 48%),radial-gradient(80% 80% at 88% 0%,rgb(20 184 166 / .15),transparent 42%),var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.container-shell{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgb(219 227 243 / .75);background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-shell{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--color-dark);text-align:left}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#081539,#0b1f52 60%,#102a68);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--color-muted)}.desktop-nav{display:flex;gap:6px}.nav-pill{border:1px solid transparent;border-radius:12px;background:transparent;padding:10px 14px;color:var(--color-dark);font-size:.9rem;font-weight:700}.nav-pill.active,.nav-pill:hover{border-color:#1e3a8af2;background:linear-gradient(135deg,#081539,#0b1f52 60%,#102a68);color:#fff;box-shadow:0 8px 18px -14px #1e3a8ab3}.panel-card{border:1px solid var(--panel-border);border-radius:16px;background:#fff;box-shadow:0 20px 45px -32px #0f172a80,0 8px 20px -16px #1e3a8a59}.hero-section{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-block:70px 36px}.hero-copy h1,.page-intro h1{margin:18px 0 0;color:var(--color-dark);font-size:clamp(2.35rem,5vw,4.9rem);line-height:1;letter-spacing:0}.hero-copy p{max-width:660px;color:var(--color-muted);font-size:1.1rem;line-height:1.75}.eyebrow,.panel-kicker{display:inline-flex;width:fit-content;border:1px solid var(--panel-border);border-radius:999px;background:#fff;padding:7px 12px;color:var(--color-secondary);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-actions,.water-actions,.card-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card-head{justify-content:space-between}.btn-primary,.btn-secondary,.mini-button{border:1px solid rgb(30 58 138 / .95);border-radius:12px;background:linear-gradient(135deg,#081539,#0b1f52 60%,#102a68);color:#fff;padding:12px 18px;font-size:.92rem;font-weight:800}.btn-secondary,.mini-button.ghost{border-color:var(--panel-border);background:#fff;color:var(--color-primary)}.mini-button{padding:8px 12px;font-size:.82rem}.full{width:100%}.hero-panel,.block-card,.settings-form{position:relative;overflow:hidden;padding:24px}.hero-panel:before{position:absolute;top:-80px;right:-80px;width:220px;height:220px;border-radius:999px;background:#6366f126;content:"";filter:blur(24px)}.hero-panel>*{position:relative}.hero-panel h2,.block-card h2,.block-card h3,.plate-card h2{margin:16px 0 8px;color:var(--color-dark)}.hero-panel p,.block-card p,.note{color:var(--color-muted);line-height:1.65}.metric-grid,.section-grid,.progress-grid,.analysis-grid,.shopping-analytics,.weekly-grid,.meal-library{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.metric,.mini-card{border:1px solid var(--panel-border);border-radius:12px;background:#f9fafbbf;padding:15px}.metric span,.metric small,.mini-card small,.meal-row small,.exercise-item small{display:block;color:var(--color-muted);font-size:.8rem}.metric strong{display:block;margin-top:6px;color:var(--color-dark);font-size:1.55rem}.section-grid,.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:18px 48px}.analysis-card{grid-column:1 / -1}.analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.shopping-analytics{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.page-layout{padding-block:42px 76px}.page-intro{margin-bottom:24px}.page-intro h1{max-width:920px;font-size:clamp(2rem,4vw,3.6rem)}.day-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.day-chip,.exercise-item{display:flex;align-items:center;gap:12px;border:1px solid var(--panel-border);border-radius:14px;background:#fff;padding:14px;text-align:left}.day-chip span{display:block;color:var(--color-muted)}.day-chip.active,.exercise-item.active{border-color:#1e3a8a66;background:#1e3a8a0f}.routine-grid,.shopping-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:start}.shopping-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.exercise-list,.shopping-list,.prep-list{display:grid;gap:10px;margin-top:18px}.order{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--color-primary);color:#fff;font-weight:800}.video-frame,.empty-video{width:100%;aspect-ratio:16 / 9;margin-top:18px;border:1px solid var(--panel-border);border-radius:12px}.video-frame{background:#081539}.empty-video{display:grid;place-items:center;padding:20px;background:#0f172a0a;color:var(--color-muted);text-align:center}.video-input,.settings-form label{display:grid;gap:7px;margin-top:14px;color:var(--color-dark);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--panel-border);border-radius:12px;background:#fff;padding:11px 12px;color:var(--color-dark)}textarea{min-height:82px;resize:vertical}.tips-grid,.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.tip-list{border:1px solid var(--panel-border);border-radius:12px;padding:14px}.tip-list ul,.mini-card ul{margin:8px 0 0;padding-left:18px;color:var(--color-muted)}.last-log{margin-top:14px;border-radius:12px;background:#14b8a614;padding:12px;color:var(--color-dark)}.log-form,.form-card,.purchase-form,.settings-form{display:grid;gap:12px;margin-top:16px}.set-row{display:grid;grid-template-columns:76px repeat(3,minmax(0,1fr));gap:8px;align-items:center}.plate-card{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center;margin-bottom:18px;padding:24px}.subnav{display:inline-flex;gap:6px;margin-bottom:18px;border:1px solid var(--panel-border);border-radius:14px;background:#fff;padding:5px}.subnav-button{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--color-muted);padding:10px 14px;font-weight:800}.subnav-button.active{border-color:#1e3a8af2;background:linear-gradient(135deg,#081539,#0b1f52 60%,#102a68);color:#fff}.plate-visual{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:160px;border:1px solid var(--panel-border);border-radius:50%}.plate-visual span{display:grid;place-items:center;color:#fff;font-weight:900}.plate-protein{background:var(--color-primary)}.plate-fibrous{background:var(--color-accent)}.plate-starchy{grid-column:1 / -1;background:var(--color-secondary)}.weekly-grid,.meal-library{grid-template-columns:repeat(3,minmax(0,1fr))}.meal-row,.shopping-item,.check-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--panel-border);padding:12px 0}.meal-row span{display:block;color:var(--color-muted);font-size:.86rem}.meal-row select{max-width:128px;padding:8px;font-size:.82rem}.meal-library-link{width:100%;margin-top:10px;border:1px solid rgb(30 58 138 / .95);border-radius:12px;background:linear-gradient(135deg,#081539,#0b1f52 60%,#102a68);color:#fff;padding:12px 14px;font-weight:800}.shopping-item{justify-content:flex-start;border:1px solid var(--panel-border);border-radius:12px;padding:12px}.shopping-item input{width:auto}.shopping-item small{display:block;color:var(--color-muted)}.price-list,.purchase-history{display:grid;gap:10px;margin-top:16px}.price-row,.purchase-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--panel-border);border-radius:12px;background:#f9fafbbf;padding:12px}.price-row small,.purchase-row small{display:block;color:var(--color-muted)}.price-row>strong,.purchase-row>span:last-child{text-align:right}.receipt-review{grid-column:1 / -1}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.wide-field{grid-column:1 / -1}.mobile-tabs{display:none}@media(max-width:900px){.desktop-nav{display:none}.hero-section,.section-grid,.routine-grid,.shopping-layout,.shopping-dashboard,.progress-grid,.plate-card,.settings-form,.weekly-grid,.meal-library,.day-selector{grid-template-columns:1fr}.hero-section{padding-block:38px 24px}.mobile-tabs{position:fixed;right:12px;bottom:12px;left:12px;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;border:1px solid var(--panel-border);border-radius:18px;background:#fffffff0;padding:6px;box-shadow:0 20px 42px -24px #0f172a80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-tabs button{display:grid;gap:3px;place-items:center;border:0;border-radius:12px;background:transparent;padding:8px 2px;color:var(--color-muted);font-size:.65rem;font-weight:800}.mobile-tabs button.active{background:var(--color-primary);color:#fff}main{padding-bottom:92px}}@media(max-width:560px){.container-shell{padding-inline:16px}.hero-copy h1,.page-intro h1{font-size:2.25rem}.metric-grid,.analysis-grid,.shopping-analytics,.tips-grid,.form-row{grid-template-columns:1fr}.price-row,.purchase-row{align-items:flex-start;flex-direction:column}.price-row>strong,.purchase-row>span:last-child{text-align:left}.set-row{grid-template-columns:1fr}}