@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#0b0d12;--surface:#131720;--surface2:#1a1f2e;--border:hsla(0,0%,100%,.06);--border2:hsla(0,0%,100%,.11);--accent:#6366f1;--accent2:#818cf8;--text:#e2e5f0;--muted:#787e9a;--muted2:#454960;--success:#10b981;--felt:#1b4d35;--felt2:#143d29;--felt-rim:#0e2c1d;--r:12px;--r-sm:8px;--font-main:"DM Sans","Segoe UI",system-ui,sans-serif;--font-mono:"DM Mono","Fira Code",monospace}body{background:var(--bg);color:var(--text);font-family:var(--font-main);min-height:100vh}a,button{touch-action:manipulation}input,select,textarea{font-size:16px}.btn{border:none;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-main);font-size:14px;font-weight:600;padding:10px 20px;transition:all .15s;white-space:nowrap}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent2)}.btn--primary:disabled{cursor:not-allowed;opacity:.4}.btn--ghost{background:transparent;border:1px solid var(--border2);color:var(--text)}.btn--ghost:hover{background:var(--surface2)}.btn--accent{background:#6366f12e;border:1px solid rgba(99,102,241,.3);color:var(--accent2)}.btn--accent:hover{background:#6366f147}.btn--danger{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#ef4444}.btn--danger:hover{background:#ef444447;border-color:#ef4444}.btn--full{margin-top:6px;width:100%}.btn--sm{font-size:12px;padding:6px 12px}.back-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-family:var(--font-main);font-size:13px;padding:4px 0}.back-btn:hover{color:var(--text)}.icon-btn{background:none;border:none;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.icon-btn:hover{background:var(--surface2);color:var(--text)}.icon-btn:disabled{cursor:not-allowed;opacity:.3}.av{align-items:center;border:2px solid var(--bg);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.av--xs{font-size:9px;height:22px;width:22px}.field{display:flex;flex-direction:column;gap:6px}.field label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.field input,.field textarea,.modal-input{background:var(--bg);border:1px solid var(--border2);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-main);font-size:14px;outline:none;padding:9px 12px;resize:vertical;transition:border-color .15s;width:100%}.field input:focus,.field textarea:focus,.modal-input:focus{border-color:var(--accent)}.field input.error,.modal-input.input-error{border-color:#ef4444}.field-err{color:#ef4444;font-size:12px}.err-box{background:#ef444414;border-radius:8px;padding:8px}.field-hint{line-height:1.4}.field-hint,.optional{color:var(--muted);font-size:11px}.optional{font-weight:400}.toggles{display:flex;flex-direction:column;gap:9px}.toggle-row{align-items:center;background:var(--surface2);border-radius:var(--r-sm);cursor:pointer;display:flex;justify-content:space-between;padding:12px 14px}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-label strong{font-size:13px}.toggle-label small{color:var(--muted);font-size:11px}.toggle-wrap{flex-shrink:0;height:20px;position:relative;width:36px}.toggle-wrap input{height:0;opacity:0;position:absolute;width:0}.toggle-track{background:var(--muted2);border-radius:999px;inset:0;position:absolute;transition:background .2s}.toggle-track:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.toggle-wrap input:checked~.toggle-track{background:var(--accent)}.toggle-wrap input:checked~.toggle-track:after{transform:translate(16px)}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:600}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);box-shadow:0 24px 64px #000000a6;display:flex;flex-direction:column;gap:14px;max-width:calc(100vw - 32px);padding:24px;width:310px}.modal--wide{width:460px}.modal-head{align-items:center;display:flex;justify-content:space-between}.modal-title{font-size:14px;font-weight:700}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.pass-hint{color:var(--muted);font-size:12px;line-height:1.5}.pass-member-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.pass-member-row{align-items:center;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--r-sm);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:border-color .15s,background .15s}.pass-member-row:hover{background:#6366f112;border-color:var(--accent)}.pass-member-name{flex:1;font-size:13px;font-weight:500}.pass-member-action{color:var(--accent2);font-size:11px;font-weight:600}.share-hint{color:var(--muted);font-size:11px;line-height:1.5;text-align:center}.locked-notice-modal{background:#f59e0b14;border-radius:var(--r-sm);color:#f59e0b;font-size:12px;padding:8px;text-align:center}.room-code-row{align-items:center;background:var(--surface2);border-radius:var(--r-sm);display:flex;gap:10px;padding:10px 14px}.room-code-label{color:var(--muted);flex:1;font-size:11px}.room-code{color:var(--accent2);font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.06em;word-break:break-all}.share-url-row{align-items:center;display:flex;gap:8px}.share-url-input{border:1px solid var(--border2);color:var(--muted);flex:1;font-family:var(--font-mono);font-size:11px;outline:none;padding:8px 10px}.qr-wrap,.share-url-input{background:var(--bg);border-radius:var(--r-sm)}.qr-wrap{align-items:center;display:flex;justify-content:center;min-height:204px;padding:14px}.qr-wrap canvas,.qr-wrap img{border-radius:4px;display:block}.section-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.empty-hint{color:var(--muted);display:flex;flex-direction:column;font-size:13px;gap:4px;padding:16px;text-align:center}.rbadge{background:var(--surface2);border-radius:999px;color:var(--muted);flex-shrink:0;font-size:10px;padding:1px 6px}.rbadge--host{background:#6366f126;color:var(--accent2)}.rbadge--offline{background:none;color:var(--muted2);font-size:8px;padding:0 4px}.divider{background:var(--border);flex-shrink:0;height:1px}.chip{background:var(--surface2);border-radius:999px;color:var(--muted);font-size:11px;padding:2px 8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.screen-fade-enter-active{transition:opacity .22s ease,transform .22s ease}.screen-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.screen-fade-enter-from{opacity:0;transform:translateY(10px)}.screen-fade-leave-to{opacity:0;transform:translateY(-6px)}.slide-down-enter-active,.slide-down-leave-active{transition:all .22s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-10px)}.reveal-enter-active{transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.reveal-leave-active{transition:opacity .2s ease}.reveal-enter-from{opacity:0;transform:translateY(16px) scale(.97)}.reveal-leave-to{opacity:0}.modal-fade-enter-active{transition:opacity .2s ease}.modal-fade-leave-active{transition:opacity .15s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active .modal{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.modal-fade-enter-from .modal{transform:scale(.93) translateY(8px)}.fade-up-enter-active{transition:all .4s ease}.fade-up-enter-from{opacity:0;transform:translateY(8px)}.list-item-enter-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.list-item-leave-active{transition:all .18s ease}.list-item-enter-from{opacity:0;transform:translate(-8px)}.list-item-leave-to{height:0;margin:0;opacity:0;padding:0;transform:translate(8px)}.list-item-move{transition:transform .25s ease}.banner-swap-enter-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.banner-swap-leave-active{transition:all .2s ease}.banner-swap-enter-from{opacity:0;transform:translateY(6px)}.banner-swap-leave-to{opacity:0;transform:translateY(-4px)}.dock-in-enter-active{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.dock-in-leave-active{transition:all .2s ease}.dock-in-enter-from{opacity:0;transform:translate(-50%) translateY(20px)}.dock-in-leave-to{opacity:0;transform:translate(-50%) translateY(12px)}.eflash-enter-active{animation:eup 2.5s ease-out forwards}.eflash-leave-active{display:none}@keyframes eup{0%{opacity:1;transform:translateY(0) scale(.3) rotate(-15deg)}30%{opacity:1;transform:translateY(-50px) scale(1.4) rotate(10deg)}to{opacity:0;transform:translateY(-120px) scale(.85)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#0a0b14;margin:0;overflow-x:hidden;padding:0}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}