@import url("https://fonts.cdnfonts.com/css/trivial");@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap");:root{--bg:#000;--fg:#fff;--muted:#8f8f8f;--faint:#262626;--line:hsla(0,0%,100%,.16);--danger:#ff4d4d;--display:"Trivial","Space Grotesk",Arial,sans-serif;--sans:"Space Grotesk",system-ui,-apple-system,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100%}button,input,textarea{font-family:inherit}::selection{background:var(--fg);color:#000}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{padding:26px 20px 0;text-align:center}.logo{height:62px;width:auto;max-width:80%;object-fit:contain;display:inline-block}main{flex:1 1;justify-content:center;padding:34px 22px 64px}.stage,main{display:flex;align-items:center}.stage{width:100%;max-width:430px;flex-direction:column;text-align:center}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.34em;color:var(--muted);margin-bottom:22px}.eyebrow,h1.title{text-transform:uppercase}h1.title{font-family:var(--display);font-size:clamp(32px,8.5vw,50px);line-height:.98;font-weight:700;letter-spacing:.02em}form{margin-top:40px;width:100%}input.code{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--faint);color:var(--fg);font-family:var(--display);font-size:clamp(26px,7vw,34px);letter-spacing:.16em;text-align:center;text-transform:uppercase;padding:16px 4px;outline:none;transition:border-color .25s}input.code::placeholder{color:var(--faint)}input.code:focus{border-bottom-color:var(--fg)}.cta{margin-top:30px;width:100%;background:var(--fg);color:#000;border:1.5px solid var(--fg);padding:16px;font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.cta:hover{background:transparent;color:var(--fg)}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.4;cursor:default}.error{color:var(--danger);font-size:12px;letter-spacing:.02em;margin-top:18px;min-height:15px}.whatsBtn{margin-top:42px;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid hsla(0,0%,100%,.3);border-radius:999px;color:var(--fg);text-decoration:none;font-size:13px;letter-spacing:.01em;transition:border-color .2s,background .2s}.whatsBtn:hover{border-color:#25d366;background:rgba(37,211,102,.1)}.whatsBtn svg{color:#25d366;flex:none}.name,.whatsBtn b{font-weight:700}.name{font-family:var(--display);font-size:clamp(30px,9vw,46px);letter-spacing:.02em;line-height:1.02}.codeLabel,.name{text-transform:uppercase}.codeLabel{margin-top:34px;font-size:11px;font-weight:500;letter-spacing:.34em;color:var(--muted)}.codeBox{margin-top:12px;width:100%;border:1px solid var(--line);border-radius:4px;padding:24px 14px;overflow:hidden}.codeBox .digits{font-family:var(--display);font-weight:700;font-size:clamp(34px,10.5vw,52px);letter-spacing:.06em;color:var(--fg);white-space:nowrap;text-indent:.06em}.codeHint{margin-top:16px;font-size:13.5px;line-height:1.55;max-width:340px}.codeHint,.notice{color:var(--muted)}.notice{margin-top:24px;width:100%;border:1px solid var(--faint);border-radius:4px;padding:14px 16px;text-align:left;font-size:12px;line-height:1.6}.notice b{color:var(--fg);font-weight:500}.tutorialLabel{margin-top:34px;font-size:11px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)}.video{margin-top:14px;max-width:280px;aspect-ratio:9/16;border:1px solid var(--line);border-radius:6px;overflow:hidden}.video,.video video{width:100%;background:#000}.video video{height:100%;object-fit:cover;display:block}.vfallback{margin-top:30px;width:100%;max-width:270px;aspect-ratio:9/16;border:1px solid var(--line);border-radius:6px;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}.vfallback:hover{border-color:var(--fg);background:#0f0f0f}.playRing{width:64px;height:64px;border:1.5px solid var(--fg);border-radius:50%;display:flex;align-items:center;justify-content:center}.playRing:after{content:"";display:block;width:0;height:0;border-left:18px solid var(--fg);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}.vfallback .vlabel{font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}.vfallback .vsub{letter-spacing:.04em}.back,.vfallback .vsub{font-size:11px;color:var(--muted)}.back{margin-top:36px;background:none;border:none;font-weight:500;letter-spacing:.22em;text-transform:uppercase;cursor:pointer}.back:hover{color:var(--fg)}.admin{width:100%;max-width:600px}.admin,.admin .eyebrow{text-align:left}.adminHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.adminHead h2{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:.03em}.adminHead h2,.logout{text-transform:uppercase}.logout{background:none;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.16em;padding:8px 13px;cursor:pointer}.logout:hover{color:var(--fg);border-color:var(--fg)}.row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.row input{flex:1 1;min-width:140px;background:#0d0d0d;border:1px solid var(--line);color:var(--fg);font-family:var(--sans);font-size:14px;padding:13px;outline:none}.row input:focus{border-color:var(--fg)}.add{background:var(--fg);color:#000;border:none;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:0 22px;cursor:pointer}.add:hover{opacity:.82}.add:disabled{opacity:.4;cursor:default}.bulkLabel{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:20px 0 8px}textarea.bulk{width:100%;min-height:90px;background:#0d0d0d;border:1px solid var(--line);color:var(--fg);font-family:var(--sans);font-size:13px;padding:13px;outline:none;resize:vertical}textarea.bulk:focus{border-color:var(--fg)}.count{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:26px 0 8px}ul.list{list-style:none;border-top:1px solid var(--line)}ul.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.num{font-family:var(--display);color:var(--fg);font-size:15px;letter-spacing:.04em;min-width:66px}.nm{color:var(--muted);font-size:14px;flex:1 1}.del{background:none;border:none;color:var(--faint);cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.del:hover{color:var(--danger)}.empty{color:var(--faint);font-size:13px;padding:18px 0;font-style:italic}.warnPersist{border:1px solid rgba(255,77,77,.4);color:#ff8f8f;font-size:12px;line-height:1.5;padding:10px 12px;margin-bottom:16px}.searching{align-items:center}.spinnerRing{width:54px;height:54px;border-radius:50%;border:3px solid var(--faint);border-top-color:var(--fg);animation:spin .8s linear infinite;margin-bottom:28px}@keyframes spin{to{transform:rotate(1turn)}}.searchLabel{font-size:clamp(22px,6vw,30px);text-transform:uppercase;letter-spacing:.04em}.searchLabel,.searchNum{font-family:var(--display);font-weight:700}.searchNum{margin-top:12px;font-size:clamp(28px,9vw,40px);color:var(--muted);letter-spacing:.12em}.searchSub{margin-top:16px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}.modalWrap{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;background:#0a0a0a;border:1px solid var(--line);border-radius:10px;padding:30px 26px;text-align:center;animation:pop .22s ease}@keyframes pop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modalEyebrow{font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--danger);margin-bottom:14px}.modalName{font-family:var(--display);font-size:clamp(26px,8vw,38px);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.04}.modalText{margin-top:18px;color:var(--muted);font-size:13.5px;line-height:1.62}.modalText b{color:var(--fg);font-weight:700}.modal .cta{margin-top:26px}