@font-face{font-family:RodinNTLG;src:url(/assets/fonts/RodinNTLG.otf) format("opentype");font-display:swap}@font-face{font-family:RodinNTLG;src:url(/assets/fonts/RodinNTLG.ttf) format("truetype");font-display:swap}:root{--content-grad: linear-gradient(100deg, #4392e3 0%, #1c5cb0 45%, #0a2a72 100%);--setup-grad: linear-gradient(115deg, #2f7bd9 0%, #1648ad 55%, #0b2d8f 100%);--tab-grad: linear-gradient(#ffffff 0%, #f2f2f2 55%, #dedede 100%);--tab-grad-hover: linear-gradient(#8fe0f5 0%, #2cbcec 60%, #14a8e0 100%);--tabbar-bg: #0c1c45;--green-block: linear-gradient(#36a52f 0%, #0f7a1e 100%);--green-pill: linear-gradient(#7fd435 0%, #2eb52a 45%, #1d9b27 100%);--asof-red: linear-gradient(90deg, rgba(140, 19, 32, 0) 0%, #8c1320 10%, #a51228 100%);--temp-yellow: #ffd84d;--edge-glow: #aee9ff;font-family:RodinNTLG,Hiragino Maru Gothic ProN,Hiragino Sans,Trebuchet MS,sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;background:#000;overflow:hidden}#letterbox{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#crt{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:none;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 140px 36px #0000008c,inset 0 0 36px #00000073,0 0 2px #000000e6}#crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.13) 0 1px,transparent 1px 3px);opacity:.55}#crt:after{content:"";position:absolute;inset:0;background:radial-gradient(130% 80% at 50% -8%,rgba(255,255,255,.07),transparent 62%)}#stage{flex:none;width:1280px;height:720px;transform-origin:center center;position:relative;overflow:hidden;background:var(--content-grad);color:#fff}.screen{position:absolute;inset:0}.tabbar{position:absolute;left:0;right:0;height:86px;background:var(--tabbar-bg);display:flex;gap:5px;padding:0;z-index:20}.tabbar.top{top:0;border-bottom:3px solid var(--edge-glow);box-shadow:0 3px 10px #78dcff80}.tabbar.bottom{bottom:0;border-top:3px solid var(--edge-glow);box-shadow:0 -3px 10px #78dcff80}.tab{background:var(--tab-grad);color:#1c1c1c;font-size:33px;display:flex;align-items:center;justify-content:center;gap:18px;flex:0 0 405px}.tab.center{flex:1}.tab.empty{pointer-events:none}.tab[data-btn]:hover{background:var(--tab-grad-hover);color:#fff}.tab .tri{font-size:26px;line-height:1}.greenbar{position:absolute;top:89px;left:0;right:0;height:82px;display:flex;align-items:stretch;z-index:10}.greenbar .label{flex:0 0 345px;background:var(--green-block);display:flex;align-items:center;padding-left:52px;font-size:46px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 3px rgba(0,40,0,.45)}.greenbar .place{flex:1;margin:4px 0 4px 14px;background:var(--green-pill);border-radius:40px 0 0 40px;box-shadow:inset 0 3px 6px #ffffff73,inset 0 -4px 8px #003c004d;display:flex;align-items:center;justify-content:flex-end;padding-right:46px;font-size:40px;text-shadow:0 2px 3px rgba(0,50,0,.5)}.fc-content{position:absolute;inset:171px 0 86px}.fc-temp{position:absolute;left:70px;top:30px;width:500px;text-align:center;font-size:175px;font-weight:700;line-height:1;text-shadow:0 4px 10px rgba(0,20,60,.5)}.fc-temp .deg{font-size:95px;vertical-align:58px}.fc-temp.hi{color:var(--temp-yellow)}.fc-cond{position:absolute;left:70px;top:235px;width:500px;text-align:center;font-size:44px;line-height:1.25;text-shadow:0 3px 6px rgba(0,20,60,.55)}.fc-icon{position:absolute;right:105px;top:50%;transform:translateY(-58%)}.fc-wind{position:absolute;right:44px;bottom:64px;font-size:52px;font-weight:700;text-shadow:0 3px 5px rgba(0,20,60,.6)}.fc-asof{position:absolute;right:0;bottom:14px;height:32px;width:56%;background:var(--asof-red);display:flex;align-items:center;justify-content:flex-end;padding-right:18px;font-size:23px}.fc-credit{position:absolute;left:24px;bottom:16px;font-size:15px;opacity:.82;letter-spacing:.2px}.fc-tribute{font-style:italic;opacity:.9;text-shadow:0 0 6px rgba(150,210,255,.6)}.fc-lo{position:absolute;left:70px;top:218px;width:500px;text-align:center;font-size:40px;color:#cfe4ff;text-shadow:0 2px 5px rgba(0,20,60,.5)}.fc-lo~.fc-cond{top:285px}.week-grid{position:absolute;inset:36px 50px 70px;display:flex;gap:18px;align-items:center;justify-content:center}.week-day{flex:1;height:330px;background:#081e5059;border:2px solid rgba(255,255,255,.55);border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:18px 6px;gap:8px}.week-day .dname{font-size:30px}.week-day .hi{font-size:44px;font-weight:700;color:var(--temp-yellow)}.week-day .lo{font-size:36px;color:#cfe4ff}.uv-value{position:absolute;left:70px;top:60px;width:500px;text-align:center;font-size:150px;font-weight:700;text-shadow:0 4px 10px rgba(0,20,60,.5)}.uv-level{position:absolute;left:70px;top:250px;width:500px;text-align:center;font-size:46px;text-shadow:0 3px 6px rgba(0,20,60,.55)}.bn{background:var(--content-grad)}.bn-header{position:absolute;top:0;left:0;right:0;height:84px;background:linear-gradient(90deg,#fff,#eaf3fb 24%,#5b96d8 58%,#1c4f9e);display:flex;align-items:center;justify-content:space-between;padding:0 38px 0 30px;border-bottom:3px solid #9fd1f0}.bn-logo{display:flex;align-items:center;gap:10px;color:#1d4e9e;font-size:26px;font-weight:700}.bn-logo-mark{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#2f7bd9,#173f8f)}.bn-title{color:#fff;font-size:44px;font-weight:700;text-shadow:0 2px 4px rgba(10,30,80,.55)}.bn-green{top:87px}.bn-content{position:absolute;inset:169px 0 158px}.bn-content .fc-temp{top:8px;font-size:150px}.bn-content .fc-lo{top:172px}.bn-content .fc-cond{top:192px;font-size:40px}.bn-content .fc-lo~.fc-cond{top:230px}.bn-content .fc-icon{right:150px;transform:translateY(-50%)}.bn-content .fc-asof{bottom:8px}.bn-content .fc-credit{bottom:10px}.bn-arrow{position:absolute;top:44%;transform:translateY(-50%);font-size:78px;line-height:1;color:#cfe9ff;text-shadow:0 0 16px rgba(130,205,255,.85),0 3px 5px rgba(0,30,80,.55);z-index:5}.bn-arrow.left{left:24px}.bn-arrow.right{right:24px}.bn-arrow:hover{color:#fff}.bn-panel{position:absolute;bottom:0;left:0;right:0;height:158px;background:linear-gradient(#fbfbf9,#ececea 55%,#d9d9d5);border-top:2px solid #c2c2be;box-shadow:inset 0 5px 8px #ffffffd9;display:flex;align-items:center;justify-content:center;gap:120px}.bn-btn{width:400px;height:90px;font-family:inherit;font-size:38px;color:#565656;background:linear-gradient(#fff,#f3f3f1 60%,#e6e6e3);border:2px solid #c9c9c5;border-radius:46px;box-shadow:0 3px 7px #6e6e6966,inset 0 2px 3px #fff;cursor:pointer}.bn-btn:hover{border-color:#49c6f0;box-shadow:0 0 14px #50c8ffd9,inset 0 2px 3px #fff}.bn-btn:active{transform:scale(.97)}.fc-asof{font-variant-numeric:tabular-nums}.connecting{background:var(--setup-grad);display:flex;align-items:center;justify-content:center;font-size:42px;text-shadow:0 3px 6px rgba(0,20,60,.6)}.slide-wrap{position:absolute;inset:0;transition:transform .38s cubic-bezier(.3,.7,.3,1)}.su-screen{position:absolute;inset:0;overflow:hidden;color:#fff;background:var(--setup-grad, linear-gradient(135deg, #2f7bd9 0%, #1648ad 55%, #0b2d8f 100%))}.su-pill{position:absolute;top:50px;left:50%;transform:translate(-50%);width:75%;height:80px;padding:0 44px;box-sizing:border-box;background:#0a1e50bf;border:2px solid rgba(170,205,250,.4);border-radius:28px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:30px;text-shadow:0 2px 4px rgba(0,10,40,.6);z-index:5}.su-band{position:absolute;top:230px;left:0;width:100%;height:70px;display:flex;align-items:center;justify-content:center;font-size:46px;letter-spacing:1px;text-shadow:0 2px 5px rgba(0,15,50,.55);background:linear-gradient(90deg,#78b4eb00,#78b4eb73 16% 84%,#78b4eb00)}.su-btn{position:absolute;left:50%;transform:translate(-50%);width:480px;height:78px;box-sizing:border-box;border:3px solid #fff;outline:1px solid rgba(8,25,60,.65);border-radius:4px;font-family:inherit;font-size:34px;cursor:pointer;box-shadow:0 4px 10px #000f3259}.su-btn:hover{filter:brightness(1.08)}.su-btn--yes{top:52%;background:linear-gradient(#2ec3ee,#0d9dd4);color:#fff;text-shadow:0 2px 3px rgba(0,40,80,.5)}.su-btn--no{top:72%;background:linear-gradient(#f6f6f6,#d9d9d9);color:#1c1c1c}.su-list{position:absolute;top:170px;left:0;width:100%;height:460px;overflow:hidden;border-top:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4);box-sizing:border-box}.su-list-inner{position:absolute;top:0;left:0;width:100%;transition:transform .18s ease-out;will-change:transform}.su-row{width:100%;height:92px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;border-bottom:2px solid rgba(255,255,255,.35);text-shadow:0 2px 4px rgba(0,15,50,.55)}.su-row--a{background:linear-gradient(#64a0e18c,#5a96dc8c)}.su-row--b{background:linear-gradient(#2855a58c,#1e46968c)}.su-row--pre{background:linear-gradient(#aae1f580,#82c8e673)}.su-row:hover{background:#b9c9b9b3}.su-arrow{position:absolute;left:0;width:100%;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(#fff,#f2f2f2 55%,#dedede);z-index:6}.su-arrow--up{top:0;box-shadow:0 3px 8px #000f3259}.su-arrow--down{bottom:0;box-shadow:0 -3px 8px #000f3259}.su-arrow:hover{background:linear-gradient(#8fe0f5,#2cbcec 60%,#14a8e0)}.su-arrow--hidden{display:none}.su-tri{font-size:26px;line-height:1;color:#1c1c1c}.su-arrow:hover .su-tri{color:#fff}.su-rows{position:absolute;top:176px;left:0;width:100%;border-top:2px solid rgba(255,255,255,.4)}.su-row--settings{justify-content:space-between;padding:0 170px}.su-value{font-size:40px}