:root{color-scheme:dark;--bg:#0d1016;--card:#161b23;--line:#252c37;--text:#f3f5f7;--muted:#a2aaba;--accent:#caed9c;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.board{width:100%;height:100vh;height:100dvh;padding:5vh 4vw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:3vh;overflow:hidden}.board-header{display:flex;align-items:center;justify-content:space-between;gap:3vw;min-width:0}.identity{display:flex;align-items:center;gap:1.2vw;min-width:0}.brand-mark{width:3.3vw;height:3.3vw;min-width:22px;min-height:22px;max-height:6vh;max-width:6vh;border-radius:.9vw;background:var(--accent);color:#1c2614;display:flex;align-items:center;justify-content:center;font-size:min(2.5vw,4.7vh);font-weight:750;letter-spacing:-.3vw;line-height:1;padding-right:.3vw;flex-shrink:0}h1{font-size:min(1.8vw,3.2vh);font-weight:600;letter-spacing:-.06vw;line-height:1.2;margin:0}.title-dot{color:var(--accent)}.identity p{font-size:min(.61vw,1.15vh);letter-spacing:.15vw;font-weight:500;line-height:1;margin:.8vh 0 0;color:#7e899a}.header-right{display:flex;align-items:center;gap:2.2vw}.data-badge{padding:.65vh .65vw;border:1px solid #3c3b30;border-radius:.35vw;color:#c2b585;background:#24251e;font-size:min(.62vw,1.15vh);letter-spacing:.09vw;white-space:nowrap}.data-badge.live{color:var(--accent);border-color:#3c4c32;background:#1d271a}.clock{text-align:right;line-height:1}.clock time{display:block;font-size:min(2.15vw,4vh);letter-spacing:-.04vw;font-weight:400;color:#d9dfe7}.clock>span{display:block;color:#858e9f;font-size:min(.6vw,1.15vh);letter-spacing:.04vw;margin-top:.8vh;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.35vw;min-height:0;min-width:0}.metric{border:1px solid var(--line);border-radius:1.2vw;background:var(--card);padding:3.2vh 1.85vw;display:flex;flex-direction:column;justify-content:space-between;min-height:0;min-width:0;overflow:hidden;position:relative}.hero{grid-column:span 2;background:linear-gradient(115deg,#202b20,#1b2421 75%);border-color:#3d4c36}.metric-label{font-size:min(1.08vw,2.05vh);font-weight:500;color:#a9b3c3;line-height:1.3;display:flex;align-items:center;gap:.55vw;position:relative;z-index:1}.hero .metric-label{color:#cad5bd}.label-dot{width:.35vw;height:.35vw;min-width:3px;min-height:3px;border-radius:50%;background:var(--accent)}.value{font-size:min(4.3vw,8.2vh);font-weight:550;line-height:1.1;letter-spacing:-.23vw;white-space:nowrap;position:relative;z-index:1;margin:1vh 0;color:var(--text)}.value .currency{font-size:.59em;letter-spacing:-.06vw;color:#c1c7d0;margin-right:.2vw;vertical-align:.03em}.hero .value{font-size:min(6.75vw,13.1vh);color:#e9f6da;letter-spacing:-.35vw}.hero .value .currency{color:#a4bb8e}.value-unit{font-size:.58em;font-weight:400;letter-spacing:-.05vw;margin-left:.2vw;color:#c1c7d0}.metric-note,.hero-bottom{font-size:min(.88vw,1.7vh);color:#8c98aa;line-height:1.4;position:relative;z-index:1}.hero-bottom{display:flex;align-items:center;gap:2vw;justify-content:space-between;color:#b2c2a9}.growth{font-size:min(.8vw,1.5vh);color:var(--accent);white-space:nowrap}.hero-watermark{position:absolute;right:1.8vw;bottom:.5vh;font-size:min(13vw,25vh);line-height:1;font-weight:200;opacity:.045;color:#d5f7b0;pointer-events:none}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:2vw;font-size:min(.75vw,1.35vh);line-height:1.2;letter-spacing:.01vw;color:#788598;min-width:0}.refresh-status{display:flex;align-items:center;gap:.4vw;text-align:right}.status-dot{width:.3vw;height:.3vw;min-width:3px;min-height:3px;border-radius:50%;background:#8a9976;flex-shrink:0}.status-dot.warning{background:#d0a45d}.noscript{position:fixed;left:4vw;bottom:1vh;font-size:1vw;color:#c2b585}
/* Portrait previews retain the same passive, single-screen design. */
@media(max-aspect-ratio:1/1){.board{padding:4vh 5vw;gap:2.5vh}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:2.5vw}.metric{padding:1.7vh 3vw;border-radius:2.5vw}.identity{gap:2vw}.brand-mark{width:7vw;height:7vw;border-radius:1.7vw;font-size:5vw;max-width:none;max-height:none}.identity h1{font-size:3.8vw}.identity p{font-size:1.4vw;letter-spacing:.3vw}.clock time{font-size:5vw}.clock>span{font-size:1.4vw;margin-top:.5vh}.data-badge{font-size:1.3vw;letter-spacing:.1vw;padding:.6vh 1vw}.header-right{gap:2.5vw}.metric-label{font-size:2.55vw}.label-dot{width:.8vw;height:.8vw}.value{font-size:min(8.8vw,5vh);letter-spacing:-.4vw;margin:.3vh 0}.hero .value{font-size:min(13vw,7.5vh);letter-spacing:-.6vw}.value .currency{margin-right:.5vw}.metric-note,.hero-bottom{font-size:1.8vw}.hero-bottom{gap:4vw}.growth{font-size:1.8vw}.board-footer{font-size:1.6vw;align-items:flex-start;gap:2vw}.board-footer>span:first-child{max-width:48%;line-height:1.5}.refresh-status{max-width:50%;line-height:1.5;gap:1vw}.hero-watermark{font-size:25vw}.noscript{font-size:2vw}}