*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}body{display:flex;align-items:center;justify-content:center}:root{--display-width: 640;--display-height: 480;--header-height: 56px;--ticker-height: 48px;--stage-height: 376px;--bg-gradient-1: #1c3068;--bg-gradient-2: #283c78;--bg-gradient-3: #6a5040;--bg-gradient-4: #c08030;--header-bg: transparent;--ticker-bg: #182040;--ticker-text: #ffffff;--label-color: #ffcc00;--value-color: #ffffff;--header-color: #ffffff;--muted-color: #99aacc;--city-color: #44cccc;--accent-1: #ffcc00;--accent-2: #44bbff;--accent-3: #66dd66;--panel-bg: #101c40;--panel-border-light: rgba(120, 140, 200, .4);--panel-border-dark: rgba(0, 0, 0, .5);--panel-radius: 0px;--font-primary: "VCR OSD Mono", "Courier New", monospace;--font-secondary: "PixelOperator", "Courier New", monospace;--transition-duration: .8s;--scanline-opacity: .06;--scanline-size: 2px;--ticker-speed: 80px}@font-face{font-family:VCR OSD Mono;src:url(/fonts/VCR_OSD_MONO.woff2) format("woff2"),url(/fonts/VCR_OSD_MONO.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PixelOperator;src:url(/fonts/PixelOperator.woff2) format("woff2"),url(/fonts/PixelOperator.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}#display{position:relative;width:calc(var(--display-width) * 1px);height:calc(var(--display-height) * 1px);background:linear-gradient(180deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 30%,var(--bg-gradient-3) 70%,var(--bg-gradient-4) 100%);font-family:var(--font-primary);color:var(--value-color);display:flex;flex-direction:column;overflow:hidden;transform-origin:center center;image-rendering:pixelated;-webkit-font-smoothing:none}#startup-overlay{position:fixed;inset:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-primary)}#startup-overlay.hidden{display:none}.startup-content{text-align:center}.startup-title{font-size:36px;color:var(--label-color);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;text-shadow:none}.startup-subtitle{font-size:16px;color:var(--muted-color);letter-spacing:2px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.hidden{display:none!important}#volume-osd{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:200;background:#000000d1;border:2px solid #333;border-radius:2px;padding:10px 18px;display:flex;align-items:center;gap:10px;font-family:var(--font-primary);opacity:1}#volume-osd.volume-osd-hidden{display:none}#volume-osd-label{color:#0e0;font-size:14px;letter-spacing:2px;white-space:nowrap;min-width:52px;text-shadow:0 0 6px rgba(0,238,0,.5)}#volume-osd-bar{display:flex;gap:3px;align-items:center;height:18px}.volume-block{width:12px;height:18px;background:#0e0;box-shadow:0 0 4px #0e06;border-radius:1px}.volume-block.off{background:#1a2a1a;box-shadow:none}#volume-osd-value{color:#0e0;font-size:14px;letter-spacing:1px;min-width:36px;text-align:right;text-shadow:0 0 6px rgba(0,238,0,.5)}#header{height:var(--header-height);background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 0;border-bottom:none;flex-shrink:0;z-index:10}#header-left{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#d08020,#b86818);padding:6px 24px 8px 14px;height:100%;clip-path:polygon(0 0,100% 0,92% 100%,0% 100%)}#header-logo{background:linear-gradient(180deg,#2848a0,#1a3080);border:2px solid #8899cc;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:400;color:#fff;letter-spacing:1.5px;text-transform:uppercase;line-height:1.2;text-align:center;white-space:nowrap;flex-shrink:0;box-shadow:inset 1px 1px #fff3,inset -1px -1px #0000004d,2px 2px 4px #0006}#header-title{font-size:18px;font-weight:400;color:var(--header-color);letter-spacing:2px;text-transform:uppercase}#header-clock{color:var(--header-color);letter-spacing:1px;font-variant-numeric:tabular-nums;text-align:right;line-height:1.2}.header-date{font-size:12px;opacity:.85}.header-time{font-size:18px}#stage-container{position:relative;height:var(--stage-height);flex-shrink:0;overflow:hidden}.stage{position:absolute;inset:0;padding:14px 20px;display:flex;flex-direction:column;opacity:0;pointer-events:none;margin:4px 12px;background:var(--panel-bg);border-top:2px solid var(--panel-border-light);border-left:2px solid var(--panel-border-light);border-bottom:2px solid var(--panel-border-dark);border-right:2px solid var(--panel-border-dark)}.stage.active{opacity:1;pointer-events:auto}.page-title{font-size:20px;color:var(--accent-1);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.data-grid{display:flex;flex-direction:column;gap:2px;flex:1}.data-grid-row{display:flex;align-items:baseline;padding:5px 0}.data-grid-label{flex:0 0 50%;font-size:17px;color:var(--value-color);letter-spacing:1px;text-transform:uppercase}.data-grid-value{flex:1;font-size:18px;color:var(--value-color);text-align:right;letter-spacing:.5px}.forecast-grid{display:flex;gap:4px;flex:1;align-items:stretch}.forecast-card{flex:1;background:none;border:none;border-radius:0;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.forecast-card-label{font-size:14px;color:var(--accent-1);letter-spacing:1px;text-transform:uppercase}.forecast-card-icon{font-size:32px;line-height:1}.forecast-card-primary{font-size:24px;color:var(--value-color);font-weight:400}.forecast-card-secondary{font-size:12px;color:var(--muted-color);letter-spacing:.5px}.data-table{width:100%;border-collapse:collapse;flex:1}.data-table thead th{font-size:14px;color:var(--accent-1);letter-spacing:1px;text-transform:uppercase;text-align:left;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.15);font-weight:400}.data-table tbody td{font-size:15px;color:var(--value-color);padding:5px 10px}.data-table tbody tr:nth-child(2n){background:#ffffff08}.freeform-content{flex:1;font-size:16px;line-height:1.6;color:var(--value-color)}.freeform-content h1,.freeform-content h2,.freeform-content h3{color:var(--accent-1);margin-bottom:8px}.freeform-content strong{color:var(--accent-1)}.bar-chart{display:flex;gap:10px;flex:1;align-items:flex-end;padding:0 20px 4px 4px}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.bar-chart-value{font-size:14px;color:var(--value-color);letter-spacing:.5px;text-align:center;white-space:nowrap;opacity:0;animation:bar-value-appear .01s steps(1) forwards}.bar-chart-bar-wrap{width:100%;height:230px;display:flex;align-items:flex-end;justify-content:center}.bar-chart-bar{position:relative;width:70%;max-width:52px;transform-origin:bottom center;animation:bar-grow .5s steps(8) forwards;transform:scaleY(0);overflow:visible}.bar-face-front{position:absolute;inset:0;background:var(--accent-2)}.bar-face-top{position:absolute;top:-12px;left:0;width:calc(100% + 12px);height:12px;background:color-mix(in srgb,var(--accent-2) 60%,white);clip-path:polygon(0% 100%,12px 0%,100% 0%,calc(100% - 12px) 100%)}.bar-face-right{position:absolute;top:-12px;right:-12px;width:12px;height:calc(100% + 12px);background:color-mix(in srgb,var(--accent-2) 45%,black);clip-path:polygon(0% 12px,100% 0%,100% calc(100% - 12px),0% 100%)}.bar-chart-label{font-size:12px;color:var(--accent-1);letter-spacing:1px;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bar-value-appear{0%{opacity:0}to{opacity:1}}#ticker-bar{height:var(--ticker-height);background:var(--ticker-bg);overflow:hidden;display:flex;align-items:center;flex-shrink:0;position:relative;margin:0 12px 4px;border-top:2px solid var(--panel-border-dark);border-left:2px solid var(--panel-border-dark);border-bottom:2px solid var(--panel-border-light);border-right:2px solid var(--panel-border-light)}#ticker-track{display:flex;align-items:center;white-space:nowrap;will-change:transform;font-size:16px;color:var(--ticker-text);letter-spacing:1px}.ticker-item{padding:0 12px}.ticker-separator{color:#ffffff4d;padding:0 4px;font-size:10px}.stage.transition-fade-enter{opacity:0}.stage.transition-fade-enter-active{opacity:1;transition:opacity var(--transition-duration) ease-in-out}.stage.transition-fade-exit{opacity:1}.stage.transition-fade-exit-active{opacity:0;transition:opacity var(--transition-duration) ease-in-out}.stage.transition-slide-left-enter{opacity:1;transform:translate(100%)}.stage.transition-slide-left-enter-active{transform:translate(0);transition:transform var(--transition-duration) ease-in-out}.stage.transition-slide-left-exit{opacity:1;transform:translate(0)}.stage.transition-slide-left-exit-active{transform:translate(-100%);transition:transform var(--transition-duration) ease-in-out}.stage.transition-slide-up-enter{opacity:1;transform:translateY(100%)}.stage.transition-slide-up-enter-active{transform:translateY(0);transition:transform var(--transition-duration) ease-in-out}.stage.transition-slide-up-exit{opacity:1;transform:translateY(0)}.stage.transition-slide-up-exit-active{transform:translateY(-100%);transition:transform var(--transition-duration) ease-in-out}.stage.transition-wipe-enter{opacity:1;clip-path:inset(0 100% 0 0)}.stage.transition-wipe-enter-active{clip-path:inset(0 0 0 0);transition:clip-path var(--transition-duration) ease-in-out}.stage.transition-wipe-exit{opacity:1;clip-path:inset(0 0 0 0)}.stage.transition-wipe-exit-active{clip-path:inset(0 0 0 100%);transition:clip-path var(--transition-duration) ease-in-out}#scanline-overlay{position:absolute;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,transparent,transparent var(--scanline-size),rgba(0,0,0,var(--scanline-opacity)) var(--scanline-size),rgba(0,0,0,var(--scanline-opacity)) calc(var(--scanline-size) * 2));mix-blend-mode:multiply}#display:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:99;box-shadow:inset 0 0 60px #0000004d;border-radius:4px}#editor-overlay{position:fixed;inset:0;z-index:2000;background:#000000d9;display:flex;align-items:center;justify-content:center;font-family:VCR OSD Mono,Courier New,monospace}#editor-panel{width:700px;max-width:90vw;max-height:85vh;background:#0a1230;border:2px solid rgba(255,214,68,.3);border-radius:4px;display:flex;flex-direction:column;overflow:hidden}#editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffd6441a;color:#ffd644;font-size:14px;letter-spacing:1px;text-transform:uppercase}#editor-close{background:none;border:none;color:#ffd644;font-size:22px;cursor:pointer;padding:0 4px;line-height:1}#editor-close:hover{color:#fff}#editor-textarea{flex:1;min-height:350px;padding:14px;background:#060d20;color:#def;border:none;font-family:Courier New,monospace;font-size:13px;line-height:1.5;resize:none;outline:none;tab-size:2}#editor-textarea:focus{box-shadow:inset 0 0 0 1px #44bbff4d}#editor-status{padding:8px 16px;font-size:12px;color:#6d6;min-height:30px;letter-spacing:.5px}#editor-status.error{color:#f66}#editor-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,214,68,.15);flex-wrap:wrap}#editor-actions button{padding:8px 14px;background:#ffd6441f;border:1px solid rgba(255,214,68,.3);color:#ffd644;font-family:VCR OSD Mono,Courier New,monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .15s}#editor-actions button:hover{background:#ffd64440}#export-progress-overlay{position:fixed;inset:0;z-index:3000;background:#000000e0;display:flex;align-items:center;justify-content:center;font-family:VCR OSD Mono,Courier New,monospace}.export-progress-box{width:420px;max-width:90vw;background:#0a1230;border:2px solid rgba(68,204,204,.4);border-radius:4px;padding:32px 28px;text-align:center}.export-progress-title{color:#ffd644;font-size:18px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.export-progress-phase{color:#4cc;font-size:14px;letter-spacing:1px;margin-bottom:16px}.export-progress-bar-track{width:100%;height:16px;background:#060d20;border:1px solid rgba(68,204,204,.25);border-radius:2px;overflow:hidden;margin-bottom:12px}.export-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#4cc,#6d6);transition:width .3s ease-out}.export-progress-info{color:#9ac;font-size:12px;letter-spacing:.5px;margin-bottom:20px}.export-cancel-btn{padding:8px 24px;background:#ff505026;border:1px solid rgba(255,80,80,.4);color:#f66;font-family:VCR OSD Mono,Courier New,monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .15s}.export-cancel-btn:hover{background:#ff50504d}.export-active .bar-chart-bar{animation:none!important;transform:scaleY(1)!important}.export-active .bar-chart-value{animation:none!important;opacity:1!important}