:root{--accent: #11B4E0;--ink: #e6f2ff;--font-ui: "M PLUS Rounded 1c", "Varela Round", system-ui, sans-serif;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-io: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}body.cursor-hidden,body.cursor-hidden *{cursor:none}.showroom{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-ui);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% -10%,#1b2c58,#101c3c 45%,#0a1330)}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.blob{position:absolute;left:0;top:0;will-change:transform}.blob i{display:block;border-radius:50%;filter:blur(36px);mix-blend-mode:screen;animation:drift 18s ease-in-out infinite alternate}.b1{left:4vw;top:-4vh}.b1 i{width:34vmin;height:34vmin;background:#5bd0ff;opacity:.5}.b2{right:5vw;top:24vh;left:auto}.b2 i{width:30vmin;height:30vmin;background:#57f0c8;opacity:.45;animation-delay:-5s}.b3{left:38%;bottom:-4vh;top:auto}.b3 i{width:30vmin;height:30vmin;background:#b58cff;opacity:.5;animation-delay:-9s}.b4{left:16%;top:46%}.b4 i{width:24vmin;height:24vmin;background:#ffd27a;opacity:.4;animation-delay:-6s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(3vmin,-2.4vmin) scale(1.14)}}.cursor-glow{position:fixed;left:0;top:0;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#aae1ff8c,#78c8ff24 42%,#78c8ff00 70%);filter:blur(13px);mix-blend-mode:screen;pointer-events:none;z-index:1;opacity:0;transition:opacity .35s;transform:translate(-500px,-500px);will-change:transform}.muteb{position:absolute;top:18px;right:18px;z-index:9;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe6ff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.muteb svg{width:20px;height:20px}.muteb:hover{background:#fff3;transform:scale(1.08)}.menu{position:relative;z-index:2;width:min(1040px,94vw);display:flex;flex-direction:column}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,16px)}.channel{position:relative;height:clamp(96px,13.5vh,152px);border:none;border-radius:24px;cursor:pointer;background:#ffffff14;-webkit-backdrop-filter:blur(11px) saturate(1.6) brightness(1.08);backdrop-filter:blur(11px) saturate(1.6) brightness(1.08);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -10px 22px #78b4ff1a,0 10px 24px #00000061;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;font-family:inherit;transition:transform .22s var(--spring),box-shadow .22s,background .22s,opacity .4s}.channel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;pointer-events:none;background:linear-gradient(180deg,#ffffff6b,#ffffff0d 44%,#fff0 60%)}.channel:hover{transform:translateY(-4px) scale(1.05);background:#ffffff29;border-color:#b4e1ff80;box-shadow:inset 0 1px 1px #ffffffb3,0 16px 30px #0000006b,0 0 26px #96d7ff8c}.channel.opening{transform:scale(1.6) translateY(-6px);opacity:0;z-index:5;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s}.channel-icon{width:clamp(28px,3vw,36px);height:auto;color:#d6ecff;stroke-width:2;z-index:1;filter:drop-shadow(0 0 12px rgba(150,210,255,.5));transition:transform .22s var(--spring)}.channel:hover .channel-icon{transform:scale(1.08)}.channel-label{font-size:clamp(11px,1vw,13px);font-weight:500;color:#bcd6f0;z-index:1;letter-spacing:.2px}.channel-corner{position:absolute;top:10px;right:12px;z-index:1;color:#9fc4e8;opacity:.6;display:grid}.channel-corner svg{width:13px;height:13px}.channel.empty{cursor:default;background:#3c507824;border-color:#ffffff1a;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 0 22px #00000038,inset 0 1px #ffffff14;display:grid;place-items:center}.channel.empty:before{display:none}.empty-plus{font-size:22px;font-weight:300;color:#c8dcf533}.disc-cell{position:relative;display:flex;overflow:visible}.disc-cell .channel{flex:1;position:relative;z-index:1}.poke-disc{position:absolute;top:50%;left:-30px;margin-top:-42px;width:84px;height:84px;border-radius:50%;z-index:0;background:repeating-conic-gradient(from 0deg,#ffffff0f,#ffffff0f 6deg,#0000000f 6deg,#0000000f 12deg),conic-gradient(from 0deg,#8fd4ff,#c2a3ff,#8af2cf,#ffd58a,#ff9ec4,#8fd4ff);box-shadow:0 0 12px #96d2ff73,inset 0 0 0 1.5px #fff6,inset 0 0 12px #00000080;animation:discspin 6s linear infinite}.poke-disc:after{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:radial-gradient(circle,#0c1730,#16233e);box-shadow:inset 0 0 0 1.5px #ffffff4d,0 0 0 2px #0000004d}.poke-disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 42%,transparent 60%,rgba(255,255,255,.2))}@keyframes discspin{to{transform:rotate(360deg)}}.bottombar{position:relative;z-index:2;margin-top:16px;height:clamp(70px,10vh,84px);border-radius:40px;background:#ffffff17;-webkit-backdrop-filter:blur(18px) saturate(1.7);backdrop-filter:blur(18px) saturate(1.7);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 1px #ffffff8c,0 10px 24px #00000061;display:flex;align-items:center;justify-content:space-between;padding:0 18px;overflow:hidden}.bottombar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;pointer-events:none;background:linear-gradient(180deg,#ffffff61,#fff0 55%)}.brand-btn{position:relative;z-index:1;width:clamp(52px,7vh,62px);height:clamp(52px,7vh,62px);border-radius:50%;flex-shrink:0;cursor:pointer;background:radial-gradient(circle at 38% 30%,#fffffff2,#bee1ff66 55%,#5a96d259);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 2px #ffffffe6,0 4px 12px #0006,0 0 14px #96d2ff66;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}.brand-btn svg{width:46%;height:46%;color:#1c5b8c}.brand-btn:hover{transform:scale(1.07);box-shadow:0 0 22px #b4e1ffcc,inset 0 1px 2px #fff}.brand-btn:active{transform:scale(.95)}.clock{position:relative;z-index:1;text-align:center;color:#e6f2ff;line-height:1.15}.clock-time{font-size:clamp(20px,2.6vw,26px);font-weight:500;letter-spacing:.5px;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(150,210,255,.4)}.clock-time .ampm{font-size:.62em}.colon{transition:opacity .2s ease}.colon.off{opacity:.3}.clock-date{font-size:clamp(10px,1.1vw,12px);font-weight:400;color:#9fb8d6}.msg-btn{position:relative;z-index:1;width:clamp(52px,7vh,62px);height:clamp(52px,7vh,62px);border-radius:22px;flex-shrink:0;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #fff9,0 4px 10px #00000059;display:grid;place-items:center;color:#d6ecff;transition:transform .2s,box-shadow .2s}.msg-btn svg{width:42%;height:42%}.msg-btn:hover{transform:scale(1.07);box-shadow:0 0 20px #b4e1ffbf,inset 0 1px 1px #ffffffd9}.msg-btn:active{transform:scale(.95)}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#dcefff;opacity:0;pointer-events:none;z-index:6}.flash.go{animation:flashAnim .5s ease}@keyframes flashAnim{0%{opacity:0}22%{opacity:.42}to{opacity:0}}#ir-cursor{position:fixed;left:0;top:0;width:44px;height:56px;z-index:100;pointer-events:none;opacity:0;transition:opacity .25s;filter:drop-shadow(0 5px 7px rgba(0,0,0,.5));transform:translate(-200px,-200px);will-change:transform}#ir-cursor svg{transition:transform .12s ease;transform-origin:19px 4px}#ir-cursor.press svg{transform:scale(.82)}.channel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;pointer-events:none}.channel-overlay.open{pointer-events:auto}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#08102600;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background .3s var(--ease-io),backdrop-filter .3s var(--ease-io)}.channel-overlay.open .scrim{background:#08102673;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-card{position:relative;width:min(880px,92vw);height:min(620px,84vh);display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(26px) saturate(1.7) brightness(1.05);backdrop-filter:blur(26px) saturate(1.7) brightness(1.05);box-shadow:inset 0 1px 1px #ffffff80,0 30px 80px -20px #000000b3;transform:scale(.94);opacity:0;transition:transform .34s var(--spring),opacity .3s var(--ease-io)}.channel-overlay.open .overlay-card{transform:scale(1);opacity:1}.overlay-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.16);flex:0 0 auto}.overlay-head h2{margin:0;font-size:22px;font-weight:700;color:#eaf4ff}.overlay-close{border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:14px;display:flex;align-items:center;gap:6px;color:#d6ecff;padding:9px 16px 9px 12px;border-radius:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 1px #ffffff80;transition:transform .2s var(--spring),background .2s}.overlay-close svg{width:17px;height:17px}.overlay-close:hover{transform:scale(1.04);background:#fff3}.overlay-body{flex:1;min-height:0;padding:24px 26px;overflow:auto;line-height:1.7;color:#d3e3f5}.overlay-body iframe{width:100%;height:100%;border:none;border-radius:14px;background:#fff}.overlay-body h3{margin-top:0;color:#eaf4ff}.overlay-body a{color:#8fd3ff}.overlay-body code{background:#ffffff1f;padding:1px 6px;border-radius:6px;font-size:.9em}.overlay-body .muted{color:#93a9c4}.warning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;text-align:center;color:#eef1f4;background:radial-gradient(120% 120% at 50% 28%,#16233a,#080d18 78%);transition:opacity .55s ease,transform .55s var(--ease-io)}.warning.leaving{opacity:0;transform:scale(1.05);pointer-events:none}.warning-card{max-width:600px;padding:0 34px;animation:warn-in .6s var(--ease-io) both}@keyframes warn-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.warn-bolt{width:70px;height:92px;margin:0 auto 22px;display:block;color:var(--accent);filter:drop-shadow(0 0 22px rgba(17,180,224,.7))}.warning h1{margin:0 0 16px;font-weight:800;font-size:clamp(32px,6vw,54px);letter-spacing:.14em;color:#fff}.warning p{margin:0 auto 28px;max-width:520px;font-weight:400;font-size:clamp(15px,1.7vw,18px);line-height:1.7;color:#b8c4d4}.warning .lead{color:#eef1f4;font-weight:500}.warning-prompt{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:15px;color:#9fb0c4;padding:11px 22px;border:1px solid rgba(255,255,255,.2);border-radius:30px;animation:prompt-pulse 1.8s ease-in-out infinite}@keyframes prompt-pulse{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@media (max-width: 720px){.grid{grid-template-columns:repeat(2,1fr)}.menu{width:94vw}}@media (prefers-reduced-motion: reduce){.blob i,.poke-disc{animation:none}.channel{transition:background .15s,box-shadow .15s}#ir-cursor,.cursor-glow{display:none!important}.warning,.warning-card,.warning-prompt{animation:none;transition:opacity .2s}}@media (prefers-reduced-transparency: reduce){.channel,.bottombar,.overlay-card,.muteb,.msg-btn,.overlay-close{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#1c2846eb!important}}