*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:Trebuchet MS,Segoe UI,Helvetica Neue,Arial,sans-serif;color:#4c4c4c;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;color:inherit}::selection{background:#41c3f059}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#78828c59;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#41c3f099}:root{--wii-blue: #41c3f0;--wii-blue-soft: rgba(85, 205, 245, .5);--wii-text: #4c4c4c;--wii-text-soft: #8b8d8f;--tile-radius: clamp(14px, 1.7vw, 24px)}.wii-root{position:fixed;inset:0;display:flex;flex-direction:column;user-select:none;background:radial-gradient(130% 100% at 50% -20%,#fffffff2,#fff0 55%),repeating-linear-gradient(180deg,rgba(105,115,125,.055) 0px,rgba(105,115,125,.055) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,#dcdedf,#f2f3f3 16%,#fbfbfb 52%,#e7e8e9)}.grid-viewport{flex:1;position:relative;overflow:hidden;min-height:0}.pages{position:absolute;inset:0;display:flex;transition:transform .52s cubic-bezier(.33,.09,.18,1);will-change:transform}.page{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,26px);width:min(88vw,1280px);padding:clamp(10px,2vh,24px) 0}.tile{position:relative;aspect-ratio:1.66;border-radius:var(--tile-radius);border:3px solid #d9dadb;padding:0;background:linear-gradient(180deg,#fff,#f4f5f6 70%,#eceded);box-shadow:inset 0 2px 2px #fffffff2,inset 0 -8px 14px #3c46500d,0 2px 5px #323c461a;cursor:pointer;overflow:hidden;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease;outline:none;animation:tile-in .46s cubic-bezier(.2,.8,.3,1) backwards;animation-delay:var(--tile-delay, 0ms)}@keyframes tile-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}.tile:hover,.tile:focus-visible{transform:scale(1.045);border-color:#fff;box-shadow:0 0 0 4px var(--accent, var(--wii-blue)),0 0 26px 2px var(--wii-blue-soft),0 8px 20px #323c4629,inset 0 2px 2px #fffffff2;z-index:2}.tile:active{transform:scale(.99);transition-duration:70ms}.tile-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--tile-radius) - 3px);overflow:hidden}.tile-icon{font-size:clamp(30px,4.2vw,58px);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));transform:translateY(-8%)}.tile-icon svg{width:clamp(44px,6vw,84px);height:auto;display:block}.tile-label{position:absolute;left:4%;right:4%;bottom:6%;text-align:center;font-size:clamp(11px,1.25vw,18px);font-weight:700;color:var(--wii-text);text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-gloss{position:absolute;inset:0 0 55%;border-radius:calc(var(--tile-radius) - 3px) calc(var(--tile-radius) - 3px) 50% 50%;background:linear-gradient(180deg,#ffffff8c,#ffffff0d);pointer-events:none}.tile.empty{background:linear-gradient(180deg,#e9eaea,#dedfe0 60%,#e5e6e6);border-color:#d3d4d5;cursor:default;box-shadow:inset 0 3px 7px #3c465012,inset 0 -2px 2px #ffffffd9,0 1px 3px #323c460f}.empty-label{font-size:clamp(12px,1.3vw,19px);font-weight:700;color:#a5a7a9;text-shadow:0 1px 0 rgba(255,255,255,.75)}.page-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(40px,4.5vw,60px);height:clamp(56px,6.5vw,84px);border:none;background:transparent;color:var(--wii-blue);cursor:pointer;padding:0;z-index:3;filter:drop-shadow(0 2px 4px rgba(40,160,210,.35));transition:transform .16s ease,color .16s ease;animation:arrow-breathe 1.6s ease-in-out infinite}.page-arrow.left{left:clamp(6px,1vw,18px)}.page-arrow.right{right:clamp(6px,1vw,18px)}.page-arrow.left svg{transform:scaleX(-1)}.page-arrow svg{width:100%;height:100%}.page-arrow:hover{color:#1eb1e7;transform:translateY(-50%) scale(1.15);animation-play-state:paused}@keyframes arrow-breathe{0%,to{opacity:.75}50%{opacity:1}}.bottom-bar{position:relative;height:150px;flex:none;z-index:4}.bar-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.round-btn{border:none;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,#f4f5f5 52%,#dfe0e1);box-shadow:0 0 0 5px #fffc,0 0 0 6.5px #ced0d1,0 5px 12px #323c4638,inset 0 -5px 9px #3c465012,inset 0 3px 3px #fff;color:#a2a4a6;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,color .16s ease}.round-btn:hover{color:var(--wii-blue);transform:scale(1.05);box-shadow:0 0 0 5px #ffffffe6,0 0 0 6.5px var(--wii-blue),0 0 22px var(--wii-blue-soft),0 5px 12px #323c4638,inset 0 -5px 9px #3c465012,inset 0 3px 3px #fff}.round-btn:active{transform:scale(.97)}.corner-btn{position:absolute;width:96px;height:96px;bottom:14px}.corner-btn.left{left:40px}.corner-btn.right{right:40px}.hub-logo{font-size:30px;font-weight:700;font-style:italic;letter-spacing:-1px;color:#9fa1a3;text-shadow:0 1px 0 #fff;transform:translateY(-2px)}.round-btn:hover .hub-logo{color:var(--wii-blue)}.envelope{width:42px;height:auto}.badge{position:absolute;top:-2px;right:-4px;min-width:30px;height:30px;padding:0 7px;border-radius:15px;background:linear-gradient(180deg,#55cdf5,#23a7dd);color:#fff;font-size:16px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 2px 5px #28a0d280}.sd-icon{position:absolute;left:158px;bottom:26px;width:30px;opacity:.85}.sd-icon svg{width:100%;height:auto;display:block}.clock-time{position:absolute;left:50%;transform:translate(-50%);bottom:66px;pointer-events:none}.seg-clock{display:flex;align-items:flex-start;gap:7px}.seg-digit{width:25px;height:45px}.seg-colon{display:flex;flex-direction:column;justify-content:center;gap:10px;height:45px;opacity:0;transition:opacity .12s ease}.seg-colon.on{opacity:1}.seg-colon span{width:7px;height:7px;border-radius:2px;background:#77797b}.seg-ampm{align-self:flex-end;font-size:19px;font-weight:700;color:#77797b;margin-left:5px;line-height:1;transform:translateY(-2px)}.date-line{position:absolute;left:50%;transform:translate(-50%);bottom:18px;font-size:26px;font-weight:700;color:#7d7f81;text-shadow:0 1px 0 rgba(255,255,255,.9);pointer-events:none}.channel-overlay{position:fixed;inset:0;z-index:20;background:#fbfbfb;transform-origin:0 0;transition:transform .48s cubic-bezier(.22,.72,.22,1),border-radius .48s ease;border-radius:26px;overflow:hidden;will-change:transform}.channel-overlay.zoomed{border-radius:0}.channel-stage{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;overflow:hidden;pointer-events:none}.channel-stage.on{opacity:1;pointer-events:auto}.overlay-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;background:linear-gradient(180deg,#fff,#f0f1f2);transition:opacity .38s ease;pointer-events:none;z-index:2}.overlay-face.hidden{opacity:0}.overlay-face-icon{font-size:clamp(64px,14vh,130px);line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.14))}.overlay-face-icon svg{width:clamp(100px,20vh,190px);height:auto}.overlay-face-title{font-size:clamp(22px,4vh,40px);font-weight:700;color:var(--wii-text);text-shadow:0 1px 0 #fff}.back-btn{position:absolute;right:26px;bottom:22px;width:74px;height:74px;z-index:30;color:#9fa1a3;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .26s ease,transform .26s ease,box-shadow .16s ease,color .16s ease}.back-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-btn:hover{transform:scale(1.06);color:var(--wii-blue)}.back-btn svg{width:40px;height:40px}.channel-crash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px;background:repeating-linear-gradient(180deg,rgba(105,115,125,.05) 0px,rgba(105,115,125,.05) 1px,transparent 1px,transparent 7px),linear-gradient(180deg,#f2f3f3,#e7e8e9)}.channel-crash-face{font-size:54px;font-weight:700;color:#a5a7a9;letter-spacing:2px}.channel-crash h2{margin:0;font-size:28px;color:var(--wii-text);text-shadow:0 1px 0 #fff}.channel-crash p{margin:0;font-size:16px;color:var(--wii-text-soft);max-width:440px;line-height:1.5}.channel-crash code{max-width:min(80vw,640px);padding:10px 16px;border-radius:12px;background:#e65a5a14;border:2px solid rgba(230,90,90,.25);color:#b05555;font-size:13px;overflow-wrap:anywhere}.wii-spinner{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%)}.wii-spinner-dot{position:absolute;left:26px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--wii-blue);animation:spinner-fade 1s linear infinite}@keyframes spinner-fade{0%{opacity:1}to{opacity:.12}}.panel-scrim{position:fixed;inset:0;z-index:40;background:#46505a47;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;animation:scrim-in .2s ease}@keyframes scrim-in{0%{opacity:0}}.wii-panel{width:min(92vw,520px);max-height:82vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#f2f3f4);border:3px solid #d9dadb;border-radius:26px;box-shadow:0 18px 50px #1e28324d,inset 0 2px 2px #fff;animation:panel-in .26s cubic-bezier(.2,.9,.3,1.15);overflow:hidden}.wii-panel.wide{width:min(92vw,640px)}@keyframes panel-in{0%{opacity:0;transform:translateY(28px) scale(.96)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 14px;border-bottom:3px solid rgba(65,195,240,.5)}.panel-header h2{margin:0;font-size:24px;color:var(--wii-text);text-shadow:0 1px 0 #fff}.panel-close{width:38px;height:38px;border:none;border-radius:50%;background:#eceded;color:#8b8d8f;font-size:16px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.panel-close:hover{background:var(--wii-blue);color:#fff;transform:scale(1.08)}.panel-body{padding:20px 26px 24px;overflow-y:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.setting-label{font-size:17px;font-weight:700;color:var(--wii-text)}.setting-value{font-size:17px;font-weight:700;color:var(--wii-blue)}.wii-switch{position:relative;width:96px;height:38px;border:none;border-radius:19px;background:linear-gradient(180deg,#d7d8d9,#e8e9ea);box-shadow:inset 0 2px 4px #3c465040;cursor:pointer;transition:background .2s ease}.wii-switch.on{background:linear-gradient(180deg,#2fb5e8,#6cd6f9)}.wii-switch-knob{position:absolute;top:3px;left:3px;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#e4e5e6);box-shadow:0 2px 4px #1e28324d;transition:left .2s cubic-bezier(.3,1.4,.5,1)}.wii-switch.on .wii-switch-knob{left:61px}.wii-switch-text{position:absolute;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18);left:42px}.wii-switch:not(.on) .wii-switch-text{color:#97999b;text-shadow:0 1px 0 #fff;left:16px}.wii-range{flex:1;max-width:220px;accent-color:var(--wii-blue);height:6px}.panel-footnote{margin:18px 0 0;font-size:13.5px;line-height:1.55;color:var(--wii-text-soft)}.panel-footnote code{background:#41c3f01f;padding:1px 5px;border-radius:5px;font-size:12.5px}.channel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.channel-list-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border:2px solid #e4e5e6;border-radius:16px;background:#fff}.channel-list-icon{flex:none;width:54px;height:38px;border-radius:10px;border:2px solid #e0e1e2;display:grid;place-items:center;font-size:20px;overflow:hidden}.channel-list-icon svg{width:26px;height:auto}.channel-list-text{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-list-text strong{font-size:16px;color:var(--wii-text)}.channel-list-desc{font-size:13px;color:var(--wii-text-soft)}.login-glyph{width:40px;height:auto}.login-hint-dot{position:absolute;top:4px;right:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#55cdf5,#23a7dd);box-shadow:0 0 0 3px #fff;animation:login-hint-pulse 2.2s ease-in-out infinite}@keyframes login-hint-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}.login-panel{width:min(92vw,460px)}.login-lead{margin:4px 0 14px;font-size:17px;font-weight:700;color:var(--wii-text)}.login-perks{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.login-perks li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--wii-text-soft);line-height:1.45}.login-perk-icon{flex:none;font-size:17px;transform:translateY(-1px)}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:3px solid #d9dadb;border-radius:999px;background:linear-gradient(180deg,#fff,#f2f3f4);font-size:17px;font-weight:700;color:var(--wii-text);cursor:pointer;box-shadow:0 3px 8px #323c461f,inset 0 2px 2px #fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.google-btn:hover:not(:disabled){border-color:var(--wii-blue);box-shadow:0 0 18px var(--wii-blue-soft),0 3px 8px #323c461f,inset 0 2px 2px #fff;transform:translateY(-1px)}.google-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.google-btn:disabled{opacity:.6;cursor:default}.google-logo{width:22px;height:22px;flex:none}.login-error{margin:12px 2px 0;font-size:13.5px;line-height:1.45;color:#c0392b}.login-footnote{margin-top:18px}.account-chip{display:flex;align-items:center;gap:10px;min-width:0}.account-avatar{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 1px 4px #1e283240}.account-name{font-size:15px;font-weight:700;color:var(--wii-blue);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signout,.account-signin{border:2px solid #d9dadb;border-radius:999px;padding:7px 16px;background:linear-gradient(180deg,#fff,#f0f1f2);font-size:14px;font-weight:700;color:var(--wii-text);cursor:pointer;transition:border-color .15s ease,color .15s ease}.account-signout:hover,.account-signin:hover{border-color:var(--wii-blue);color:var(--wii-blue)}.login-divider{display:flex;align-items:center;gap:14px;margin:18px 0 14px;color:var(--wii-text-soft);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";flex:1;height:2px;border-radius:1px;background:#e2e3e4}.login-form{display:flex;flex-direction:column;gap:6px}.login-label{font-size:13.5px;font-weight:700;color:var(--wii-text);margin-top:6px}.login-label-soft{font-weight:600;color:var(--wii-text-soft)}.login-input{width:100%;padding:11px 16px;border:2.5px solid #dcdddf;border-radius:14px;background:#fff;font-size:15.5px;color:var(--wii-text);box-shadow:inset 0 2px 3px #3c465014;transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus{outline:none;border-color:var(--wii-blue);box-shadow:0 0 14px var(--wii-blue-soft),inset 0 2px 3px #3c46500f}.login-submit{margin-top:14px;width:100%;padding:12px 18px;border:none;border-radius:999px;background:linear-gradient(180deg,#55cdf5,#23a7dd);color:#fff;font-size:16.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #28a0d259,inset 0 2px 2px #ffffff73;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 0 18px var(--wii-blue-soft),0 4px 10px #28a0d259,inset 0 2px 2px #ffffff73}.login-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.login-submit:disabled{opacity:.6;cursor:default}.login-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:14px}.login-link{border:none;background:none;padding:4px 2px;font-size:13.5px;font-weight:700;color:var(--wii-blue);cursor:pointer;transition:color .15s ease}.login-link:hover{color:#1b95c9;text-decoration:underline}