@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f4f2ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:0 0;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}#root{min-height:100vh}.dashboard-shell{background:radial-gradient(circle at 70% 18%,#31584c33,#0000 35%),#111416;flex-direction:column;min-height:100vh;padding:28px 42px 34px;display:flex;position:relative;overflow:hidden}.ambient-grid{opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.topbar,.bottom-bar,.preview-label,.preview-footer{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.brand-lockup{color:#e9e5d9;letter-spacing:.16em;align-items:center;gap:10px;font:600 13px DM Mono,monospace;display:flex}.brand-mark{color:#e8c765;font-size:23px;line-height:0;display:inline-block;transform:rotate(-20deg)}.topbar-meta,.bottom-bar,.eyebrow,.output-label,.helper-text,.preview-label,.preview-footer{color:#687276;letter-spacing:.12em;font:11px DM Mono,monospace}.pulse-dot{background:#d96148;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d9614821}.divider{vertical-align:middle;background:#384044;width:1px;height:14px;margin:0 13px;display:inline-block}.setup-layout{z-index:1;grid-template-columns:1fr 440px;align-items:center;gap:100px;width:min(1120px,100%);margin:auto;animation:.7s ease-out both rise-in;display:grid;position:relative}.setup-copy{max-width:570px}.eyebrow{color:#e4c46c;margin:0 0 24px;font-size:10px}.setup-copy h1{color:#f3f0e6;letter-spacing:-.07em;margin:0;font-size:clamp(52px,7vw,88px);line-height:.95}.setup-copy h1 em{color:#a8bf8d;font-style:normal}.intro{color:#8a9593;max-width:430px;margin:27px 0 34px;font-size:16px;line-height:1.5}.channel-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.channel-form label{color:#818c8c;letter-spacing:.1em;gap:8px;font:10px DM Mono,monospace;display:grid}.channel-form input,.link-row input{color:#eff0e9;background:#14191ab8;border:1px solid #354043;outline:none;width:100%;font:13px DM Mono,monospace}.channel-form input{padding:13px}.channel-form input:focus,.link-row input:focus{border-color:#a8bf8d}.link-output{border-top:1px solid #30383a;margin-top:25px;padding-top:19px}.output-label{margin-bottom:9px;font-size:9px;display:block}.link-row{display:flex}.link-row input{color:#8d9996;min-width:0;padding:11px;font-size:10px}.link-row button,.customize-button{cursor:pointer;color:#1b211f;letter-spacing:.08em;white-space:nowrap;background:#e4c46c;border:0;font:600 10px DM Mono,monospace}.link-row button{padding:0 14px}.link-row button span{margin-left:8px;font-size:13px}.helper-text{letter-spacing:.03em;margin-top:11px;font-size:10px;line-height:1.5}.preview-panel{background:#161c1d;border:1px solid #30383a;box-shadow:22px 22px #090c0d40}.preview-label,.preview-footer{padding:17px 19px;font-size:9px}.preview-label{border-bottom:1px solid #30383a}.live-tag{color:#d96148}.preview-stage{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 8px);place-items:center;height:255px;display:grid}.preview-overlay{background:#0a0d0edb;border:1px solid #424b4c;padding:20px 25px}.preview-total{color:#f3f0e6;letter-spacing:-.08em;font-size:56px;font-weight:600;line-height:.95}.preview-sources{color:#8f9b98;gap:16px;margin-top:12px;font:10px DM Mono,monospace;display:flex}.preview-sources span{align-items:center;gap:5px;display:flex}.preview-icon{color:#161b1c;border-radius:4px;place-items:center;width:14px;height:14px;font-size:8px;font-style:normal;display:grid}.preview-footer{border-top:1px solid #30383a}.status-toggle{color:#aeb7b2;cursor:pointer;letter-spacing:.05em;background:0 0;border:0;padding:0;font:10px DM Mono,monospace}.status-toggle span{background:#566063;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.status-toggle.active span{background:#8dbc84}.bottom-bar{border-top:1px solid #30383a;padding-top:18px;font-size:9px}.compact-overlay{background:0 0;align-items:flex-start;width:max-content;max-width:100%;min-height:0;padding:0;display:flex}.combined-total{align-items:center;gap:5px;display:flex}.compact-overlay .total-number{color:#f3f0e6;letter-spacing:-.06em;font-size:24px;font-weight:600;line-height:1}.twitch-logo{color:#c0a1e8}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=850px){.dashboard-shell{padding:22px 20px 26px}.topbar-meta{display:none}.setup-layout{grid-template-columns:1fr;gap:45px;margin-top:65px}.setup-copy h1{font-size:58px}.preview-panel{width:min(440px,100%)}.bottom-bar{margin-top:55px}}@media (width<=480px){.channel-form{grid-template-columns:1fr}.link-row{grid-template-columns:1fr;gap:8px;display:grid}.link-row button{padding:12px}.setup-copy h1{font-size:50px}}.compact-overlay .combined-total{gap:0}.compact-overlay .total-number{font-size:42px}.compact-overlay .platform-logo{width:27px;height:27px}.compact-overlay .total-number{width:158px;height:42px;overflow:visible}.compact-overlay .total-number text{fill:#f3f0e6;letter-spacing:-2.5px;font:600 42px Space Grotesk,sans-serif}.platform-logo{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;vertical-align:-2px;width:13px;height:13px;margin-right:4px}.twitch-count{color:#c0a1e8}.youtube-count{color:#edcf73}.youtube-count .platform-logo{fill:currentColor;stroke:none}.youtube-count .platform-logo .play-mark{fill:#111416}.twitch-count:before,.youtube-count:before{content:none}.youtube-logo{color:#ff3030;fill:currentColor;stroke:none}.youtube-logo .play-mark{fill:#fff}