@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_ac327c{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_ac327c{--font-bricolage:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_481cdf{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_481cdf{--font-manrope:"Manrope","Manrope Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_fdaf1b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_fdaf1b{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}:root{--font-display:var(--font-bricolage),"Manrope",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:var(--font-manrope),-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,monospace;--display-italic:normal;--display-weight:800;--display-tracking:-0.04em;--body-tracking:0;--bg:oklch(0.96 0.005 100);--bg-elev:oklch(1 0 0);--surface:oklch(0.92 0.01 100);--ink:oklch(0.18 0.01 100);--ink-soft:oklch(0.36 0.01 100);--ink-mute:oklch(0.58 0.01 100);--line:oklch(0.84 0.01 100);--accent:oklch(0.22 0.02 100);--accent-soft:oklch(0.85 0.18 130);--accent-ink:oklch(0.98 0 0);--warm:oklch(0.72 0.22 50);--warm-soft:oklch(0.94 0.06 80);--positive:oklch(0.65 0.2 140);--shadow-soft:0 0 0 1px oklch(0.18 0.01 100/0.06),0 12px 30px oklch(0.18 0.01 100/0.1);--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-pill:999px}[data-mode=dark]{--bg:oklch(0.16 0.005 100);--bg-elev:oklch(0.21 0.008 100);--surface:oklch(0.25 0.01 100);--ink:oklch(0.95 0.008 90);--ink-soft:oklch(0.78 0.01 100);--ink-mute:oklch(0.6 0.012 110);--line:oklch(0.32 0.015 120);--accent:oklch(0.95 0 0);--accent-soft:oklch(0.85 0.18 130);--accent-ink:oklch(0.18 0.01 100);--shadow-soft:0 1px 2px oklch(0 0 0/0.2),0 16px 40px oklch(0 0 0/0.4)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);letter-spacing:var(--body-tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-italic);letter-spacing:var(--display-tracking);line-height:1.05;margin:0;color:var(--ink);text-wrap:balance}.eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}button{cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1240px;margin:0 auto;padding:14px 20px;gap:16px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-family:var(--font-display);font-style:var(--display-italic);font-weight:var(--display-weight);font-size:22px;letter-spacing:var(--display-tracking);color:var(--ink)}.brand-mark{width:30px;height:30px;border-radius:6px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0;font-style:normal}.topbar-tabs{flex:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 4px}.topbar-tabs::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;background:transparent;border:0;color:var(--ink-mute);padding:8px 14px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;letter-spacing:0;transition:color .15s,background-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--ink)}.tab-btn.active{background:var(--accent-soft);color:var(--accent)}.topbar-actions{display:flex;gap:6px;align-items:center}.icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);display:grid;place-items:center;transition:background .15s}.icon-btn:hover{background:var(--surface)}.page{max-width:1240px;margin:0 auto;padding:28px 20px 80px;width:100%}.page-header{margin-bottom:32px}.page-title{font-size:clamp(38px,6vw,64px);margin-top:8px}.page-sub{color:var(--ink-soft);font-size:16px;max-width:60ch;margin-top:14px;line-height:1.55;text-wrap:pretty}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-soft)}.card-pad-lg{padding:28px}.card-flat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:none}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-3.keep-2-tab{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.grid-3.keep-2-tab{grid-template-columns:1fr}}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:12px;font-weight:500}.chip-mono{font-family:var(--font-mono);letter-spacing:.03em;font-size:11px}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-accent,.chip-warm{border-color:transparent}.chip-warm{background:var(--warm-soft);color:var(--warm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-sm);background:var(--ink);color:var(--bg);border:0;font-size:14px;font-weight:600;letter-spacing:.005em;transition:transform .12s,opacity .12s}.btn:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.progress-track{position:relative;height:6px;background:var(--surface);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{position:absolute;inset:0;width:var(--p,0);background:var(--accent-soft);transition:width .5s cubic-bezier(.4,0,.2,1)}.ring-progress{--p:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface) 0);display:grid;place-items:center;position:relative}.ring-progress:after{content:"";position:absolute;inset:8px;background:var(--bg-elev);border-radius:50%}.ring-progress>span{position:relative;font-family:var(--font-display);font-weight:var(--display-weight);font-size:28px;line-height:1;color:var(--ink)}.ring-progress>small{position:relative;font-family:var(--font-mono);font-size:10px;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:stretch}@media (max-width:900px){.hero{grid-template-columns:1fr}}.hero-main{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:320px;position:relative;overflow:hidden}.hero-main .eyebrow{color:color-mix(in oklch,var(--accent-ink) 60%,transparent)}.hero-main h1{color:var(--accent-ink);font-size:clamp(36px,5vw,60px)}.hero-main .blob{position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:var(--accent-soft);opacity:.7;filter:blur(40px)}.hero-banner{width:100%;background:var(--surface)}.hero-media{position:relative;width:100%;aspect-ratio:1774/887;overflow:hidden;isolation:isolate}.hero-media .hero-bg{z-index:0}.hero-media .hero-bg,.hero-media .hero-video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-media .hero-video{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .35s ease;pointer-events:none}.hero-media .hero-video.is-visible{opacity:1}@media (max-width:640px){.hero-media{aspect-ratio:1774/887}}.product-img{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--surface)}.product-img img{-o-object-fit:cover!important;object-fit:cover!important}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-main .btn-ghost{background:transparent;color:var(--accent-ink);border-color:color-mix(in oklch,var(--accent-ink) 30%,transparent)}.ph{background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 8px,transparent 8px,transparent 16px),var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;position:relative;min-height:160px;overflow:hidden}.ph-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);padding:4px 10px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-pill)}.ph-image{background:var(--surface)}.ph-image img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:48px 0 18px;flex-wrap:wrap}.section-head h2{font-size:clamp(28px,3.5vw,40px)}.section-head p{color:var(--ink-soft);font-size:14px;margin:6px 0 0;max-width:50ch}.day-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-elev);transition:background .15s,transform .15s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.day-card:hover{transform:translateY(-1px)}.day-card.done{background:var(--accent-soft);border-color:transparent}.day-card.done .day-title{text-decoration:line-through;opacity:.6}.day-num{font-family:var(--font-display);font-weight:var(--display-weight);font-size:30px;line-height:1;color:var(--ink);width:44px;flex-shrink:0;text-align:center}.day-info{flex:1;min-width:0}.day-type{font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase}.day-title{font-size:14px;font-weight:600;margin-top:2px}.day-check{width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:background .15s,border-color .15s}.day-card.done .day-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.timer-display{font-family:var(--font-mono);font-weight:600;font-size:clamp(80px,14vw,180px);line-height:1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.timer-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.input,.select{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);font-size:14px;font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.field-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px;gap:2px;flex-wrap:wrap}.seg button{background:transparent;border:0;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--ink-mute)}.seg button.active{background:var(--accent-soft);color:var(--accent)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl td,.tbl th{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.tbl th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-weight:500;border-bottom:1px solid var(--ink)}.tbl tr:last-child td{border-bottom:0}.tbl-cat{color:var(--accent);font-weight:600}.recipe{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.recipe .ph{border:0;border-radius:0;min-height:160px}.recipe-body{padding:18px 20px 20px}.recipe h3{font-size:26px;margin-bottom:6px}.recipe-meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.recipe details{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}.recipe summary{font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.recipe summary::-webkit-details-marker{display:none}.recipe summary:after{content:"+";font-size:18px;line-height:1}.recipe details[open] summary:after{content:"−"}.recipe ul{list-style:none;padding:0;margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--ink-soft)}.recipe ul li:before{content:"·";margin-right:8px;color:var(--accent)}.recipe-prep{margin-top:10px;font-size:13px;color:var(--ink-soft);line-height:1.55}.moment-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px}.moment-title{display:flex;align-items:baseline;gap:10px}.moment-title h3{font-size:28px}.moment-title .time{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase}.moment-items{display:flex;flex-direction:column;gap:8px}.moment-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.moment-row:first-child{border-top:0;padding-top:0}.moment-row .dot{margin-top:6px;width:8px;height:8px;border-radius:50%;flex-shrink:0}.moment-row .dot,.moment-row.type-supplement .dot{background:var(--accent)}.moment-row.type-shake .dot{background:var(--warm)}.moment-row.type-drink .dot{background:oklch(.62 .12 200)}.moment-row.type-maaltijd .dot,.moment-row.type-snack .dot{background:oklch(.62 .12 80)}.moment-row.type-water .dot{background:oklch(.72 .08 220)}.moment-row .name{font-weight:600;font-size:14px}.moment-row .qty{color:var(--ink-soft);font-size:13px;margin-top:2px;line-height:1.4}.exercise{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.exercise:last-child{border-bottom:0}.exercise .num{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);width:28px;flex-shrink:0}.exercise .name{flex:1;font-size:15px;font-weight:500}.exercise .reps{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);background:var(--surface);padding:3px 8px;border-radius:var(--radius-pill)}.exercise.done .name{opacity:.5;text-decoration:line-through}.builder{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}@media (max-width:900px){.builder{grid-template-columns:1fr}}.builder-col{display:flex;flex-direction:column;gap:16px}.builder-slot{background:var(--bg-elev);border:1px dashed var(--line);border-radius:var(--radius);padding:16px;min-height:96px}.builder-slot.has-value{border-style:solid;background:var(--surface)}.builder-slot h4{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-style:normal;margin-bottom:6px}.builder-slot .value{font-family:var(--font-display);font-weight:var(--display-weight);font-size:22px;line-height:1.2;color:var(--ink)}.builder-slot .qty{font-size:12px;color:var(--ink-soft);margin-top:4px;font-family:var(--font-mono)}.builder-options{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:18px;max-height:480px;overflow-y:auto}.option-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:10px;border-bottom:1px solid var(--line);cursor:pointer}.option-row:hover{color:var(--accent)}.option-row:last-child{border-bottom:0}.option-row .opt-name{font-size:13px;font-weight:500}.option-row .opt-cat{font-size:11px;color:var(--ink-mute);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.option-row .opt-qty{font-size:12px;color:var(--ink-soft);font-family:var(--font-mono)}.spacer-sm{height:12px}.spacer{height:24px}.spacer-lg{height:48px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.small{font-size:13px}.mono{font-family:var(--font-mono)}hr.rule{border:0;border-top:1px solid var(--line);margin:32px 0}@media (max-width:640px){.topbar-inner{padding:10px 14px;gap:8px}.page{padding:20px 14px 100px}.brand{font-size:18px}.brand-mark{width:26px;height:26px;font-size:10px}.hero-main{padding:24px;min-height:260px}.card,.card-pad-lg,.moment-card{padding:18px}.section-head{margin:32px 0 14px}.tab-btn{padding:7px 11px;font-size:13px}}.disclaimer{font-size:12px;color:var(--ink-mute);line-height:1.55;background:var(--surface);border-radius:var(--radius);padding:14px 16px;border-left:3px solid var(--warm)}.callout{background:var(--accent-soft);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:12px}.callout h3{font-size:clamp(24px,3vw,36px);color:var(--accent)}.callout p{color:var(--ink-soft);line-height:1.55;margin:0}.callout-warm{background:var(--warm-soft)}.callout-warm h3{color:var(--warm)}.interval-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}@media (max-width:640px){.interval-diagram{grid-template-columns:repeat(2,1fr)}}.interval-block{background:var(--surface);border-radius:var(--radius-sm);padding:16px;text-align:center}.interval-block .time{font-family:var(--font-display);font-weight:var(--display-weight);font-size:32px;color:var(--ink)}.interval-block .lbl{font-size:11px;color:var(--ink-mute);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.interval-block.peak{background:var(--accent)}.interval-block.peak,.interval-block.peak .lbl,.interval-block.peak .time{color:var(--accent-ink)}