/* self-hosted fonts (latin), font-display:swap */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/inter-latin-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/inter-latin-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/inter-latin-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/inter-latin-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/oswald-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/oswald-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/oswald-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, 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;
}
:root{--ink:#16181b;--char:#24272b;--cream:#f6f1e7;--paper:#fffdf8;--navy:#1d2b44;--red:#b8312f;--line:#e4dccd;--mute:#5b5e63;
--green:#2f7d4f;--amber:#b7791f;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--r:14px;--sh:0 1px 2px #0000000d,0 6px 20px #1d2b4414;
--disp:'Oswald','Arial Narrow',Impact,sans-serif;--body:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.5;color:var(--ink);background:var(--cream);padding-bottom:96px}
svg{width:24px;height:24px;flex:none}.ic{width:32px;height:32px;color:var(--red)}.ic.sm{width:22px;height:22px}
h1,h2,h3,.btn,.tabs a,.amt,.big,.num,.eyebrow,.season button{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em}
h1{font-size:40px;line-height:1.05;margin:var(--s2) 0;color:var(--navy);font-weight:700}
h2{font-size:26px;margin:var(--s4) 0 var(--s2);color:var(--navy)}h3,.h3{font-size:22px;margin:0 0 var(--s1);color:var(--navy);font-weight:600}
.eyebrow{display:block;font-size:15px;font-weight:600;letter-spacing:.14em;color:var(--red);margin:var(--s4) 0 var(--s2)}
.small{font-size:15px;color:var(--mute)}.lead{font-size:19px;color:#d8d3c8;max-width:34ch}
.top{background:var(--ink);padding:var(--s2);display:flex;align-items:center;justify-content:space-between;gap:var(--s1)}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:.12em}
.unused-badge{width:40px;height:40px;border-radius:50%;border:2px solid var(--cream);display:grid;place-items:center;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px var(--red)}.badge-logo svg{color:var(--cream);width:24px;height:24px}
.pill{display:inline-block;font-family:var(--body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:99px;background:#b8312f14;color:var(--red);border:1px solid #b8312f40;white-space:nowrap}
.top .pill,.pill.light{background:#ffffff14;color:#efe7d6;border-color:#ffffff33}
main{max-width:1040px;margin:0 auto;padding:var(--s2)}
.screen{display:none}.screen.on{display:block;animation:in .35s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}}
.rowhead{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);flex-wrap:wrap}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);margin:var(--s2) 0;box-shadow:var(--sh)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--red);color:#fff;font-size:22px;font-weight:600;letter-spacing:.06em;border:0;border-radius:12px;padding:var(--s2);margin:var(--s2) 0;min-height:64px;text-decoration:none;cursor:pointer;transition:transform .15s,background .2s}
.btn:hover{background:#9e2826}.btn:active{transform:scale(.98)}.btn .ic{color:#fff}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,#2c3a55 0,var(--ink) 60%);color:var(--cream);border-radius:20px;padding:var(--s5) var(--s3) var(--s4);margin-top:var(--s1)}
.hero h1{color:var(--cream);font-size:52px;margin:var(--s2) 0}.accent{color:#e0625f}.hero .btn{max-width:360px}
.stitch{position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;border:2px dashed #e0625f55;pointer-events:none}
.steps{display:grid;gap:var(--s2)}.step{position:relative;margin:0}.step p{margin:var(--s1) 0 0}.num{position:absolute;right:var(--s3);top:var(--s2);font-size:30px;color:var(--line);font-weight:700}
.grid2{display:grid;gap:var(--s2);margin-top:var(--s2)}.grid2 .card{margin:0}
.price{text-align:center;border-top:4px solid var(--navy)}.amt{font-size:56px;color:var(--navy);font-weight:700;margin-top:var(--s1)}.amt small{font-size:20px;color:var(--mute)}
.parent ul{padding-left:20px}.parent li{margin:6px 0}.parent h3{display:flex;gap:8px;align-items:center}
label{font-weight:600;font-size:16px}input[type=email],.cin input{display:block;width:100%;font:inherit;padding:14px;border:1.5px solid #c9c0ad;border-radius:12px;margin-top:6px;background:#fff}.ok{font-weight:700;color:var(--green)}
.season{display:flex;background:#e9e1d1;border-radius:14px;padding:4px;margin:var(--s2) 0}.season button{flex:1;font-size:20px;font-weight:600;padding:14px;min-height:56px;border:0;border-radius:10px;background:transparent;color:var(--navy);cursor:pointer;transition:.2s}.season button.on{background:var(--navy);color:#fff;box-shadow:var(--sh)}
.days{display:flex;gap:6px;overflow-x:auto;padding:2px 0 var(--s1)}.days button{flex:1;min-width:52px;min-height:64px;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;font:600 14px var(--body);color:var(--navy);cursor:pointer;transition:.2s}.days button b{display:block;font:600 18px var(--disp)}.days button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dayhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tagd{font:700 13px var(--body);text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:99px;background:var(--navy);color:#fff}.tagd.red{background:var(--red)}
.feel{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);margin-top:var(--s2)}
.feel button{display:flex;flex-direction:column;align-items:center;gap:8px;font:600 17px var(--body);padding:var(--s2) 6px;min-height:96px;border-radius:12px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:.2s}
.feel i{width:22px;height:22px;border-radius:50%}.g i,.dot.g{background:var(--green)}.y i,.dot.y{background:#e0a526}.r i,.dot.r{background:var(--red)}
.feel .g.on{border-color:var(--green);background:#2f7d4f12}.feel .y.on{border-color:#e0a526;background:#e0a52614}.feel .r.on{border-color:var(--red);background:var(--red);color:#fff}.feel .r.on i{background:#fff}
.list{list-style:none;padding:0;margin:0}.list li{border-top:1px solid var(--line)}.list li:first-child{border:0}
.list label{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) 0;cursor:pointer;font-weight:400}.list input{appearance:none;width:32px;height:32px;flex:none;border:2px solid #b5ab96;border-radius:9px;margin:0;cursor:pointer;transition:.15s;background:#fff center/20px no-repeat}
.list input:checked{background-color:var(--green);border-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}
.list b{font-weight:600;display:block}.list .why{display:block;font-size:15px;color:var(--mute)}.list input:checked+span{opacity:.5;text-decoration:line-through}
.bar-p{height:8px;background:#ece5d6;border-radius:99px;overflow:hidden;margin-top:var(--s2)}.bar-p i{display:block;height:100%;background:var(--green);transition:width .4s}
.done{font-weight:600;color:var(--navy);margin:var(--s1) 0 0;font-size:16px}
.stop{background:var(--red);color:#fff;border-radius:var(--r);padding:var(--s3);box-shadow:var(--sh);margin:var(--s2) 0}.stop h2{color:#fff;margin:0 0 var(--s1);display:flex;gap:10px;align-items:center;font-size:30px}.stop svg{width:34px;height:34px}.stop p{margin:var(--s1) 0}
.note{background:#e0a5261a;border:1px solid #e0a52666;border-radius:12px;padding:12px var(--s2);font-weight:600;font-size:16px}
.good{border-left:5px solid var(--green)}.work{border-left:5px solid var(--red)}ol{padding-left:22px;margin:0}ol li{margin:8px 0}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.vid{background:linear-gradient(160deg,var(--char),var(--ink));color:var(--cream);border-radius:var(--r);aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:var(--s1)}.vid svg{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--red)}.vid span{font:600 17px var(--disp);text-transform:uppercase;letter-spacing:.04em}.vid small{font-size:13px;opacity:.7}
.stat{display:flex;justify-content:space-between;align-items:flex-end}.stat .eyebrow{margin:0}.big{font-size:56px;font-weight:700;color:var(--navy);line-height:1}.big small{font-size:20px;color:var(--mute)}.up{font-weight:700;color:var(--green);font-size:15px;background:#2f7d4f14;padding:4px 10px;border-radius:99px}
.chart svg{width:100%;height:auto;display:block;margin-top:var(--s2)}
.checks{width:100%;border-collapse:collapse;margin-top:var(--s2)}.checks th{font:600 13px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:8px}.checks td{padding:14px 8px;border-top:1px solid var(--line);text-align:center}.checks td:first-child,.checks th:first-child{text-align:left;font-weight:600}
.dot{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:middle;margin:0 4px 0 10px}.legend .dot:first-child{margin-left:0}
.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--ink);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:6;border-top:3px solid var(--red)}
.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#b9b3a7;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.06em;padding:8px 2px;border-radius:10px;min-height:64px;transition:.2s}.tabs a svg{width:26px;height:26px}.tabs a.on{color:#fff;background:#ffffff12}.tabs a.on svg{color:#e0625f}
.coachbtn{position:fixed;right:var(--s2);bottom:96px;display:flex;gap:8px;align-items:center;background:var(--navy);color:#fff;font:600 18px var(--disp);text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--cream);border-radius:99px;padding:14px 20px;min-height:56px;box-shadow:0 8px 24px #0004;cursor:pointer;z-index:7}
.coach{position:fixed;right:0;bottom:0;width:100%;max-width:440px;height:86vh;background:var(--paper);border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #0005;display:flex;flex-direction:column;z-index:10;animation:up .3s ease}@keyframes up{from{transform:translateY(40px);opacity:0}}
.coach[hidden]{display:none}.chead{background:var(--ink);color:#fff;padding:var(--s2);border-radius:20px 20px 0 0;display:flex;gap:10px;align-items:center;font-family:var(--disp);font-size:22px;letter-spacing:.08em}.chead button{margin-left:auto;background:none;border:0;color:#fff;cursor:pointer;min-width:48px;min-height:48px}
.msgs{flex:1;overflow:auto;padding:var(--s2)}.m{padding:12px var(--s2);border-radius:16px;margin:var(--s1) 0;max-width:88%;font-size:17px}.m.c{background:#efe8da;border-bottom-left-radius:4px}.m.u{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.m.warn{background:var(--red);color:#fff;font-weight:600}
.starters{padding:0 var(--s2)}.starters button{display:block;width:100%;text-align:left;font:600 17px var(--body);padding:14px var(--s2);margin:var(--s1) 0;border:1.5px solid var(--navy);border-radius:12px;background:#fff;color:var(--navy);cursor:pointer;min-height:56px}
.cin{display:flex;gap:var(--s1);padding:12px var(--s2) var(--s2);border-top:1px solid var(--line)}.cin input{margin:0}.cin .btn{width:auto;margin:0;font-size:18px;padding:0 20px;min-height:52px}
@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1.4fr}.hero{padding:72px 56px 56px}.hero h1{font-size:76px}}
@media(min-width:900px){body{padding-bottom:0}.tabs{position:sticky;top:0;justify-content:center;gap:var(--s1);border-top:0;border-bottom:3px solid var(--red)}.tabs a{flex:0 0 150px;flex-direction:row;justify-content:center;min-height:52px}.coachbtn{bottom:var(--s3);right:var(--s3)}.coach{right:var(--s3);bottom:var(--s3);height:640px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* header toggle */
.topr{display:flex;align-items:center;gap:var(--s1)}
.themebtn{width:48px;height:48px;border-radius:12px;border:1.5px solid #ffffff33;background:#ffffff10;color:var(--cream);display:grid;place-items:center;cursor:pointer;transition:.2s}.themebtn:hover{background:#ffffff22}
body{transition:background .25s,color .25s}
/* day picker fits 7 at 390px */
.days{gap:4px;overflow:visible}.days button{min-width:0;padding:0;font-size:13px}.days button b{font-size:16px}
/* chart colors via CSS */
.chart .grid{stroke:var(--line)}.chart .lbl{fill:var(--mute)}.chart .val{fill:var(--navy)}.chart .pt{fill:var(--paper)}
/* ===== DARK THEME ===== */
[data-theme=dark]{--cream:#efe7d6;--paper:#1f2226;--line:#33373d;--mute:#a9a69e;--navy:#9fb4d8;--green:#4fb37a;--red:#b8312f;--sh:0 1px 2px #0006,0 8px 24px #0005;color-scheme:dark}
[data-theme=dark] body{background:#121315;color:#efe7d6}
[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .h3,[data-theme=dark] .amt,[data-theme=dark] .big{color:#f3ecdd}
[data-theme=dark] .eyebrow,[data-theme=dark] .ic{color:#e0625f}
[data-theme=dark] .top,[data-theme=dark] .tabs{background:#0b0c0d}
[data-theme=dark] .hero{background:radial-gradient(120% 90% at 100% 0,#26324a 0,#0b0c0d 60%);border:1px solid #2a2d32}
[data-theme=dark] .pill{background:#e0625f1f;color:#f08a87;border-color:#e0625f55}
[data-theme=dark] .top .pill,[data-theme=dark] .pill.light{background:#ffffff10;color:#efe7d6;border-color:#ffffff33}
[data-theme=dark] .num{color:#3a3e45}
[data-theme=dark] .season{background:#1f2226;border:1px solid var(--line)}[data-theme=dark] .season button{color:#cfc8b8}[data-theme=dark] .season button.on{background:#efe7d6;color:#121315}
[data-theme=dark] .days button{background:#1f2226;color:#e6dfcf}[data-theme=dark] .days button.on{background:#efe7d6;color:#121315;border-color:#efe7d6}
[data-theme=dark] .tagd{background:#2f3e5c}[data-theme=dark] .tagd.red{background:var(--red)}
[data-theme=dark] .feel button{background:#17191c;color:#efe7d6;border-color:#3a3e45}
[data-theme=dark] .feel .g.on{background:#4fb37a22;border-color:#4fb37a}[data-theme=dark] .feel .y.on{background:#e0a52622;border-color:#e0a526}[data-theme=dark] .feel .r.on{background:var(--red);border-color:#e0625f}
[data-theme=dark] .list input{background-color:#17191c;border-color:#6b6860}[data-theme=dark] .list input:checked{background-color:#2f7d4f;border-color:#4fb37a}
[data-theme=dark] .bar-p{background:#33373d}
[data-theme=dark] .note{background:#e0a5261c;border-color:#e0a52655;color:#f3dca6}
[data-theme=dark] .stop{background:#9e2826;border:1px solid #e0625f}
[data-theme=dark] .vid{background:linear-gradient(160deg,#2a2d32,#0b0c0d);border:1px solid var(--line)}
[data-theme=dark] .up{background:#4fb37a22}
[data-theme=dark] input[type=email],[data-theme=dark] .cin input{background:#17191c;color:#efe7d6;border-color:#4a4e55}
[data-theme=dark] input::placeholder{color:#8f8c85}
[data-theme=dark] .chart .val{fill:#f3ecdd}[data-theme=dark] .chart polyline{stroke:#e0625f}[data-theme=dark] .chart circle{stroke:#e0625f}
[data-theme=dark] .coachbtn{background:#efe7d6;color:#121315;border-color:#121315}
[data-theme=dark] .coach{background:#1a1c1f;border:1px solid #33373d}[data-theme=dark] .chead{background:#0b0c0d}
[data-theme=dark] .m.c{background:#2a2d32;color:#efe7d6}[data-theme=dark] .m.u{background:#2f3e5c}[data-theme=dark] .m.warn{background:#9e2826}
[data-theme=dark] .starters button{background:#17191c;color:#efe7d6;border-color:#9fb4d8}
[data-theme=dark] .btn:hover{background:#c43b38}
[data-theme=dark] .ok{color:#4fb37a}
[data-theme=dark] :focus-visible{outline-color:#efe7d6}
@media(min-width:900px){.tabs{position:relative;top:auto}}
.feel button,.season button,.days button{transition:border-color .2s,background-color .2s}
/* sharing */
.btn.ghost{background:transparent;color:var(--red);border:2px solid var(--red)}.btn.ghost:hover{background:#b8312f12}.btn.ghost .ic{color:currentColor}
[data-theme=dark] .btn.ghost{color:#f08a87;border-color:#e0625f}
.sheet{position:fixed;inset:0;background:#0009;z-index:20;display:flex;align-items:flex-end;justify-content:center;animation:in .2s}.sheet[hidden]{display:none}
.sheet-in{background:var(--paper);width:100%;max-width:480px;max-height:94vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden;animation:up .3s}
[data-theme=dark] .sheet-in{background:#1a1c1f;border:1px solid #33373d}
.sheet-body{overflow:auto;padding:var(--s2)}
.preview{display:flex;justify-content:center;background:#00000010;border-radius:12px;padding:var(--s1)}.preview canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--sh)}.preview.square canvas{width:260px}.preview.story canvas{width:170px}
.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1)}.targets button{min-height:56px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);color:var(--ink);font:600 16px var(--body);cursor:pointer}
[data-theme=dark] .targets button{background:#17191c;color:#efe7d6;border-color:#3a3e45}
.locked{text-align:center;padding:var(--s3) var(--s1)}.locked .ic{width:48px;height:48px}
.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);cursor:pointer}.switch .why{display:block;font-weight:400;font-size:15px;color:var(--mute)}
.switch input{position:absolute;opacity:0}.switch i{flex:none;width:64px;height:36px;border-radius:99px;background:#c9c0ad;position:relative;transition:.2s}.switch i::after{content:'';position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:#fff;transition:.2s}
.switch input:checked+i{background:var(--green)}.switch input:checked+i::after{left:32px}.switch input:focus-visible+i{outline:3px solid var(--navy);outline-offset:3px}
.radio{display:flex;gap:12px;align-items:center;min-height:52px;font-weight:500}.radio input{width:26px;height:26px;accent-color:var(--red)}
.field{display:block;width:100%;font:inherit;font-size:24px;letter-spacing:.4em;padding:14px;border:1.5px solid #c9c0ad;border-radius:12px;margin-top:6px;background:#fff}
[data-theme=dark] .field{background:#17191c;color:#efe7d6;border-color:#4a4e55}
.err{color:var(--red);font-weight:600}[data-theme=dark] .err{color:#f08a87}
.done .btn{margin-top:var(--s1)}
@media(min-width:900px){.sheet{align-items:center}.sheet-in{border-radius:20px}}
.plain{padding-left:20px}.plain li{margin:8px 0}
.field2{display:block;width:100%;font:inherit;padding:14px;border:1.5px solid #c9c0ad;border-radius:12px;margin:6px 0 var(--s2);background:#fff;color:var(--ink);min-height:52px}
.sig{font-family:'Brush Script MT',cursive;font-size:26px}
[data-theme=dark] .field2{background:#17191c;color:#efe7d6;border-color:#4a4e55}
.radio input[type=checkbox]{width:28px;height:28px;flex:none;accent-color:var(--green)}.radio{align-items:flex-start;padding:6px 0}
.btn:disabled{background:#c9c0ad;color:#6b665c;cursor:not-allowed}[data-theme=dark] .btn:disabled{background:#33373d;color:#8f8c85}
.kidbox{border-left:5px solid var(--green)}
.social .srow{display:flex;justify-content:space-between;align-items:center;gap:var(--s1);padding:var(--s1) 0;border-top:1px solid var(--line)}.sbtn{width:auto;margin:0;min-height:52px;font-size:17px;padding:0 18px}
.cstat{font-weight:600;color:var(--green)}.linkbtn{background:none;border:0;color:var(--red);font:700 16px var(--body);text-decoration:underline;cursor:pointer;min-height:44px}
[data-theme=dark] .linkbtn{color:#f08a87}
#guardian[hidden]{display:none}
.unused-badge2{font:700 12px var(--disp);color:var(--cream);letter-spacing:0}.wm{font-size:28px;letter-spacing:.06em}

/* wordmark */
.wm-img{height:38px;width:auto;display:block}.wm-darkth{display:none}
[data-theme=dark] .wm-light{display:none}[data-theme=dark] .wm-darkth{display:block}
.top{background:var(--paper);border-bottom:1px solid var(--line)}.themebtn{color:var(--ink);border-color:var(--line);background:transparent}
[data-theme=dark] .top{background:#0b0c0d;border-color:#1f2226}[data-theme=dark] .themebtn{color:#efe7d6;border-color:#ffffff33;background:#ffffff10}
.hero-wm{height:56px;width:auto;display:block;margin-bottom:var(--s2)}@media(min-width:760px){.hero-wm{height:84px}}

/* exercise cards */
.list .whyx{display:block;font-size:15px;margin-top:4px;color:var(--ink)}.list .whyx b{display:inline;color:var(--red);font-weight:700}
.ex{margin:0 0 var(--s2) 48px}.ex summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--red);list-style:none}
.ex summary::-webkit-details-marker{display:none}.ex summary::before{content:'+';display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border:2px solid currentColor;border-radius:50%}
.ex[open] summary::before{content:'–'}
.exb img{width:100%;max-width:340px;height:auto;display:block;border-radius:12px;border:1px solid var(--line)}
.exb ol{padding-left:22px;margin:10px 0 0}.exb ol li{border:0;margin:6px 0;font-size:16px}
[data-theme=dark] .list .whyx{color:#efe7d6}[data-theme=dark] .list .whyx b,[data-theme=dark] .ex summary{color:#f08a87}
[data-theme=dark] .exb img{filter:brightness(.9)}
/* auth */
.authnav{display:flex;gap:6px}.hbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font:600 15px var(--body);color:var(--ink);text-decoration:none;border:1.5px solid var(--line)}
.hbtn.pri{background:var(--red);border-color:var(--red);color:#fff}[data-theme=dark] .hbtn{color:#efe7d6;border-color:#ffffff33}[data-theme=dark] .hbtn.pri{color:#fff;border-color:var(--red)}
.topr{display:flex;align-items:center;gap:8px}
.heroauth .btn{max-width:360px}.btn.ghost.light{color:#fff;border-color:#ffffff88}
body:not(.authed) .tabs,body:not(.authed) .coachbtn{display:none}
.auth{max-width:480px;margin:0 auto}.auth h1{margin-top:4px}.auth .card label{display:block;margin:0 0 var(--s2)}
.auth input[type=email],.auth .field2,.auth select{margin-bottom:0}.center{text-align:center}
.pwrap{position:relative;display:block}.pwrap .field2{padding-right:76px;margin-top:6px}.showpw{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 12px;border:0;background:none;color:var(--red);font:700 15px var(--body);cursor:pointer}
.seg{border:0;padding:0;margin:0 0 var(--s2)}.seg legend{font-weight:600;font-size:16px;margin-bottom:6px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg legend{width:100%}
.seg label{flex:1;margin:0!important}.seg input{position:absolute;opacity:0}.seg span{display:flex;align-items:center;justify-content:center;min-height:52px;border:1.5px solid var(--line);border-radius:12px;font-weight:600;cursor:pointer;background:var(--paper)}
.seg input:checked+span{border-color:var(--red);background:#b8312f14;color:var(--red)}.seg input:focus-visible+span{outline:3px solid var(--navy)}
.pfields{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin:0}
.prow{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--line)}.prow:first-of-type{border:0}
.lmode button{font-size:18px}.note{font-size:15px}
[data-theme=dark] .seg span{background:#17191c;border-color:#3a3e45;color:#efe7d6}[data-theme=dark] .seg input:checked+span{border-color:#e0625f;color:#f08a87;background:#e0625f1a}
[data-theme=dark] .auth input[type=email],[data-theme=dark] .auth select{background:#17191c;color:#efe7d6;border-color:#4a4e55}
[data-theme=dark] .showpw{color:#f08a87}
@media(max-width:420px){.hbtn{padding:0 10px;font-size:14px}.wm-img{height:30px}}
.lmode{display:flex;background:#e9e1d1;border-radius:14px;padding:4px;margin:var(--s2) 0}.lmode button{flex:1;font:600 18px var(--disp);text-transform:uppercase;letter-spacing:.02em;padding:14px;min-height:56px;border:0;border-radius:10px;background:transparent;color:var(--navy);cursor:pointer}
.lmode button.on{background:var(--paper);box-shadow:var(--sh);color:var(--red)}[data-theme=dark] .lmode{background:#22252a}[data-theme=dark] .lmode button{color:#efe7d6}[data-theme=dark] .lmode button.on{background:#17191c;color:#f08a87}
.auth a{color:var(--red);font-weight:600}[data-theme=dark] .auth a{color:#f08a87}
/* pricing */
.founder{display:flex;gap:10px;align-items:center;background:var(--ink);color:var(--cream);border-radius:var(--r);padding:var(--s2);border-left:5px solid var(--red)}.founder p{margin:0;font-size:16px}.founder .ic{color:#e0625f}
.billtog{display:flex;background:#e9e1d1;border-radius:14px;padding:4px;margin:var(--s2) 0}.billtog button{flex:1;min-height:52px;border:0;border-radius:10px;background:transparent;font:600 17px var(--disp);text-transform:uppercase;letter-spacing:.03em;color:var(--navy);cursor:pointer}
.billtog button.on{background:var(--paper);box-shadow:var(--sh);color:var(--red)}.save{font:700 11px var(--body);background:var(--green);color:#fff;border-radius:99px;padding:2px 7px;margin-left:4px;vertical-align:2px}
.plans{display:grid;gap:var(--s2)}.plan{position:relative;margin:0;border-top:4px solid var(--navy)}.plan.pro{border:2px solid var(--red);border-top-width:4px}
.popular{position:absolute;top:-13px;right:var(--s3);background:var(--red);color:#fff;border-color:var(--red)}
.plan .amt{margin:0;font-size:52px}.per{margin:0 0 var(--s1)}.feat{list-style:none;padding:0;margin:var(--s2) 0}.feat li{padding:6px 0 6px 28px;position:relative}.feat li:before{content:"";position:absolute;left:2px;top:12px;width:12px;height:7px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
.plan .btn{text-decoration:none;margin-bottom:0}.btn.ghost{background:transparent;color:var(--red);border:2px solid var(--red)}.btn.ghost:hover{background:#b8312f12}
.planchip{background:#b8312f12;border:1.5px solid #b8312f55;border-radius:12px;padding:12px var(--s2);margin:0 0 var(--s2);font-size:16px}.planchip a{margin-left:6px}
@media(min-width:760px){.plans{grid-template-columns:1fr 1fr}}
[data-theme=dark] .billtog{background:#22252a}[data-theme=dark] .billtog button{color:#efe7d6}[data-theme=dark] .billtog button.on{background:#17191c;color:#f08a87}
[data-theme=dark] .founder{background:#1b1d21;border:1px solid #33373d;border-left:5px solid var(--red)}[data-theme=dark] .plan .amt{color:#efe7d6}[data-theme=dark] .plan.pro{border-color:#e0625f}
[data-theme=dark] .btn.ghost{color:#f08a87;border-color:#e0625f}[data-theme=dark] .planchip{background:#e0625f14;border-color:#e0625f55;color:#efe7d6}
.hero .btn.ghost.light,[data-theme=dark] .hero .btn.ghost.light{color:#fff;border-color:#ffffff88}
[data-theme=dark] .pill.popular{background:var(--red);color:#fff;border-color:var(--red)}
/* recruiter bar */
.recbar{background:var(--red);text-align:center}.recbtn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 12px;border:0;background:none;color:#fff;font:600 14px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff80}
.recbtn:hover{text-decoration-color:#fff}.soon{font:700 10px var(--body);text-transform:uppercase;letter-spacing:.08em;background:#ffffff26;border:1px solid #ffffff66;border-radius:99px;padding:2px 7px;text-decoration:none;display:inline-block}
.rec .sheet-body p{font-size:18px;margin:0 0 var(--s1)}
[data-theme=dark] .recbar{background:#8f2624}
/* intake + profile bar */
.pbar2{height:12px;background:#e9e1d1;border-radius:99px;overflow:hidden;margin:8px 0 4px}.pbar2 i{display:block;height:100%;background:var(--red);border-radius:99px;transition:width .3s}
.pbl{margin:0}.idots{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:var(--s2) 0 4px}.idots i{width:10px;height:10px;border-radius:50%;background:#d8cfbd}.idots i.ok{background:#b8312f88}.idots i.cur{background:var(--red);transform:scale(1.35)}
.iqt{font-size:32px;margin:8px 0}.iqc .btn{margin-top:var(--s3)}.iqnav{display:flex;justify-content:space-between;align-items:center}.iqnav .linkbtn{min-height:48px;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s2)}.chip input{position:absolute;opacity:0}.chip span{display:flex;align-items:center;justify-content:center;min-height:56px;min-width:56px;padding:0 18px;border:2px solid var(--line);border-radius:14px;background:var(--paper);font-weight:600;cursor:pointer}
.chip input:checked+span{border-color:var(--red);background:var(--red);color:#fff}.chip input:focus-visible+span{outline:3px solid var(--navy)}
.yn .chip{flex:1}.days7 .chip{flex:1 0 calc(25% - 8px)}.days7 .chip span{padding:0 6px}
.big2{font-size:22px!important;min-height:60px}.hrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numrow{display:flex;align-items:center;gap:10px}.numrow span{font-weight:600;color:var(--mute)}
.mt{display:block;margin-top:var(--s2)}.sr{position:absolute;left:-9999px}#painMsg{margin-top:var(--s2)}
.pcard{border-left:5px solid var(--red)}.pcard .btn{margin-bottom:0;min-height:56px}.pdone{display:flex;align-items:center;gap:6px;color:var(--green);font-weight:700;margin:8px 0}.pdone .ic{color:var(--green)}
.pacct{margin-top:6px}.flag{display:inline-block;margin-top:6px;font:700 13px var(--body);color:#fff;background:var(--red);border-radius:8px;padding:4px 8px}
[data-theme=dark] .pbar2{background:#33373d}[data-theme=dark] .idots i{background:#3a3e45}[data-theme=dark] .idots i.ok{background:#e0625f88}[data-theme=dark] .idots i.cur{background:#e0625f}
[data-theme=dark] .chip span{background:#17191c;border-color:#3a3e45;color:#efe7d6}[data-theme=dark] .chip input:checked+span{background:var(--red);border-color:var(--red);color:#fff}
[data-theme=dark] .auth input[type=date],[data-theme=dark] .auth input[type=number]{color-scheme:dark}[data-theme=dark] .pdone,[data-theme=dark] .pdone .ic{color:#5fbf86}
body.inintake .coachbtn{display:none}
/* analytics: plan rating + insights */
.rate{margin-top:var(--s2)}.ratebtns{display:flex;gap:8px}.ratebtns button{flex:1;min-height:56px;border:2px solid var(--line);border-radius:12px;background:var(--paper);font:600 16px var(--body);color:var(--ink);cursor:pointer}
.ratebtns button.on{background:var(--red);border-color:var(--red);color:#fff}.ratebtns button:disabled:not(.on){opacity:.5}
.switchrow{display:flex;align-items:center;gap:10px;min-height:48px;font-weight:600}.switchrow input{width:24px;height:24px;accent-color:var(--red)}
.exbanner{background:#e0a52622;border:2px dashed #b7791f;border-radius:12px;padding:10px 14px;font-size:15px}.exbanner b{color:#8a5a12;margin-right:6px;letter-spacing:.08em}
.insgrid{display:grid;gap:var(--s2)}.insgrid .card{margin:0}.frow{display:flex;justify-content:space-between;gap:8px;font-size:16px;margin-top:10px}.pbar2.thin{height:8px}
.sugg{padding-left:22px;margin:0}.sugg li{margin:0 0 12px}.sugg li b{display:block}.itable{width:100%;border-collapse:collapse;font-size:15px}.itable td,.itable th{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left}.num2{text-align:right!important;font-weight:700}
.ratebar{display:flex;height:18px;border-radius:99px;overflow:hidden;margin:8px 0}.r0{background:#e0a526}.r1{background:var(--green)}.r2{background:var(--red)}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px}
@media(min-width:900px){.insgrid{grid-template-columns:1fr 1fr}}
[data-theme=dark] .ratebtns button{background:#17191c;border-color:#3a3e45;color:#efe7d6}[data-theme=dark] .ratebtns button.on{background:var(--red);color:#fff}
[data-theme=dark] .exbanner b{color:#f0c060}[data-theme=dark] .itable td,[data-theme=dark] .itable th{border-color:#33373d}
/* feedback + ideas */
.foot{text-align:center;padding:var(--s4) 0 var(--s2);font-size:16px;color:var(--mute)}.foot .linkbtn,.foot a{font-size:16px;min-height:44px}
.fbq{font-weight:700;margin:var(--s2) 0 0}.fbtypes .chip{flex:1 0 100%}.fbtypes .chip span{justify-content:flex-start;font-size:17px}
.fbtext{resize:vertical;min-height:110px;font:inherit}.fbcount{text-align:right;margin:0}#fbPain{margin-top:var(--s1)}
.stars{display:flex;gap:6px;margin-top:8px}.stars button{flex:1;min-height:52px;font-size:28px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:#c9c0ad;cursor:pointer}.stars button.on{color:#e0a526;border-color:#e0a526}
.fbthanks{text-align:center;padding:var(--s3) 0}.fbthanks .big{font-size:56px}
.idea{display:flex;gap:var(--s2);align-items:center;padding:var(--s2)}.vote{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:64px;border:2px solid var(--line);border-radius:12px;background:var(--paper);color:var(--navy);cursor:pointer;font:600 14px var(--body)}
.vote b{font-size:20px}.vote.on{background:var(--red);border-color:var(--red);color:#fff}.vote:disabled{opacity:.6;cursor:default}
.ititle{margin:0;font-weight:600}.itags{margin:6px 0 0;display:flex;gap:6px;flex-wrap:wrap}.stag{font:700 11px var(--body);text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:99px;background:#e9e1d1;color:var(--navy)}
.stag.s-Planned{background:#1d2b4418}.stag.s-Inprogress{background:#e0a52633;color:#7a4f0d}.stag.s-Done{background:#2f7d4f22;color:var(--green)}.stag.ex{background:transparent;border:1.5px dashed #b7791f;color:#8a5a12}.stag.new{background:#b8312f18;color:var(--red)}
.fblist{padding-left:0;list-style:none;margin:6px 0}.fblist li{font-size:15px;padding:6px 0;border-top:1px solid var(--line)}
[data-theme=dark] .stars button,[data-theme=dark] .vote{background:#17191c;border-color:#3a3e45;color:#efe7d6}[data-theme=dark] .stars button{color:#555}[data-theme=dark] .stars button.on{color:#f0c060;border-color:#f0c060}
[data-theme=dark] .vote.on{background:var(--red);border-color:var(--red);color:#fff}[data-theme=dark] .stag{background:#2a2d33;color:#efe7d6}[data-theme=dark] .stag.ex{background:transparent;color:#f0c060;border-color:#f0c060}
[data-theme=dark] .stag.s-Done{color:#5fbf86}[data-theme=dark] .stag.s-Inprogress{color:#f0c060}[data-theme=dark] .stag.new{color:#f08a87}[data-theme=dark] .fbtext{background:#17191c;color:#efe7d6}
.itags .stag{flex:none;display:inline-block;align-self:flex-start;min-height:0;height:auto;line-height:1.4;width:auto}
/* Fuel */
@media(max-width:430px){.tabs a{font-size:13px;letter-spacing:.03em;padding:8px 0}.tabs a svg{width:24px;height:24px}}
.fhabits{display:grid;gap:8px}.fh{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--line);border-radius:12px;font-weight:600;cursor:pointer;min-height:48px}
.fh input{width:24px;height:24px;accent-color:var(--green);flex:none}.fh:has(input:checked){border-color:var(--green);background:#2f7d4f14}
.fwater{margin-bottom:0;padding:10px 12px;border-radius:10px;background:#3d7ea61a;border-left:4px solid #3d7ea6}
.plate{display:block;width:min(240px,70vw);height:auto;margin:8px auto}
.pgrp{margin-top:12px}.pchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pchip{font:600 15px var(--body);padding:8px 12px;border-radius:999px;border:2px solid var(--line);background:var(--paper);color:var(--ink);min-height:40px;cursor:pointer}
.pchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pmeal{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#2f7d4f1a}
.gplan{padding-left:20px;margin:8px 0 0}.gplan li{margin-bottom:10px}.gplan li b{display:block}.gplan li span{font-size:16px}
.ftips{padding-left:20px;margin:8px 0 0}.ftips li{margin-bottom:6px}
.gchart{width:100%;height:auto;color:var(--mute);margin:8px 0}
.gform{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}.gform label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:4px}.gform label:last-child{grid-column:1/-1}
.gform input{font:16px var(--body);padding:10px;border:2px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);min-height:44px;box-sizing:border-box;width:100%}
.gfast{padding:12px;border-radius:10px;background:#b7791f22;border-left:4px solid var(--amber);margin:8px 0}
.pnote{background:var(--paper);border-left:4px solid var(--red);font-size:16px}
.flag.amber{background:var(--amber)}
[data-theme=dark] .pchip,[data-theme=dark] .gform input{background:#1c1f23;color:#f6f1e7;border-color:#3a3e44}
[data-theme=dark] .pchip.on{background:var(--red);border-color:var(--red)}
[data-theme=dark] .fh{border-color:#3a3e44}[data-theme=dark] .pnote{background:#1c1f23}
[data-theme=dark] .gchart{color:#b9b3a7}
/* ---- new: approval, guardrails, dashboard, legal, coach disclaimer ---- */
.footwm{height:22px;width:auto;margin:12px auto 0;opacity:.85}
.mailsim{border:2px dashed var(--line);background:var(--cream)}
.draftbar{background:#c8312c;color:#fff;font:600 15px var(--disp);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:8px;border-radius:10px;margin:8px 0}
.legal .card p,.legal .card li{font-size:16px}
.auth.wide{max-width:640px}
.note.guard{border-left:5px solid #c8312c}.note.day1{border-left:5px solid var(--green)}
.note.warn{background:#fde7e5;color:#7a1513;border-left:5px solid #c8312c}
.plist{list-style:none;padding:0;margin:12px 0}.plist li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.plist li span{flex:1}
.rules td,.rules th{text-align:left}
.dstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.dstats>div{background:var(--cream);border-radius:12px;padding:10px;text-align:center}.dstats .eyebrow{display:block;margin:0 0 4px;font-size:12px}.dstats .big{font-size:30px}
.wk{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0}.wk span{display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:6px 0;font-weight:700;font-size:15px}.wk i{font-style:normal;font-size:11px;font-weight:600;opacity:.7}.wk .th{background:#c8312c;color:#fff;border-color:#c8312c}.wk .cr{border-color:var(--green)}
.flags{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.flags .eyebrow{margin:0}
.cdisc{font-size:13px;margin:0;padding:0 var(--s2) 12px;opacity:.75;text-align:center}
[data-theme=dark] .mailsim,[data-theme=dark] .dstats>div{background:#17191c}
[data-theme=dark] .note.warn{background:#3a1715;color:#ffd9d6}
[data-theme=dark] .wk span{border-color:#4a4e55}[data-theme=dark] .wk .cr{border-color:#4fb37a}
.plogin{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.plogin .sbtn{width:auto;margin:0;padding:0 14px;min-height:40px}
.trial{border-left:5px solid var(--green)}.trial .tl{margin:6px 0;font-size:34px}
[data-theme=dark] .plogin{border-color:#4a4e55}

/* velocity source badges */
.vbadge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;border:1px solid;white-space:nowrap;line-height:1.3}
.vbadge b{font-size:12px}.vbadge.ok{color:#1f6a3f;background:#2f7d4f18;border-color:#2f7d4f66}.vbadge.imp{color:#2a4f86;background:#2a4f8614;border-color:#2a4f8655}
.vbadge.flag{color:#8a5a12;background:#b7791f18;border-color:#b7791f66}.vbadge.self{color:#5d5a53;background:#8a867c18;border-color:#8a867c66}.vbadge.bad{color:#9b2826;background:#b8312f14;border-color:#b8312f55}
.vbadge.ex{color:#6b4aa0;background:#6b4aa014;border-color:#6b4aa055}
[data-theme=dark] .vbadge.ok{color:#7fd6a2;background:#4fb37a22;border-color:#4fb37a77}[data-theme=dark] .vbadge.imp{color:#a9c3ef;background:#9fb4d822;border-color:#9fb4d866}
[data-theme=dark] .vbadge.flag{color:#f1c27a;background:#e0a52622;border-color:#e0a52677}[data-theme=dark] .vbadge.self{color:#cfc8b8;background:#ffffff12;border-color:#ffffff40}
[data-theme=dark] .vbadge.bad{color:#f08a87;background:#e0625f22;border-color:#e0625f66}[data-theme=dark] .vbadge.ex{color:#c9b2f0;background:#6b4aa033;border-color:#c9b2f066}
.vlist{list-style:none;padding:0;margin:var(--s2) 0 0}.vlist li{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.vmph{font-size:20px}.vtabs{margin:var(--s2) 0}.vform label{display:block;margin-top:10px}.vrev{display:flex;gap:8px}.btn.sm{padding:8px 14px;min-height:0;width:auto;font-size:14px}
.okmsg{color:var(--green);font-weight:600}.chk{display:flex!important;gap:8px;align-items:center;font-weight:500}

.excar{position:relative;border-radius:12px;overflow:hidden;background:#fbf6ea;border:2px solid #1d2b4422}
.extrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.extrack::-webkit-scrollbar{display:none}.extrack img{flex:0 0 100%;width:100%;height:auto;scroll-snap-align:center;display:block;cursor:pointer;border:0;border-radius:0;margin:0}
.exnav{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#1d2b440d}
.exnav .exprev,.exnav .exnext{min-width:44px;min-height:44px;border:2px solid currentColor;border-radius:50%;background:transparent;color:var(--red);font-size:24px;line-height:1;cursor:pointer}
.exstep{font-weight:800;color:var(--red);min-width:58px}.exdots{display:flex;gap:2px;flex:1;justify-content:center}
.exdot{width:44px;height:44px;border:0;background:transparent;cursor:pointer;position:relative}.exdot::after{content:'';position:absolute;inset:16px;border-radius:50%;background:#1d2b4444}.exdot.on::after{background:var(--red);inset:14px}
.exsteps li{padding:4px 6px;border-radius:8px;transition:background .2s}.exsteps li.hl{background:#b8312f18;outline:2px solid #b8312f55}
.exdose{margin:8px 0 0;font-size:15px}.exfa{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}@media(max-width:480px){.exfa{grid-template-columns:1fr}}
.exfeel,.exavoid{border-radius:10px;padding:8px 10px;font-size:15px}.exfeel{background:#2f7d4f14;border:1.5px solid #2f7d4f55}.exavoid{background:#b8312f10;border:1.5px solid #b8312f44}
.exfeel ul,.exavoid ul{margin:4px 0 0;padding-left:18px}.exfeel b{color:var(--green)}.exavoid b{color:var(--red)}
[data-theme=dark] .excar{background:#22252b;border-color:#ffffff22}[data-theme=dark] .exnav{background:#ffffff0d}
[data-theme=dark] .exstep,[data-theme=dark] .exnav button.exprev,[data-theme=dark] .exnav button.exnext,[data-theme=dark] .exavoid b{color:#f08a87}
[data-theme=dark] .exdot::after{background:#ffffff44}[data-theme=dark] .exdot.on::after{background:#f08a87}
[data-theme=dark] .exsteps li.hl{background:#f08a8722;outline-color:#f08a8777}
[data-theme=dark] .exfeel{background:#2f7d4f22;border-color:#5fbf8a66}[data-theme=dark] .exfeel b{color:#7fd6a2}[data-theme=dark] .exavoid{background:#e0625f18;border-color:#e0625f66}
.excar{max-width:440px}.exb .extrack img{max-width:none;border:0;border-radius:0}
.exnav{gap:4px;padding:6px 6px}.exstep{min-width:0;font-size:15px;white-space:nowrap}.exdot{width:30px}.exdot::after{inset:16px 9px}.exdot.on::after{inset:14px 7px}.exsteps li{transition:none}.excar{overflow:clip}
/* Video Check (Beta) */
.pill.beta{background:var(--navy);color:#fff;border-color:transparent}
.ve label{display:block;margin:8px 0;font-size:16px}.vein{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:inherit;margin-top:4px}.vein.sm{display:inline-block;width:auto;padding:4px 8px}
.vegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px 12px}.vechk{display:flex!important;gap:10px;align-items:flex-start}.vechk input{width:22px;height:22px;flex:none;accent-color:var(--red)}
.veslots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.veslot{min-width:0;border:2px dashed var(--line);border-radius:12px;padding:12px;font-weight:600}.veslot input{display:block;margin-top:6px;font-size:13px;max-width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed}.vetips{margin:4px 0 12px}.vesub{margin:14px 0 4px;font-size:17px}.veretake{border-left:4px solid var(--red);padding:6px 10px;margin:6px 0;background:#b8312f10;border-radius:6px}.veretake.tip{border-color:var(--navy)}
.vecue{font-weight:700;font-size:18px;margin:4px 0}.vecp{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0}.vecp p{margin:2px 0}
.vest{flex:none;align-self:flex-start;font-size:12px;font-weight:700;text-transform:uppercase;border-radius:99px;padding:3px 10px;background:#4fb37a;color:#fff}.vest.build{background:#d99a2b}.vest.focus{background:var(--red)}
.veest{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.vemet{width:100%;border-collapse:collapse;font-size:15px}.vemet td{border-top:1px solid var(--line);padding:6px 4px;vertical-align:top}
.veframes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.veframes canvas{width:100%;border-radius:8px}.veframes figure{margin:0}.veframes figcaption{font-size:13px;text-align:center}
.vesafe{font-size:15px;background:#b8312f10;border-radius:8px;padding:8px 10px}.vestore{color:var(--mute)}
.libplan .dayhead{display:flex;justify-content:space-between;align-items:center;gap:8px}
/* 4-picture carousels in narrow plan cards: let dots shrink, keep the step label whole */
.exstep{flex:none;white-space:nowrap}.exdots{min-width:0}.exdot{flex:0 1 44px;min-width:30px}.exdot::after{inset:16px calc(50% - 6px)}.exdot.on::after{inset:14px calc(50% - 8px)}
.exstep{min-width:0;font-size:14px}.exdot{min-width:24px}.exnav{gap:6px}.libplan .exnav .exprev,.libplan .exnav .exnext{min-width:40px;min-height:40px}
/* players + family */
@media(min-width:1000px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan.family{border-top-color:var(--green)}.fampill{background:var(--green)}
.players .pm{display:flex;justify-content:space-between;align-items:center;gap:var(--s1);flex-wrap:wrap}.pmact{display:flex;gap:6px}
.btn.danger{background:#b8312f;color:#fff;border-color:#b8312f}.btn.ghost.danger{background:transparent;color:#b8312f;border:2px solid #b8312f}.btn.danger:disabled{opacity:.45;cursor:not-allowed}
.pmodal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.pbox{max-width:440px;width:100%;max-height:92vh;overflow:auto;margin:0}
.famprice{margin:8px 0}.card.dash.paused{opacity:.75}
[data-theme=dark] .btn.ghost.danger{color:#f08a87;border-color:#f08a87}
/* ===== Desktop / tablet layout (>=900px, >=1280px). Mobile untouched. ===== */
.hero-vis{display:none}
@media(min-width:900px){
main{max-width:1200px;padding:var(--s3) var(--s4)}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s5);align-items:center;padding:64px 56px}
.hero h1{font-size:68px}.hero .lead{max-width:40ch}
.heroauth{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);align-items:center}.heroauth .btn{flex:1 1 220px;margin:0}.heroauth>*:not(.btn){flex-basis:100%}
.hero-vis{display:block;position:relative;margin:0;padding:var(--s3) var(--s3) var(--s3) var(--s2);z-index:1}
.pv-card{background:var(--paper);color:var(--ink);border-radius:18px;padding:var(--s3);box-shadow:0 24px 60px #0007;max-width:400px;margin-left:auto;transform:rotate(1.5deg)}
.pv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s2)}
.pv-day{font-family:var(--disp);text-transform:uppercase;font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--navy)}
.pv-prog{display:flex;gap:var(--s2);align-items:center;margin-bottom:var(--s2)}.pv-prog b{display:block;font-size:17px}.pv-prog span{font-size:14px;color:var(--green);font-weight:600}
.pv-ring{width:48px;height:48px;transform:rotate(-90deg)}.pv-ring circle{fill:none;stroke:var(--line);stroke-width:5}.pv-ring circle.on{stroke:var(--red);stroke-linecap:round}
.pv-img{display:block;width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid var(--line);margin-bottom:var(--s2);background:#fff}
.pv-list{list-style:none;margin:0;padding:0}.pv-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px;font-weight:600}
.pv-list i{width:20px;height:20px;border-radius:6px;border:2px solid var(--line);flex:none}.pv-list li.done{color:var(--mute);text-decoration:line-through}.pv-list li.done i{background:var(--red);border-color:var(--red);box-shadow:inset 0 0 0 3px var(--paper)}
.pv-chip{position:absolute;display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--cream);border:1px solid #ffffff2a;border-radius:14px;padding:10px 14px;font-size:14px;box-shadow:0 12px 30px #0006}.pv-chip b{color:#fff}.pv-chip .ic{color:#e0625f}
.pv-streak{left:-8px;top:38%}.pv-velo{right:-6px;bottom:-4px}
[data-theme=dark] .pv-card{background:#1b1d21;color:#efe7d6;border:1px solid #2f3238}[data-theme=dark] .pv-day{color:#efe7d6}
[data-theme=dark] .pv-list li,[data-theme=dark] .pv-img{border-color:#2f3238}[data-theme=dark] .pv-ring circle{stroke:#2f3238}[data-theme=dark] .pv-ring circle.on{stroke:#e0625f}[data-theme=dark] .pv-list i{border-color:#4a4e55}[data-theme=dark] .pv-list li.done i{background:#e0625f;border-color:#e0625f;box-shadow:inset 0 0 0 3px #1b1d21}[data-theme=dark] .pv-list li.done{color:#9a968d}[data-theme=dark] .pv-prog span{color:#5fbf86}
.grid2{grid-template-columns:1fr}.card.parent{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s2) var(--s5);align-items:start}.card.parent h3{grid-column:1/-1;margin:0}.card.parent ul{margin:0}
.steps .step{padding:var(--s3) var(--s3) var(--s4)}
/* app pages */
.auth.wide,.auth.acct{max-width:none}
.dgrid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--s3);align-items:start;margin-top:var(--s2)}.dgrid .card{margin:0}
#dashBody{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:var(--s3)}
#playersCard .card{position:sticky;top:var(--s3)}
#acctBody{columns:2;column-gap:var(--s3)}#acctBody>*{break-inside:avoid;margin:0 0 var(--s3);display:block}#acctBody>.card{display:block}
.tgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s3);align-items:start;margin-top:var(--s2)}
.tside{grid-column:2;grid-row:1;position:sticky;top:var(--s3)}.tmain{grid-column:1;grid-row:1;min-width:0}
.tside>#profCard>.card:first-child,.tside>.card:first-child{margin-top:0}.tmain>#plan>.card:first-child,.tmain>#plan>*:first-child{margin-top:0}
.vepair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s2) 0}.vepair .card{margin:0}
#progSample{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s2)}#progSample>.card{margin:0}#progSample>.card:first-child{grid-column:1/-1}
#parentSettings{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}#parentSettings>.card{margin:0}#parentSettings>p,#parentSettings>.btn{grid-column:1/-1}
#video>.lead,#fuel>.lead{max-width:70ch}
}
@media(min-width:900px) and (max-width:1099px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:var(--s3);padding:48px 40px}.hero h1{font-size:56px}.tgrid{grid-template-columns:minmax(0,1fr) 300px}#dashBody{grid-template-columns:1fr}.dgrid{grid-template-columns:300px minmax(0,1fr)}}
@media(min-width:1280px){main{max-width:1240px}.hero{padding:80px 72px}.hero h1{font-size:80px}.tgrid{grid-template-columns:minmax(0,1fr) 380px;gap:var(--s4)}}
@media(min-width:900px){
.heroauth .btn{flex:0 1 auto;min-width:200px;white-space:nowrap;padding-left:28px;padding-right:28px}
.billtog{max-width:420px;margin-left:auto;margin-right:auto}
.dgrid .pm{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);text-align:left}
#dashboard .auth>.btn,#account .auth>.btn,#acctBody~.btn{width:auto;display:inline-flex;min-width:240px;margin-top:var(--s3)}
#video>.lead,#fuel>.lead{color:var(--mute)}
#progSample{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#progSample>.card:first-child{grid-column:1;grid-row:1/span 2}
}
@media(min-width:900px) and (max-width:1099px){.plans .btn{font-size:16px;letter-spacing:.02em;white-space:nowrap;padding-left:8px;padding-right:8px}#progSample{grid-template-columns:1fr 1fr}}
.auth a.btn:not(.ghost){color:#fff}
@media(min-width:900px){#progSample{align-items:start}}
.herofine{color:#cfc8ba;margin:var(--s1) 0 0}
.habit{display:grid;gap:var(--s2);margin-top:var(--s2)}.habit .step{margin:0}
@media(min-width:760px){.steps.day{grid-template-columns:repeat(2,1fr)}.habit{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.steps.day{grid-template-columns:repeat(5,1fr)}.steps.day .step{padding:var(--s3) var(--s2) var(--s3)}.steps.day .num{right:var(--s2);font-size:26px}.habit .step{padding:var(--s3)}}
@media(min-width:900px) and (max-width:1099px){.steps.day{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1280px){.hero h1{font-size:66px}}
.plan.player{border:2px solid var(--red);border-top-width:4px}[data-theme=dark] .plan.player{border-color:#e0625f}
.founding{display:flex;gap:10px;align-items:flex-start;background:#b8312f12;border:1px dashed #b8312f66;border-radius:12px;padding:10px 12px;font-size:15px;margin:var(--s1) 0 var(--s2)}.founding .ic{margin-top:1px}.founding[hidden]{display:none}
[data-theme=dark] .founding{background:#e0625f1a;border-color:#e0625f66}
@media(min-width:760px){.plans.two{grid-template-columns:1fr 1fr;max-width:880px;margin:0 auto}}
@media(min-width:1000px){.plans.two{grid-template-columns:1fr 1fr}}
/* My velocity: compact */
.vhead{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.vhead .h3{margin:0}.vhead .btn.sm{margin:0}
.vsum{display:flex;align-items:flex-end;gap:var(--s2) var(--s3);flex-wrap:wrap;margin:var(--s2) 0 var(--s1)}.vsum .eyebrow{margin:0 0 2px}.vsum .big{line-height:1}.vall{margin:0 0 4px}
.vspark{width:120px;height:32px;margin-left:auto}.vspark polyline{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.vspark circle{fill:var(--red)}
[data-theme=dark] .vspark polyline{stroke:#e0625f}[data-theme=dark] .vspark circle{fill:#e0625f}
.vrows{list-style:none;padding:0;margin:var(--s1) 0 0}.vrows li{border-top:1px solid var(--line)}
.vrow{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:var(--s2);width:100%;padding:12px 2px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:48px}
.vrow .vmph{font-size:19px}.vmph.pend{font-size:15px;color:var(--mute);font-weight:600}.vdate{color:var(--mute);font-size:15px}
.vdet{margin:0 0 10px 2px}
.vicon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:800;line-height:1}
.vicon.ok{background:#2f7d4f;color:#fff}.vicon.wait{background:#b7791f22;color:#8a5a12;font-size:15px}.vicon.self{color:#9a968d;font-size:12px}.vicon.bad{background:#b8312f22;color:#9b2826}
[data-theme=dark] .vicon.wait{color:#f1c27a}[data-theme=dark] .vicon.bad{color:#f08a87}
.vlegend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:var(--s1) 0 0;border-top:1px solid var(--line);padding-top:10px;font-size:13px}.vlegend .vicon{width:18px;height:18px;font-size:11px}
[data-theme=dark] .vrows li,[data-theme=dark] .vlegend{border-color:#2f3238}
.vmodal .pbox{max-width:520px}
.hbtn.who{display:inline-flex;align-items:center;gap:6px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whodot{width:8px;height:8px;border-radius:50%;background:#2f7d4f;flex:none}
/* Fuel: focused */
.ftop{margin:var(--s2) 0;padding-left:20px}.ftop li{margin:6px 0;font-weight:600}
.fsecs{display:grid;gap:10px;margin-top:var(--s2)}
.fsec{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.fsec summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-family:Oswald,'Arial Narrow',sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.02em;min-height:48px}
.fsec summary::-webkit-details-marker{display:none}.fsec summary span{display:flex;gap:8px;align-items:center}
.fsec summary::after{content:'+';font-size:22px;color:var(--mute)}.fsec[open] summary::after{content:'−'}
.fsecb{padding:0 16px 14px}.fsecb .ftips{margin:0;padding-left:20px}.fsecb .ftips li{margin:6px 0}
.fplate{display:grid;gap:var(--s2)}.fplate .plate{max-width:180px;margin:0 auto}
#fuel .pnote{margin-top:var(--s2);color:var(--mute)}
@media(min-width:900px){#fuelBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3);align-items:start}
 #fuelBody .ftoday{margin:0}#fuelBody .fsecs{margin:0}#fuelBody .pnote{grid-column:1/-1}.fplate{grid-template-columns:180px 1fr;align-items:start}}
ul.icons{list-style:none;padding:0;margin:4px 0 var(--s2);display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--mute)}
.vfilm{margin:var(--s2) 0}
.velimit.wait{color:var(--warn,#b45309);font-weight:600}
@media (max-width:420px){.recbtn{font-size:12.5px;gap:6px;padding:6px 8px;white-space:nowrap}.soon{font-size:9px;padding:2px 6px}}@media (max-width:340px){.recbtn{flex-wrap:wrap;justify-content:center;white-space:normal;row-gap:4px}}
@media (max-width:560px){.rec #recH{font-size:22px;line-height:1.1}.rec .sheet-body .plain li{margin:6px 0}}
@media (max-width:560px){.rec .chead{flex-wrap:wrap;row-gap:6px}.rec #recH{flex:1 1 calc(100% - 56px)}.rec .chead .pill{order:3;margin:0}}
@media (max-width:560px){.rec #recH{flex:1 1 0;min-width:0}.rec .chead .pill{order:3;flex-basis:auto;margin-right:auto}.rec .chead button{order:2}.rec .chead::after{content:"";order:2;flex-basis:100%}}

/* Your day: editorial list, no cards */
.dayintro{text-align:center;margin:var(--s4) auto var(--s3);max-width:640px}.dayintro h2{margin:0 0 6px;font-size:26px;line-height:1.1;text-wrap:balance}.dayintro p{margin:0;font-size:16px;color:var(--mute);text-wrap:balance}
.daylist{list-style:none;padding:0;margin:var(--s2) 0 0;display:grid;grid-template-columns:1fr;column-gap:56px}
.daylist li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.daylist li:first-child{border-top:0}
.daylist li>div{flex:1;min-width:0}
.daylist .ic{width:22px;height:22px;margin-top:3px}
.daylist h3{font-size:18px;margin:0;line-height:1.25}
.daylist p{margin:3px 0 0;font-size:15px;color:var(--mute);line-height:1.45}
@media(min-width:760px){.dayintro h2{font-size:30px}.dayintro p{font-size:17px}.daylist{grid-template-columns:1fr 1fr}.daylist li{padding:26px 0}.daylist p{max-width:50ch}.daylist li:nth-child(-n+2){border-top:0}}
@media(min-width:900px){.daylist{grid-template-columns:repeat(3,1fr);column-gap:48px}.daylist p{max-width:34ch}.daylist li:nth-child(3){border-top:0}}
/* SIXTY6 hero: no card container + Video Check loop. Append at END of style.css (after the >=900px block). */
.hero,[data-theme=dark] .hero{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;color:var(--ink);padding:var(--s4) var(--s2) var(--s3);margin-top:0}
[data-theme=dark] .hero{color:var(--cream)}
.hero h1{color:inherit}[data-theme=dark] .hero h1{color:var(--cream)}
.hero .stitch{display:none}
/* light theme: cream logo/ghost button would vanish on light bg */
:root:not([data-theme=dark]) .hero-wm{content:url(assets/60six-logo-dark.svg)}
:root:not([data-theme=dark]) .hero .btn.ghost.light{color:var(--ink);border-color:currentColor}
.hero-vis{display:block;margin:var(--s3) 0 0;padding:0}
.hero-vid{display:block;width:100%;max-width:560px;margin-left:auto;aspect-ratio:1;height:auto;border-radius:14px;background:#0b0c0d;box-shadow:0 0 0 1px rgba(244,236,220,.08)}
@media(min-width:900px){.hero{padding:56px var(--s2)}.hero-vis{margin:0}}
@media(min-width:1280px){.hero{padding:72px var(--s2)}}
@media(prefers-reduced-motion:reduce){.hero-vid{display:none}.hero-vis .hero-poster{display:block}}
.hero-poster{display:none;width:100%;max-width:560px;margin-left:auto;height:auto;border-radius:14px}

/* light theme hero text contrast */
html:not([data-theme=dark]) .hero .pill.light{color:var(--ink);border-color:rgba(0,0,0,.2)}
html:not([data-theme=dark]) .hero .lead{color:var(--mute)}

/* more room above Your Day */
.dayintro{margin-top:72px}
@media (max-width:640px){.dayintro{margin-top:48px}}

.pricenote{max-width:720px;margin:20px auto 0;padding:0 20px;text-align:center;line-height:1.5;box-sizing:border-box}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pricing{margin-top:96px!important;padding-top:0!important}
@media (max-width:640px){.pricing{margin-top:72px!important}}


/* Home: Today screen phone */
.dayshow{display:grid;gap:28px;margin-top:var(--s3)}
.phone{margin:0 auto;width:236px;padding:9px;border-radius:40px;background:#0d0e10;box-shadow:0 0 0 1px #2c2f35,0 18px 40px -18px #0008}
.phone img{display:block;width:100%;height:auto;border-radius:31px}
.dayshow .daylist{margin-top:0}
@media(min-width:900px){.dayshow{grid-template-columns:auto 1fr;gap:56px;align-items:center}.phone{width:264px}.dayshow .daylist{grid-template-columns:1fr 1fr}.dayshow .daylist li:nth-child(3){border-top:1px solid var(--line)}}

/* Body checkpoints (weekly): fits 390px without horizontal scroll */
.checks th[scope=row]{text-align:left;font:600 15px var(--body);text-transform:none;letter-spacing:0;color:inherit;padding:12px 6px 12px 0;border-top:1px solid var(--line)}.checks thead th{white-space:nowrap;padding:8px 4px;font-size:12px;letter-spacing:.04em}.checks td{padding:12px 2px}.checks td .dot{margin:0}.checks .nochk{color:var(--mute)}#checksEmpty .btn{margin-top:8px}
@media(max-width:480px){.checks th[scope=row]{font-size:14px}.checks thead th{font-size:11px;letter-spacing:0}}
#checksCard [hidden]{display:none!important}
/* Fuel: single daily card */
#fuelBody{max-width:640px}
@media(min-width:900px){#fuelBody{display:block}}
.fdone{font-weight:700;color:var(--mute);font-variant-numeric:tabular-nums}
.fline{margin:4px 0}.ftoday .fhabits{margin-top:var(--s2)}
.fgrow{margin-top:var(--s2)}.fgrow summary{cursor:pointer;color:var(--mute);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:8px 0;min-height:44px}
.fgrow[open] summary{margin-bottom:8px}
#fuel .gfast{background:none;border-left:3px solid var(--amber);padding:4px 0 4px 12px;border-radius:0}
#fuel .pnote{background:none;border:0;padding:0}
#fuel .fh{border:0;padding:6px 0;min-height:44px}

/* Video Check: unboxed How to film + Add your clips (appended) */
.vfilm,.veadd{margin:var(--s4,28px) 0;padding:0;background:none;border:0}
.vfsteps{margin:.6em 0 0;padding-left:1.3em;font-size:16px;line-height:1.5}.vfsteps li{margin:.55em 0}
.vfilm .small{font-size:15px}
.veadd{font-size:16px;line-height:1.5}.velead{margin:.3em 0 1em}
.veslots{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:700px){.veslots{grid-template-columns:1fr 1fr}}
.vepick{display:flex;align-items:center;gap:14px;padding:18px;border:2px dashed var(--line,#3a3d44);border-radius:14px;cursor:pointer;min-height:64px}
.vepick:hover{border-color:currentColor}.vepick input{position:absolute;opacity:0;width:1px;height:1px}.vepick b{display:block;font-size:17px}
.vepick[hidden],.vechosen[hidden]{display:none!important}
.vesub{display:block;font-size:15px;opacity:.7}
.vechosen{display:flex;align-items:center;gap:12px;padding:6px 0}.vechosen .vefile{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vechosen .vethumb video{width:64px;height:48px;object-fit:cover;border-radius:8px;display:block;background:#000}
.veadd .vechk{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:16px}
.vego{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.vego .vesub{display:inline}
.vehtask{margin:14px 0}.vehtask label{display:flex;gap:8px;align-items:center;font-size:16px}
.vegobtn{width:100%;margin-top:6px;font-size:17px;min-height:52px}
.veadd #veProg,.veadd .velimit,.veadd .vestore{font-size:15px;margin:.6em 0}
.vehist{list-style:none;margin:0;padding:0}.vehrow{display:flex;gap:12px;align-items:center;width:100%;background:none;border:0;color:inherit;text-align:left;padding:10px 0;font-size:16px;cursor:pointer}
.vehist .vethumb{width:72px;height:54px;border-radius:8px;background:#222;overflow:hidden;flex:none}.vehist .vethumb img{width:100%;height:100%;object-fit:cover}
.vehd .small{display:block}
.veview{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:200;display:flex;align-items:center;justify-content:center;padding:12px}
.vevbox{background:var(--bg,#16171a);border-radius:16px;padding:16px;max-width:720px;width:100%;max-height:92vh;overflow:auto}
.vevwrap{position:relative}.vevwrap video{width:100%;display:block;border-radius:10px}.vevwrap canvas{position:absolute;inset:0;pointer-events:none}
.ptiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ptile{padding:12px;border-radius:12px;background:var(--card,#1d1f23)}
.ptile b{display:block;font-size:22px}.ptile span{font-size:13px;opacity:.75}
#mech .mhead{font-weight:600;margin:.4em 0}#mech .mlist{list-style:none;padding:0;margin:0}#mech .mlist li{display:flex;justify-content:space-between;gap:8px;padding:6px 0}
#mech .better .mv{color:#5fc48a}.spick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.veadd .veslot{border:0;padding:0;background:none;min-height:0;display:block}

#video{padding-bottom:110px}

.ex.ex-flush{margin-left:0}

/* Today plan time estimate */
.ptime{flex-basis:100%;margin:2px 0 0;font:600 14px var(--body);color:var(--mute)}
.ptile{background:var(--paper);border:1px solid var(--line);color:inherit;text-align:left}
#mech .mlist li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n v" "n s";column-gap:12px;row-gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
#mech .mlist li:last-child{border-bottom:0}#mech .mn{grid-area:n;font-size:15px}#mech .mv{grid-area:v;text-align:right;white-space:nowrap;font-size:15px}
#mech .ms{grid-area:s;text-align:right;font-size:13px;white-space:nowrap}#mech .ms.in{color:#2f9a5e}#mech .ms.edge{color:#c48a12}#mech .ms.out{color:#c0392b}
#progress{padding-bottom:110px}

#mech .ms{display:flex;align-items:center}.rbar{display:block;overflow:visible}.rbar .rtrack{fill:var(--line,#ddd)}.rbar .rband{fill:#5fc48a;opacity:.55}
.rbar .rb{fill:var(--paper,#fff);stroke:#8a8a8a;stroke-width:1.5}.rbar .ra{fill:currentColor}.rbar .ra.out{fill:#c0392b}.rbar text{font-size:8px;fill:currentColor;opacity:.65}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#mech .rbar{width:120px!important;height:22px!important;max-width:none;flex:none}

.rbar .rp{fill:#9a9ca3}.rleg{font-size:13px;opacity:.75;margin:0 0 4px;display:flex;align-items:center;gap:6px}
.rleg i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9a9ca3}.rleg i.ra{background:currentColor;margin-left:8px}

/* Outside training question: one compact row of 7 day chips per type */
.outrow{border:0;padding:0;margin:14px 0 0;min-width:0}.outrow legend{font-weight:700;font-size:16px;padding:0}.outrow .chips{flex-wrap:nowrap;gap:5px;margin-top:6px}.outrow .days7 .chip{flex:1 1 0;min-width:0}.outrow .chip span{min-height:44px;min-width:0;padding:0;font-size:14px}

/* Exercise swap: sits beside "How to do it" */
.exrow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 18px}.exrow>details.ex{flex:0 1 auto}.exrow>details[open]{flex-basis:100%}
details.swap>summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:15px;padding:6px 0;list-style:none}details.swap>summary::-webkit-details-marker{display:none}
details.swap>summary::before{content:"\21C4  "}.swapr{padding:4px 0 8px}.swapr .small{margin:0 0 6px}.swapb{display:flex;flex-wrap:wrap;gap:6px}
.chipb{border:2px solid var(--line);background:var(--paper);border-radius:12px;min-height:44px;padding:0 12px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;color:inherit}.chipb:hover{border-color:var(--red)}

.sore{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--s1)}.sore .small{margin:0 4px 0 0}.sore .chipb.on{background:#e0a52622;border-color:#e0a526}
.yweek .outrow{margin-top:var(--s1)}.goalsq{margin:var(--s1) 0}.goalsq .chips{margin:6px 0}.pflevel label span{white-space:nowrap;font-size:14px;padding-inline:4px}
.shtoast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#1f2a44;color:#fff;padding:10px 16px;border-radius:12px;font-size:15px;z-index:9999;max-width:90vw;text-align:center}.shtoast[hidden]{display:none}
/* ===== Compact type scale (one scale, mobile + desktop). Nav tab = 15px; title <= 1.15x; headings below. ===== */
:root{--s1:6px;--s2:10px;--s3:14px;--s4:18px}
body{font-size:15px;line-height:1.45}
h1{font-size:17px;margin:var(--s2) 0}
h2{font-size:15.5px;margin:var(--s3) 0 var(--s1)}h3,.h3{font-size:15px;margin:0 0 var(--s1)}
.eyebrow{font-size:12px;margin:var(--s3) 0 var(--s1)}
.small,.list .why,.list .whyx,.switch .why,.up{font-size:13px}.lead{font-size:15px}
label,.done,.note{font-size:14px}.exb ol li{font-size:14px}.m{font-size:14.5px}.chead{font-size:16px}
.hero h1{font-size:30px}.big,.amt{font-size:34px}.big small,.amt small{font-size:14px}.num{font-size:20px}.stop h2{font-size:18px}.stop svg{width:22px;height:22px}
.card{padding:12px 14px;margin:8px 0}.stop{padding:12px 14px}
.btn{font-size:15px;min-height:44px;padding:8px 14px;margin:8px 0;border-radius:10px}
.cin .btn,.sbtn{font-size:14px;min-height:44px}
.season{margin:0;padding:3px;border-radius:10px}.season button{font-size:13px;min-height:44px;padding:6px 8px}
input[type=email],.cin input,.field{padding:10px}.field{font-size:18px}
.vid span{font-size:14px}.vid svg{width:30px;height:30px}
.rowhead{margin:0}.rowhead h1{margin:8px 0}
.tabs a{min-height:52px}
@media(min-width:760px){.hero h1{font-size:40px}}
@media(min-width:900px){body{font-size:14.5px}.btn{min-height:40px}.season button{min-height:36px}.tabs a{min-height:44px}}
/* Today: compact control row (season + arm feel), days strip below */
.ctlrow{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}
.ctlrow .feelcard{margin:0;padding:8px 10px}.ctlrow .feelcard h2{font-size:13px;margin:0 0 6px}
.feel{gap:6px}.feel button{min-height:44px;padding:6px 4px;font-size:13px}
.sore{margin-top:6px;gap:4px}
@media(min-width:560px) and (max-width:899px){.ctlrow{grid-template-columns:minmax(220px,1fr) 1.4fr;align-items:start}.ctlrow #seasonInfo{grid-column:1/-1;grid-row:2}}
/* One-line tasks: name + sets/time; tap name to open Why + How to do it */
#plan .list li{padding:6px 0}
#plan li>label>span{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1;cursor:pointer;min-height:32px}
#plan li>label>span>b{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
#plan li>label>span>.why{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
#plan li>label>span::after{content:'▸';color:var(--mute);font-size:12px;margin-left:auto;transition:transform .15s}
#plan li.open>label>span{flex-wrap:wrap}#plan li.open>label>span>.why{white-space:normal}#plan li.open>label>span::after{transform:rotate(90deg)}
#plan li:not(.open) .whyx,#plan li:not(.open) .exrow{display:none}
#plan li.open .whyx{flex-basis:100%}
@media(max-width:899px){#plan li>label{min-height:44px;align-items:center}}
/* Your week: thin one-line bar, opens to the form */
.ybar{background:var(--paper);border:1px solid var(--line);border-radius:10px;margin:0 0 8px}
.ybar>summary{display:flex;align-items:center;gap:8px;padding:8px 12px;min-height:44px;cursor:pointer;list-style:none}.ybar>summary::-webkit-details-marker{display:none}
.ybar>summary .small{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ybar>.yweek{margin:0;border:0;box-shadow:none}
/* Progress / Fuel / My Video: tighter vertical rhythm */
.screen section,.screen .card+.card{margin-top:8px}.grid2,.steps,.vids{gap:8px}.vfsteps li{margin:3px 0}

/* Home hero spacing (logged out): calmer vertical rhythm */
.hero .hero-wm{margin:0 0 20px}
.hero .hero-copy>.pill{display:inline-block;margin:0 0 22px}
.hero .hero-copy h1{line-height:1.05;margin:0 0 18px;font-size:28px;overflow-wrap:normal}
.hero .hero-copy h1 .accent{display:inline-block;margin-top:4px}
.hero .hero-copy .lead{line-height:1.5;margin:0 0 24px}
.heroauth{display:flex;flex-wrap:wrap;gap:12px}.heroauth .btn{margin:0}.heroauth .herofine{margin:2px 0 0}
@media(min-width:420px){.hero .hero-copy h1{font-size:30px}}
@media(min-width:760px){.hero .hero-copy h1{font-size:40px}}

/* Account: one calm column, divider rows */
.auth.acct{max-width:560px;margin:0 auto}
#acctBody{columns:auto;column-gap:0}#acctBody>*{margin:0}
.asec{margin:0 0 18px}.ah{font-size:12px;letter-spacing:.14em;color:var(--mute);margin:14px 0 4px}
.aplayer{border-bottom:1px solid var(--line);padding:0 0 4px;margin-bottom:4px}.apn{padding:8px 0 4px}.apn b{display:block;font-size:16px}.apn .small{display:block}
.arow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 2px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font:inherit;font-size:15px;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;cursor:pointer}
.arow .ar{color:var(--mute);font-size:14px;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arow.link:hover .al{color:var(--red)}
.aplayer .arow:first-of-type{border-top:0}
.arow-d>summary{list-style:none}.arow-d>summary::-webkit-details-marker{display:none}.arow-d[open]>summary .ar{transform:rotate(90deg)}
.arow-d>form.card,.arow-d #acctContact{border:0;box-shadow:none;padding:4px 2px 12px;margin:0;background:none}.arow-d #acctContact>h2{display:none}
.anote{font-size:13px;color:var(--mute);margin:2px 0 8px;padding-left:10px;border-left:2px solid #e0a526}.anote.red{border-left-color:var(--red)}
#acctBody .btn.ghost#manageBilling{min-height:44px;margin:4px 0 8px}
.aout{display:block;width:100%;min-height:48px;margin:8px 0 24px;background:none;border:0;border-top:1px solid var(--line);color:var(--mute);font:inherit;font-size:15px;cursor:pointer}.aout:hover{color:var(--red)}
#account #addMore,#account #plForm{margin:12px 0}
#acctBody a.arow,#acctBody a.arow:visited{color:var(--ink)}

/* Pricing: equal-height cards, CTA + renew note pinned to the bottom (side by side only) */
@media(min-width:760px){.plans.two{align-items:stretch}.plans.two .plan{display:flex;flex-direction:column;height:100%}.plans.two .plan .feat{margin-bottom:var(--s2)}.plans.two .plan>.btn{margin-top:auto}.plans.two .plan .renew{min-height:2.9em;margin-bottom:0}}
@media(min-width:760px){.plans.two .plan>.btn{box-sizing:border-box;height:44px;min-height:44px}.plans.two .plan.family{border-width:2px;border-top-width:4px}}
/* WCAG AA: hero fine print in light mode, Save pill in dark mode */
html:not([data-theme=dark]) .hero .herofine{color:#5f5a52}
[data-theme=dark] .save{color:#0f2418}
/* Phone mockup shows the opposite theme of the site */
.phone picture{display:block}.phone .ph-light{display:none}
[data-theme=dark] .phone .ph-dark{display:none}[data-theme=dark] .phone .ph-light{display:block}
[data-theme=dark] .phone{box-shadow:0 0 0 1px #3a3e45,0 18px 40px -18px #000a}
/* Insights v2: tabs, summary tiles, dense chart grid, cards sized to content */
#insights{max-width:1180px}
.itabs{display:flex;gap:4px;background:var(--line);padding:4px;border-radius:12px;margin:8px 0 6px;overflow-x:auto}
.itabs button{flex:1 0 auto;min-height:40px;border:0;border-radius:9px;background:none;font:600 14px var(--body);color:var(--mute);padding:0 14px;cursor:pointer}
.itabs button.on{background:var(--paper);color:var(--ink);box-shadow:var(--sh)}
.inote{font-size:13px;color:var(--mute);margin:4px 0 10px;font-weight:400}
.ibanner{font-size:14px;background:#b8312f12;border-left:3px solid var(--red);padding:8px 12px;border-radius:8px;margin:0 0 12px}
.itiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.itile{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.itl{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:600}
.itile b{font:700 24px var(--disp);color:var(--navy);line-height:1.1}.itile.neg b{color:var(--red)}
.its{font-size:12px;color:var(--mute)}
.iest{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#c9a22733;color:var(--ink);border-radius:99px;padding:1px 6px;margin-right:4px}
.ins2grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:start;margin-bottom:12px}
.ichart{margin:0;padding:12px 14px}.ichart h3{font:600 13px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 8px}
.iwide{grid-column:1/-1}
.ibar{display:grid;grid-template-columns:minmax(84px,40%) 1fr auto;gap:8px;align-items:center;font-size:13.5px;min-height:22px}
.ibar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibar i{height:8px;background:var(--line);border-radius:99px;overflow:hidden}
.ibar u{display:block;height:100%;background:var(--navy);border-radius:99px}.ibar b{font-size:13px;white-space:nowrap}.ibar em{font-style:normal;color:var(--mute);font-weight:400}
.icols{display:flex;align-items:flex-end;gap:4px;height:96px}.icols>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.icols i{width:100%;max-width:28px;background:var(--navy);border-radius:4px 4px 0 0}.icols span{font-size:10.5px;color:var(--mute);margin-top:3px}
.iempty{grid-column:auto;margin:0;font-size:13.5px;color:var(--mute);padding:10px 14px;border:1px dashed var(--line);border-radius:12px}.iempty b{color:var(--ink);font-weight:600;margin-right:6px}
.idet{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:0 0 8px}.idet>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 14px;font-weight:600;font-size:14.5px}
.idet[open]>summary{border-bottom:1px solid var(--line)}.idet>:not(summary){margin:10px 14px}.idet .card{box-shadow:none;border:0;padding:0}
.imap{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;max-width:520px}
.imap i{font:600 10px var(--body);font-style:normal;aspect-ratio:1;display:grid;place-items:center;border-radius:4px;background:var(--line);color:var(--mute)}
.imap i.on{background:rgba(29,43,68,var(--a));color:#fff}[data-theme=dark] .imap i.on{background:rgba(159,180,216,var(--a));color:#111}
.inc{color:var(--mute);font-style:italic}
#insights .itable{width:100%;font-size:13.5px}#insights .itable td,#insights .itable th{padding:6px 4px}
@media(max-width:520px){.itiles{grid-template-columns:1fr 1fr}.itile b{font-size:21px}.ins2grid{grid-template-columns:1fr}.idet .itable{display:block;overflow-x:auto}}
.iscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Ask Coach: keep line breaks in fallback suggestions */
.coach .m{white-space:pre-line}
.ins2grid>*{min-width:0}@media(max-width:520px){.itabs button{flex:1 1 auto;padding:0 6px;font-size:13px}}
@media(max-width:520px){.itabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.itabs button{padding:0 2px;font-size:12.5px;min-width:0}}

/* Contrast fixes (WCAG AA). --ink stays dark in dark mode (it's also used as a fill), so text that uses it gets the dark-mode text color here. */
[data-theme=dark] .arow,[data-theme=dark] #acctBody a.arow,[data-theme=dark] #acctBody a.arow:visited{color:#efe7d6}
#video .lead{color:var(--mute)}
.vicon.self{color:#6b675f}
.velimit.wait{color:#9a4708}[data-theme=dark] .velimit.wait{color:#f0a85a}
#mech .ms.in{color:#22744a}#mech .ms.out{color:#b0302a}#mech .ms.edge{color:#8a5f0c}
[data-theme=dark] #mech .ms.in{color:#62c98f}[data-theme=dark] #mech .ms.out{color:#f08a80}[data-theme=dark] #mech .ms.edge{color:#e2b552}
[data-theme=dark] .pill.beta{color:#10161f}
[data-theme=dark] .vicon.self{color:#a9a69e}
/* Video Check save result + local-only checks */
.vesaved{margin:0 0 12px;padding:10px 12px;border-radius:10px;font-weight:600;font-size:15px}
.vesaved.ok{background:#e3f1e8;color:#1d5e3c}.vesaved.bad{background:#fbe9e7;color:#9c2a24}
[data-theme=dark] .vesaved.ok{background:#173326;color:#8fdcb0}[data-theme=dark] .vesaved.bad{background:#3a1a18;color:#f4a49c}
.velocal{display:block;color:#9a4708;font-weight:600}[data-theme=dark] .velocal{color:#f0a85a}
.vestore.vewarn{color:#9a4708;font-weight:600}[data-theme=dark] .vestore.vewarn{color:#f0a85a}
.vepick.off{opacity:.55;pointer-events:none}

/* Insights: tables/content inside collapsible cards keep their side margins inside the card border (no 100%+margin overflow) */
#insights .idet>table.itable,#insights .idet>.iscroll{width:calc(100% - 28px);max-width:calc(100% - 28px);box-sizing:border-box}
#insights .idet{overflow:hidden;min-width:0}
#insights .itable td.num2{white-space:nowrap;padding-right:2px}
#insights .ievents td:first-child{overflow-wrap:anywhere}
@media(max-width:520px){#insights .idet>table.itable{display:table;overflow:visible}}
/* Insights dashboard (v3): neutral surfaces, one accent for single-measure charts, 6-color categorical palette for shares. */
#insights{--iv-bg:#f3f4f6;--iv-card:#fff;--iv-bd:#e1e4e8;--iv-tx:#181b20;--iv-mu:#5c6470;--iv-grid:#e8eaee;--iv-ac:#2463c9;--iv-ac2:#9db8e6;--iv-up:#1d7a46;--iv-dn:#b3261e;
 --c1:#2463c9;--c2:#e07b1a;--c3:#1f9e89;--c4:#8a4fc7;--c5:#c9417a;--c6:#7a8594;font-variant-numeric:tabular-nums}
[data-theme=dark] #insights{--iv-bg:#15171a;--iv-card:#1e2125;--iv-bd:#30343a;--iv-tx:#eceef1;--iv-mu:#a0a7b1;--iv-grid:#2c3036;--iv-ac:#6f9eea;--iv-ac2:#3c5687;--iv-up:#5fc98d;--iv-dn:#f08a80;
 --c1:#6f9eea;--c2:#f0a050;--c3:#4cc5ae;--c4:#b48be6;--c5:#e87aa6;--c6:#9aa3af}
#insBody{background:var(--iv-bg);border-radius:12px;padding:8px;margin:0 -4px 12px;color:var(--iv-tx)}
#insights .itabs{background:var(--iv-card);border:1px solid var(--iv-bd);padding:0;border-radius:10px;gap:0;margin:0 0 8px;overflow:hidden}
#insights .itabs button{min-height:40px;border-radius:0;color:var(--iv-mu);font-size:13.5px;border-bottom:3px solid transparent;box-shadow:none;background:none}
#insights .itabs button.on{color:var(--iv-tx);border-bottom-color:var(--iv-ac);background:none;box-shadow:none}
#insights .ifilter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:var(--iv-card);border:1px solid var(--iv-bd);border-radius:10px;padding:6px 8px;margin:0 0 8px;font-size:12px;color:var(--iv-mu)}
#insights .iseg{display:inline-flex;align-items:center;gap:0;border:1px solid var(--iv-bd);border-radius:8px;overflow:hidden}
#insights .iseg span{padding:0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}
#insights .iseg button{border:0;border-left:1px solid var(--iv-bd);background:none;color:var(--iv-tx);font:600 12px var(--body);min-height:32px;padding:0 10px;cursor:pointer}
#insights .iseg button.on{background:var(--iv-ac);color:#fff}[data-theme=dark] #insights .iseg button.on{color:#0d1420}
#insights .iupd{flex:1 1 200px;min-width:0}
#insights .irefresh{border:1px solid var(--iv-bd);background:none;color:var(--iv-tx);border-radius:8px;min-height:32px;padding:0 10px;font:600 12px var(--body);cursor:pointer}
#insights .ibanner{background:var(--iv-card);border:1px solid var(--iv-bd);border-left:3px solid #c98a12;border-radius:8px;color:var(--iv-tx);font-size:13px;margin:0 0 8px;padding:6px 10px}
#insights .itiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 8px}
#insights .itile{background:var(--iv-card);border:1px solid var(--iv-bd);border-radius:10px;padding:8px 12px;gap:1px;box-shadow:none}
#insights .itl{font-size:11px;color:var(--iv-mu);letter-spacing:.05em}
#insights .itile b{font:700 26px/1.1 var(--body);color:var(--iv-tx);letter-spacing:-.01em}
#insights .itile.neg b{color:var(--iv-dn)}#insights .itile.pos b{color:var(--iv-tx)}
#insights .its{font-size:11.5px;color:var(--iv-mu)}
#insights .idelta{font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}
#insights .idelta i{font-style:normal;font-size:9px}#insights .idelta em{font-style:normal;font-weight:400;color:var(--iv-mu);overflow:hidden;text-overflow:ellipsis}
#insights .idelta.iup{color:var(--iv-up)}#insights .idelta.idn{color:var(--iv-dn)}#insights .idelta.ieq{color:var(--iv-mu)}
#insights .iest{background:#c98a1226;color:var(--iv-tx)}
#insights .ins2grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin:0 0 8px;align-items:stretch}
#insights .ichart{background:var(--iv-card);border:1px solid var(--iv-bd);border-radius:10px;box-shadow:none;padding:10px 12px;margin:0;color:var(--iv-tx)}
#insights .ihead{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--iv-grid)}
#insights .ihead h3{flex:1;font:700 13px var(--body);text-transform:none;letter-spacing:0;color:var(--iv-tx);margin:0}
#insights .imeta{font-size:11.5px;color:var(--iv-mu);font-weight:600;white-space:nowrap}
#insights .isub{flex-basis:100%;margin:1px 0 0;font-size:11.5px;color:var(--iv-mu)}
#insights .inote{font-size:11.5px;color:var(--iv-mu);margin:6px 0 0}
#insights .iempty{border:1px dashed var(--iv-bd);padding:10px 12px}#insights .iempty p{margin:0;font-size:13px;color:var(--iv-mu)}#insights .iempty .ihead{border:0;margin:0 0 2px;padding:0}
#insights .ibars{display:grid;gap:2px}
#insights .ibar{grid-template-columns:minmax(80px,38%) 1fr 64px;font-size:12.5px;min-height:20px;gap:8px;border-radius:4px}
#insights .ibar:hover{background:var(--iv-grid)}
#insights .ibar i{height:10px;background:none;border-radius:2px}#insights .ibar u{background:var(--iv-ac);border-radius:2px}
#insights .ibar b{text-align:right;font-size:12.5px}#insights .ibar em{color:var(--iv-mu);font-size:11px}
#insights .isvg{width:100%;height:auto;display:block;overflow:visible}
#insights .isvg .ig{stroke:var(--iv-grid);stroke-width:1;stroke-dasharray:2 3}#insights .isvg .i0{stroke:var(--iv-bd);stroke-width:1}
#insights .isvg .iax{fill:var(--iv-mu);font:500 8px var(--body)}
#insights .isvg .icol{fill:var(--iv-ac2)}#insights .isvg .icol.last{fill:var(--iv-ac)}
#insights .isvg .ihit{fill:transparent}#insights .isvg g:hover .icol{fill:var(--iv-ac)}#insights .isvg g:hover .ihit{fill:var(--iv-grid);opacity:.5}
#insights .istack{display:flex;height:14px;border-radius:3px;overflow:hidden;gap:2px;margin:2px 0 8px}
#insights .c1{background:var(--c1)}#insights .c2{background:var(--c2)}#insights .c3{background:var(--c3)}#insights .c4{background:var(--c4)}#insights .c5{background:var(--c5)}#insights .c6{background:var(--c6)}
#insights .ilegend{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:12.5px}
#insights .ilegend li{display:grid;grid-template-columns:10px 1fr auto 40px;gap:8px;align-items:center}
#insights .ilegend li>i{width:10px;height:10px;border-radius:2px}#insights .ilegend b{text-align:right}#insights .ilegend em{font-style:normal;color:var(--iv-mu);text-align:right;font-size:11.5px}
#insights .idet{background:var(--iv-card);border:1px solid var(--iv-bd);border-radius:10px;margin:0 0 8px;color:var(--iv-tx)}
#insights .idet>summary{min-height:40px;font-size:13px;font-weight:700;padding:0 12px;list-style:none;gap:8px}
#insights .idet>summary::-webkit-details-marker{display:none}
#insights .idet>summary::before{content:'';width:6px;height:6px;border-right:2px solid var(--iv-mu);border-bottom:2px solid var(--iv-mu);transform:rotate(-45deg);transition:transform .15s;flex:none}
#insights .idet[open]>summary::before{transform:rotate(45deg)}
#insights .idet[open]>summary{border-bottom:1px solid var(--iv-grid)}
#insights .idet>:not(summary){margin:8px 12px}
#insights .icount{font-size:11px;font-weight:600;color:var(--iv-mu);background:var(--iv-grid);border-radius:99px;padding:1px 7px}
#insights .ichart .idet{border:0;margin:8px 0 0;background:none}#insights .ichart .idet>summary{padding:0;min-height:32px;font-size:12.5px}#insights .ichart .idet>:not(summary){margin:6px 0 0}
#insights .ichart .idet>table.itable,#insights .ichart .idet>.iscroll{width:100%;max-width:100%}
#insights .isub2{margin:0}
#insights .itable{font-size:12.5px;color:var(--iv-tx)}
#insights .itable th{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--iv-mu);font-weight:700;border-bottom:1px solid var(--iv-bd);background:var(--iv-bg)}
#insights .itable td,#insights .itable th{padding:5px 6px;border-color:var(--iv-grid)}
#insights .itable tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--iv-bg) 55%,transparent)}
#insights .itable td.num2,#insights .itable th.num2{text-align:right!important;font-weight:600}
#insights .imap i{background:var(--iv-grid);color:var(--iv-mu)}
#insights .imap i.on{background:color-mix(in srgb,var(--iv-ac) calc(var(--a)*100%),var(--iv-grid));color:#fff}
.itip{position:fixed;z-index:50;pointer-events:none;background:#181b20;color:#eef0f3;font:12px/1.4 var(--body);padding:6px 9px;border-radius:6px;box-shadow:0 4px 14px #0004;max-width:220px}
[data-theme=dark] .itip{background:#f2f3f5;color:#181b20}
@media(max-width:520px){#insBody{padding:6px;margin:0 -8px 10px}#insights .itiles{grid-template-columns:1fr 1fr;gap:6px}#insights .itile{padding:7px 10px}#insights .itile b{font-size:21px}#insights .ins2grid{grid-template-columns:1fr;gap:6px}#insights .iupd{flex-basis:100%;order:3}#insights .ibar{grid-template-columns:minmax(76px,40%) 1fr 58px}}
@media(min-width:1100px){#insights .ins2grid{grid-template-columns:repeat(3,minmax(0,1fr))}#insights .itiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}