@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg: #0b0a15;--ink: #f2efff;--dim: #b8b0d4;--panel: rgba(12, 11, 24, .72);--accent: #2fd8ff}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,Courier New,monospace;min-height:100vh;overflow-x:hidden}.city{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.sky-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(6,5,12,.66) 100%)}.city .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#06050c8c;pointer-events:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}@keyframes petal-glow{0%,to{box-shadow:0 10px 24px #0009,0 0 26px #ff7ac838}50%{box-shadow:0 10px 24px #0009,0 0 40px #7ec8ff4d}}@media(prefers-reduced-motion:reduce){.sky-video{animation:none}}.home-page{min-height:100vh;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.home-page .container{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.65rem;opacity:0;transform:translateY(1.25rem);transition:opacity .6s ease,transform .6s ease;position:relative;z-index:2;padding:1.5rem 4vw}.home-page .container.visible{opacity:1;transform:translateY(0)}.home-page .container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 42%,rgba(8,7,16,.62),rgba(8,7,16,.32) 55%,transparent 78%);pointer-events:none}.home-page .avatar-shell{border-radius:50%;animation:petal-glow 4.5s ease-in-out infinite}.home-page .avatar{width:6rem;height:6rem;border-radius:50%;background:#14121f;overflow:hidden}.home-page .avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;image-rendering:pixelated}.home-page .nickname{font-family:"Press Start 2P",monospace;font-size:clamp(.95rem,3vw,1.25rem);color:#fff;letter-spacing:2px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7)}.home-page .bio{font-size:.62rem;color:#eaf6ff;text-transform:uppercase;letter-spacing:.22em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85)}.home-page .links{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.7rem;margin-top:.4rem}.home-page .link-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;width:fit-content;padding:.55rem 1.1rem;border-radius:6px;background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--accent),0 0 20px -8px var(--accent);color:#eaecff;text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .2s ease;opacity:0;animation:fade-in .45s ease forwards;white-space:nowrap}.home-page .link-button:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.08);border-radius:3px;pointer-events:none}.home-page .link-button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 var(--accent),0 0 26px -4px var(--accent);background:#121022d9;color:#fff}.home-page .link-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.home-page .link-button svg{flex-shrink:0;color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}@media(max-width:30rem){.home-page .container{gap:.65rem;padding:1rem}.home-page .avatar{width:6rem;height:6rem}.home-page .nickname{font-size:1.1rem}.home-page .bio{font-size:.62rem}.home-page .link-button{padding:.6rem .9rem;font-size:.7rem;justify-content:center}}.mc-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden}.mc-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 42%,rgba(8,7,16,.62),rgba(8,7,16,.32) 55%,transparent 78%);pointer-events:none}.mc-page .wrap{width:min(46rem,94vw);padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.mc-page .avatar-shell{border-radius:50%;box-shadow:0 10px 24px #0009,0 0 26px #7cffb22e;animation:petal-glow 4.5s ease-in-out infinite}.mc-page .avatar{width:6rem;height:6rem;border-radius:50%;background:#14121f;overflow:hidden;display:flex;align-items:center;justify-content:center}.mc-page .avatar svg{width:3.4rem;height:3.4rem;color:#7cf0c0;filter:drop-shadow(0 0 8px rgba(124,255,178,.6))}.mc-page .nickname{margin-top:.9rem;font-family:"Press Start 2P",monospace;font-size:clamp(.85rem,3vw,1.15rem);color:#fff;letter-spacing:2px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7)}.mc-page .sub{margin-top:.5rem;font-size:.62rem;color:#eaf6ff;text-transform:uppercase;letter-spacing:.22em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85);text-align:center}.mc-page .status{display:flex;align-items:center;gap:8px;margin:1.4rem 0 .8rem;justify-content:center;color:#d9d2ef;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9)}.mc-page .dot{width:9px;height:9px;border-radius:50%;background:#6b6480;flex-shrink:0}.mc-page .dot.on{background:#35d07f;box-shadow:0 0 10px #35d07f}.mc-page .dot.off{background:#ff4d6d;box-shadow:0 0 10px #ff4d6d}.mc-page .players{display:flex;flex-direction:column;gap:7px;width:100%;margin:0 0 1.1rem}.mc-page .players .count{color:#35d07f;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.95);text-align:center}.mc-page .players table{border-collapse:separate;border-spacing:0;width:100%;background:#090812db;border:2px solid #24213a;border-radius:6px;overflow:hidden}.mc-page .players th,.mc-page .players td{padding:8px 16px;text-align:left;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.06)}.mc-page .players th{color:#2fd8ff;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffffff08}.mc-page .players tr:last-child td{border-bottom:none}.mc-page .players th:first-child{border-top-left-radius:6px}.mc-page .players th:last-child{border-top-right-radius:6px}.mc-page .players .name{color:#e9e4ff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9)}.mc-page .ips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%;margin:0 0 1.6rem}.mc-page .ip{flex:1 1 0;max-width:300px;min-width:0;padding:.55rem .9rem;background:#0c0b18b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid #2fd8ff;border-radius:6px;box-shadow:4px 4px #2fd8ff,0 0 20px -8px #2fd8ff;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;color:#2fd8ff;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;-webkit-user-select:all;user-select:all;letter-spacing:.05em;white-space:nowrap;overflow:hidden}.mc-page .ip-bedrock{font-size:.8rem;border-color:#ff2fa0;box-shadow:4px 4px #ff2fa0,0 0 20px -8px #ff2fa0;color:#ff8fc9}.mc-page .ip-copied{font-size:.62rem;font-weight:600;color:#35d07f;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.mc-page .ip-tag{padding:2px 8px;border-radius:3px;background:#2fd8ff26;border:1px solid #2fd8ff;color:#2fd8ff;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none}.mc-page .ip-tag-bedrock{background:#ff2fa026;border-color:#ff2fa0;color:#ff8fc9}.mc-page .map-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:1.6rem;padding:.55rem 1.2rem;background:#0c0b18b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid #6c5ce7;border-radius:6px;box-shadow:4px 4px #6c5ce7,0 0 20px -8px #6c5ce7;color:#b9b3ff;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-decoration:none;transition:box-shadow .15s,transform .15s}.mc-page .map-btn:hover{transform:translateY(-2px);box-shadow:4px 6px #6c5ce7,0 0 30px -8px #6c5ce7}.mc-page .map-btn-icon{font-size:1.1rem}.mc-page .card{width:100%;background:#090812db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #24213a;border-radius:6px;padding:1.1rem 1.2rem;margin-top:1rem;position:relative}.mc-page .card:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.mc-page .card h2{font-family:"Press Start 2P",monospace;font-size:.62rem;color:#ff2fa0;margin-bottom:.8rem;letter-spacing:1px;text-transform:uppercase}.mc-page .card p,.mc-page .card li{color:#c9c4e0;font-size:.78rem;line-height:1.6}.mc-page .card ul{list-style:none}.mc-page .card li{padding-left:22px;position:relative;margin:4px 0}.mc-page .card li:before{content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;border-radius:2px;background:#2fd8ff;box-shadow:0 0 6px #2fd8ff99}.mc-page .card a{color:#2fd8ff;text-decoration:none}.mc-page .card a:hover{text-decoration:underline}.mc-page .wl-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mc-page .wl-form input{background:#ffffff0f;border:1px solid #2a2744;border-radius:4px;color:#f2efff;font-family:inherit;font-size:.78rem;padding:8px 10px;outline:none}.mc-page .wl-form input:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce740}.mc-page .wl-btns{display:flex;gap:8px}.mc-page .wl-btns button{cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;padding:9px 12px;border-radius:4px;border:2px solid;transition:all .15s ease}.mc-page .wl-btns button:disabled{opacity:.5;cursor:not-allowed}.mc-page .wl-add{background:#35d07f1f;color:#35d07f;border-color:#35d07f}.mc-page .wl-add:not(:disabled):hover{background:#35d07f40;box-shadow:0 0 12px -2px #35d07f}.mc-page .wl-remove{background:#ff2fa01f;color:#ff2fa0;border-color:#ff2fa0}.mc-page .wl-remove:not(:disabled):hover{background:#ff2fa040;box-shadow:0 0 12px -2px #ff2fa0}.mc-page .wl-msg{font-size:.7rem;margin-top:8px}.mc-page .wl-msg.ok{color:#35d07f}.mc-page .wl-msg.err{color:#ff5d5d}.mc-page .wl-list{margin-top:14px}.mc-page .wl-list-title{font-family:"Press Start 2P",monospace;font-size:.48rem;color:#6c5ce7;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.mc-page .back{margin-top:2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.mc-page .back a{color:#b8b0d4;text-decoration:none}.mc-page .back a:hover{color:#f2efff;text-shadow:0 0 10px #2fd8ff}.mc-page .small{font-size:.6rem;color:#7d7698;text-align:center;margin-top:.8rem;text-transform:uppercase;letter-spacing:.12em}.mc-page .chat{font-size:.78rem}.mc-page .chat-join{display:flex;flex-direction:column;gap:8px}.mc-page .chat-hint{color:#c9c4e0;margin:0 0 4px}.mc-page .chat-meta{color:#35d07f;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:flex;align-items:center;gap:8px}.mc-page .chat-nick-label{color:#e9e4ff;font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0}.mc-page .chat-change{margin-left:auto;background:none;border:none;color:#6b6480;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-decoration:underline;padding:0}.mc-page .chat-change:hover{color:#ff2fa0}.mc-page .chat-row{display:flex;gap:8px}.mc-page .chat-input{flex:1;min-width:0;padding:7px 10px;background:#0c0b18cc;border:2px solid #24213a;border-radius:6px;color:#e9e4ff;font-size:.78rem;outline:none}.mc-page .chat-input:focus{border-color:#2fd8ff}.mc-page .chat-btn{padding:7px 14px;background:#2fd8ff1f;border:2px solid #2fd8ff;border-radius:6px;color:#2fd8ff;font-weight:700;font-size:.78rem;cursor:pointer;transition:background .15s;white-space:nowrap}.mc-page .chat-btn:hover{background:#2fd8ff40}.mc-page .chat-btn:disabled{opacity:.5;cursor:default}.mc-page .chat-box{height:210px;overflow-y:auto;background:#090812b3;border:2px solid #24213a;border-radius:6px;padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.mc-page .chat-empty{color:#6b6480;font-size:.7rem;text-align:center;padding:40px 0}.mc-page .chat-line{line-height:1.5;word-break:break-word}.mc-page .chat-time{color:#6b6480;font-size:.62rem;margin-right:6px}.mc-page .chat-nick{font-weight:700}.mc-page .chat-web .chat-nick{color:#8fc9ff}.mc-page .chat-game .chat-nick{color:#7cf0c0}.mc-page .chat-colon{color:#6b6480}.mc-page .chat-text{color:#d9d2ef}.stream-page{--panel: rgba(9, 8, 18, .86);--accent: #2fd8ff}.stream-page .page{max-width:56rem;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.stream-page header{position:relative;margin-bottom:.5rem}.stream-page header h1{font-family:"Press Start 2P",monospace;font-size:clamp(.9rem,3vw,1.2rem);font-weight:400;color:#fff;letter-spacing:2px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7)}.stream-page header p{color:var(--dim);margin-top:.7rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.9)}.stream-page .logout{position:absolute;top:0;right:0;font-family:IBM Plex Mono,monospace;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:#ff9a9a;background:transparent;border:1.5px solid #ff5c5c;border-radius:4px;padding:.35rem .8rem;cursor:pointer;box-shadow:3px 3px #ff5c5c;transition:transform .1s ease,box-shadow .1s ease,background .2s ease}.stream-page .logout:hover{background:#ff5a5a1f;color:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px #ff5c5c}.stream-page .logout:active{transform:translate(2px,2px);box-shadow:1px 1px #ff5c5c}.stream-page section{margin-bottom:1.5rem}.stream-page section h2{font-family:"Press Start 2P",monospace;font-size:.72rem;font-weight:400;margin-bottom:1rem;color:#fff;letter-spacing:1px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7);padding-bottom:.6rem;border-bottom:1px solid rgba(47,216,255,.25)}.stream-page .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.stream-page .stat-card{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #24213a;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;position:relative}.stream-page .stat-card:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.stream-page .stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.stream-page .stat-name{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.stream-page .stat-head b{font-size:.95rem;color:var(--accent);text-shadow:0 0 12px rgba(47,216,255,.5)}.stream-page .spark{width:100%;height:4.5rem;display:block}.stream-page .spark-empty{height:4.5rem;border:1px dashed #24213a;border-radius:4px}.stream-page .spark-max{stroke:#b8b0d440;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.stream-page .stat-foot{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--dim);font-size:.62rem}.stream-page .dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%}.stream-page .empty{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:.6rem 0}.stream-page .login{display:flex;flex-direction:column;gap:.7rem;max-width:22rem;margin:2rem auto 0;padding:1.4rem 1.2rem;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--accent);border-radius:6px;box-shadow:4px 4px 0 var(--accent),0 0 24px -10px var(--accent);position:relative}.stream-page .login:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.stream-page .login label{font-size:.62rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.stream-page .login input{background:#080710cc;border:1px solid #3a3550;border-radius:4px;color:var(--ink);font:inherit;font-size:.85rem;padding:.55rem .7rem;width:100%;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.stream-page .login input::placeholder{color:#5c5a70}.stream-page .login input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px -4px var(--accent)}.stream-page .login-btn{margin-top:.5rem;font:inherit;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#eaecff;background:transparent;border:2px solid var(--accent);border-radius:4px;padding:.55rem 1rem;cursor:pointer;box-shadow:3px 3px 0 var(--accent);transition:transform .1s ease,box-shadow .1s ease,background .2s ease}.stream-page .login-btn:hover:not(:disabled){background:#2fd8ff1f;color:#fff;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--accent)}.stream-page .login-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.stream-page .login-btn:disabled{opacity:.5;cursor:not-allowed}.stream-page .login-error{color:#ff7a7a;font-size:.72rem;border:1px solid rgba(255,100,100,.3);background:#ff3c3c14;padding:.4rem .6rem;border-radius:4px}.stream-page .login-hint{color:var(--dim);font-size:.72rem;margin-top:.5rem;text-align:center}.stream-page .streams{display:flex;flex-direction:column;gap:1.5rem}.stream-page .stream{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #24213a;border-radius:6px;padding:1rem;position:relative}.stream-page .stream:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.stream-page .stream-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap}.stream-page .badge{background:#ff5c5c;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.1rem;padding:.2rem .5rem;border-radius:3px;box-shadow:0 0 12px -2px #ff5c5c}.stream-page .stream-name{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--accent);text-shadow:0 0 10px rgba(47,216,255,.5)}.stream-page .stream-meta{color:var(--dim);font-size:.68rem;flex:1 1 auto;min-width:9rem}.stream-page .mode-switch{display:flex;gap:.35rem;margin-left:auto}.stream-page button.mode-btn{background:#08071099;border:1.5px solid #3a3550;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .65rem;border-radius:4px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .2s ease}.stream-page button.mode-btn:hover{color:var(--ink);border-color:var(--accent)}.stream-page button.mode-btn.active{background:#2fd8ff1f;border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px -4px var(--accent);font-weight:600}.stream-page .link-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.7rem}.stream-page .link-item{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.stream-page .link-item>code{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-page .link-qr{flex:1 1 100%;display:flex;justify-content:center;padding:.5rem;background:#080710cc;border:1px solid #3a3550;border-radius:4px}.stream-page button.qr-toggle{background:transparent;border:1.5px solid #3a3550;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .2s ease;flex-shrink:0}.stream-page button.qr-toggle:hover{border-color:var(--accent);color:var(--accent)}.stream-page .player video{width:100%;aspect-ratio:16 / 9;background:#080710cc;border:1px solid #3a3550;border-radius:4px;display:block}.stream-page .stream-frame{position:relative;aspect-ratio:16 / 9}.stream-page .stream-preview{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:4px;background:#080710cc;border:1px solid #3a3550;cursor:pointer;pointer-events:auto}.stream-page .stream-preview.hidden{opacity:0;pointer-events:none}.stream-page .stream-preview.hidden .preview-play{pointer-events:none}.stream-page .preview-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#00000073;color:#fff;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;padding-left:.25rem;transition:transform .15s ease,background .2s ease}.stream-page .preview-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#000000a6}.stream-page .stream-preview img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .3s ease}.stream-page code{background:#080710cc;border:1px solid #3a3550;padding:.25rem .5rem;border-radius:4px;font-size:.72rem;color:#7cf0c0;word-break:break-all}.stream-page button.copy{background:transparent;border:1.5px solid #3a3550;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .7rem;border-radius:4px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .2s ease;flex-shrink:0}.stream-page button.copy:hover{border-color:#7cf0c0;color:#7cf0c0}.stream-page button.copy:disabled{opacity:.45;cursor:not-allowed}.stream-page .keygen{display:flex;flex-direction:column;gap:.5rem;margin-top:.6rem;width:100%;max-width:34rem}.stream-page .keygen-row{display:flex;gap:.5rem;align-items:center}.stream-page .keygen-row input{flex:1;min-width:0;background:#080710cc;border:1px solid #3a3550;color:var(--ink);font:inherit;font-size:.85rem;padding:.5rem .65rem;border-radius:4px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.stream-page .keygen-row input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px -4px var(--accent)}.stream-page .keygen-row input::placeholder{color:#5c5a70}.stream-page .keygen-out{white-space:normal;word-break:break-all;align-self:flex-start}.stream-page .keygen-out .dim{color:#5c5a70}.stream-page ol,.stream-page ul{padding-left:1.4rem;display:flex;flex-direction:column;gap:.5rem}.stream-page ol,.stream-page ul{color:#c9c4e0;font-size:.75rem;line-height:1.6}.stream-page li ul{margin-top:.4rem}.stream-page b{color:var(--accent);font-weight:600}.stream-page footer{margin-top:1.5rem;text-align:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.stream-page footer a{color:var(--dim);text-decoration:none}.stream-page footer a:hover{color:var(--ink);text-shadow:0 0 10px var(--accent)}.stream-page .hint{color:var(--dim);font-size:.6rem;margin:0}@media(max-width:30rem){.stream-page .page{padding:1.25rem .75rem 2rem}.stream-page header h1{font-size:.9rem}.stream-page .mode-switch{margin-left:0}}.questions-page{--panel: rgba(12, 11, 24, .72);--accent: #7cf0c0}.questions-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 42%,rgba(8,7,16,.62),rgba(8,7,16,.32) 55%,transparent 78%),radial-gradient(circle at 50% 0%,rgba(124,255,178,.06),transparent 60%);pointer-events:none}.questions-page .screen{width:min(46rem,94vw);margin:0 auto;padding:1.5rem 1rem 3rem;display:flex;flex-direction:column;gap:.9rem;position:relative;z-index:2}.questions-page .screen.center{align-items:center;justify-content:center;min-height:70vh}.questions-page .topbar{display:flex;align-items:center;gap:1rem}.questions-page .brand{color:var(--dim);text-decoration:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.questions-page .brand:hover{color:var(--ink);text-shadow:0 0 10px var(--accent)}.questions-page .page-title{font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,3vw,1.1rem);color:#fff;letter-spacing:2px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7)}.questions-page .spacer{flex:1}.questions-page .panel{background:var(--panel);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--accent),0 0 24px -10px var(--accent);border-radius:6px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;position:relative}.questions-page .panel:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.07);border-radius:3px;pointer-events:none}.questions-page .panel.auth{max-width:22rem;margin:2rem auto 0}.questions-page .panel.ask{border-color:#2fd8ff;box-shadow:4px 4px #2fd8ff,0 0 24px -10px #2fd8ff}.questions-page .panel.userbar{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.6rem .9rem;font-size:.72rem;color:var(--dim)}.questions-page .field{display:flex;flex-direction:column;gap:.3rem}.questions-page .field-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--dim);font-weight:600}.questions-page .field-row{display:flex;align-items:center;gap:.4rem}.questions-page .field-row input{flex:1}.questions-page .field-toggle{cursor:pointer;color:var(--dim);font-size:1rem;line-height:1;padding:.2rem;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.questions-page .field-toggle .eye{display:inline-flex;padding:.15rem .3rem}.questions-page .field-toggle:hover{color:var(--accent)}.questions-page input,.questions-page textarea{font:inherit;background:#080710cc;color:var(--ink);border:1px solid #3a3550;border-radius:4px;padding:.55rem .7rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.questions-page input:focus,.questions-page textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 14px -4px var(--accent)}.questions-page textarea{resize:vertical}.questions-page .btn{font:inherit;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#eaecff;background:transparent;border:2px solid var(--accent);border-radius:4px;padding:.5rem 1rem;cursor:pointer;box-shadow:3px 3px 0 var(--accent);transition:transform .1s ease,box-shadow .1s ease,background .2s ease;width:fit-content}.questions-page .btn:hover:not(:disabled),.questions-page .btn:hover:not(:disabled):hover{background:#7cfabe1f;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--accent)}.questions-page .btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.questions-page .btn:disabled{opacity:.55;cursor:default}.questions-page .btn.small{padding:.3rem .7rem;font-size:.64rem;border-width:1.5px}.questions-page .btn.active{background:var(--accent);color:#0b0a15}.questions-page .btn.link{border:none;box-shadow:none;padding:0;color:var(--dim);text-transform:none;letter-spacing:.02em;font-size:.72rem}.questions-page .btn.link:hover{color:var(--accent);background:none;box-shadow:none}.questions-page .switch{text-align:center}.questions-page .link{background:none;border:none;color:var(--dim);font:inherit;font-size:.68rem;text-decoration:underline;cursor:pointer}.questions-page .link:hover{color:var(--accent)}.questions-page .error{color:#ff7a7a;font-size:.72rem;border:1px solid rgba(255,100,100,.3);background:#ff3c3c14;padding:.4rem .6rem;border-radius:4px}.questions-page .ask{display:flex;flex-direction:column;gap:.6rem}.questions-page .ask-input{min-height:5.5rem}.questions-page .ask-footer{display:flex;align-items:center;justify-content:space-between}.questions-page .hint{font-size:.6rem;color:var(--dim)}.questions-page .recorder{display:flex;flex-direction:column;gap:.45rem}.questions-page .rec-preview{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.questions-page .rec-preview audio{height:2rem;max-width:100%}.questions-page .btn.red{border-color:#ff5c5c;color:#ff9a9a;box-shadow:3px 3px #ff5c5c}.questions-page .btn.red:hover:not(:disabled){background:#ff5a5a1f;box-shadow:5px 5px #ff5c5c;transform:translate(-1px,-1px)}.questions-page .photo-attach{display:flex;flex-direction:column;gap:.5rem}.questions-page .photo-pick-row{display:flex;gap:.5rem;align-items:center}.questions-page .photo-previews{display:flex;flex-wrap:wrap;gap:.5rem}.questions-page .photo-preview{position:relative;width:4.2rem;height:4.2rem}.questions-page .photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #3a3550}.questions-page .photo-remove{position:absolute;top:-.4rem;right:-.4rem;width:1.2rem;height:1.2rem;border-radius:50%;border:1px solid #ff5c5c;background:#1a1020;color:#ff9a9a;font-size:.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.questions-page .photo-remove:hover{background:#ff5c5c;color:#fff}.questions-page .q-photos{display:flex;flex-wrap:wrap;gap:.4rem}.questions-page .q-photo{width:5rem;height:5rem;object-fit:cover;border-radius:4px;border:1px solid #3a3550;cursor:zoom-in}.questions-page .q-voices{display:flex;flex-wrap:wrap;gap:.4rem}.questions-page .q-voices audio{height:2rem;max-width:100%}.questions-page .lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05040ed9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem}.questions-page .lightbox img{max-width:92vw;max-height:92vh;border-radius:6px;border:2px solid var(--accent);box-shadow:0 0 40px -6px var(--accent)}.questions-page .empty{text-align:center;color:var(--dim);padding:2rem 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.questions-page .q-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}.questions-page .q-item{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3a3550;border-left:3px solid var(--accent);border-radius:5px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.45rem}.questions-page .q-item:has(.badge-answered){border-left-color:#2fd8ff}.questions-page .q-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.62rem;color:var(--dim)}.questions-page .q-id{color:var(--accent);font-weight:700}.questions-page .q-user{color:#2fd8ff}.questions-page .badge{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;padding:.12rem .45rem;border-radius:3px;border:1px solid}.questions-page .badge-new{color:#ffd75e;border-color:#ffd75e}.questions-page .badge-answered{color:#7cf0c0;border-color:#7cf0c0}.questions-page .q-date{margin-left:auto}.questions-page .q-text{font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.questions-page .q-answer{font-size:.78rem;color:#d7ffef;background:#7cffb212;border:1px solid rgba(124,255,178,.25);padding:.5rem .6rem;border-radius:4px;white-space:pre-wrap;word-break:break-word}.questions-page .q-answer-label{color:var(--accent);font-weight:600;text-transform:uppercase;font-size:.6rem;letter-spacing:.08em}.questions-page .q-waiting{font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.questions-page .answer-form{display:flex;flex-direction:column;gap:.4rem}.questions-page .tabs{display:flex;gap:.4rem;flex-wrap:wrap}.questions-page .load-more{display:flex;justify-content:center;padding:.6rem 0}@media(max-width:30rem){.questions-page .screen{padding:1rem .6rem 2rem}.questions-page .q-head{font-size:.58rem}}.nf-page{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.nf-page .container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;opacity:0;transform:translateY(1.25rem);transition:opacity .6s ease,transform .6s ease;position:relative;z-index:2;padding:1.5rem 4vw}.nf-page .container.visible{opacity:1;transform:translateY(0)}.nf-page .container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 62% 58% at 50% 42%,rgba(8,7,16,.62),rgba(8,7,16,.32) 55%,transparent 78%);pointer-events:none}.nf-page .avatar-shell{border-radius:50%;animation:petal-glow 4.5s ease-in-out infinite}.nf-page .avatar{width:5rem;height:5rem;border-radius:50%;background:#14121f;overflow:hidden;display:flex;align-items:center;justify-content:center}.nf-page .avatar svg{width:2.2rem;height:2.2rem;color:#e23b3b;filter:drop-shadow(0 0 8px rgba(226,59,59,.4))}.nf-page .code{font-family:"Press Start 2P",monospace;font-size:clamp(2.5rem,8vw,4rem);color:#fff;letter-spacing:2px;text-shadow:2px 0 0 #ff2fa0,-2px 0 0 #2fd8ff,0 3px 0 #000,0 8px 18px rgba(0,0,0,.7);line-height:1.2}.nf-page .sub{font-size:.62rem;color:#eaf6ff;text-transform:uppercase;letter-spacing:.22em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.85)}.nf-page .link-button{--accent: #5e943a;display:flex;align-items:center;gap:.6rem;width:fit-content;padding:.55rem 1.1rem;border-radius:6px;background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--accent),0 0 20px -8px var(--accent);color:#eaecff;text-decoration:none;font-family:IBM Plex Mono,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .2s ease;opacity:0;animation:fade-in .45s ease forwards;animation-delay:.3s}.nf-page .link-button:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.08);border-radius:3px;pointer-events:none}.nf-page .link-button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 var(--accent),0 0 26px -4px var(--accent);background:#121022d9;color:#fff}.nf-page .link-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.nf-page .link-button svg{flex-shrink:0;color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent))}@keyframes fade-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:30rem){.nf-page .container{gap:.65rem;padding:1rem}.nf-page .code{font-size:2rem}.nf-page .link-button{padding:.6rem .9rem;font-size:.7rem}}
