:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--card:#fff;--ink-muted:#61706a;--line:#dfe6df;--open:#16834a;--open-soft:#e5f5ec;--break:#b36b00;--break-soft:#fff3d7;--closed:#69757a;--closed-soft:#edf1f1;--accent:#246b8f;--accent-soft:#e6f2f7;background:#f4f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,#246b8f1f,#0000 32rem),radial-gradient(circle at 100% 0,#16834a1f,#0000 24rem),#f4f6f1;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 40px}.overview-band{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:end;gap:28px;padding:28px 0 24px;display:grid}.overview-copy h1{letter-spacing:0;margin:10px 0 16px;font-size:clamp(2rem,4vw,4rem);line-height:1}.eyebrow,.local-clock,.market-meta span,.next-event,.notice{align-items:center;gap:8px;display:inline-flex}.eyebrow{color:var(--accent);font-weight:800}.local-clock{color:#23342f;background:#ffffffb8;border:1px solid #c8d8d4;border-radius:8px;min-height:42px;padding:9px 14px;font-size:1.15rem;font-weight:800}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.status-stat{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;min-height:118px;padding:18px}.status-stat span{color:var(--ink-muted);font-weight:800}.status-stat strong{margin-top:12px;font-size:2.5rem;line-height:1;display:block}.status-stat[data-tone=open] strong{color:var(--open)}.status-stat[data-tone=break] strong{color:var(--break)}.status-stat[data-tone=closed] strong{color:var(--closed)}.toolbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-tab{border:1px solid var(--line);color:#3d4b46;background:#ffffffb8;border-radius:999px;min-height:40px;padding:0 16px;font-weight:800}.filter-tab[data-active=true]{color:#fff;background:#1f3b32;border-color:#9dc5b2}.search-field{border:1px solid var(--line);width:min(360px,100%);min-height:44px;color:var(--ink-muted);background:#ffffffd1;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{color:#17211d;background:0 0;border:0;outline:0;width:100%}.search-field input::placeholder{color:#7b8a84}.live-strip{gap:10px;padding:2px 0 20px;display:flex;overflow-x:auto}.live-pill{color:#fff;background:#17352c;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.live-pill strong{color:#a9e6c2}.live-pill.muted{color:#5b6766;background:#e8eeee}.pulse{background:#31d47d;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #31d47d2e}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.market-card{border:1px solid var(--line);border-top:5px solid var(--closed);background:var(--card);border-radius:8px;flex-direction:column;gap:18px;min-height:328px;padding:18px;display:flex;box-shadow:0 14px 32px #1e2c280f}.market-card[data-state=open]{border-top-color:var(--open)}.market-card[data-state=break]{border-top-color:var(--break)}.card-status,.card-heading,.time-row{justify-content:space-between;gap:14px;display:flex}.card-status,.time-row{align-items:center}.status-badge{background:var(--closed-soft);color:#455255;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-weight:900;display:inline-flex}.market-card[data-state=open] .status-badge{background:var(--open-soft);color:var(--open)}.market-card[data-state=break] .status-badge{background:var(--break-soft);color:var(--break)}.exchange-code{color:var(--ink-muted);font-weight:900}.card-heading{align-items:start}.card-heading h2{letter-spacing:0;max-width:15rem;margin:0;font-size:1.28rem;line-height:1.25}.card-heading span{background:var(--accent-soft);color:#15506e;border-radius:6px;flex:none;padding:5px 8px;font-size:.82rem;font-weight:900}.market-meta{color:var(--ink-muted);gap:9px;font-size:.94rem;font-weight:700;display:grid}.time-row{background:#f6f8f5;border-radius:8px;margin-top:auto;padding:14px}.time-row>div{min-width:0}.time-row strong,.time-row small,.small-label{display:block}.small-label{color:var(--ink-muted);font-size:.78rem;font-weight:900}.time-row strong{overflow-wrap:anywhere;margin-top:5px;font-size:1rem}.time-row small{overflow-wrap:anywhere;color:var(--ink-muted);margin-top:4px}.next-event{color:#fff;background:#1d2c28;border-radius:8px;min-height:46px;padding:0 14px;font-weight:800}.next-event strong{color:#d5f3df;margin-left:auto}.notice{border-top:1px solid var(--line);color:#65726f;width:100%;margin-top:22px;padding:14px 0 0;font-size:.92rem;font-weight:700}@media (width<=980px){.overview-band,.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-copy{grid-column:1/-1}}@media (width<=720px){.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.overview-band,.market-grid,.stat-grid{grid-template-columns:1fr}.overview-band{gap:18px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.filter-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.filter-tab{min-width:0;padding:0 6px;font-size:.9rem}.search-field{width:100%}.market-card{min-height:auto}.time-row{flex-direction:column;align-items:stretch}}@media (width<=420px){.card-status,.card-heading,.next-event{flex-direction:column;align-items:flex-start}.next-event strong{margin-left:0}}