:root{--bg:#07080c;--surface:#171a22;--stroke:#ffffff14;--text:#f2f4f8;--dim:#9aa3b6;--faint:#5b6376;--accent:#6c5ce7;--lav:#b7acff;--live:#3ddc97;--danger:#ff7a7a}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) 22px calc(24px + env(safe-area-inset-bottom));flex-direction:column;font-family:-apple-system,system-ui,Apple SD Gothic Neo,sans-serif;display:flex;overflow-x:hidden}.aura{z-index:-2;background:radial-gradient(120% 70% at 50% -10%,#16163a 0%,var(--bg) 62%);position:fixed;inset:0;overflow:hidden}.aura i{will-change:transform;border-radius:50%;position:absolute}.aura .a1{background:radial-gradient(circle,#6c5ce78c,#0000 62%);width:90vmax;height:90vmax;animation:19s ease-in-out infinite alternate d1;top:-35vmax;left:-40vmax}.aura .a2{background:radial-gradient(circle,#2d6cdf61,#0000 62%);width:80vmax;height:80vmax;animation:23s ease-in-out infinite alternate d2;top:20vh;right:-45vmax}.aura .a3{background:radial-gradient(circle,#3ddc9738,#0000 62%);width:70vmax;height:70vmax;animation:27s ease-in-out infinite alternate d3;bottom:-45vmax;left:-10vmax}@keyframes d1{to{transform:translate(18vw,12vh)scale(1.15)}}@keyframes d2{to{transform:translate(-16vw,-8vh)scale(1.1)}}@keyframes d3{to{transform:translate(14vw,-10vh)scale(1.2)}}.grain{z-index:-1;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.top{flex:none;align-items:center;height:60px;display:flex}.brand{letter-spacing:-.02em;align-items:center;font-size:21px;font-weight:700;display:flex}.seal{width:22px;height:22px;color:var(--lav);border:1.5px solid #b7acffbf;border-radius:6px;place-items:center;margin-left:8px;font-size:12px;font-weight:700;display:inline-grid;transform:rotate(-6deg)}main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:380px;margin:0 auto;display:flex}main>*{animation:.8s cubic-bezier(.2,.8,.2,1) both rise}main>:nth-child(2){animation-delay:80ms}main>:nth-child(3){animation-delay:.16s}main>:nth-child(4){animation-delay:.24s}main>:nth-child(5){animation-delay:.32s}main>:nth-child(6){animation-delay:.4s}main>:nth-child(7){animation-delay:.48s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.eyebrow{letter-spacing:.24em;color:var(--lav);opacity:.85;font-size:12.5px;font-weight:600}.glass{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--stroke);background:#171a2885;border-radius:26px;box-shadow:0 20px 50px -20px #0009,inset 0 1px #ffffff0d}.btn{width:100%;height:56px;font:inherit;letter-spacing:.02em;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#8c7ef7 0%,#6c5ce7 45%,#4636b8 100%);border:0;border-radius:18px;font-size:16px;font-weight:700;transition:transform .15s,filter .15s;position:relative;overflow:hidden;box-shadow:0 12px 30px -10px #6c5ce7d9,inset 0 1px #ffffff47}.btn:active{filter:brightness(.92);transform:scale(.98)}.btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:40%;animation:4.5s ease-in-out 1.2s infinite sheen;position:absolute;top:0;bottom:0;left:-60%}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}.strands{width:100%;height:64px;margin:26px 0 4px;display:block;overflow:visible}.strands path{fill:none;stroke-width:2px;stroke-linecap:round}.strands .s1{animation:6s linear infinite flow}.strands .s2{animation:4.2s linear infinite reverse flow}@keyframes flow{to{transform:translate(120px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}h1{letter-spacing:-.035em;word-break:keep-all;margin-top:10px;font-size:30px;font-weight:800;line-height:1.28}h1 em{background:linear-gradient(90deg,#b7acff,#7fe3c0);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lead{color:var(--dim);word-break:keep-all;margin-top:12px;font-size:14.5px;line-height:1.6}.card{margin-top:22px;padding:18px}#c{width:100%;height:64px;color:var(--text);font:inherit;text-align:center;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;-webkit-appearance:none;background:#07080c8c;border:1.5px solid #ffffff1a;border-radius:16px;font-size:26px;font-weight:700;transition:border-color .2s,box-shadow .2s}#c::placeholder{color:var(--faint);letter-spacing:0;text-indent:0;font-size:16px;font-weight:500}#c:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #6c5ce72e}#c.bad{border-color:#ff7a7a80;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}#s{color:var(--dim);text-align:center;min-height:20px;margin:10px 0 12px;font-size:13px;line-height:1.5}#s.bad{color:var(--danger)}#rooms{border-top:1px solid var(--stroke);margin-top:18px;padding-top:16px}.rooms-title{color:var(--dim);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.rooms-title:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #3ddc9726}@keyframes pulse{50%{box-shadow:0 0 0 7px #3ddc9700}}.room{border:1px solid var(--stroke);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#07080c73;border-radius:16px;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.room:hover{border-color:#b7acff59}.room:active{background:#6c5ce724}.room:disabled{opacity:.45;cursor:default}.room-glyph{width:34px;height:34px;color:var(--live);background:#3ddc971f;border-radius:11px;flex:none;place-items:center;font-size:16px;display:grid}.room-text{flex-direction:column;flex:1;min-width:0;display:flex}.room-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.room-sub{color:var(--faint);margin-top:1px;font-size:12px}.chev{border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);flex:none;width:7px;height:7px;margin-right:4px;transform:rotate(-45deg)}.share{color:var(--text);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s;display:flex}.share:hover{border-color:#b7acff59}.share-icon{color:#fff;background:linear-gradient(135deg,#8c7ef7,#4636b8);border-radius:13px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid;box-shadow:0 8px 20px -8px #6c5ce7e6}.share-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.share-text b{font-size:15.5px;font-weight:700}.share-text span{color:var(--dim);word-break:keep-all;font-size:12.5px;line-height:1.5}details{border-radius:20px;margin-top:14px;padding:0 18px}summary{cursor:pointer;height:52px;color:var(--text);justify-content:space-between;align-items:center;font-size:14.5px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"";border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);width:7px;height:7px;transition:transform .2s;transform:rotate(-45deg)}details[open] summary:after{transform:rotate(45deg)}details ul{padding:0 0 16px;list-style:none}details li{color:var(--dim);border-top:1px solid var(--stroke);word-break:keep-all;margin-top:10px;padding-top:10px;font-size:13px;line-height:1.65}details li:first-child{border-top:0;margin-top:0;padding-top:0}details b{color:var(--text);font-weight:600}.foot{text-align:center;flex:none;padding-top:22px}.foot a{color:var(--faint);font-size:12px;text-decoration:none}.foot a:hover{color:var(--dim)}