/* Sweat reference CSS, generated by ref/build_all.mjs from the approved mocks (dir-fp.html, desk-fp.html). */
@font-face {
font-family: 'Archivo';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: block;
src: url(fonts/google/7150c0ec5ad35645.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: 'Archivo';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: block;
src: url(fonts/google/7150c0ec5ad35645.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: 'Archivo';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: block;
src: url(fonts/google/7150c0ec5ad35645.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: 'Archivo';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: block;
src: url(fonts/google/7150c0ec5ad35645.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: 'Archivo';
font-style: normal;
font-weight: 800;
font-stretch: 100%;
font-display: block;
src: url(fonts/google/7150c0ec5ad35645.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;
}
@media (max-width:899.98px){
/* Tokens copied from concepts/sweat-f.css (Sweat F). Dark only, like F. */
:root{color-scheme:dark;--bg:#0A0F1E;--surface:#11182B;--raised:#1A2236;--raised-2:#222B44;--ink:#F3F4F8;--ink-2:#B4BACB;--muted:#8890A4;
--faint:#596380;--hairline:#1C2438;--line:#2C3550;--amber:#FF6134;--amber-text:#FF8763;--amber-bg:#2A1A14;--up:#37B98A;--down:#F06A8A;
--up-bg:#16332A;--brand:#B7C0FF;--sheen:linear-gradient(115deg,#EDE8FF 0%,#BCCBFF 35%,#C4F2E6 65%,#FFDCEB 100%);
--chartline:#E6E8F0;--ui:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;--yahoo:#7FD3C3}
:root[data-theme="light"]{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.5 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.wrap{max-width:1680px;margin:0 auto;padding:32px 16px 80px}
.intro{max-width:820px}
.intro h1{font:800 2.125rem/1.1 var(--ui);letter-spacing:-.02em;margin:0 0 8px}
.intro p{color:var(--ink-2);margin:0 0 10px}
.key{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:0.8125rem;color:var(--muted);margin:12px 0 0}
.b{display:inline-block;font:700 0.6875rem/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;vertical-align:1px}
.b.y{background:#173430;color:var(--yahoo)}.b.s{background:#24264a;color:var(--brand)}.b.d{background:var(--raised);color:var(--ink-2)}
/* shell map */
.map{margin:28px 0 8px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);max-width:1100px}
.map h2{font:700 0.8125rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.mrow{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:12px}
.mbox{flex:1 1 180px;min-width:0;padding:12px 14px;border-radius:14px;background:var(--raised);font-size:0.875rem;color:var(--ink-2)}
.mbox b{display:block;color:var(--ink);font-size:0.9375rem;margin-bottom:2px}
.mbox.top{border:1px dashed var(--line);background:none}
.mlab{font-size:0.75rem;color:var(--muted);margin:6px 0 6px}
/* frames */
.frames{display:flex;flex-wrap:wrap;gap:40px 28px;margin-top:32px}
.shot{width:390px;max-width:100%;display:flex;flex-direction:column;gap:12px}
.shot h3{margin:0;font:700 1.0625rem var(--ui)}.shot h3 span{color:var(--muted);font-weight:500;font-size:0.875rem}
.ph{width:100%;height:844px;border-radius:30px;border:1px solid var(--line);background:var(--bg);position:relative;overflow:hidden;display:flex;flex-direction:column}
.scr{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.scr::-webkit-scrollbar{display:none}
.notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:0.875rem;color:var(--ink-2)}
.notes li{line-height:1.45}
/* status bar */
.sb{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font:600 0.75rem var(--ui);color:var(--ink-2)}
/* shared top bar */
.tbar{display:flex;align-items:center;gap:6px;padding:6px 10px 8px 16px;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px)}
.wm{font:800 1.375rem var(--ui);letter-spacing:-.02em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:4px}
.pill{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:0.875rem;white-space:nowrap;overflow:hidden}
.pill span{overflow:hidden;text-overflow:ellipsis}
.ib{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--ink-2);position:relative}
.ib svg{width:22px;height:22px}
.ib .dotn{position:absolute;top:10px;right:11px;width:8px;height:8px;border-radius:4px;background:var(--brand);box-shadow:0 0 0 2px var(--bg)}
.av{width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,#6E78C8,#C4F2E6);display:flex;align-items:center;justify-content:center;font:700 0.8125rem var(--ui);color:#0A0F1E}
.signin{min-height:44px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;font-weight:600;display:inline-flex;align-items:center;flex:none}
/* tab bar (stays on detail screens) */
/* module grammar */
.g{padding:0 16px}
.mod{margin-top:26px}
.mh{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.cap{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.more{min-height:44px;display:inline-flex;align-items:center;font-size:0.875rem;color:var(--brand);font-weight:600}
.clock{font-size:0.75rem;color:var(--muted)}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:2px -16px 6px;padding:0 16px}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;font-size:0.875rem;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.pps{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:2px -16px 6px;padding:0 16px}
.pp{flex:none;min-height:52px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none}
.pp.all,.pp.add{padding:0 16px;font-size:0.875rem;font-weight:600}
.pp.all.on{box-shadow:inset 0 0 0 1.5px var(--ink-2);background:var(--raised)}
.pp.add{color:var(--ink-2)}
.ppi{width:32px;height:32px;border-radius:9px;background:var(--line);display:flex;align-items:center;justify-content:center;font:700 0.625rem/1 var(--ui);color:var(--ink)}
.ppt{display:flex;flex-direction:column;line-height:1.25}.ppt b{font-size:0.875rem;font-weight:600;white-space:nowrap}
.ppt span{font-size:0.7813rem;color:var(--ink-2);white-space:nowrap}.ppt i{font-style:normal;font-weight:600}.ppt i.up{color:var(--up)}.ppt i.dn{color:var(--down)}
.chip.on{background:var(--line);color:var(--ink);box-shadow:none;font-weight:600}
/* market row (one row grammar) */
.row{display:flex;align-items:center;gap:10px;min-height:68px;padding:8px 0;border-top:1px solid var(--hairline)}
.row:first-of-type{border-top:0}
.pic{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font:800 0.8125rem var(--ui);color:#0A0F1E}
.rt{flex:1;min-width:0}
a.rt{min-height:44px;display:flex;flex-direction:column;justify-content:center}.rm{display:block}
.rq{font:600 0.9375rem/1.25 var(--ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rm{font-size:0.75rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr{flex:none;width:70px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.rp{font:700 0.9375rem var(--ui);white-space:nowrap}
.mv{font:600 0.75rem var(--ui);color:var(--ink-2);white-space:nowrap}
.mv.hot{color:var(--amber-text)}
.sp{display:block;width:64px;height:24px;overflow:visible}
.star{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);margin-right:-10px}
.star svg{width:20px;height:20px}.star.on{color:var(--brand)}
/* lead card */
.lead{margin:6px 16px 0;padding:16px;border-radius:20px;background:var(--surface)}
.kick{font-size:0.75rem;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.lead h2{font:800 1.375rem/1.15 var(--ui);letter-spacing:-.01em;margin:6px 0 0}
.oc{font-size:0.875rem;color:var(--ink-2)}
.big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:6px}
.big .sd{font-size:0.9375rem;color:var(--ink-2)}
.big .n{font:800 3.25rem/.9 var(--ui);letter-spacing:-.03em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl{font:600 0.9375rem var(--ui);color:var(--ink-2);margin-top:6px}
.dl .hot{color:var(--amber-text)}
.money{font-size:0.875rem;color:var(--ink-2);margin-top:2px}.money b{font-weight:600}.money b.down{color:var(--down)}.money b.up{color:var(--up)}
.mini{display:block;width:100%;height:84px;margin-top:10px;overflow:visible}
.story{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--hairline)}
.src{width:28px;height:28px;flex:none;border-radius:8px;background:var(--raised-2);display:flex;align-items:center;justify-content:center;font:700 0.75rem var(--ui);color:var(--ink)}
.st{font-size:0.8125rem;color:var(--muted)}.st b{color:var(--ink);font-weight:600}
.sh{font-size:0.9375rem;line-height:1.35}
.cta{min-height:44px;display:flex;align-items:center;font-size:0.875rem;font-weight:600;color:var(--brand);margin-top:4px}
/* compact feed item */
.fi{display:flex;gap:10px;min-height:44px;padding:10px 0;border-top:1px solid var(--hairline)}
.fi:first-of-type{border-top:0}
.fm{font-size:0.75rem;color:var(--muted);margin-bottom:2px}
.fm .tg{color:var(--ink-2);font-weight:600}
/* market page */
.abar{display:flex;align-items:center;gap:0;padding:4px 6px 4px 6px;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.abar .lab{flex:1;min-width:0;font-size:0.8125rem;color:var(--muted);padding-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abar .lab.live{color:var(--ink);font-weight:700;font-size:0.9375rem}
.abar .lab.live em{font-style:normal;color:var(--ink-2);font-weight:500;font-size:0.8125rem;margin-left:6px}
.mq h1{font:800 1.75rem/1.1 var(--ui);letter-spacing:-.02em;margin:10px 0 2px}
.mq .big .n{font-size:4rem}
.ruleline{font-size:0.8125rem;color:var(--muted);margin-top:6px}
.chart{display:block;width:100%;height:190px;margin-top:12px;overflow:visible}
.ticks{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--muted);margin-top:4px}
.rng{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface);margin-top:10px}
.rng button{flex:1;min-height:44px;border-radius:999px;color:var(--muted);font-size:0.875rem}
.rng button.on{background:var(--line);color:var(--ink)}
.srcrow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0 10px;font-size:0.75rem;color:var(--muted);align-items:center}
.srcrow a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.lv{display:inline-flex;align-items:center;gap:6px}.lv i{width:6px;height:6px;border-radius:3px;background:var(--brand)}
.mindex{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:4px -16px 0;padding:0 16px}.mindex::-webkit-scrollbar{display:none}
.mchip{flex:none;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:12px;background:var(--surface);font-size:0.8125rem;color:var(--ink-2)}
.mchip b{font-weight:700;color:var(--ink)}.mchip.hot b{color:var(--amber-text)}
.mvh{margin-top:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mvh .t{font:700 1.0625rem var(--ui);color:var(--amber-text)}
.mvh .t.calm{color:var(--ink)}
.mvh .w{font-size:0.8125rem;color:var(--muted)}
.mvh a,.mvh button{min-height:44px;display:inline-flex;align-items:center;font-size:0.875rem;color:var(--brand);white-space:nowrap}
.since{margin-top:6px;font-size:0.8125rem;color:var(--ink-2)}
.since a{display:inline-flex;min-height:44px;align-items:center;color:var(--brand);font-weight:600}
.post{margin-top:10px;padding:14px;border-radius:14px;background:var(--surface)}
.post .who{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.post .who b{color:var(--ink);font-weight:600}
.post .who .x{margin-left:auto;font:800 0.9375rem var(--ui);color:var(--ink)}
.post .tx{font-size:0.9375rem;line-height:1.4;margin-top:6px}
.post .tm{color:var(--ink-2)}
.post .ft{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:0.8125rem;color:var(--muted)}
.post .ft a{min-height:44px;display:inline-flex;align-items:center}
.plus{min-height:44px;display:flex;align-items:center;font-size:0.875rem;color:var(--ink-2)}
.divider{display:flex;align-items:center;gap:8px;font-size:0.75rem;color:var(--muted);margin:14px 0 2px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.divider svg{width:14px;height:14px}
.talk{margin-top:10px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.9375rem;font-weight:600}
.talk span{color:var(--muted);font-weight:500;font-size:0.875rem}
/* alerts */
.stat{display:inline-flex;align-items:center;gap:6px;font-size:0.8125rem;color:var(--ink-2);padding:6px 12px;border-radius:999px;background:var(--surface)}
.stat i{width:7px;height:7px;border-radius:4px;background:var(--up)}
.acard{margin-top:8px;padding:14px;border-radius:16px;background:var(--surface)}
.acard .q{font:700 1rem var(--ui)}
.acard .l{font-size:0.875rem;color:var(--ink-2);margin-top:4px}
.yn{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:0.8125rem;color:var(--muted)}
.yn button{min-height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink)}
.ar{display:flex;align-items:center;gap:10px;min-height:60px;padding:8px 0;border-top:1px solid var(--hairline)}
.ar .rt .rq{font-size:0.9375rem}
.chev{color:var(--muted);font-size:1.125rem;width:20px;text-align:right}
.hd2{display:flex;align-items:center;gap:4px;padding:4px 16px 0 6px}
.hd2 h2{font:800 1.375rem var(--ui);margin:0}
.ptitle{padding:6px 16px 0}.ptitle h2{font:800 1.625rem/1.1 var(--ui);margin:0;letter-spacing:-.01em}.ptitle p{margin:2px 0 0;font-size:0.8125rem;color:var(--muted)}
.hero-copy{font:700 1.3125rem/1.2 var(--ui);letter-spacing:-.01em;margin:6px 16px 0}
.hero-sub{font-size:0.875rem;color:var(--ink-2);margin:4px 16px 0}
.foot{padding:28px 16px 24px;font-size:0.75rem;color:var(--muted)}
.foot a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.ctx{margin:0 16px;padding:8px 12px;border-radius:10px;background:var(--raised);font-size:0.75rem;color:var(--muted)}
@media (max-width:440px){.wrap{padding:24px 16px 64px}.intro h1{font-size:1.75rem}.ph{height:780px}}
/* ---- Final: overrides on top of B ---- */
.ph{height:844px}
@media (max-width:440px){.ph{height:844px}}
/* tab bar: 4 tabs, quiet dot on Alerts */
/* annotations: mock notes drawn inside a frame, not product UI */
.anno{display:inline-flex;align-items:center;gap:6px;font:500 0.6875rem/1.3 var(--ui);color:var(--muted);border:1px dashed var(--faint);border-radius:8px;padding:3px 7px;white-space:nowrap}
.anno-b{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:7;background:var(--bg)}
.anno-b::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--line)}
/* neutral monogram tiles */
.pic{background:var(--raised);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
/* moving-now strip (graft from A) */
.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:2px -16px 0;padding:0 16px}.strip::-webkit-scrollbar{display:none}
.mc{flex:none;width:112px;min-height:44px;padding:10px;border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:4px}
.mc .pic{width:28px;height:28px;border-radius:8px;font-size:0.6875rem}
.mc .q{font:600 0.8125rem/1.25 var(--ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}
.mc .p{font:700 0.875rem var(--ui);white-space:nowrap}
.mc .sp{width:100%;height:22px}
/* chip with a question shortened by ellipsis */
.chip .qq{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* alert status: no green */
.stat i{background:var(--brand)}
/* market page: compact */
.mq .big .n{font-size:3.5rem}
.chart{height:118px;margin-top:10px}
.rng{margin-top:8px}
.rng button{min-height:44px}
.srcrow .lk{display:inline-flex;gap:12px}
.mvh{margin-top:12px}
/* offer alerts right after Watch */
.wbar{flex:none;display:flex;align-items:center;gap:6px;padding:6px 6px 6px 16px;border-top:1px solid var(--hairline);background:var(--surface)}
.wbar .ws{display:inline-flex;align-items:center;gap:6px;font-size:0.8125rem;color:var(--ink-2);white-space:nowrap}
.wbar .ws svg{width:16px;height:16px;color:var(--brand)}
.wbar .go{flex:1;min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:var(--brand);color:#0A0F1E;font-size:0.875rem;font-weight:700;white-space:nowrap}
.wbar .x{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.125rem}
.howlink{min-height:44px;display:inline-flex;align-items:center;margin:0 16px;font-size:0.875rem;font-weight:600;color:var(--brand)}
.sec-meta{font-size:0.75rem;color:var(--muted)}
/* tighter top so the first story's headline clears the Watching bar */
.mq h1{margin:6px 0 0}
.mq .big{margin-top:2px}
.mq .big .n{font-size:3.25rem}
.mq .dl{margin-top:4px}
.rng{margin-top:6px;padding:2px}
.mq .mvh{margin-top:6px}
.mq .post{margin-top:6px}
.more{min-width:44px;justify-content:flex-end}
.post .ft a{min-width:44px;justify-content:flex-end}
.fi .fm,.fi .sh{display:block}
/* ---- Fix round 1 ---- */
.i-fed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2326334f'/%3E%3Crect x='9' y='22' width='5' height='10' fill='%2393a7d6'/%3E%3Crect x='17' y='16' width='5' height='16' fill='%2393a7d6'/%3E%3Crect x='25' y='10' width='5' height='22' fill='%23c4d0ee'/%3E%3Crect x='7' y='32' width='26' height='2' fill='%23c4d0ee'/%3E%3C/svg%3E")}
.i-cut{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%231e3530'/%3E%3Cpath d='M8 29h24' stroke='%2386cdb5' stroke-width='2'/%3E%3Crect x='10' y='11' width='5' height='17' fill='%2386cdb5'/%3E%3Crect x='18' y='16' width='5' height='12' fill='%2386cdb5'/%3E%3Crect x='26' y='21' width='5' height='7' fill='%23b9e6d6'/%3E%3C/svg%3E")}
.i-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%232c2a42'/%3E%3Cpath d='M12 21a8 8 0 0 1 16 0z' fill='%23c3bbe4'/%3E%3Crect x='19.2' y='9' width='1.6' height='5' fill='%23c3bbe4'/%3E%3Crect x='10' y='22' width='20' height='2' fill='%23c3bbe4'/%3E%3Cpath d='M12 25v6M16 25v6M20 25v6M24 25v6M28 25v6' stroke='%23c3bbe4' stroke-width='2'/%3E%3Crect x='8' y='31' width='24' height='2.5' fill='%23c3bbe4'/%3E%3C/svg%3E")}
.i-btc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23352f1f'/%3E%3Ccircle cx='20' cy='20' r='11' fill='none' stroke='%23e2c77a' stroke-width='2.5'/%3E%3Cpath d='M17 13v14M21 13v2M21 25v2M16 15h6a3 3 0 0 1 0 5h-6M16 20h7a3 3 0 0 1 0 5h-7' fill='none' stroke='%23e2c77a' stroke-width='2'/%3E%3C/svg%3E")}
.i-eth{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23252c45'/%3E%3Cpath d='M20 7l8 13-8 5-8-5z' fill='%23a8b6ec'/%3E%3Cpath d='M20 27l8-5-8 11-8-11z' fill='%237f8fcc'/%3E%3C/svg%3E")}
.i-tx{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2336281f'/%3E%3Crect x='9' y='17' width='22' height='15' rx='2' fill='%23eaa98c'/%3E%3Crect x='14' y='9' width='12' height='12' rx='1' fill='%23f6d3c3' transform='rotate(-8 20 15)'/%3E%3Crect x='13' y='17' width='14' height='2.5' fill='%2336281f'/%3E%3C/svg%3E")}
.i-ec{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2333261f'/%3E%3Cpath d='M7 13l8 6 6-4 7 9 5 4' fill='none' stroke='%23f0ae93' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 33h26' stroke='%237a5a4c' stroke-width='2'/%3E%3C/svg%3E")}
.i-nfl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23243022'/%3E%3Cellipse cx='20' cy='20' rx='12' ry='7.5' fill='%23b3d39c' transform='rotate(-30 20 20)'/%3E%3Cpath d='M15 23l10-6M17 18.5l1.5 2.5M20 17l1.5 2.5M22.5 15.5l1.5 2.5' stroke='%23243022' stroke-width='1.6'/%3E%3C/svg%3E")}
.i-ai{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%232a2142'/%3E%3Ccircle cx='20' cy='20' r='8.5' fill='none' stroke='%23c2b0f5' stroke-width='2.5'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23c2b0f5'/%3E%3Cpath d='M20 6v5M20 29v5M6 20h5M29 20h5' stroke='%23c2b0f5' stroke-width='2'/%3E%3C/svg%3E")}
.a1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2334466e'/%3E%3Cstop offset='1' stop-color='%236f86b8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' fill='url(%23g)'/%3E%3Ccircle cx='20' cy='16.5' r='7' fill='%23d3def4'/%3E%3Cpath d='M6.5 40c1.5-9 7-12.5 13.5-12.5S32 31 33.5 40z' fill='%23d3def4'/%3E%3C/svg%3E")}
.a2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23523a66'/%3E%3Cstop offset='1' stop-color='%239273aa'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' fill='url(%23g)'/%3E%3Ccircle cx='20' cy='16.5' r='7' fill='%23ead9f4'/%3E%3Cpath d='M6.5 40c1.5-9 7-12.5 13.5-12.5S32 31 33.5 40z' fill='%23ead9f4'/%3E%3C/svg%3E")}
.a3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232a5049'/%3E%3Cstop offset='1' stop-color='%235e978a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' fill='url(%23g)'/%3E%3Ccircle cx='20' cy='16.5' r='7' fill='%23d2efe6'/%3E%3Cpath d='M6.5 40c1.5-9 7-12.5 13.5-12.5S32 31 33.5 40z' fill='%23d2efe6'/%3E%3C/svg%3E")}
.m1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232c3550'/%3E%3Cstop offset='1' stop-color='%231d2438'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Crect x='0' y='120' width='320' height='60' fill='%231a2032'/%3E%3Crect x='60' y='40' width='6' height='90' fill='%2359647f'/%3E%3Cpath d='M66 42h34v22H66z' fill='%234a5674'/%3E%3Crect x='254' y='40' width='6' height='90' fill='%2359647f'/%3E%3Cpath d='M260 42h34v22h-34z' fill='%234a5674'/%3E%3Ccircle cx='160' cy='62' r='17' fill='%238d97b2'/%3E%3Cpath d='M128 118c2-22 15-32 32-32s30 10 32 32z' fill='%237a849f'/%3E%3Cpath d='M122 108h76l-8 54h-60z' fill='%233d4763'/%3E%3Crect x='150' y='118' width='20' height='12' rx='3' fill='%238d97b2'/%3E%3Cpath d='M160 108v-12' stroke='%23aab3c9' stroke-width='3'/%3E%3C/svg%3E")}
.m2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3452'/%3E%3Cstop offset='1' stop-color='%231f2236'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Ccircle cx='250' cy='52' r='16' fill='%23c9b9e8' opacity='.35'/%3E%3Cpath d='M120 96a40 40 0 0 1 80 0z' fill='%238e88ad'/%3E%3Crect x='157' y='40' width='6' height='20' fill='%238e88ad'/%3E%3Crect x='108' y='96' width='104' height='8' fill='%23a29dbf'/%3E%3Cpath d='M116 104v36M128 104v36M140 104v36M152 104v36M168 104v36M180 104v36M192 104v36M204 104v36' stroke='%238e88ad' stroke-width='5'/%3E%3Crect x='70' y='118' width='180' height='26' fill='%236d6890'/%3E%3Crect x='0' y='144' width='320' height='36' fill='%23191c2c'/%3E%3C/svg%3E")}
.m3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2323324a'/%3E%3Cstop offset='1' stop-color='%23182030'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Crect x='34' y='40' width='120' height='76' rx='6' fill='%2333415e'/%3E%3Crect x='166' y='40' width='120' height='76' rx='6' fill='%2333415e'/%3E%3Cpath d='M44 98l18-14 14 8 18-22 14 10 16-14 20 6' fill='none' stroke='%238fe0c4' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M176 60l18 10 16-6 18 18 14-4 16 16 16 2' fill='none' stroke='%23f2a0b4' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='84' y='116' width='20' height='16' fill='%232a3550'/%3E%3Crect x='216' y='116' width='20' height='16' fill='%232a3550'/%3E%3Crect x='0' y='132' width='320' height='48' fill='%23141a28'/%3E%3Crect x='60' y='140' width='200' height='10' rx='5' fill='%23232c42'/%3E%3C/svg%3E")}
/* the price is the one loud thing: 64px, as on F's market page */
.big .n,.mq .big .n{font-size:4rem;line-height:.9}
/* market pictures: illustrated tiles in muted tones, no letters */
.pic[class*=" i-"],.ppi[class*=" i-"]{background-color:var(--raised);background-size:cover;background-position:center;box-shadow:none;font-size:0;color:transparent}
.ppi{width:32px;height:32px;border-radius:9px;flex:none}
/* colour rule: green/red only on a side you hold; neutral when you only watch; orange marks a big move */
.mv.up,.ppt i.up,.cg.up{color:var(--up)}.mv.dn,.ppt i.dn,.cg.dn{color:var(--down)}.ppt i.nt,.cg.nt{color:var(--ink-2)}
/* the holder bar (F's market page, phone) */
.hbar{flex:none;display:flex;align-items:center;gap:12px;padding:10px 16px 16px;border-top:1px solid var(--hairline);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);position:relative;z-index:6}
.hbar .hp{display:flex;flex-direction:column;justify-content:center;flex:none;line-height:1.15;font-size:0.75rem;color:var(--ink-2)}
.hbar .hp b{font:700 1rem var(--ui);color:var(--ink)}
.hbar .hs{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:5px;font:600 0.875rem var(--ui);color:var(--brand);white-space:nowrap}
.hbar .hs .ck{color:var(--ink)}
.hbar .hal{flex:none;min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font:600 0.9375rem var(--ui);color:var(--ink)}
.hbar .hal svg{width:18px;height:18px}
/* detail page top bar: back, title, share */
.abar .lab.short{color:var(--ink);font-weight:700;font-size:0.9375rem}
.abar .lab.short em{font-style:normal;color:var(--muted);font-weight:500;font-size:0.8125rem;margin-left:6px}
/* posts that look like social posts (F's .pst), no engagement counts */
.post{margin-top:10px;padding:14px;border-radius:16px;background:var(--surface)}
.pt-h{display:flex;align-items:center;gap:10px}
.pav{width:40px;height:40px;border-radius:999px;flex:none;background-size:cover;background-color:var(--raised)}
.pid{display:flex;flex-direction:column;line-height:1.25;font-size:0.8125rem;color:var(--muted);min-width:0}
.pid b{font-size:0.9375rem;color:var(--ink);font-weight:700}
.pid span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post .xm{margin-left:auto;width:16px;height:16px;flex:none;color:var(--ink)}
.psrc{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted);min-width:0;flex-wrap:wrap;row-gap:0}
.psrc b{font-size:0.9375rem;color:var(--ink);font-weight:700}
.lg{width:24px;height:24px;border-radius:6px;flex:none;display:inline-flex;align-items:center;justify-content:center;font:700 0.8125rem/1 Georgia,'Times New Roman',serif}
.lg-r{background:#5a3a24;color:#ffd6b8}.lg-b{background:#2c2c3c;color:#e8e8f4;font-family:var(--ui)}.lg-ap{background:#3a2626;color:#f2cccc;font:700 0.6875rem/1 var(--ui)}.lg-c{background:#22344a;color:#cfe0f6;font-family:var(--ui)}
.post .tx{font-size:0.9375rem;line-height:1.4;margin:8px 0 0}
.post .tx.hl{font-weight:600;font-size:1rem;line-height:1.35}
.media{display:block;width:100%;aspect-ratio:16/9;border-radius:14px;margin-top:10px;background-color:var(--raised);background-size:cover;background-position:center}
.post .ft{display:flex;justify-content:space-between;align-items:center;margin:2px 0 -10px;font-size:0.8125rem;color:var(--muted)}
.post .ft a{min-height:44px;display:inline-flex;align-items:center;gap:6px}
.post .ft .rd{font-weight:600;color:var(--ink-2)}
.post .ft .cm{color:var(--muted);min-width:44px;justify-content:flex-end}
.post .ft .cm svg{width:17px;height:17px}
.post .tagl{display:flex;min-height:44px;align-items:center;font-size:0.75rem;color:var(--muted);margin:-12px 0 -2px;white-space:nowrap;overflow:hidden}
.post .tagl b{color:var(--ink-2);font-weight:600}
/* small feed items on Home: round picture for X posts, bigger source letters */
.fi .pav{width:28px;height:28px}
.src{font-size:0.8125rem}
/* signed-out Home: 2-line headline, link on the "Free to look" line */
.hero-copy{font:700 1.25rem/1.2 var(--ui)}
.hero-sub{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;margin:0 16px}
.hero-sub .howlink{margin:0}
/* wide strip cards: 1.2 cards in view reads as "scroll sideways" */
.strip.wide .mc{width:290px;flex-direction:row;align-items:center;gap:10px;padding:12px}
.strip.wide .mc .q{flex:1;min-width:0;min-height:0}
.strip.wide .mc .r{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.strip.wide .mc .pic{width:36px;height:36px;border-radius:10px}
/* frame 8: a small phone */
.shot.small{width:375px}.ph.sm{height:667px}
.lg-ap{font-size:0.8125rem}
.pid span{white-space:normal}
.ph{container-type:inline-size}
@container (max-width:23.6875em){.hbar{gap:10px}.hbar .hal{width:48px;padding:0;justify-content:center}.hbar .hal .gl{display:none}.hero-copy{font-size:1.125rem}}
/* ---- First principles ---- */
/* fresh review: glance numbers at 14 px; All pill labels the strip's window */
.ppt span{font-size:0.875rem}
.pp.all{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}
.pp.all .ppt b{font-size:0.875rem}
.ppt span.snc,.ppt em.snc{font-size:0.8125rem;font-weight:500;color:var(--muted);font-style:normal}
/* small phones keep the alerts label; the side text shortens instead */
.hbar .hico{display:none;width:16px;height:16px;flex:none;margin-left:2px;color:var(--brand)}
@container (max-width:23.6875em){.hbar .hal{width:auto;padding:0 12px;gap:6px}.hbar .hal .gl{display:inline}.hbar .hedt{display:none}.hbar .hico{display:inline-block}.ph.sm .hdl{display:none}}
/* final round: the strip's window is a muted line above it; "All" is a compact pill again */
.sncl{margin:6px 0 6px;font-size:0.8125rem;line-height:1.3;color:var(--muted)}
.sncl+.pps{margin-top:0}
.pp.all{flex-direction:row;align-items:center;justify-content:center}
.yn{flex-wrap:wrap}.yn button{padding:0 14px}
.b.m{background:#24264a;color:var(--brand)}
.pp.on{box-shadow:inset 0 0 0 1.5px var(--ink-2);background:var(--raised)}
.pp.all:not(.on){background:var(--surface)}
/* pinned big-move card */
.pin{margin:14px 16px 0;padding:6px 14px 4px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pk{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-right:-10px}
.pkt{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pinx{flex:none;min-height:44px;min-width:44px;padding:0 10px;border-radius:10px;font:600 0.8125rem var(--ui);color:var(--muted)}
/* money line under the pills (hidden for watch-only accounts) */
.money-l{margin:10px 0 0;font-size:0.8125rem;line-height:1.4;color:var(--muted)}
.money-l b{font-weight:600}.money-l b.down{color:var(--down)}.money-l b.up{color:var(--up)}
/* section heading: "Since you looked", new items below it */
h2.sh{margin:20px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--hairline);font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pq{display:flex;align-items:center;gap:10px;min-height:44px}
.pq b{display:block;font:700 1.0625rem/1.2 var(--ui)}
.pmv{display:block;font:600 0.875rem var(--ui);color:var(--ink-2);margin-top:2px}.pmv .hot{color:var(--amber-text)}
.pline{font-size:0.8125rem;color:var(--muted);margin-top:4px}.pline b.down{color:var(--down);font-weight:600}
.mini.pinchart{height:52px;margin-top:6px}
.pin .story{margin-top:8px;padding-top:8px}
.pin .cta{margin-top:0}
/* feed tag with a tiny market picture */
.post .tagl{gap:6px}
.tpi{width:18px;height:18px;border-radius:5px;flex:none;background-size:cover;background-color:var(--raised)}
#fp-div,.g>.divider:first-child{margin-top:16px}
.pin+.g>h2.sh{margin-top:22px}
/* short phones (under 700 px tall; the 375 x 667 frames): an 84 px chart keeps the first post above the holder bar */
.ph.sm .mq .chart{height:84px}
.ph.sm .mq .mindex{display:none}
.ph.sm .mq h1{font-size:1.5rem;margin:2px 0 0}
.ph.sm .mq .chart{margin-top:4px}
.ph.sm .mq .ticks{margin-top:2px}
.ph.sm .mq .rng{margin-top:4px;padding:0}
.ph.sm .mq .mvh{margin-top:2px}
.ph.sm .mq .post{margin-top:4px;padding-top:8px}
.ph.sm .mq .post .tx{margin-top:2px}
.ph.sm .mq>.mh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* paste field (Discovery and signed-out Home) */
.paste{min-height:52px;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-2);font-size:1rem;margin-top:10px}
.paste svg{width:20px;height:20px;flex:none;color:var(--brand)}
.paste>span:not(.pbtn){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paste .pbtn{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;background:var(--brand);color:#0A0F1E;font:700 0.875rem var(--ui)}
.paste.big{min-height:60px;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--brand)}
.hero-copy{margin:8px 16px 0}
.hero-sub{margin:4px 16px 0}
/* filter line */
.openm{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:0.8125rem;color:var(--muted);margin-top:4px}
.openm b{color:var(--ink);font-weight:600}.openm .om{color:var(--brand);font-weight:600;white-space:nowrap}
.ptitle{padding-top:2px}
/* final round: timing and meta text at 13 px, never 12 */
.sb,.sb span,.pkt,h2.sh,.post .tagl,.divider,.ticks,.srcrow,.cap,.hbar .hp,.sec-meta,.rm,.mv,.foot,.kick,.mlab,.clock,.fm,.ctx{font-size:0.8125rem}
h2.sh,.pkt{font-size:0.8125rem}
/* last round: news pictures are a 72 px square to the right of the headline (X images that are the post stay full width) */
.nrow{display:flex;align-items:flex-start;gap:12px}
.nrow .tx.hl{flex:1;min-width:0}
.media.thumb{width:72px;height:72px;aspect-ratio:auto;flex:none;border-radius:10px;margin-top:8px}
/* last round: the live line keeps 12 px above Today's moves */
.mq .srcrow+.mh{margin-top:12px}
.ph.sm .mq .srcrow+.mh+.mindex+.mvh{margin-top:12px}
/* last round: frames 10 and 21 drop the @handle on phone widths, so name and time keep one line */
@container (max-width:26.8125em){.ph.nh .hdl{display:none}}
/* meta round: one muted meta line under the chart controls (only "Polymarket" is a link, 44 px row); Rules beside the outcome; 16 px to the move header */
.mline{min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:0.8125rem;line-height:1.3;color:var(--muted)}
.mline .ms{color:var(--faint)}
.mline a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.oc .rul{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.g.mq .mline+.mvh,.g.mq .mline+.mh,.ph.sm .g.mq .mline+.mvh{margin-top:16px}
/* ---- Home states (frames 8-13) ---- */
.ppt b .newm{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:5px;font:700 0.5938rem/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:#24264a;vertical-align:1px}
.quiet{min-height:44px;display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 6px 8px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.quiet .qd{width:8px;height:8px;border-radius:4px;flex:none;background:var(--faint)}
.quiet .qt{flex:1;min-width:0;line-height:1.35}.quiet b.down{color:var(--down);font-weight:600}.quiet b.hot{color:var(--amber-text);font-weight:600}
.quiet .qa{flex:none;width:28px;text-align:center;font-size:1.25rem;color:var(--brand)}
.mh.mr{margin:20px 0 0}
.lookback{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;border-radius:14px;background:#171c34;box-shadow:inset 0 0 0 1px #2e3466;font-size:0.875rem;color:var(--ink-2);line-height:1.4}
.lookback svg{width:18px;height:18px;flex:none;color:var(--brand);margin-top:1px}.lookback b{color:var(--ink);font-weight:600}
.paste.two>span:not(.pbtn){white-space:normal;line-height:1.3;padding:8px 0}
.paste.two{min-height:72px}
.pvl{margin:26px 0 8px}
.preview{opacity:.4;filter:saturate(.6);pointer-events:none;user-select:none;max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.preview .divider{margin-top:10px}
.pp.add.open{box-shadow:inset 0 0 0 1.5px var(--ink-2);background:var(--raised);color:var(--ink)}
.pronote{display:flex;align-items:center;gap:4px;margin-top:2px;padding:0 0 0 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.8438rem;color:var(--ink-2)}
.pronote span{flex:1;min-width:0;line-height:1.35;padding:8px 0}
.pronote a{min-height:44px;display:inline-flex;align-items:center;padding:0 6px;font-weight:600;color:var(--brand);white-space:nowrap}
.pronote .ib{font-size:1.25rem;color:var(--muted)}
.pp.stale .ppt span{color:var(--muted)}.pp.stale .ppt i{font-weight:500}
.ferr{display:flex;align-items:center;gap:10px;margin-top:8px;padding:4px 4px 4px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.ferr svg{width:18px;height:18px;flex:none;color:var(--muted)}
.ferr span{flex:1;min-width:0;line-height:1.35;padding:8px 0}
.retry{flex:none;min-height:44px;padding:0 14px;border-radius:10px;background:var(--raised);color:var(--ink);font-weight:600;font-size:0.875rem}
#fp-div8{margin-top:16px}
#pro12{margin-top:8px}
.ppt i.nq{color:var(--muted);font-style:normal;font-weight:500}
.pp.add.quietadd{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-weight:500}
h2.sh.pvl{margin:28px 0 10px}
.skel{display:flex;flex-direction:column;gap:10px}
.skel i{display:block;background:var(--raised);border-radius:6px}
.sk-pills{display:flex;gap:8px}.sk-pill{width:96px;height:44px;border-radius:14px !important}
.sk-post{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--hairline)}
.sk-h{display:flex;align-items:center;gap:8px}.sk-av{width:24px;height:24px;border-radius:12px !important;flex:none}
.sk-l{height:10px}.w30{width:30%}.w40{width:40%}.w70{width:70%}.w90{width:90%}
/* ---- Frames 18-21 (phone parity) ---- */
.paste.filled>span:not(.pbtn){color:var(--ink)}
.paste .pbtn{border:0}
.pst{margin-top:6px}
.psl{margin:12px 0 4px;font:700 0.6875rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.pstate{min-height:52px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.pspin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid var(--line);border-top-color:var(--brand)}
@keyframes spin{to{transform:rotate(360deg)}}
.pstate.prow{padding-left:10px}
.pstate .pic{width:32px;height:32px}
.pq2{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.pq2 b{font:600 0.9375rem var(--ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pq2 span{font-size:0.8125rem;color:var(--ink-2)}
.po{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 10px;font:600 0.875rem var(--ui);color:var(--brand)}
.perr svg{width:18px;height:18px;flex:none;color:var(--muted)}
.perr span{flex:1;line-height:1.35;padding:6px 8px 6px 0}
.rres{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:6px}
.rres .rk{font:600 0.9375rem var(--ui);color:var(--ink-2)}
.rres .n{font:800 3.25rem/.95 var(--ui);letter-spacing:-.03em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.rres .rdt{font:600 0.9375rem var(--ui);color:var(--ink-2)}
.rres.sm{margin-top:4px}.rres.sm .n{font-size:2.5rem}
.rmeta{font-size:0.8125rem;color:var(--muted);margin-top:6px}
.lv.off i{background:var(--faint)}
.mq.rsv .mh{margin-top:6px}
.bml{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.bmc{min-height:48px;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:12px;background:var(--surface);font-size:0.8125rem;color:var(--ink-2)}
.bmc .bn{width:22px;height:22px;flex:none;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1.5px var(--ink-2);font:700 0.75rem var(--ui);color:var(--ink)}
.bmc .bt{flex:1;min-width:0;line-height:1.3}.bmc b{color:var(--ink);font-weight:700}
.bmc .bs{display:block;color:var(--muted)}
.coll,.cclosed{font-size:0.8125rem;line-height:1.4;color:var(--muted);margin:6px 0 0}
.cclosed{margin-top:14px}
.hbar.fin .hsf{color:var(--ink);cursor:default}
.hbar .hal.off{color:var(--muted)}
.lg-wd{background:#2a3346;color:#d6def0;font:700 0.6875rem/1 var(--ui)}
.lg-rs{background:#2f2a3f;color:#e0d8f4;font:700 0.6875rem/1 var(--ui)}
.aloff{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;margin-top:4px;font-size:0.8125rem;color:var(--muted)}
.aloff svg{width:16px;height:16px;flex:none}
.aloff a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--brand)}
.pline b.up,.money b.up{color:var(--up);font-weight:600}
.pp.rsvp .ppt span{color:var(--muted)}
.rpin .pq{margin-top:0}
#fp-div20{margin-top:22px}
.cwrap{position:relative}
.ctip{position:absolute;top:2px;left:0;min-width:160px;height:56px;box-sizing:border-box;padding:0 10px;display:flex;flex-direction:column;justify-content:center;border-radius:10px;background:var(--raised-2);box-shadow:0 0 0 1px var(--line),0 6px 18px rgba(0,0,0,.4);font-size:0.8125rem;color:var(--ink-2);white-space:nowrap;pointer-events:none}
.ctip b{font:700 0.875rem var(--ui);color:var(--ink)}
.ctip i.hot{font-style:normal;font-weight:700;color:var(--amber-text)}
/* ---- Small-text sweep: info button, popover, live dot, About ---- */
.iw{position:relative;display:inline-flex;vertical-align:middle;margin-left:2px}
.ib-i{width:44px;height:44px;margin:-12px -8px -12px -6px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);text-decoration:none}
.ib-i span{width:20px;height:20px;box-sizing:border-box;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;display:inline-flex;align-items:center;justify-content:center;font:700 0.75rem/1 var(--ui);letter-spacing:0;text-transform:none}
.ib-i:hover,.ib-i:focus-visible,.ib-i[aria-expanded="true"]{color:var(--ink-2)}
.ipop{display:none;position:absolute;top:calc(100% + 8px);left:-10px;z-index:30;width:max-content;max-width:min(260px,calc(100vw - 32px));box-sizing:border-box;padding:10px 12px;border-radius:12px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.45);font:400 0.8125rem/1.45 var(--ui);color:var(--ink-2);letter-spacing:0;text-transform:none;white-space:normal;text-align:left}
.ipop.r{left:auto;right:-10px}
.ipop .ip2{display:block;margin-top:6px}
.iw:hover .ipop,.iw:focus-within .ipop,.ipop.show{display:block}
h2 .iw,h1 .iw{vertical-align:2px}
.mq h1 .qi{vertical-align:3px;margin-left:2px}
.ldot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-left:12px;vertical-align:middle;flex:none;align-self:center}
.ptitle h2 .ldot{vertical-align:4px;margin-left:10px}
.g.mq .rng+.mvh,.g.mq .rng+.mh{margin-top:16px}
.about{margin-top:28px;border-top:1px solid var(--hairline)}
.about summary{list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;font:600 1rem var(--ui);color:var(--ink);cursor:pointer}
.about summary::-webkit-details-marker{display:none}
.about summary .chev{color:var(--muted);font-size:1.25rem}
.about[open] summary .chev{transform:rotate(90deg)}
.abt{display:flex;flex-direction:column}
.abt .ai{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 0;border-top:1px solid var(--hairline);font-size:0.875rem;line-height:1.4;color:var(--ink-2)}
.abt .ak{font-size:0.8125rem;color:var(--muted)}
.abt a.ai span:last-child{color:var(--ink)}
.b.sw{background:#2a2a1c;color:#e8d9a0}
/* ---- Round 11 (fresh reviewer) ---- */
.pkt{font:600 0.9375rem var(--ui)!important;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.acard .l .hot{color:var(--amber-text);font-weight:700}
.mvl{font-weight:600;color:var(--ink-2)}.mvl.hot{color:var(--amber-text)}
.dl .ms{color:var(--faint)}
.dl a.mvj{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--brand);font-weight:600;white-space:nowrap}
.recap{font-size:0.9375rem;color:var(--ink-2);margin-top:4px}.recap .cg{font-weight:700}
.divider.nsd{color:var(--ink-2);font-weight:600;margin-top:16px}
.divider.nsd+.mvh{margin-top:6px}
.divider.nsd.old{margin:22px 0 0}.divider.nsd.old::after{background:var(--hairline)}.divider.nsd.old+.mvh{margin-top:10px}
/* ---- Big chart round ---- */
.chart,.mq .chart,.ph.sm .mq .chart{height:180px}
.ldot{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;background:none;border-radius:0;margin-left:12px;font:600 0.8125rem/1 var(--ui);letter-spacing:0;text-transform:none;color:var(--ink-2);white-space:nowrap;vertical-align:middle}
.ldot i{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}
.big .ldot{align-self:center}
.ptitle h2 .ldot{vertical-align:6px}
.tbar .signin{margin-left:4px}
.dl a.mvj{padding:14px 0;margin:-14px 0}
.hbar.look{padding:10px 16px 16px}
.hbar.look .wcta{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:var(--brand);color:#0A0F1E;font:700 1rem var(--ui)}
.hbar.look .wcta svg{width:20px;height:20px}
/* ---- Phone nav A (navopts.html option A): one sticky top bar, no bottom tab bar ---- */
.nsp{flex:1;min-width:0;width:auto;height:auto}
.hdr{display:flex;align-items:center;gap:2px;padding:4px 6px 4px 16px;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);white-space:nowrap}
.hdr > *{flex:none}
.hdr > .nsp{flex:1 1 0}
.hdr.bk{padding-left:4px;border-bottom:1px solid var(--hairline)}
.hdr.bk .wl{margin-left:0}
.wl{min-height:44px;display:inline-flex;align-items:center}
.dlink{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;font-size:0.9375rem;font-weight:600;color:var(--ink-2);border-radius:999px}
.dlink.on{color:var(--ink);background:var(--raised)}
.hdr .ib svg{width:24px;height:24px}
.ib.on{background:var(--raised);color:var(--ink)}
.bell .ndot{position:absolute;top:10px;right:11px;width:8px;height:8px;border-radius:4px;background:var(--brand);box-shadow:0 0 0 2px var(--bg)}
.hdr .signin{margin-left:4px}
@container (max-width:21.25em){.hdr{padding-left:10px}.hdr .dlink{padding:0 7px}}
.mq .ttl{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.mq .ttl h1{flex:1;min-width:0}
.shr{flex:none;width:44px;height:44px;margin:0 -4px 0 0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.shr svg{width:20px;height:20px}
/* short phones keep the 24 px title on one line: Share drops to the right of the outcome line */
.ph.sm .mq .ttl{display:block}
.ph.sm .mq .shr{float:right;margin:2px -4px -26px 8px}
/* the sticky bottom action clears the home indicator */
.hbar,.hbar.look{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
/* ---- Journey swarm fix round 1 ---- */
.iw:hover .ipop,.iw:focus-within .ipop{display:none}
.iw .ipop.show{display:block}
.b.jf{background:#1f2f2a;color:#bfe8d6}
.bkl{min-height:44px;flex:none;display:inline-flex;align-items:center;gap:0;padding:0 8px 0 2px;border-radius:999px;font:600 0.9375rem var(--ui);color:var(--ink-2)}
.bkl svg{width:22px;height:22px}
.hdr.bk .wl{margin-left:6px}
@container (max-width:22.4375em){.hdr.bk .wl{display:none}}
.efl{margin:6px 0 14px;font-size:0.9375rem;line-height:1.4;color:var(--ink-2)}
.pstate.prow{padding:0 0 0 0;gap:0}
.pstate .prl{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:6px 0 6px 10px}
.pstate.prow .star{margin-right:2px}
.stopw{flex:none;min-height:44px;padding:0 14px;border-radius:12px;background:var(--raised);color:var(--ink);font:600 0.875rem var(--ui);white-space:nowrap}
@container (max-width:23.6875em){.hbar.fin .hlong{display:none}}
.rcta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hbar.look.col{flex-direction:column;align-items:stretch;gap:2px;padding-top:10px}
.hbar.look .wsec{min-height:44px;display:flex;align-items:center;justify-content:center;font:600 0.9375rem var(--ui);color:var(--ink-2)}
.getal{min-height:52px;display:flex;align-items:center;gap:10px;margin-top:10px;padding:4px 6px 4px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.getal svg{width:18px;height:18px;flex:none;color:var(--brand)}.getal span:not(.qa){flex:1;min-width:0;line-height:1.35}
.getal .qa{flex:none;width:28px;text-align:center;font-size:1.25rem;color:var(--brand)}
.scrim{position:absolute;inset:0;z-index:20;background:rgba(4,6,14,.62)}
.sheet{position:absolute;left:0;right:0;bottom:0;z-index:21;max-height:calc(100% - 40px);overflow-y:auto;box-sizing:border-box;padding:8px 16px 28px;border-radius:20px 20px 0 0;background:var(--surface);box-shadow:0 -1px 0 var(--line);display:flex;flex-direction:column;gap:12px}
.sheet .grab{display:block;width:36px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 2px;flex:none}
.shd{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-6px -10px -10px 0}
.skick{font:600 0.8125rem var(--ui);color:var(--muted)}
.stt{margin:0;font:700 1.375rem/1.2 var(--ui);color:var(--ink)}
.sbody{margin:0;font-size:0.9375rem;line-height:1.45;color:var(--ink-2)}
.seg{display:flex;padding:3px;border-radius:13px;background:var(--bg)}
.seg button{flex:1;min-height:44px;border-radius:10px;font:500 0.9375rem var(--ui);color:var(--muted)}
.seg button.on{background:var(--line);color:var(--ink);font-weight:600}
.fl2{display:flex;gap:10px}
.fld{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:0.8125rem;color:var(--muted)}
.inp{display:flex;align-items:center;min-height:48px;padding:0 12px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.inp input{flex:1;min-width:0;width:100%;align-self:stretch;min-height:46px;background:none;border:0;color:var(--ink);font:600 1.0625rem var(--ui);padding:0;outline:none}
.inp:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.inp i{font-style:normal;color:var(--muted);font-size:0.9375rem}
.sprev{margin:0;font-size:0.875rem;color:var(--ink-2)}.sprev b.down{color:var(--down);font-weight:600}
.btn{width:100%;min-height:48px;border-radius:12px;font:600 0.9375rem var(--ui);display:flex;align-items:center;justify-content:center;gap:10px}
.btn.pri{background:var(--ink);color:var(--bg)}
.btn.qui{background:var(--raised);color:var(--ink)}
.btn.gho{min-height:44px;background:none;color:var(--ink-2);font-weight:500;margin-top:-6px}
.btn.ggl{background:#fff;color:#1f1f1f}.btn.ggl svg{width:20px;height:20px}
.consent{margin:-4px 0 0;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.consent a{display:inline-block;padding:12px 2px;margin:-12px 0;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.sft{margin:0;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.salrt{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;line-height:1.4;color:var(--ink-2)}
.salrt .sak{font-size:0.8125rem;color:var(--muted)}.salrt b{color:var(--ink);font-weight:700;font-size:0.9375rem}.salrt .hot{color:var(--amber-text);font-weight:700}
.srule{display:flex;align-items:center;gap:8px;font-size:0.875rem;line-height:1.4;color:var(--ink-2)}
.srule span{flex:1;min-width:0}.srule b{color:var(--ink)}
.srule a{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 4px;font-weight:600;color:var(--brand)}
.sopt{display:flex;flex-direction:column;gap:3px;font-size:0.875rem;line-height:1.4;color:var(--ink-2)}.sopt b{font-size:0.9375rem;color:var(--ink)}
.star.tap{color:var(--brand);background:var(--raised);border-radius:999px}
.toast{position:absolute;left:16px;right:16px;bottom:16px;z-index:22;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--raised-2);box-shadow:0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.45);font-size:0.875rem;line-height:1.4;color:var(--ink)}
.toast span{flex:1;min-width:0;padding:6px 0}
.undo{flex:none;min-height:44px;padding:0 12px;border-radius:10px;font:700 0.875rem var(--ui);color:var(--brand)}
/* ---- Journey fix round 2 ---- */
.msince{color:var(--muted)}
.toast.up{bottom:96px}
.alater{min-height:44px;flex:none;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border-radius:999px;font:600 0.8125rem var(--ui);color:var(--muted)}
.alater svg{width:18px;height:18px}
@container (max-width:23.6875em){.alater svg{display:none}.alater{padding:0 6px}.alater span{display:block;white-space:normal;width:min-content;line-height:1.1;text-align:center}.hdr .alater~.signin{padding-left:10px;padding-right:10px}}
@container (max-width:21.25em){.hdr .alater~.signin{padding-left:6px;padding-right:6px}.hdr .alater{padding:0 4px}}
@container (max-width:23.6875em){.hbar:has(.hal[aria-label^="Get alerts"]) .hlong{display:none}}
.hbar .hs{min-width:max-content}
@container (max-width:22.4375em){.hbar .hlong,.hbar.fin .hwon{display:none}.hbar.fin .stopw{padding:0 10px}}
.consent a{padding:13px 2px;margin:-13px 0}
.perm{position:absolute;left:12px;right:12px;top:46px;z-index:30;padding:14px 14px 8px;border-radius:16px;background:#f1f3f4;color:#202124;box-shadow:0 8px 28px rgba(0,0,0,.55);font:500 0.9375rem/1.35 system-ui,sans-serif}
.pmh{display:flex;align-items:center;gap:10px}.pmi svg{width:20px;height:20px;display:block}
.pmb{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.pmb button{min-height:44px;min-width:64px;padding:0 14px;border-radius:999px;font:600 0.875rem system-ui,sans-serif;color:#1a73e8;background:none}
.pmb .pmy{background:#1a73e8;color:#fff}
.hbar.fin .hs{color:inherit}
/* ---- Journey fix round 3 ---- */
details.later{margin:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
details.later summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;font:600 0.875rem var(--ui);color:var(--ink-2);cursor:pointer}
details.later summary::-webkit-details-marker{display:none}
details.later p{margin:0;padding:0 12px 12px;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.g.mod details.later{margin:8px 0 4px}
.ar.dv{display:flex;align-items:center;gap:8px;min-height:52px}
.ar.dv .rt{flex:1;min-width:0}
.send{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 4px;font:600 0.875rem var(--ui);color:var(--brand);white-space:nowrap}
.alt3{position:relative;flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--muted)}
.alt3 svg{width:22px;height:22px}
.alt3 .ltag{position:absolute;right:-2px;bottom:3px;padding:1px 4px;border-radius:6px;background:var(--raised);box-shadow:0 0 0 1px var(--line);font:700 0.5625rem/1.2 var(--ui);letter-spacing:.02em;color:var(--ink-2);white-space:nowrap}
@container (max-width:21.25em){.hdr:has(.alt3){gap:0}.hdr:has(.alt3) .dlink{padding:0 5px}.hdr:has(.alt3) .signin{padding:0 9px}}
.alend{margin:10px 0 0;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.iab{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;background:#f4f4f6;color:#222;font:0.8125rem/1.25 system-ui,sans-serif}
.iab .iabx,.iab .iabm{flex:none;font-size:1rem;color:#555}.iab .iabt{flex:1;min-width:0;display:flex;flex-direction:column}.iab .iabt span{font-size:0.6875rem;color:#666}
/* ---- round 18 ---- */
.efl{margin:6px 0 10px;font-size:0.9375rem;line-height:1.4;color:var(--ink-2)}
/* ---- round 19 ---- */
.toast.top{top:84px;bottom:auto}
.alt3{width:auto;min-width:44px;gap:3px;padding:0 4px 0 2px;box-sizing:border-box}
.alt3 svg{width:20px;height:20px;flex:none}
.alt3 .ltag{position:static;padding:0;border-radius:0;background:none;box-shadow:none;font:600 0.7813rem/1.2 var(--ui);letter-spacing:0;color:var(--ink-2)}
@container (max-width:21.25em){.alt3{width:44px;padding:0;flex-direction:column;gap:1px}.alt3 svg{width:18px;height:18px}.alt3 .ltag{font-size:0.6875rem;line-height:1}.alt3 .lw{display:none}}
@media (prefers-reduced-motion: no-preference){
.pspin{animation:spin 1s linear infinite}
.about summary .chev{transition:transform .15s}
}
/* ---- reference additions (ref/build_all.mjs): replace the mock's inline styles and phone shell ---- */
.nw{white-space:nowrap}
.g.mq .mvh.later{margin-top:26px}
.g.mq .endpad{height:16px}
.ph{width:auto;max-width:none;height:auto;min-height:100vh;border:0;border-radius:0;overflow:visible}
.ph>.scr{flex:1 0 auto;overflow:visible}
.ph>.hbar{position:sticky;bottom:0}
/* live updates (RULES 15): the "N new" pill, the drop of a new item, the polite live region */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.newpill{position:fixed;left:0;right:0;margin:0 auto;width:max-content;top:calc(var(--bar-h) + 6px);z-index:20;height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 0.875rem var(--ui);box-shadow:0 6px 18px rgba(0,0,0,.45);white-space:nowrap}
.ph{--bar-h:53px}
/* health lines (RULES 15.3): the calm field-error style; the news family is the muted foot style */
.ferr.foot-h{margin:12px 0 4px;padding:0;background:none;box-shadow:none;color:var(--muted)}
.ferr.foot-h span{padding:4px 0}
.ferr.fill{margin-top:16px}
/* buttons that replaced (2026-10-10): the global button reset plus these keep the pixels */
:where(button.act){text-align:start;line-height:inherit}
button.act.plus{width:100%}
button.act.ix{width:calc(100% + 24px)}
/* images are real ![]()
elements (2026-10-10): the box is fixed by CSS, the picture covers it */
img.pav{display:block;object-fit:cover}
img.media{height:auto;object-fit:cover}
img.media.thumb{height:72px}
.pav.lt{display:flex;align-items:center;justify-content:center;font:700 1rem var(--ui);color:var(--ink-2)}
.i-neutral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23262c3f'/%3E%3Cpath transform='translate(8 8)' d='M4 19h16M5 15l4-4 3 3 7-7' fill='none' stroke='%23b4bacb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* ---- Home (RULES 16): the mock's inline styles as classes ---- */
.pin .story .src.s28{width:28px;height:28px;border-radius:8px}
.g.hf .endpad{height:16px}
button.getal{width:100%;text-align:start}
.g.mod.mt20{margin-top:20px}
.g>h2.sh.fpd,.pin+.g>h2.sh.fpd{margin-top:16px}
.g.hf img.media:not(.thumb){aspect-ratio:16/9}
.pronote.mt8{margin-top:8px}
/* round 15 (RULES 32.7): every phone top bar (Home, Discovery, Alerts, Profile, and the market page's .hdr.mk) sits at
top:0 and grows by the iPhone's safe area (the shell sets viewport-fit=cover); its blurred background covers the inset,
so nothing scrolls into view above it under the status bar. Anchors land under it (--bar-h). */
.hdr{top:0;padding-top:calc(4px + env(safe-area-inset-top,0px))}
.ph{--bar-h:calc(53px + env(safe-area-inset-top,0px))}
/* pills show the market's stored title, truncated to one line (no curated short names); the full title is in the
aria-label and title */
.pp .ppt{min-width:0}
.pp .ppt b{display:block;max-width:8.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post .tagl{max-width:100%;min-width:0}
.post .tagl b{min-width:0;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the pinned card carries its story's "+N more" (RULES 16.29): the market page's row (RULES 18.21), on the raised fill
so it still reads as a row on the card's own surface */
.pin .plus:has(>.pgo){background:var(--raised)}
/* RULES 38: the lead card, the one loud thing on Home: the price in the opal sheen; the whole card opens the market (its
name's link stretched over it; the x and the action sit above it). Calm days are compact (bar 5). */
.pin.lead{position:relative;margin:12px 16px 0;padding:4px 14px 10px}
.pin.lead .pq{min-height:40px;color:var(--ink);text-decoration:none}
.pin.lead .pq::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pin.lead .pk button,.pin.lead .cta{position:relative;z-index:1}
.pin.lead .pq b{font:700 1rem/1.25 var(--ui);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pin.lead .lp{display:flex;flex-direction:column;align-items:flex-start;margin-top:2px}
.pin.lead .lps{font-size:0.8125rem;line-height:1.3;color:var(--muted)}
.pin.lead .lpv{font:800 2.75rem/1 var(--ui);letter-spacing:-.03em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 2px 2px 0}
.pin.lead .lm{font:600 0.875rem/1.35 var(--ui);color:var(--ink-2);margin-top:2px}
.pin.lead .lm .hot{color:var(--amber-text)}.pin.lead .lm .cg{font-weight:700}.pin.lead .lm .cg.dn{color:var(--down)}.pin.lead .lm .cg.up{color:var(--up)}
/* RULES 40.2: no story around the big move: one plain line where the story would be */
.pin.lead .story.none{margin:10px 0 0;font:500 0.875rem/1.4 var(--ui);color:var(--muted)}
.pin.lead .lmo{font-size:0.8125rem;line-height:1.35;margin-top:2px}
.pin.lead .lgn b{font-weight:600}.pin.lead .lgn.down b{color:var(--down)}.pin.lead .lgn.up b{color:var(--up)}
.pin.lead .mini.pinchart{display:block;width:100%;height:64px;margin-top:10px}
.pin.lead .story{margin-top:10px;padding-top:10px}
.g.hf>.osolo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px -4px -6px 0}
.g.hf>.osolo>.ord{margin:0}
.g.hf>.osolo>.pp.add{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 4px;border:0;box-shadow:none;background:none;color:var(--brand);font-weight:600}
.pin.lead.calm{margin-top:6px;padding:2px 14px 7px}
.pin.lead.calm .pq{min-height:28px;gap:8px}
.pin.lead.calm .pq .ppi{width:24px;height:24px;border-radius:7px}
.pin.lead.calm .pq b{-webkit-line-clamp:1;font-size:0.9375rem}
.pin.lead .lrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 14px}
.pin.lead.calm .lpv{font-size:2rem}
.pin.lead .lcw{flex:1 1 9rem;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:right}
.pin.lead .mini.pinchart.lcalm{height:18px;margin:0}
.pin.lead.calm .lmo{margin:0}
.pin.lead.calm .lm{margin-top:2px;font-weight:500;color:var(--muted)}
/* the "N new" pill reads as a notice: raised surface, ink text, a 1 px line, the pill shadow (ACCEPTED A13) */
.newpill{background:var(--raised);color:var(--ink);border:1px solid var(--line)}
/* filling: the calm empty chart frame, no line, no band */
svg.chart.empty{display:block;width:100%;background:linear-gradient(var(--hairline),var(--hairline)) left bottom/100% 1px no-repeat}
/* "+N more from …" reads as tappable on every surface (fifth review, RULES 18.21): a row on the card surface with a
brand "›" at its end, as Home's desktop card (.fmore) has it; the text stays quiet (ink-2, regular), 44 px tall */
.plus:has(>.pgo){margin-top:10px;padding:0 14px;border-radius:12px;background:var(--surface);box-sizing:border-box}
.plus .pgo{margin-left:auto;padding-left:12px;color:var(--brand);font-weight:600}
/* About is a details toggle: the chevron points down closed and up open, like desktop's (ACCEPTED A15) */
.about summary .chev{transform:rotate(90deg)}
.about[open] summary .chev{transform:rotate(-90deg)}
/* the why line under the price (RULES 18.15): source and headline wrap to two lines at most (the headline clamped with
an ellipsis), "N min into the move ›" on its own line under them; one link, a 44 px+ tap target whose padding keeps
the line's own spacing (as the 24-hour line's "3 moves today ›") */
a.why{display:block;min-width:0;margin:-6px 0 -9px;padding:12px 0;font-size:0.8125rem;line-height:1.35;color:var(--ink-2)}
a.why .wt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
a.why b{font-weight:600;color:var(--ink)}
a.why .wsep{white-space:pre}
a.why .wr,a.why .wg{white-space:nowrap}
a.why .wg{margin-left:6px;color:var(--brand);font-weight:600}
/* opened from an alert (P3, RULES 18.22): "Since your alert at 4:00 PM: ▼1¢ · now 26.5¢" under the price block, above
the why line, with "2 new since your alert ↓" on its own line; one link to #alert-p, 44 px+ tall. Its 6 px bottom
margin meets the why line's -6 px, so the two links touch and never overlap */
.alw{display:block;min-width:0;margin:-6px 0 6px;padding:12px 0 0;font-size:0.8125rem;line-height:1.35;color:var(--ink-2)}
.alw .aln{display:block;color:var(--brand);font-weight:600}
/* in-page anchors land under the sticky top bar, not beneath it (RULES 18.17): the move headers (#moves-p, #move-p-k),
the "Your alert" divider (#alert-p), About (#about-p) and any other phone target */
.ph [id]{scroll-margin-top:calc(var(--bar-h) + 8px)}
/* Also on Sweat (RULES 13, round 8): a multi-outcome row names its leading outcome ("Nithya Raman 60.5¢"), wider than
the 70 px column a side and price fill; the column grows to its text (up to half the row) and the question wraps */
.about .row .rr{width:auto;min-width:70px;max-width:50%}
}
@media (min-width:900px){
/* Tokens copied from concepts/sweat-f.css (Sweat F). Dark only, like F and the phone Final. */
:root{color-scheme:dark;--bg:#0A0F1E;--surface:#11182B;--raised:#1A2236;--raised-2:#222B44;--ink:#F3F4F8;--ink-2:#B4BACB;--muted:#8890A4;
--faint:#596380;--hairline:#1C2438;--line:#2C3550;--amber:#FF6134;--amber-text:#FF8763;--amber-bg:#2A1A14;--up:#37B98A;--down:#F06A8A;
--brand:#B7C0FF;--sheen:linear-gradient(115deg,#EDE8FF 0%,#BCCBFF 35%,#C4F2E6 65%,#FFDCEB 100%);--ui:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif}
:root[data-theme="light"]{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.5 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
svg.i{width:20px;height:20px;flex:none}
/* ---------- the mock page around the frames ---------- */
.wrap{max-width:1360px;margin:0 auto;padding:32px 16px 80px}
.intro{max-width:860px}
.intro h1{font:800 2.125rem/1.1 var(--ui);letter-spacing:-.02em;margin:0 0 8px}
.intro p{color:var(--ink-2);margin:0 0 10px}
.shots{display:flex;flex-direction:column;gap:56px;margin-top:36px}
.shot{display:flex;flex-direction:column;gap:12px}
.shot h3{margin:0;font:700 1.1875rem var(--ui)}.shot h3 span{color:var(--muted);font-weight:500;font-size:0.9375rem}
.wscroll{max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}
.win{flex:none;border-radius:14px;border:1px solid var(--line);background:var(--bg);overflow:hidden;position:relative;box-shadow:0 30px 80px -40px #000}
.w1280{width:1280px}.w1024{width:1024px}
.chrome{height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#151C2E;border-bottom:1px solid var(--hairline);font-size:0.75rem;color:var(--muted)}
.chrome i{width:11px;height:11px;border-radius:6px;background:#2C3550}
.chrome .url{margin-left:18px;flex:0 1 460px;height:24px;border-radius:7px;background:var(--bg);display:flex;align-items:center;padding:0 12px}
.vp{height:800px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}.vp::-webkit-scrollbar{display:none}
.w1024 .vp{height:768px}
.vp.short{height:auto;overflow:visible}
.notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;font-size:0.875rem;color:var(--ink-2);max-width:1280px}
.notes li{line-height:1.45;padding-left:12px;border-left:2px solid var(--line)}
.notes b{color:var(--ink)}
@media (max-width:900px){.notes{grid-template-columns:1fr}}
.anno{display:inline-flex;align-items:center;gap:6px;font:500 0.6875rem/1.3 var(--ui);color:var(--muted);border:1px dashed var(--faint);border-radius:8px;padding:3px 7px;white-space:nowrap;background:var(--bg)}
/* ---------- product: header ---------- */
.hd{position:sticky;top:0;z-index:20;height:64px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}
.hdi{max-width:1200px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;gap:4px}
.back{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--ink-2);margin-left:-12px}
.wm{font:800 1.5rem var(--ui);letter-spacing:-.02em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent;min-height:44px;display:inline-flex;align-items:center;padding-right:6px}
.tabs{display:flex;gap:2px;margin-left:18px}
.tabs a{position:relative;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;font-size:0.9375rem;font-weight:500;color:var(--muted);border-radius:10px}
.tabs a:hover{color:var(--ink);background:var(--surface)}
.tabs a.on{color:var(--ink);font-weight:600}
.tabs a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-10px;height:2px;border-radius:2px;background:var(--brand)}
.tabs .tdot{width:7px;height:7px;border-radius:4px;background:var(--ink-2);margin-left:6px}
.paste{margin-left:auto;flex:0 1 400px;min-width:200px;height:44px;display:flex;align-items:center;gap:10px;padding:0 6px 0 16px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:0.875rem;white-space:nowrap;overflow:hidden}
.paste span{flex:1;overflow:hidden;text-overflow:ellipsis}
.paste kbd{font:600 0.6875rem var(--ui);color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.paste.focus{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink)}
.paste .open{height:44px;margin-right:-6px;padding:0 18px;border-radius:999px;background:var(--brand);color:#0A0F1E;font-weight:700;display:inline-flex;align-items:center}
.me{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;margin-left:10px;margin-right:-6px}
.av{width:34px;height:34px;border-radius:17px;background:linear-gradient(135deg,#6E78C8,#C4F2E6);display:flex;align-items:center;justify-content:center;font:700 0.875rem var(--ui);color:#0A0F1E}
.me.on .av{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--brand)}
.signin{margin-left:10px;min-height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;font-weight:600;display:inline-flex;align-items:center}
.nopaste{margin-left:auto}
/* picture menu */
.menu{position:absolute;right:max(26px,calc((100% - 1200px)/2 + 26px));top:60px;width:260px;padding:6px;border-radius:16px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 24px 50px -20px #000;z-index:30}
.menu .who{padding:10px 12px 8px;font-size:0.8125rem;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}.menu .who b{display:block;color:var(--ink);font-size:0.875rem}
.menu a{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:10px;font-size:0.875rem;color:var(--ink-2)}
.menu a:first-of-type{background:var(--raised-2);color:var(--ink)}
.menu a span{color:var(--muted);font-size:0.8125rem}
/* ---------- product: page grids ---------- */
.pg{max-width:1200px;margin:0 auto;padding:28px 32px 56px}
.two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.stick{position:sticky;top:88px}
.mkt{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:start}
.mkt>.l{padding-right:40px;position:sticky;top:88px}
.mkt>.r{border-left:1px solid var(--hairline);padding-left:32px;min-height:700px}
.lat{display:grid;grid-template-columns:340px minmax(0,720px);gap:56px;align-items:start}
.mov{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.w1024 .two{gap:28px;grid-template-columns:minmax(0,1fr) 380px}
.w1024 .mkt{grid-template-columns:minmax(0,1fr) 380px}
.w1024 .mkt>.l{padding-right:28px}.w1024 .mkt>.r{padding-left:24px}
.w1024 .pg{padding:24px 28px 48px}.w1024 .hdi{padding:0 28px}
.w1024 .paste{flex-basis:300px}
/* ---------- shared parts ---------- */
.mh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px;min-height:44px}
.cap{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.more{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:flex-end;font-size:0.875rem;color:var(--brand);font-weight:600;white-space:nowrap}
.mod+.mod{margin-top:22px}
.ptitle h2{font:800 1.875rem/1.1 var(--ui);margin:0;letter-spacing:-.01em}.ptitle p{margin:4px 0 0;font-size:0.875rem;color:var(--muted)}
.pic{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font:800 0.75rem var(--ui);background:var(--raised);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.row{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 10px;margin:0 -10px;border-top:1px solid var(--hairline);border-radius:12px}
.row:hover{background:var(--surface)}
.mod .row:first-of-type,.mh+.row{border-top-color:transparent}
.rt{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:44px}
.rq{font:600 0.9375rem/1.25 var(--ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rm{font-size:0.7813rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:72px}
.rp{font:700 0.9375rem var(--ui);white-space:nowrap}
.mv{font:600 0.7813rem var(--ui);color:var(--ink-2);white-space:nowrap}.mv.hot{color:var(--amber-text)}
.up{color:var(--up)}.dn{color:var(--down)}
.sp{display:block;width:72px;height:26px;flex:none;overflow:visible}
.sp.lg{width:132px;height:34px}
.star{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:10px;margin-right:-8px}
.star.on{color:var(--brand)}
.src{width:28px;height:28px;flex:none;border-radius:8px;background:var(--raised-2);display:flex;align-items:center;justify-content:center;font:700 0.75rem var(--ui);color:var(--ink)}
.foot{margin-top:28px;font-size:0.75rem;color:var(--muted)}
/* lead card */
.lead{padding:24px 26px 18px;border-radius:22px;background:var(--surface)}
.kick{font-size:0.8125rem;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.lead h2{font:800 1.875rem/1.12 var(--ui);letter-spacing:-.015em;margin:8px 0 0}
.oc{font-size:0.9375rem;color:var(--ink-2)}
.big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px}
.big .sd{font-size:1.0625rem;color:var(--ink-2)}
.big .n{font:800 4.75rem/.92 var(--ui);letter-spacing:-.035em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.big .ch{font:600 1.0625rem var(--ui);color:var(--ink-2)}
.dl{font:600 1rem var(--ui);color:var(--ink-2);margin-top:8px}.dl .hot{color:var(--amber-text)}
.money{font-size:0.9375rem;color:var(--ink-2);margin-top:2px}.money b{font-weight:600}
.since{font-size:0.875rem;color:var(--ink-2);margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--raised);display:inline-block}
.since b{color:var(--ink)}
.mini{display:block;width:100%;height:190px;margin-top:14px;overflow:visible}
.ticks{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--muted);margin-top:4px}
.story{display:flex;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline)}
.st{font-size:0.8125rem;color:var(--muted)}.st b{color:var(--ink);font-weight:600}
.sh{font-size:0.9688rem;line-height:1.38}
.cta{min-height:44px;display:inline-flex;align-items:center;font-size:0.9375rem;font-weight:600;color:var(--brand);margin-top:6px}
/* compact feed item */
.fi{display:flex;gap:12px;min-height:44px;padding:10px 10px;margin:0 -10px;border-top:1px solid var(--hairline);border-radius:12px}
.fi:hover{background:var(--surface)}
.mh+.fi{border-top-color:transparent}
.fm{display:block;font-size:0.7813rem;color:var(--muted);margin-bottom:2px}.fm .tg{color:var(--ink-2);font-weight:600}
.fi .sh{display:block;font-size:0.9375rem}
/* market page */
.mtop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-8px}
.mtop .lab{font-size:0.8125rem;color:var(--muted)}
.acts{display:flex;gap:6px}
.btn{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;font-weight:600;color:var(--ink);white-space:nowrap}
.btn:hover{background:var(--surface)}
.btn.ic{width:44px;padding:0;justify-content:center}
.btn.star-on svg{color:var(--brand)}
.btn.lit{box-shadow:inset 0 0 0 1.5px var(--brand)}
.mq h1{font:800 2.125rem/1.1 var(--ui);letter-spacing:-.02em;margin:6px 0 2px}
.chart{display:block;width:100%;height:210px;margin-top:14px;overflow:visible}
.ctl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}
.rng{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface)}
.rng button{min-width:56px;min-height:44px;border-radius:999px;color:var(--muted);font-size:0.875rem}
.rng button.on{background:var(--line);color:var(--ink)}
.srcrow{display:flex;align-items:center;gap:14px;font-size:0.7813rem;color:var(--muted)}
.srcrow a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}
.lv{display:inline-flex;align-items:center;gap:6px}.lv i{width:6px;height:6px;border-radius:3px;background:var(--brand)}
.idx{margin-top:14px}
.ix{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;margin:0 -12px;border-radius:12px;font-size:0.875rem;color:var(--ink-2);position:relative}
.ix:hover{background:var(--surface)}
.ix b{font-weight:700;color:var(--ink);min-width:58px}.ix.hot b{color:var(--amber-text)}
.ix .tm{min-width:72px}
.ix .ct{color:var(--muted);flex:1}
.ix .go{color:var(--muted)}
.ix.cur{background:var(--surface)}
.ix.cur::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--brand)}
.sum{font-size:0.8125rem;color:var(--muted);min-height:44px;display:flex;align-items:center}.sum b{color:var(--ink-2)}
.mvh{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:10px}
.mvh .t{font:700 1.125rem var(--ui);color:var(--amber-text)}.mvh .t.calm{color:var(--ink)}
.mvh .w{font-size:0.8125rem;color:var(--muted)}
.mvh a,.mvh button{min-height:44px;display:inline-flex;align-items:center;font-size:0.875rem;color:var(--brand);white-space:nowrap;font-weight:600}
.post{margin-top:10px;padding:14px 16px;border-radius:14px;background:var(--surface)}
.post .who{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.post .who b{color:var(--ink);font-weight:600}
.post .who .x{margin-left:auto;font:800 0.9375rem var(--ui);color:var(--ink)}
.post .tx{font-size:0.9688rem;line-height:1.42;margin-top:8px}
.post .ft{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:0.8125rem;color:var(--muted)}
.post .ft a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:flex-end;color:var(--ink-2)}
.post.new{box-shadow:inset 0 0 0 1px var(--line)}
.plus{min-height:44px;display:flex;align-items:center;font-size:0.875rem;color:var(--ink-2)}
.divider{display:flex;align-items:center;gap:10px;font-size:0.7813rem;color:var(--muted);margin:14px 0 2px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.talk{margin-top:10px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.9375rem;font-weight:600}
.talk span{color:var(--muted);font-weight:500;font-size:0.875rem}
.newpill{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:600;font-size:0.875rem}
.about{margin-top:28px;padding-top:4px;border-top:1px solid var(--hairline)}
.fold{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:0.9375rem}
/* Latest */
.flt{display:flex;flex-direction:column;gap:2px}
.fr{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 12px;border-radius:14px;color:var(--ink)}
.fr:hover{background:var(--surface)}
.fr.on{background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}
.fr .q{flex:1;min-width:0;font:600 0.875rem/1.28 var(--ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fr .pr{flex:none;display:flex;flex-direction:column;align-items:flex-end;font-size:0.8125rem;color:var(--ink-2);white-space:nowrap}
.fr .pr b{font:700 0.875rem var(--ui);color:var(--ink)}
.fr.all{min-height:48px;font-weight:600;font-size:0.9375rem}
.fr.add{color:var(--brand);font-weight:600;font-size:0.875rem;min-height:52px}
.fpost{padding:16px 18px;border-radius:16px;background:var(--surface);margin-top:12px}
.fpost .tag{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:0.8125rem;font-weight:600;color:var(--ink-2)}
.fpost .tag .pic{width:24px;height:24px;border-radius:7px;font-size:0.5625rem}
.fpost .who{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted);margin-top:6px}
.fpost .who b{color:var(--ink);font-weight:600}
.fpost .tx{font-size:1rem;line-height:1.42;margin-top:6px}
.fpost .ft{display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem;color:var(--muted);margin-top:2px}
.fpost .ft a{min-height:44px;display:inline-flex;align-items:center;color:var(--brand);font-weight:600}
/* Alerts */
.acard{display:block;margin-top:6px;padding:18px 20px;border-radius:18px;background:var(--surface)}
.acard .q{font:700 1.125rem var(--ui);color:var(--ink)}
.acard .l{font-size:0.9375rem;color:var(--ink-2);margin-top:6px}
.yn{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:0.8125rem;color:var(--muted)}
.yn button{min-height:44px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink)}
.ar{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 10px;margin:0 -10px;border-top:1px solid var(--hairline);border-radius:12px}
.ar:hover{background:var(--surface)}
.mh+.ar{border-top-color:transparent}
.chev{color:var(--muted);font-size:1.125rem;width:20px;text-align:right}
/* dialogs and panels */
.scrim{position:absolute;inset:36px 0 0 0;background:rgba(5,8,16,.62);z-index:40;display:flex;align-items:center;justify-content:center}
.dlg{width:440px;padding:28px;border-radius:22px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 40px 90px -30px #000}
.dlg h4{margin:0;font:800 1.375rem/1.2 var(--ui)}
.dlg .sub{font-size:0.875rem;color:var(--muted);margin-top:4px}
.dlg .lbl{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.opt{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);margin-top:8px;font-size:0.9375rem}
.opt.on{box-shadow:inset 0 0 0 1.5px var(--brand);background:var(--raised)}
.opt .rd{width:20px;height:20px;border-radius:10px;box-shadow:inset 0 0 0 2px var(--faint);flex:none}
.opt.on .rd{box-shadow:inset 0 0 0 6px var(--brand)}
.opt small{display:block;color:var(--muted);font-size:0.8125rem}
.seg{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--bg)}
.seg button{flex:1;min-height:44px;border-radius:999px;font-size:0.875rem;color:var(--muted)}
.seg button.on{background:var(--line);color:var(--ink);font-weight:600}
.tgl{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:0.9375rem}
.sw{width:44px;height:26px;border-radius:13px;background:var(--brand);position:relative;flex:none}
.sw::after{content:"";position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:10px;background:#0A0F1E}
.sw.off{background:var(--line)}.sw.off::after{right:auto;left:3px;background:var(--muted)}
.dact{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.pri{min-height:44px;padding:0 22px;border-radius:999px;background:var(--brand);color:#0A0F1E;font-weight:700;font-size:0.9375rem;display:inline-flex;align-items:center}
.calm{font-size:0.8125rem;color:var(--muted);margin-top:12px}
.conv{position:sticky;top:64px;height:736px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface);margin:-28px -32px -56px 0;width:440px}
.conv .ch{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 20px;border-bottom:1px solid var(--line)}
.conv .ch h4{margin:0;font:700 1.0625rem var(--ui);flex:1}
.conv .ctx{margin:14px 20px 4px;padding:10px 12px;border-radius:12px;background:var(--raised);font-size:0.8125rem;color:var(--ink-2)}
.conv .ctx b{color:var(--amber-text)}
.conv .list{flex:1;overflow:auto;padding:4px 20px;scrollbar-width:none}
.cm{padding:12px 0;border-top:1px solid var(--hairline)}
.cm:first-child{border-top:0}
.cm .h{display:flex;align-items:center;gap:8px;font-size:0.8125rem;color:var(--muted)}
.cm .h b{color:var(--ink);font-weight:600}
.badge{font-size:0.7188rem;padding:1px 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.cm .t{font-size:0.9375rem;margin-top:4px;line-height:1.4}
.cm .a{display:flex;gap:4px;margin-top:0;font-size:0.8125rem;color:var(--muted)}.cm .a a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.comp{padding:12px 16px 16px;border-top:1px solid var(--line)}
.comp .box{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;border-radius:14px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-size:0.875rem}
.comp .box span:first-child{flex:1}
.comp .rule{font-size:0.75rem;color:var(--muted);margin-top:6px}
.pane-dim{opacity:.55}
/* signed out */
.hero{font:800 1.875rem/1.15 var(--ui);letter-spacing:-.02em;margin:0;max-width:780px}
.hero-sub{font-size:1rem;color:var(--ink-2);margin:8px 0 0}
.hlinks{display:flex;gap:18px;align-items:center;margin:4px 0 16px}
.hlinks a{min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--brand);font-size:0.9375rem}
.hlinks span{font-size:0.875rem;color:var(--muted)}
.qcard{margin-top:22px;padding:18px 20px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
.qcard b{display:block;font-size:1rem}.qcard p{margin:4px 0 8px;font-size:0.875rem;color:var(--ink-2)}
/* header anatomy frame */
.hstack{display:flex;flex-direction:column;gap:0}
.hlab{max-width:1200px;margin:0 auto;padding:14px 32px 6px;font-size:0.75rem;color:var(--muted);width:100%}
.hstack .hd{position:relative}
/* ---------- desk-final additions ---------- */
.backpill{min-height:44px;display:inline-flex;align-items:center;gap:2px;padding:0 14px 0 6px;margin-left:-10px;margin-right:12px;border-radius:999px;color:var(--ink-2);font-size:0.875rem;font-weight:600;box-shadow:inset 0 0 0 1px var(--line)}
.backpill:hover{background:var(--surface);color:var(--ink)}
.ttl{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ttl h1{font:800 2.125rem/1.1 var(--ui);letter-spacing:-.02em;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ttl .btn{flex:none;margin-top:-4px}
.lab2{font-size:0.8125rem;color:var(--muted)}
.hrow{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;font-size:0.875rem;color:var(--ink-2);flex-wrap:nowrap}
.hrow .hold{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600;white-space:nowrap}
.hrow .hold svg{width:18px;height:18px;color:var(--brand)}
.hrow .ed{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:var(--brand);font-weight:600;white-space:nowrap}
.hrow .btn{margin-left:auto}
.btn.alon{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink)}
.btn.alon svg{color:var(--brand)}
.btn.prim{background:var(--brand);color:#0A0F1E;box-shadow:none}
.pav{width:32px;height:32px;flex:none;border-radius:16px;display:flex;align-items:center;justify-content:center;font:700 0.75rem var(--ui);color:#0A0F1E;background:linear-gradient(135deg,#8C96D8,#C4F2E6)}
.pav.b2{background:linear-gradient(135deg,#C9A6E8,#FFDCEB)}
.post .who,.fpost .who{gap:10px}
.wn{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.wn b{color:var(--ink);font-weight:600;font-size:0.875rem}
.wn span{font-size:0.7813rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post .ft,.fpost .ft{margin-top:4px}
.post .ft a.cmn,.fpost .ft a.cmn{justify-content:flex-start;color:var(--muted);font-weight:500}
.post .ft a.out,.fpost .ft a.out{color:var(--ink-2);font-weight:500}
.fpost .ft .l{display:flex;gap:16px;align-items:center}
.fpost .ft a.cmn{min-width:44px}
.img{aspect-ratio:16/9;margin-top:10px;border-radius:12px;background:radial-gradient(120% 90% at 20% 15%,#2C3550 0%,#1A2236 55%,#141B2D 100%);box-shadow:inset 0 0 0 1px var(--line);display:flex;align-items:flex-end;padding:8px 12px;font-size:0.7188rem;color:var(--faint)}
.since b.dn{color:var(--down)}
.big .ch.dn{color:var(--down)}
.then{flex:none;font-size:0.8125rem;color:var(--muted);white-space:nowrap;text-align:right;min-width:92px}
.acard{padding:0;overflow:hidden}
.acard .acl{display:block;padding:18px 20px 4px}
.acard .yn{margin:0;padding:0 20px 14px;border-top:0}
.send{min-height:44px;display:inline-flex;align-items:center;font-size:0.875rem;font-weight:600;color:var(--brand);white-space:nowrap}
.dlg{width:460px;padding:24px 26px}
.dlg .lbl{margin:14px 0 4px}
.opt{margin-top:6px}
.opt b{font-weight:600}
.chips{display:flex;align-items:center;gap:6px;margin:8px 0 0 46px}
.chips .sl{font-size:0.8125rem;color:var(--muted);width:52px}
.chips button{min-height:44px;min-width:56px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.chips button.on{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink);font-weight:600}
.chips.dim{opacity:.55}
.seg button{padding:0 10px;white-space:nowrap}
.dfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.dfoot span{font-size:0.7813rem;color:var(--muted);line-height:1.35}
.dfoot .b{display:flex;gap:8px;flex:none}
/* Home at 1024: lead card spans, chart beside the text */
.lead.wide{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:center}
.lead.wide .mini{margin-top:0}
.w1024 .lead.wide h2{font-size:1.75rem}
.w1024 .lead.wide .big .n{font-size:4rem}
.under{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start;margin-top:22px}
/* ---------- desk-fp additions: Home is the feed ---------- */
.home{display:grid;grid-template-columns:300px minmax(0,680px);gap:48px;align-items:start}
.w1024 .home{grid-template-columns:284px minmax(0,1fr);gap:28px}
.w1024 .pos{font-size:0.8125rem;padding-left:4px;padding-right:0;white-space:nowrap}
.side .cap{white-space:nowrap}
.side .fr{align-items:flex-start;padding:10px 12px}
.side .fr .pic{margin-top:2px}
.side .fr .tx2{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.side .fr .q{font:600 0.875rem/1.3 var(--ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side .fr .pl{font-size:0.8125rem;color:var(--ink-2);white-space:nowrap}
.side .fr .pl b{font:700 0.875rem var(--ui);color:var(--ink);margin-right:6px}
.side .fr .pl .nc{color:var(--muted)}
.side .fr.all{align-items:center}
.side .fr.add{align-items:center;min-height:44px;margin-top:2px;font-size:0.9375rem}
.side .fr.add .pic{margin-top:0}
.pos{margin:10px 0 0;padding:12px 12px 10px;border-top:1px solid var(--hairline);font-size:0.875rem;color:var(--ink-2)}
.pos b{font-weight:600}
.flab{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:44px;display:flex;align-items:center;justify-content:space-between;margin-top:22px}
.flab a{letter-spacing:0;text-transform:none;font:600 0.875rem var(--ui);color:var(--brand);min-height:44px;display:inline-flex;align-items:center}
.feedtop{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.feedtop .ftl{font-size:0.8125rem;color:var(--muted)}
/* pinned big-move card */
.pin{padding:16px 22px 12px;border-radius:20px;background:var(--surface)}
.pin .pk{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px -12px 0 0;font-size:0.8125rem;color:var(--muted)}
.pin .pk button{width:44px;height:44px;border-radius:12px;color:var(--muted);font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}
.pin .pg2{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:22px;align-items:start}
.w1024 .pin .pg2{grid-template-columns:minmax(0,1fr) 200px}
.pin h2{font:800 1.5rem/1.15 var(--ui);letter-spacing:-.01em;margin:0}
.pin h2 a{display:inline-flex;min-height:44px;align-items:center}
.pin .dl{margin-top:2px}
.pin .nw{font-size:0.875rem;color:var(--ink-2);margin-top:2px}
.pin .nw b{color:var(--ink);font-weight:700}
.pin .mini{height:112px;margin-top:0}
.pin .story{margin-top:12px;padding-top:12px}
.pin .cta{margin-top:2px}
/* feed posts with a right-hand thumbnail for news */
.fpost .tag{color:var(--ink-2);font-weight:500}
.fpost .tag b{color:var(--ink);font-weight:600}
.fpost .bd{display:flex;gap:14px;align-items:flex-start}
.fpost .bd .bl{flex:1;min-width:0}
.thumb{width:72px;height:72px;flex:none;border-radius:10px;margin-top:8px;background:radial-gradient(120% 90% at 20% 15%,#2C3550 0%,#1A2236 55%,#141B2D 100%);box-shadow:inset 0 0 0 1px var(--line)}
.fpost{margin-top:10px}
/* quiet day */
.quiet{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.9375rem;color:var(--ink-2)}
.quiet .qd{width:8px;height:8px;border-radius:4px;background:var(--faint);flex:none}
.quiet b{font-weight:700}
.quiet .go{margin-left:auto;color:var(--muted)}
/* paste fields on Discovery and the signed-out Home */
.paste.big{margin-left:0;flex:none;width:100%;max-width:640px;height:56px;font-size:1rem;padding:0 6px 0 18px}
.paste.big .open{height:44px;margin-right:0}
.paste.hero2{max-width:720px;height:64px;font-size:1.0625rem;box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink-2)}
.paste.hero2 .open{height:52px;padding:0 24px;font-size:1rem}
.phint{font-size:0.8125rem;color:var(--muted);margin-top:8px}
.sample{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
/* round 3: the feed runs to the header's right edge; Dismiss as a word; dimmed chips */
.home{grid-template-columns:300px minmax(0,1fr)}
.pin .pk button.dis{width:auto;min-width:44px;padding:0 12px;font:600 0.875rem var(--ui);color:var(--ink-2)}
.chips.dim{opacity:.38}
.chips.dim button{cursor:default}
.chips.dim button.on{box-shadow:inset 0 0 0 1px var(--line);font-weight:500;color:var(--ink-2)}
.chips .why{font-size:0.7813rem;color:var(--muted);margin:6px 0 0 46px}
.since b{font-family:var(--ui);font-weight:400}
/* new desktop states */
.side .fr .pl .new{font:600 0.75rem var(--ui);color:var(--ink-2);padding:2px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.side .fr .pl .as{color:var(--muted)}
.lookback{display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:14px;background:var(--surface);font-size:0.875rem;color:var(--ink-2)}
.pronote{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 4px 0 16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.pronote a{min-height:44px;display:inline-flex;align-items:center;color:var(--brand);font-weight:600}
.pronote button{margin-left:auto;width:44px;height:44px;border-radius:12px;color:var(--muted);font-size:1.125rem}
.status{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 6px 0 16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.status svg{width:18px;height:18px;flex:none;color:var(--muted)}
.status button{margin-left:auto;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;font-weight:600;color:var(--ink)}
.welcome{font:800 1.875rem/1.15 var(--ui);letter-spacing:-.02em;margin:0;max-width:680px}
.skel{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--hairline)}
.skel i{display:block;background:var(--raised);border-radius:6px;height:10px}
.skel .sk-post{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--hairline)}
.skel .sk-h{display:flex;align-items:center;gap:8px}.skel .sk-av{width:28px;height:28px;border-radius:8px;flex:none}
.skel .sk-rows{display:flex;flex-direction:column;gap:8px}.skel .sk-row{height:44px;border-radius:12px}
.w30{width:30%}.w40{width:40%}.w70{width:70%}.w90{width:90%}
.sklab{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:44px;display:flex;align-items:center}
/* keyboard focus */
.kf{outline:2px solid var(--brand);outline-offset:2px}
.fpost.kf{outline-offset:6px;border-radius:12px}
.tabs a.kf{outline-offset:0}
.fr,.fpost{position:relative}
.kn{position:absolute;top:-7px;right:-7px;z-index:2;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font:600 0.6563rem/1.125rem var(--ui);text-align:center;pointer-events:none}
.kn.cur{background:var(--brand);box-shadow:none;color:var(--bg)}
/* ---------- round 5 (fresh review) ---------- */
/* drawn market icons, the same art as the phone */
.pic[class*=" i-"]{background-color:var(--raised);background-size:cover;background-position:center;box-shadow:none;font-size:0;color:transparent}
.fpost .tag .pic{width:24px;height:24px;border-radius:7px}
/* drawn X marks */
a.cmn{gap:6px}
a.cmn svg,.talk svg{width:18px;height:18px;flex:none}
.talk span{display:inline-flex;align-items:center;gap:6px}
.xm{width:16px;height:16px;flex:none;margin-left:auto;color:var(--ink)}
/* feed cards sized to their content */
.fpost{padding:12px 18px 4px;margin-top:10px}
.fpost .tag{margin:-10px 0 -12px}
.fpost .who{margin-top:10px}
.fpost .tx{margin-top:4px;line-height:1.38}
.fpost .ft{justify-content:flex-start;gap:22px;margin-top:0}
.fpost .ft .l{gap:22px}
.fpost .ft a.go{color:var(--brand);font-weight:600}
.fpost.th .bl,.fpost.th>.tag{padding-right:92px}
.fpost.th .thumb{position:absolute;right:18px;top:14px;margin:0}
/* the left column: money, since-you-looked summary, alert status */
.side .fr .pl{white-space:normal}
.side .fr .pl .sl{color:var(--muted);white-space:nowrap;font-size:0.8125rem}
.side .pos{margin-top:12px}
.sumline{padding:10px 12px;font-size:0.875rem;color:var(--ink-2);border-top:1px solid var(--hairline)}
.sumline b{color:var(--ink);font-weight:600}
.alline{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-top:1px solid var(--hairline);font-size:0.875rem;color:var(--ink-2)}
.alline svg{width:18px;height:18px;flex:none;color:var(--ink-2)}
.alline .go{margin-left:auto;color:var(--muted)}
.alline:hover{color:var(--ink)}
/* market page: lit tab plus a breadcrumb, no back pill */
.crumb{display:flex;align-items:center;gap:6px;font-size:0.875rem;color:var(--muted);margin:-6px 0 2px}
.crumb a{min-height:44px;min-width:44px;padding:0 6px;margin-left:-6px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);font-weight:600}
.crumb a:hover{color:var(--ink)}
.pronote button.dis{width:auto;min-width:44px;padding:0 14px;font:600 0.875rem var(--ui);color:var(--ink-2)}
/* final round: the rail ends with your alert rules */
.alrules{margin-top:6px;border-top:1px solid var(--hairline);padding:0 0 0 12px}
.alrules .mh{margin-bottom:0}
.alrules .ar{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;border-top:0}
.alrules .ar .pic{width:24px;height:24px;border-radius:7px;flex:none;margin-top:1px}
.alrules .rt{display:flex;flex-direction:column;gap:2px;min-width:0}
.alrules .rq{font:600 0.875rem/1.3 var(--ui);color:var(--ink)}
.alrules .rm{font-size:0.8125rem;color:var(--muted);white-space:normal}
/* final round: timing and meta text at 13 px, never 12 */
.cap,.foot,.ticks,.flab,.wn span,.divider,.srcrow,.srcrow a,.lv,.rm,.mv,.mh>span,.lbl,.why,.chips .why,.dfoot span,.rule,.sklab,.side .fr .pl .new,.url,.hlab,.img,.win svg text,.comp .rule{font-size:0.8125rem!important}
.side .foot{text-wrap:balance}
.i-fed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2326334f'/%3E%3Crect x='9' y='22' width='5' height='10' fill='%2393a7d6'/%3E%3Crect x='17' y='16' width='5' height='16' fill='%2393a7d6'/%3E%3Crect x='25' y='10' width='5' height='22' fill='%23c4d0ee'/%3E%3Crect x='7' y='32' width='26' height='2' fill='%23c4d0ee'/%3E%3C/svg%3E")}
.i-cut{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%231e3530'/%3E%3Cpath d='M8 29h24' stroke='%2386cdb5' stroke-width='2'/%3E%3Crect x='10' y='11' width='5' height='17' fill='%2386cdb5'/%3E%3Crect x='18' y='16' width='5' height='12' fill='%2386cdb5'/%3E%3Crect x='26' y='21' width='5' height='7' fill='%23b9e6d6'/%3E%3C/svg%3E")}
.i-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%232c2a42'/%3E%3Cpath d='M12 21a8 8 0 0 1 16 0z' fill='%23c3bbe4'/%3E%3Crect x='19.2' y='9' width='1.6' height='5' fill='%23c3bbe4'/%3E%3Crect x='10' y='22' width='20' height='2' fill='%23c3bbe4'/%3E%3Cpath d='M12 25v6M16 25v6M20 25v6M24 25v6M28 25v6' stroke='%23c3bbe4' stroke-width='2'/%3E%3Crect x='8' y='31' width='24' height='2.5' fill='%23c3bbe4'/%3E%3C/svg%3E")}
.i-btc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23352f1f'/%3E%3Ccircle cx='20' cy='20' r='11' fill='none' stroke='%23e2c77a' stroke-width='2.5'/%3E%3Cpath d='M17 13v14M21 13v2M21 25v2M16 15h6a3 3 0 0 1 0 5h-6M16 20h7a3 3 0 0 1 0 5h-7' fill='none' stroke='%23e2c77a' stroke-width='2'/%3E%3C/svg%3E")}
.i-eth{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23252c45'/%3E%3Cpath d='M20 7l8 13-8 5-8-5z' fill='%23a8b6ec'/%3E%3Cpath d='M20 27l8-5-8 11-8-11z' fill='%237f8fcc'/%3E%3C/svg%3E")}
.i-tx{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2336281f'/%3E%3Crect x='9' y='17' width='22' height='15' rx='2' fill='%23eaa98c'/%3E%3Crect x='14' y='9' width='12' height='12' rx='1' fill='%23f6d3c3' transform='rotate(-8 20 15)'/%3E%3Crect x='13' y='17' width='14' height='2.5' fill='%2336281f'/%3E%3C/svg%3E")}
.i-ec{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2333261f'/%3E%3Cpath d='M7 13l8 6 6-4 7 9 5 4' fill='none' stroke='%23f0ae93' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 33h26' stroke='%237a5a4c' stroke-width='2'/%3E%3C/svg%3E")}
.i-nfl{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23243022'/%3E%3Cellipse cx='20' cy='20' rx='12' ry='7.5' fill='%23b3d39c' transform='rotate(-30 20 20)'/%3E%3Cpath d='M15 23l10-6M17 18.5l1.5 2.5M20 17l1.5 2.5M22.5 15.5l1.5 2.5' stroke='%23243022' stroke-width='1.6'/%3E%3C/svg%3E")}
.i-ai{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%232a2142'/%3E%3Ccircle cx='20' cy='20' r='8.5' fill='none' stroke='%23c2b0f5' stroke-width='2.5'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23c2b0f5'/%3E%3Cpath d='M20 6v5M20 29v5M6 20h5M29 20h5' stroke='%23c2b0f5' stroke-width='2'/%3E%3C/svg%3E")}
.i-au{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23352f1f'/%3E%3Cpath d='M8 30l3-7h8l3 7z' fill='%23e2c77a'/%3E%3Cpath d='M18 30l3-7h8l3 7z' fill='%23c9ad62'/%3E%3Cpath d='M13 22l3-7h8l3 7z' fill='%23f0d995'/%3E%3C/svg%3E")}
.i-nba{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%2336261f'/%3E%3Ccircle cx='20' cy='20' r='11' fill='%23e9a27c'/%3E%3Cpath d='M9 20h22M20 9v22M12.5 12.5c4 4 4 11 0 15M27.5 12.5c-4 4-4 11 0 15' fill='none' stroke='%2336261f' stroke-width='1.6'/%3E%3C/svg%3E")}
/* round 7 (Yahoo-desktop review): the pinned column fits the window */
.vp.cq{container-type:size;container-name:vp}
.vp.cq .mkt .chart{height:clamp(150px,calc(100cqh - 654px),210px)}
.lv.off i{display:none}
/* chart hover */
.chwrap{position:relative}
.ctip{position:absolute;left:0;top:0;min-width:160px;height:56px;box-sizing:border-box;padding:0 12px;border-radius:10px;background:var(--raised-2);box-shadow:0 0 0 1px var(--line),0 12px 24px -14px #000;display:flex;flex-direction:column;justify-content:center;gap:2px;white-space:nowrap;pointer-events:none;z-index:3}
.ctip b{font:700 0.875rem var(--ui);color:var(--ink)}
.ctip span{font-size:0.8125rem;color:var(--ink-2)}.ctip .hot{color:var(--amber-text);font-weight:700}
/* paste states */
.pfield{max-width:640px}
.paste.big.filled{box-shadow:inset 0 0 0 1.5px var(--brand);color:var(--ink)}
.pstack{display:flex;flex-direction:column;gap:4px;max-width:640px;margin-top:14px}
.pslab{font-size:0.8125rem;color:var(--muted);min-height:28px;display:flex;align-items:flex-end;padding:0 0 4px 2px}
.pst{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 6px 0 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.9375rem;color:var(--ink-2)}
.pst .pic{width:32px;height:32px;border-radius:9px;flex:none}
.pst .q{font-weight:600;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pst .pp{font-weight:700;color:var(--ink);white-space:nowrap}
.pst .fo{color:var(--ink-2);white-space:nowrap}
.pst a.op{min-height:44px;min-width:44px;padding:0 14px;display:inline-flex;align-items:center;color:var(--brand);font-weight:600;white-space:nowrap;border-radius:12px}
.pst .spin{width:16px;height:16px;border-radius:8px;border:2px solid var(--line);border-top-color:var(--brand);flex:none}
.pst svg{width:18px;height:18px;flex:none;color:var(--muted)}
.pst.err{padding-right:16px}
/* resolved market */
.big.res{margin-top:4px}.big.res .sd{font-size:1.0625rem;color:var(--ink-2)}
.rmeta{font-size:0.875rem;color:var(--ink-2);margin-top:4px}
.hline{font-size:0.9375rem;color:var(--ink-2);margin-top:2px}.hline b{font-weight:700}
.aloff{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:0;font-size:0.875rem;color:var(--muted)}
.aloff svg{width:18px;height:18px;flex:none}
.aloff a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:var(--brand);font-weight:600;white-space:nowrap}
.ix .no{width:24px;height:24px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--ink-2);display:inline-flex;align-items:center;justify-content:center;font:700 0.8125rem var(--ui);color:var(--ink);flex:none}
.ix.res b{min-width:auto;white-space:nowrap}
.ix.res .tm{min-width:52px}
.coll{font-size:0.8125rem;color:var(--muted);margin:0 0 4px;line-height:1.45}
.closed{min-height:48px;display:flex;align-items:center;padding:0 16px;border-radius:14px;background:var(--surface);font-size:0.875rem;color:var(--ink-2);margin-top:12px}
.side .fr.res .q{color:var(--ink-2)}
.side .fr.res .pl b{color:var(--ink-2)}
.side .fr.res .pl b.up{color:var(--up)}
.rescard .rbig{display:flex;align-items:baseline;gap:10px;margin-top:4px}
.rescard .rbig .sd{font-size:1rem;color:var(--ink-2)}
.rescard .rbig .n{font:800 3rem/1 var(--ui);letter-spacing:-.03em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.alend{padding:8px 12px 10px;border-top:1px solid var(--hairline);font-size:0.8125rem;color:var(--muted);line-height:1.45}
.alend a{color:var(--brand);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
/* ---- Small-text sweep: info button, popover, live dot, About ---- */
.iw{position:relative;display:inline-flex;vertical-align:middle;margin-left:2px}
.ib-i{width:44px;height:44px;margin:-12px -8px -12px -6px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);text-decoration:none}
.ib-i span{width:20px;height:20px;box-sizing:border-box;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;display:inline-flex;align-items:center;justify-content:center;font:700 0.75rem/1 var(--ui);letter-spacing:0;text-transform:none}
.ib-i:hover,.ib-i:focus-visible,.ib-i[aria-expanded="true"]{color:var(--ink-2)}
.ipop{display:none;position:absolute;top:calc(100% + 8px);left:-10px;z-index:30;width:max-content;max-width:260px;box-sizing:border-box;padding:10px 12px;border-radius:12px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.45);font:400 0.8125rem/1.45 var(--ui);color:var(--ink-2);letter-spacing:0;text-transform:none;white-space:normal;text-align:left}
.ipop.r{left:auto;right:-10px;top:auto;bottom:calc(100% + 8px)}
.ipop .ip2{display:block;margin-top:6px}
.iw:hover .ipop,.iw:focus-within .ipop,.ipop.show{display:block}
h1 .qi{vertical-align:4px;margin-left:4px}
.ldot{display:inline-flex;align-items:center;gap:6px;margin-left:12px;vertical-align:middle;flex:none;font:600 0.8125rem/1 var(--ui)!important;letter-spacing:0;text-transform:none;color:var(--ink-2);white-space:nowrap}
.ldot i{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none}
.ptitle h2 .ldot{vertical-align:8px;margin-left:12px}
.foot.stale{color:var(--ink-2)}
.comp .box .iw{margin-left:4px}
.about2{border-top:1px solid var(--hairline);margin-top:4px}
.about2 summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:0.9375rem;color:var(--ink);cursor:pointer}
.about2 summary::-webkit-details-marker{display:none}
.about2 summary .chev{color:var(--muted);font-size:1.125rem}
.about2[open] summary .chev{transform:rotate(90deg)}
.abt{display:flex;flex-direction:column;margin-bottom:12px}
.abt .ai{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:8px 0;border-top:1px solid var(--hairline);font-size:0.875rem;line-height:1.4;color:var(--ink-2)}
.abt .ak{font-size:0.8125rem;color:var(--muted)}
.abt a.ai span:last-child{color:var(--ink)}
.notes li.swp b{color:#e8d9a0}
/* ---- Round 11 (fresh reviewer) ---- */
.home>div:last-child{width:100%;max-width:none;justify-self:stretch;min-width:0}
.side .fr .pl.ps{font-size:0.8125rem;color:var(--ink-2)}
.side .fr .pl.ps b{font:600 0.8125rem var(--ui);margin-right:0;color:var(--ink)}
.side .fr .pl.ps b.dn{color:var(--down)}.side .fr .pl.ps b.up{color:var(--up)}
.pin .pk>span:first-child{font:600 0.9375rem var(--ui);color:var(--ink-2)}
.ix b{min-width:190px;white-space:nowrap}
.w1024 .ix b{min-width:176px}
.vp.cq .mkt .chart,.mkt .chart{height:260px}
.w1024 .vp.cq .mkt .chart{height:240px}
.mkt>.l.mq{position:static}
.mkt .ticks{padding-right:84px}
.paste kbd{font:600 0.75rem var(--ui);color:var(--ink-2);border-color:var(--line)}
.acard .l .hot{color:var(--amber-text);font-weight:700}
.mvl{font-weight:600;color:var(--ink-2)}.mvl.hot{color:var(--amber-text)}
.img.m1,.thumb.m1,.img.m2,.thumb.m2,.img.m3,.thumb.m3{background-color:var(--raised);background-size:cover;background-position:center;box-shadow:none}
.recap{font-size:0.9375rem;line-height:1.3;color:var(--ink-2);margin-top:0}.recap b{font-weight:700}.recap b.dn{color:var(--down)}
.nsd{display:flex;align-items:center;gap:10px;margin:-4px 0 0;line-height:16px;font:600 0.8125rem/1rem var(--ui);color:var(--ink-2)}
.nsd::after{content:"";flex:1;height:1px;background:var(--line)}
.nsd.old{display:block;height:1px;margin:0;background:var(--line)}.nsd.old::after{display:none}
#s-market-since .idx{margin-top:6px}#s-market-since .nsd.rnew{margin:0 0 8px}#s-market-since .nsd.rold{margin:26px 0 0}#s-market-since .nsd.rold+.mvh{margin-top:12px}#s-market-since .idx .mh{min-height:36px}
.img.m1,.thumb.m1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232c3550'/%3E%3Cstop offset='1' stop-color='%231d2438'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Crect x='0' y='120' width='320' height='60' fill='%231a2032'/%3E%3Crect x='60' y='40' width='6' height='90' fill='%2359647f'/%3E%3Cpath d='M66 42h34v22H66z' fill='%234a5674'/%3E%3Crect x='254' y='40' width='6' height='90' fill='%2359647f'/%3E%3Cpath d='M260 42h34v22h-34z' fill='%234a5674'/%3E%3Ccircle cx='160' cy='62' r='17' fill='%238d97b2'/%3E%3Cpath d='M128 118c2-22 15-32 32-32s30 10 32 32z' fill='%237a849f'/%3E%3Cpath d='M122 108h76l-8 54h-60z' fill='%233d4763'/%3E%3Crect x='150' y='118' width='20' height='12' rx='3' fill='%238d97b2'/%3E%3Cpath d='M160 108v-12' stroke='%23aab3c9' stroke-width='3'/%3E%3C/svg%3E")}
.img.m2,.thumb.m2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%233a3452'/%3E%3Cstop offset='1' stop-color='%231f2236'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Ccircle cx='250' cy='52' r='16' fill='%23c9b9e8' opacity='.35'/%3E%3Cpath d='M120 96a40 40 0 0 1 80 0z' fill='%238e88ad'/%3E%3Crect x='157' y='40' width='6' height='20' fill='%238e88ad'/%3E%3Crect x='108' y='96' width='104' height='8' fill='%23a29dbf'/%3E%3Cpath d='M116 104v36M128 104v36M140 104v36M152 104v36M168 104v36M180 104v36M192 104v36M204 104v36' stroke='%238e88ad' stroke-width='5'/%3E%3Crect x='70' y='118' width='180' height='26' fill='%236d6890'/%3E%3Crect x='0' y='144' width='320' height='36' fill='%23191c2c'/%3E%3C/svg%3E")}
.img.m3,.thumb.m3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 180' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2323324a'/%3E%3Cstop offset='1' stop-color='%23182030'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='320' height='180' fill='url(%23g)'/%3E%3Crect x='34' y='40' width='120' height='76' rx='6' fill='%2333415e'/%3E%3Crect x='166' y='40' width='120' height='76' rx='6' fill='%2333415e'/%3E%3Cpath d='M44 98l18-14 14 8 18-22 14 10 16-14 20 6' fill='none' stroke='%238fe0c4' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M176 60l18 10 16-6 18 18 14-4 16 16 16 2' fill='none' stroke='%23f2a0b4' stroke-width='3' stroke-linejoin='round'/%3E%3Crect x='84' y='116' width='20' height='16' fill='%232a3550'/%3E%3Crect x='216' y='116' width='20' height='16' fill='%232a3550'/%3E%3Crect x='0' y='132' width='320' height='48' fill='%23141a28'/%3E%3Crect x='60' y='140' width='200' height='10' rx='5' fill='%23232c42'/%3E%3C/svg%3E")}
/* ---- Big chart round ---- */
.snl{display:flex;align-items:center;min-height:32px;margin:-6px 0 4px;font-size:0.8125rem;color:var(--muted)}
.snl .ldot{margin-left:14px}
.hrow.look{flex-wrap:wrap;gap:6px 16px;margin-top:12px}
.hrow.look .btn.wfree{margin-left:0;background:var(--brand);color:#0A0F1E;box-shadow:none;font-weight:700;font-size:0.9375rem;padding:0 20px}
.hrow.look .btn.wfree svg{width:18px;height:18px;color:#0A0F1E}
.hrow.look .lk{font-size:0.875rem;color:var(--ink-2)}
.hrow.look .lk a{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:600}
/* ---- moves jump link ---- */
.ctl{flex-wrap:nowrap}
.mvjump{min-height:44px;display:inline-flex;align-items:center;padding:0 4px;font-size:0.875rem;font-weight:600;color:var(--brand);white-space:nowrap}
.mvjump span{margin-left:4px}
.idx{scroll-margin-top:16px}
/* ---- news thumbnails on the market page ---- */
.post .nrow{display:flex;align-items:flex-start;gap:12px}
.post .nrow .tx{flex:1;min-width:0}
.post .nrow .thumb{width:72px;height:72px;flex:none;border-radius:10px;margin-top:2px}
/* ---- Kha's final notes: the bell ---- */
.bellw{position:relative;display:inline-flex}
.bell{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;margin-left:auto;border-radius:999px;background:none;color:var(--ink-2);cursor:pointer}
.nopaste+.bell,.nopaste+.bellw{margin-left:0}
.bell svg{width:22px;height:22px}
.bell:hover{background:var(--surface);color:var(--ink)}
.bell.open,.bell.on{background:var(--raised);color:var(--ink)}
.bell .bdot{position:absolute;top:10px;right:11px;width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--bg)}
.bell.open .bdot{box-shadow:0 0 0 2px var(--raised)}
.bell+.me,.bellw+.me{margin-left:4px}
.me{position:relative}
.bpop{position:absolute;top:calc(100% + 10px);right:-52px;width:380px;max-width:calc(100vw - 32px);padding:6px;border-radius:16px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 24px 50px -20px #000;z-index:30;text-align:left}
.bph{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.bph b{font:700 0.9375rem var(--ui);color:var(--ink)}.bph span{font-size:0.8125rem;color:var(--ink-2)}
.bpr{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 28px 10px 12px;border-radius:12px}
.bpr+.bpr{margin-top:2px}
.bpr:hover{background:var(--raised-2)}
.bpr.new{background:var(--raised-2)}
.bpr .pic{width:28px;height:28px;border-radius:8px;margin-top:1px}
.bpt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bpk{display:flex;align-items:baseline;gap:10px}
.bpq{flex:1;min-width:0;font:600 0.875rem/1.3 var(--ui);color:var(--ink)}
.bptm{flex:none;font-size:0.8125rem;color:var(--muted);white-space:nowrap}
.bpm{font-size:0.875rem;line-height:1.35;color:var(--ink-2)}.bpm .hot{color:var(--amber-text);font-weight:700}
.bpl{font-size:0.8125rem;line-height:1.35;color:var(--muted)}
.bpr .ud{position:absolute;right:12px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.bpf{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;margin-top:4px;border-top:1px solid var(--line);font:600 0.875rem var(--ui);color:var(--brand)}
.post .ft a.out,.fpost .ft a.out{justify-content:flex-start}
/* ---- journey swarm fix round (2026-10-09) ---- */
.fmore{display:flex;align-items:center;gap:10px;min-height:44px;margin:6px 0 2px;padding:0 14px;border-radius:12px;background:var(--surface);font:600 0.875rem var(--ui);color:var(--brand)}
.fmore .pic{width:20px;height:20px;border-radius:6px}.fmore span:last-child{margin-left:auto}
.nsd.seen{color:var(--muted);margin-top:6px}
.btn.stopb{margin-left:auto;color:var(--ink-2)}
.newb{display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:6px;border-radius:999px;background:var(--raised);color:var(--brand);font:700 0.6875rem var(--ui);letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.freel{margin-top:14px;font-size:0.8125rem;line-height:1.4;color:var(--muted)}
.getal{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:8px;padding:0 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);font:600 0.875rem var(--ui);color:var(--ink)}
.getal svg{width:18px;height:18px;color:var(--brand);flex:none}.getal span:last-child{margin-left:auto;color:var(--brand)}
.lbk{display:flex;align-items:center;min-height:44px;margin-bottom:6px;padding:0 14px;border-radius:12px;background:var(--surface);font-size:0.875rem;color:var(--ink-2)}
.scrim.ssr{justify-content:flex-end;align-items:stretch}
.ssh{width:420px;max-width:100%;height:100%;overflow:auto;padding:24px 28px;background:var(--surface);border-radius:20px 0 0 20px;box-shadow:0 0 0 1px var(--line),0 40px 90px -30px #000}
.ssh h4{margin:4px 0 0;font:800 1.375rem/1.2 var(--ui)}
.ssh .sub{display:flex;align-items:center;gap:8px;font-size:0.875rem;color:var(--muted);margin-top:6px}.ssh .sub .pic{width:20px;height:20px;border-radius:6px;flex:none}
.ssh .lbl{font:700 0.75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}
.ssk{display:flex;align-items:center;justify-content:space-between;font-size:0.8125rem;font-weight:600;color:var(--muted)}
.x{width:44px;height:44px;margin:-8px -12px 0 0;border-radius:999px;font-size:1.375rem;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center}
.ssf{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.ssf label{min-width:0;display:flex;flex-direction:column;gap:6px;font-size:0.8125rem;font-weight:600;color:var(--ink-2)}
.inp{min-width:0;display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.inp input{flex:1;min-width:0;background:none;border:0;outline:0;font:600 1.0625rem var(--ui);color:var(--ink)}.inp input::placeholder{color:var(--faint)}
.inp i{font-style:normal;color:var(--muted)}
.inp input{width:100%;height:46px;padding:0}
.ssc{margin-top:10px;font-size:0.8125rem;line-height:1.4;color:var(--muted)}.ssc b{font-weight:700}
.ssn{margin:14px 0 0;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.gate .gth{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gk{font-size:0.8125rem;font-weight:600;color:var(--muted);margin-bottom:6px}
.gp{margin:8px 0 0;font-size:0.9375rem;line-height:1.45;color:var(--ink-2)}.gp b{color:var(--ink)}
.gq{margin:10px 0 0;font-size:0.8125rem;color:var(--muted)}
.salert{display:flex;gap:12px;margin-top:14px;padding:12px;border-radius:14px;background:var(--raised)}
.salert .pic{width:28px;height:28px;border-radius:8px;flex:none}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:18px;border-radius:999px;background:#fff;color:#1f1f1f;font:600 0.9375rem var(--ui)}
.consent{margin:10px 0 0;font-size:0.8125rem;line-height:1.4;color:var(--muted);text-align:center}.consent a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.btn.gnot{display:flex;width:100%;justify-content:center;margin-top:10px;box-shadow:none;color:var(--ink-2)}
.gbox{display:flex;flex-direction:column;gap:6px;margin-top:14px;padding:16px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}
.gbox b{font-size:0.9375rem;color:var(--ink)}.gbox span{font-size:0.875rem;line-height:1.45;color:var(--ink-2)}.gbox .pri,.gbox .btn{align-self:flex-start;margin-top:6px}
.btn.wfree2{margin-left:auto}.btn.wfree2 svg{width:18px;height:18px;color:var(--brand)}
.toast{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:16px;max-width:calc(100% - 32px);min-height:52px;padding:4px 6px 4px 18px;border-radius:14px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 24px 50px -20px #000;font-size:0.875rem;color:var(--ink)}
.toast button{min-height:44px;padding:0 14px;border-radius:10px;color:var(--brand);font-weight:700}
/* ---- fix round 2 (2026-10-09) ---- */
.msince{color:var(--muted);font-weight:400}
.btn.getb{box-shadow:inset 0 0 0 1px var(--line)}.btn.getb svg{color:var(--ink-2)}
details.later{margin-top:8px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--hairline)}
details.later summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;font-size:0.875rem;font-weight:600;color:var(--ink-2);cursor:pointer}
details.later summary::-webkit-details-marker{display:none}
details.later p{margin:0;padding:0 14px 12px;font-size:0.8125rem;line-height:1.45;color:var(--muted)}
.ask{margin:12px 0 0;font-size:0.875rem;line-height:1.45;color:var(--ink-2)}.ask.wait{color:var(--ink)}
.pri.wide{display:flex;width:100%;justify-content:center;min-height:48px;margin-top:16px}
.pri[aria-disabled="true"]{opacity:.45}
.perm{position:absolute;top:8px;left:92px;z-index:50;width:320px;max-width:calc(100% - 32px);padding:14px 16px;border-radius:12px;background:#F3F4F7;color:#1f1f1f;box-shadow:0 18px 40px -12px #000;font:0.875rem/1.4 var(--ui)}
.perm .pmh{font-size:0.875rem}.perm .pmr{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:0.875rem}.perm .pmr svg{width:18px;height:18px;color:#444}
.perm .pmb{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.perm .pmb button{min-height:44px;min-width:76px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px #c9ccd3;color:#1a4fb8;font-weight:600}
.perm .pmb button.al{background:#1a5fd8;color:#fff;box-shadow:none}
.notif{position:absolute;top:16px;right:20px;z-index:50;display:flex;gap:12px;width:360px;max-width:calc(100% - 32px);padding:14px;border-radius:16px;background:var(--raised);box-shadow:0 0 0 1px var(--line),0 24px 50px -20px #000}
.notif .pic{width:32px;height:32px;border-radius:8px;flex:none}
.notif .ntx{display:flex;flex-direction:column;gap:3px;min-width:0}
.notif .nth{display:flex;justify-content:space-between;gap:10px;font-size:0.875rem}.notif .nth span{font-size:0.8125rem;color:var(--muted);white-space:nowrap}
.notif .nb{font-size:0.875rem;line-height:1.4;color:var(--ink-2)}.notif .nf{font-size:0.8125rem;color:var(--muted)}
.tst{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--surface);color:var(--brand);font:700 0.6875rem var(--ui);letter-spacing:.04em;text-transform:uppercase}
.gate .gth h4{margin:0;font:800 1.25rem/1.25 var(--ui)}
.gate .gth .x{flex:none}
/* ---- fix round 3 (2026-10-09) ---- */
.mod details.later{margin:8px 0 4px}
.efl{margin:6px 0 14px;font-size:0.9375rem;line-height:1.4;color:var(--ink-2)}
/* ---- round 18 ---- */
.efl{margin:6px 0 14px;font-size:0.9375rem;line-height:1.4;color:var(--ink-2)}
@media (prefers-reduced-motion: no-preference){
.about2 summary .chev{transition:transform .15s}
}
/* ---- reference additions (ref/build_all.mjs): replace the mock's inline styles and window shell ---- */
.nw{white-space:nowrap}
.r .mvh.later{margin-top:26px}
.win.ref-page{width:auto;border:0;border-radius:0;box-shadow:none;overflow:visible}
.win.ref-page>.vp{height:auto;overflow:visible;container-type:inline-size}
/* live updates (RULES 15): the "N new" pill, the drop of a new item, the polite live region */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.newpill{position:fixed;left:0;right:0;margin:0 auto;width:max-content;top:calc(var(--bar-h) + 6px);z-index:20;height:40px;padding:0 18px;border-radius:999px;background:var(--ink);color:var(--bg);font:600 0.875rem var(--ui);box-shadow:0 6px 18px rgba(0,0,0,.45);white-space:nowrap}
.win.ref-page{--bar-h:64px}
.ferr{display:flex;align-items:center;gap:10px;margin-top:8px;padding:4px 4px 4px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:0.875rem;color:var(--ink-2)}
.ferr svg{width:18px;height:18px;flex:none;color:var(--muted)}
.ferr span{flex:1;min-width:0;line-height:1.35;padding:8px 0}
.retry{flex:none;min-height:44px;padding:0 14px;border-radius:10px;background:var(--raised);color:var(--ink);font-weight:600;font-size:0.875rem}
/* health lines (RULES 15.3): the calm field-error style; the news family is the muted foot style */
.ferr.foot-h{margin:12px 0 4px;padding:0;background:none;box-shadow:none;color:var(--muted)}
.ferr.foot-h span{padding:4px 0}
.ferr.fill{margin-top:16px}
.l .ferr.price-h{margin-top:12px}
/* buttons that replaced (2026-10-10): the global button reset plus these keep the pixels */
:where(button.act){text-align:start;line-height:inherit}
button.act.plus{width:100%}
button.act.ix{width:calc(100% + 24px)}
/* images are real ![]()
elements (2026-10-10): the box is fixed by CSS, the picture covers it */
.post .who img.pav{display:block;object-fit:cover;background:var(--raised)}
img.img{display:block;width:100%;height:auto;object-fit:cover}
img.thumb{object-fit:cover}
.i-neutral{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%23262c3f'/%3E%3Cpath transform='translate(8 8)' d='M4 19h16M5 15l4-4 3 3 7-7' fill='none' stroke='%23b4bacb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* round 15 (RULES 32.7): the desktop top bar sits at top:0 and grows by any safe area, its background covering it */
.hd{height:calc(64px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
/* ---- Home (RULES 16): the mock's inline styles as classes; buttons that were links keep the link's look ---- */
.home .divider.mt18{margin-top:18px}
.flab.mt0{margin-top:0}
.side .foot.mt10{margin-top:10px}
.mt18b{margin-top:18px}
.mod.mt22{margin-top:22px}
.rmeta.mt2{margin-top:2px}
.btn.stopb.ml8{margin-left:8px}
.fpost img.img{aspect-ratio:16/9}
/* the mock's 1024 window (.w1024) as a width rule: the reference is responsive, so the 1024 layout applies from the
900 px switch up to 1151.98 px (proposed in RULES 16.7; the 1280 frames are unchanged) */
@media (max-width:1151.98px){
.win.ref-page .two{gap:28px;grid-template-columns:minmax(0,1fr) 380px}
.win.ref-page .mkt{grid-template-columns:minmax(0,1fr) 380px}
.win.ref-page .mkt>.l{padding-right:28px}
.win.ref-page .mkt>.r{padding-left:24px}
.win.ref-page .pg{padding:24px 28px 48px}
.win.ref-page .hdi{padding:0 28px}
.win.ref-page .paste{flex-basis:300px}
.win.ref-page .home{grid-template-columns:284px minmax(0,1fr);gap:28px}
.win.ref-page .pos{font-size:0.8125rem;padding-left:4px;padding-right:0;white-space:nowrap}
.win.ref-page .pin .pg2{grid-template-columns:minmax(0,1fr) 200px}
.win.ref-page .ix b{min-width:176px}
.win.ref-page .vp .mkt .chart{height:240px}
}
/* the pinned card carries its story's "+N more" (RULES 16.29): the market page's row (RULES 18.21), on the raised fill
so it still reads as a row on the card's own surface */
.pin .plus:has(>.pgo){background:var(--raised)}
/* a draw on the ended card reads plain, in ink, as the market page's non-wins (MA21; RULES 16.18 addenda) */
.rescard .rbig.plain .n{font-size:2.5rem;background:none;color:var(--ink)}
/* RULES 38: the lead card at the top of the main column: the price in the opal sheen, the 24-hour line beside it */
.pin.lead{position:relative}
.pin.lead .pq{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);text-decoration:none}
.pin.lead .pq::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pin.lead .pk button,.pin.lead .cta{position:relative;z-index:1}
.pin.lead .pq .pic{flex:none}
.pin.lead .pq b{font:800 1.375rem/1.2 var(--ui);letter-spacing:-.01em}
.pin.lead .lbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:end;margin-top:8px}
.pin.lead .lp{display:flex;flex-direction:column;align-items:flex-start}
.pin.lead .lps{font-size:0.875rem;color:var(--muted)}
.pin.lead .lpv{font:800 4rem/.95 var(--ui);letter-spacing:-.035em;background:var(--sheen);-webkit-background-clip:text;background-clip:text;color:transparent;padding:2px 4px 4px 0}
.pin.lead .lm{font:600 1rem/1.35 var(--ui);color:var(--ink-2);margin-top:6px}
.pin.lead .lm .hot{color:var(--amber-text)}.pin.lead .lm .cg{font-weight:700}.pin.lead .lm .cg.dn{color:var(--down)}.pin.lead .lm .cg.up{color:var(--up)}
/* RULES 40.2: no story around the big move: one plain line where the story would be */
.pin.lead .story.none{margin:10px 0 0;font:500 0.875rem/1.4 var(--ui);color:var(--muted)}
.pin.lead .lmo{font-size:0.875rem;margin-top:4px}
.pin.lead .lgn b{font-weight:600}.pin.lead .lgn.down b{color:var(--down)}.pin.lead .lgn.up b{color:var(--up)}
.pin.lead .mini.pinchart{display:block;width:100%;height:120px}
.pin.lead .lrow{display:flex;align-items:flex-end;gap:28px;margin-top:4px}
.pin.lead.calm .lpv{font-size:3rem}
.pin.lead .lcw{flex:1;min-width:0}
.pin.lead .mini.pinchart.lcalm{height:40px}
.pin.lead .lcw{text-align:right}
.pin.lead.calm .lmo{margin:0 0 6px}
.pin.lead.calm .lm{font-weight:500;color:var(--muted);margin-top:6px}
/* the "N new" pill reads as a notice: raised surface, ink text, a 1 px line, the pill shadow (ACCEPTED A13) */
.newpill{background:var(--raised);color:var(--ink);border:1px solid var(--line)}
/* filling: the calm empty chart frame, no line, no band */
svg.chart.empty{display:block;width:100%;background:linear-gradient(var(--hairline),var(--hairline)) left bottom/100% 1px no-repeat}
/* "+N more from …" reads as tappable on every surface (fifth review, RULES 18.21): a row on the card surface with a
brand "›" at its end, as Home's desktop card (.fmore) has it; the text stays quiet (ink-2, regular), 44 px tall */
.plus:has(>.pgo){margin-top:10px;padding:0 14px;border-radius:12px;background:var(--surface);box-sizing:border-box}
.plus .pgo{margin-left:auto;padding-left:12px;color:var(--brand);font-weight:600}
/* stale prices: a muted as-of suffix after the big price (desktop only; the phone relies on the health line) */
.big .asof{font-size:0.875rem;color:var(--muted);font-weight:500}
/* the left column (price, holder row, chart) stays under the 64 px header while the feed scrolls (RULES 18.14,
ACCEPTED MA19). The mock set it static because its window shell scrolled .vp. A column taller than the viewport is
capped at the viewport under the header and scrolls inside (scrolling chains on to the page); the negative bottom
margin lets it stay pinned through the page's bottom padding instead of being pushed up under the header. */
.mkt>.l.mq{position:sticky;top:64px;max-height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:thin;margin-bottom:-56px}
/* the right column's anchors (#alert-d, #about-d) land 16 px under the 64 px header (RULES 18.17); the left column's
#moves-d scrolls inside the sticky column, which already starts under the header (.idx, 16 px) */
.mkt>.r [id]{scroll-margin-top:calc(var(--bar-h) + 16px)}
}
@keyframes drop{from{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: no-preference){.is-new{animation:drop .35s ease-out both}.newpill{animation:drop .35s ease-out both}}
@media (prefers-reduced-motion: reduce){.is-new{animation:fadein .35s ease-out both}.newpill{animation:fadein .35s ease-out both}}
/* journey: market-rest */
@media (max-width:899.98px){
/* the small-phone shell (frame P15) is the page too: no fixed height */
.ph.sm{height:auto}
}
@media (min-width:900px){
/* "Since your alert" row (frame D4): the mock's inline style as a class; its "2 new ↓" link takes .alnew because
.newpill is the floating live pill (RULES 15.5) */
.r .since.al{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 0 12px;width:100%;white-space:nowrap}
.alnew{display:inline-flex;align-items:center;min-height:44px;color:var(--brand);font-weight:600;font-size:0.875rem}
/* the mock scoped these to its section id (#s-market-since) */
.nsd.rnew{margin:0 0 8px}
/* "Get alerts on big moves · free account" opens a sheet, so it is a