@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#f0f1f3;background:#11151c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #11151c;--panel: #181e27;--panel2: #1b222c;--line: #29313c;--muted: #848d9b;--cream: #eeeadd;--lime: #c6f477;--violet: #b8a7ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 60% 45% at 52% -20%,rgba(155,153,226,.095),transparent 70%),var(--bg)}html.overlay-route,body.overlay-route{background:transparent!important;background-color:transparent!important;background-image:none!important}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid rgba(255,255,255,.055);display:flex;align-items:center;padding:0 max(32px,calc((100% - 1136px)/2));gap:15px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.9px}.brand-mark{width:29px;height:29px;border-radius:9px;background:#e8ebdf;color:#1c2522;display:grid;place-items:center;font-size:14px}.brand-period{color:var(--lime)}.top-status{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);margin-left:4px;padding-left:16px;color:#9ca4b0;font-size:12px}.status-dot,.window-label span{width:7px;height:7px;background:#9d9d8b;border-radius:50%}.status-dot.connected{background:#a8e76e;box-shadow:0 0 11px #a8e76e88}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.ghost-button,.icon-button{height:35px;border:1px solid #303743;background:#171c24;color:#ccd0d5;border-radius:7px;font-size:11px;font-weight:600}.ghost-button{padding:0 13px}.icon-button{width:36px;font-size:17px}.dashboard{max-width:1136px;margin:auto;padding:44px 32px 27px}.intro{margin-bottom:24px}.eyebrow,.micro-label{font:500 9px DM Mono,monospace;letter-spacing:1.15px;color:#949da9}.eyebrow{display:flex;align-items:center;gap:8px;color:#c0ceaa}.live-pulse{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c6f47788}.intro h1{font:700 38px Manrope,sans-serif;letter-spacing:-2px;margin:12px 0 6px;color:#f4f2eb}.intro h1 span{color:var(--lime)}.intro p{color:#929aa6;font-size:13px;margin:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(280px,.88fr);gap:15px}.weather-card,.side-panel,.metric-card,.simulator-panel,.activity-panel,.climate-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.017),transparent 55%),var(--panel);border-radius:10px}.weather-card{overflow:hidden;transition:opacity .3s}.weather-card.is-calm .weather-symbol{opacity:.35}.card-topline{height:44px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.live-badge{display:flex;align-items:center;gap:6px;background:#273128;color:#bde8a0;padding:5px 8px;border-radius:4px;font:500 8px DM Mono,monospace;letter-spacing:.6px}.live-badge i{width:5px;height:5px;background:#a5e477;border-radius:50%}.weather-hero{height:145px;margin:0 12px;border:1px solid #ffffff0a;border-radius:7px;background-color:#202933;background-image:linear-gradient(45deg,#303a44 25%,transparent 25%),linear-gradient(-45deg,#303a44 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303a44 75%),linear-gradient(-45deg,transparent 75%,#303a44 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;position:relative;display:flex;align-items:center;padding:22px;overflow:hidden}.weather-hero:before{position:absolute;z-index:1;top:8px;right:10px;color:#e4e9edaa;content:"TRANSPARENCY PREVIEW";font:8px DM Mono,monospace;letter-spacing:.7px}.preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.weather-symbol,.weather-info,.condition-time{position:relative;z-index:1}.weather-symbol{font-size:45px;margin-right:18px;filter:drop-shadow(0 8px 15px #0005);transition:transform .4s}.weather-name{font:700 25px Manrope,sans-serif;letter-spacing:-1px;color:#f2f0e9}.forecast{font-size:11px;color:#b5bdc1;margin-top:7px}.condition-time{margin-left:auto;text-align:right;color:#9da5a8;font:9px DM Mono,monospace;line-height:1.9}.condition-time strong{font-weight:400;color:#e4e8de}.weather-footer{height:65px;display:flex;align-items:center;padding:0 17px;justify-content:space-between}.contributor{display:flex;align-items:center;gap:9px}.contributor-mark{width:31px;height:31px;border-radius:7px;background:#272d37;display:grid;place-items:center;font-size:16px}.contributor small,.contributor strong{display:block}.contributor small{font:8px DM Mono,monospace;color:#89919b;letter-spacing:.5px}.contributor strong{font-size:11px;margin-top:3px}.weather-actions{display:flex;gap:7px}.soft-button{border:1px solid #343d49;background:#202630;color:#c3cbd0;border-radius:6px;padding:8px 10px;font-size:10px}.soft-button:hover,.scenario:hover{border-color:#80916e;background:#242c2d}.side-panel{padding:17px}.side-head{display:flex;justify-content:space-between;align-items:center}.side-head h2{font:600 14px Manrope,sans-serif;margin:6px 0 0}.channel-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#aebc8a,#637a79);font:800 12px Manrope;color:#172021}.connection-note{margin-top:14px;padding:10px;border:1px solid #2d3740;background:#1c242b;border-radius:6px;color:#abb4b9;font-size:10px;line-height:1.55;min-height:48px}.connect-actions{display:flex;align-items:center;gap:10px;margin-top:11px}.twitch-button{height:34px;border:0;background:#a993fa;color:#181426;border-radius:6px;padding:0 12px;font-size:10px;font-weight:700;flex:1}.twitch-button span{font-size:14px;margin-right:5px}.twitch-button:disabled{opacity:.65}.text-button,.clear-button{border:0;background:none;color:#a9b1bb;font-size:10px}.divider{height:1px;background:#2c343e;margin:15px 0 12px}.stream-row{display:flex;align-items:center;gap:7px;color:#bbc1c4;font-size:10px}.stream-led{width:6px;height:6px;border-radius:50%;background:#a4da7b}.streaming-pill{margin-left:auto;color:#a8dc85;background:#273126;border-radius:3px;padding:3px 6px;font:8px DM Mono,monospace}.tiny-copy{margin-top:9px;color:#7e8995;font-size:9px}.auth-code{font:700 12px DM Mono,monospace;color:#dcf6a4;letter-spacing:1px}.connection-note a{color:#d5c8ff;text-decoration:underline}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:27px 0 12px}.section-heading h2,.panel-title h2{font:600 16px Manrope,sans-serif;letter-spacing:-.4px;margin:5px 0 0}.window-label{display:flex;align-items:center;gap:7px;color:#89919c;font-size:9px}.window-label span{background:#b7d689}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.metric-card{padding:13px 13px 12px}.metric-head{display:flex;align-items:center;gap:7px}.metric-icon{width:21px;height:21px;border-radius:6px;background:#292a26;color:#dcca80;display:grid;place-items:center;font-size:12px}.metric-icon.heart{color:#efa5a9;background:#31272c}.metric-icon.chaos{color:#bca9fa;background:#2b2838}.metric-icon.quiet{color:#a7c9d3;background:#242e34}.metric-head .micro-label{font-size:8px;letter-spacing:.6px}.metric-value{margin-left:auto;font:500 13px DM Mono,monospace;color:#e3e6db}.metric-bar{height:4px;margin:11px 0 8px;background:#2b333d;border-radius:5px;overflow:hidden}.metric-bar i{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#b3a877,#e7d986);transition:width .5s}.metric-bar i.heart{background:#cd858d}.metric-bar i.chaos{background:#a48fe9}.metric-bar i.quiet{background:#86afbd}.metric-card>small{font-size:9px;color:#89919c}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.simulator-panel,.activity-panel{padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between}.simulator-panel>p{margin:7px 0 12px;font-size:10px;color:#929aa4}.demo-tag{border:1px solid #465040;color:#b8d695;border-radius:4px;padding:4px 6px;font:8px DM Mono,monospace}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.scenario{border:1px solid #313a43;background:#1d242d;border-radius:6px;display:flex;align-items:center;text-align:left;padding:8px;gap:9px;color:#ebede7;transition:.18s}.scenario-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;font-size:14px}.sun-bg{background:#393729}.storm-bg{background:#302c3b}.fog-bg{background:#2b3339}.rain-bg{background:#28343a}.scenario strong,.scenario small{display:block}.scenario strong{font-size:10px}.scenario small{font-size:8px;color:#8f98a1;margin-top:3px}.scenario b{margin-left:auto;color:#77828d;font-size:12px;font-weight:400}.sim-bottom{margin-top:13px;padding-top:10px;border-top:1px solid #2c343d}.slider-copy{display:flex;justify-content:space-between;color:#a5adb4;font-size:9px}.slider-copy strong{font:10px DM Mono,monospace;color:#e2e4dd}.sim-bottom input{width:100%;height:3px;accent-color:#c4e58d;margin:10px 0 4px}.slider-caps{display:flex;justify-content:space-between;color:#727c88;font:7px DM Mono,monospace;letter-spacing:.8px}.chat-list{height:128px;margin-top:9px;border:1px solid #2c343d;background:#141a21;border-radius:6px;overflow:hidden}.chat-line{height:25px;display:flex;align-items:center;padding:0 8px;gap:6px;border-bottom:1px solid #ffffff05;font-size:9px}.chat-avatar{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;color:#192021;background:#9cbd91;font-size:8px;font-weight:700}.avatar-1{background:#d7af83}.avatar-2{background:#9db2da}.avatar-3{background:#c0a4d0}.chat-user{color:#cdd0cb;font-weight:600}.chat-text{color:#8e98a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-line time{margin-left:auto;color:#68727e;font:8px DM Mono,monospace}.empty-chat{height:100%;display:grid;place-content:center;text-align:center;color:#737e8a;font-size:9px}.empty-chat span{font-size:18px}.empty-chat p{line-height:1.5}.spells-box{margin-top:11px}.spells-box p{font-size:9px;color:#89929d;margin:5px 0 8px}.spell-row{display:flex;gap:5px}.spell-row button{border:1px solid #343e48;background:#202730;color:#bac3cb;border-radius:4px;padding:5px 7px;font-size:8px}.spell-row button:hover{border-color:#939d80;color:#eff3e8}.vote-track{height:3px;background:#303640;border-radius:3px;margin:9px 0 5px;overflow:hidden}.vote-track div{height:100%;width:0;background:#c6f477;transition:width .3s}.vote-label{font:8px DM Mono,monospace;color:#87919c}.bottom-row{display:grid;grid-template-columns:1.3fr 1fr;gap:13px;margin-top:13px}.how-card,.climate-card{border:1px solid var(--line);background:#171d25;border-radius:8px;display:flex;align-items:center;padding:12px 15px;gap:12px}.how-icon{width:27px;height:27px;border:1px solid #64704d;color:#d1eb9c;border-radius:50%;display:grid;place-items:center;font-size:15px}.how-card strong{font-size:10px}.how-card p{font-size:9px;color:#87919b;margin:4px 0 0}.how-card>a{margin-left:auto;font-size:9px;color:#c7dba9;white-space:nowrap}.climate-card{display:block;padding:11px 14px}.climate-minis{display:flex;gap:18px;margin-top:8px;font-size:12px}.climate-minis b{font:10px DM Mono,monospace;color:#d4d8d0}.dashboard footer{display:flex;justify-content:space-between;border-top:1px solid #272f39;margin-top:22px;padding-top:12px;color:#78828e;font:8px DM Mono,monospace;letter-spacing:.65px}.dashboard footer b{color:#d8d3a5}.dashboard footer a{color:#a5adb6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:transparent;pointer-events:none}.overlay canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.overlay-hud{position:absolute;top:32px;left:34px;display:flex;align-items:center;gap:13px;max-width:560px;padding:12px 16px 12px 12px;border:1px solid #ffffff25;border-radius:10px;background:#10161e94;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;font-family:Inter,system-ui,sans-serif;text-shadow:0 1px 4px #0008}.hud-icon{font-size:31px}.hud-label{font-size:15px;font-weight:700}.hud-forecast{font-size:11px;margin-top:4px;color:#e3e8ea}.hud-emote{margin-left:12px;padding-left:13px;border-left:1px solid #ffffff30}.hud-emote small,.hud-emote strong{display:block}.hud-emote small{font-size:8px;letter-spacing:1px;color:#bdc7c8}.hud-emote strong{margin-top:4px;font-size:12px}.event-toast{position:absolute;z-index:3;top:var(--event-toast-top, 6%);left:50%;transform:translate(-50%,-10px);opacity:0;transition:.3s;padding:12px 19px;border:1px solid #ffffff40;border-radius:30px;background:#181b25d9;color:#fff;font:600 14px Inter,system-ui,sans-serif;text-shadow:0 1px 5px #000;white-space:nowrap}.event-toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:800px){.topbar{padding:0 20px}.dashboard{padding:31px 20px}.hero-grid{grid-template-columns:1fr}.side-panel{min-height:0}.metrics{grid-template-columns:1fr 1fr}.lower-grid,.bottom-row{grid-template-columns:1fr}.condition-time{display:none}.intro h1{font-size:33px}}@media(max-width:480px){.topbar{height:62px}.top-status{font-size:0;border:0;padding:0}.top-status .status-dot{width:8px;height:8px}.top-actions .ghost-button{font-size:0;padding:0 9px}.top-actions .ghost-button:first-letter{font-size:13px}.dashboard{padding:26px 13px}.intro h1{font-size:30px}.weather-hero{height:132px;padding:15px}.weather-symbol{font-size:37px;margin-right:12px}.weather-name{font-size:20px}.forecast{max-width:235px;font-size:10px}.weather-footer{padding:0 12px}.soft-button{font-size:9px;padding:8px}.metrics{gap:7px}.metric-card{padding:10px}.metric-head{gap:5px}.metric-head .micro-label{font-size:7px}.metric-card>small{font-size:8px}.how-card{flex-wrap:wrap}.how-card>a{margin-left:38px}.overlay-hud{top:16px;left:16px;max-width:calc(100vw - 32px);padding:9px;gap:9px}.hud-icon{font-size:24px}.hud-label{font-size:13px}.hud-forecast{font-size:9px}.hud-emote{display:none}}.event-tests{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:11px 0 0}.event-tests>span{margin-right:auto;color:#76818b;font:7px DM Mono,monospace;letter-spacing:.7px}.event-tests button{border:1px solid #313943;background:#1d242c;color:#b7c0c6;border-radius:4px;padding:5px 6px;font-size:8px}.event-tests button:hover{color:#eff4e7;border-color:#839473}.copy-obs-button{width:100%;margin-top:10px;padding:9px 10px;border:1px solid #65734e;border-radius:6px;background:#283126;color:#d7efb3;font-size:10px;font-weight:700}.private-warning{margin-top:7px;color:#b69c76;font-size:9px;line-height:1.45}.reconnect-note{margin-top:8px;padding:8px 9px;border:1px solid #67543b;border-radius:5px;background:#322c24;color:#f0c788;font-size:9px;line-height:1.4}.threshold-setting{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-top:10px;color:#89939d;font-size:9px}.threshold-setting strong{font:10px DM Mono,monospace;color:#d6e5b5}.threshold-setting input{grid-column:1/-1;width:100%;height:3px;accent-color:#c6f477;margin:4px 0 0}.hud-vote{display:none;margin-top:5px;color:#dcf5a9;font-size:10px;font-weight:700;text-shadow:0 1px 4px #000}.hud-vote.visible{display:block}.channel-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.demo-message-tag{flex:0 0 auto;border-radius:3px;padding:2px 4px;color:#d6c7ff;background:#372d50;font:7px DM Mono,monospace}