@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #06111b;--bg-alt: #0c1c2d;--surface: #11283f;--surface-soft: #183a57;--surface-strong: #1f4a67;--border: #2f5e7c;--text: #f4f8fb;--text-dim: #9db3c5;--tone-primary: #37dfc9;--tone-accent: #ffad4f;--tone-highlight: #5aaeff;--success: #2cc87a;--danger: #ff5c6c;--warning: #ffbf47}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;background:radial-gradient(circle at 14% -18%,rgba(90,174,255,.3),transparent 46%),radial-gradient(circle at 87% 3%,rgba(55,223,201,.24),transparent 44%),linear-gradient(180deg,var(--bg),#050d15 84%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100%;padding:16px 16px 88px}.app-header{width:min(1240px,100%);margin:0 auto 14px;padding:16px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(circle at 86% -45%,rgba(55,223,201,.2),transparent 60%),linear-gradient(145deg,#0a1926eb,#07131ef0);display:grid;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark,.auth-brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;background:linear-gradient(135deg,var(--tone-primary),var(--tone-highlight));color:#032128}.brand-name{font-family:Space Grotesk,sans-serif;font-size:1.02rem;font-weight:700}.brand-sub{font-size:.78rem}.header-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#173449cc;color:var(--text-dim);font-size:.82rem}.shell-main{width:min(1240px,100%);margin:0 auto}.page{width:min(1160px,100%);margin:0 auto;padding:8px 0 18px}.page-modal{width:min(760px,100%)}.page h1{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.7rem,1.4rem + 1vw,2.4rem)}.no-margin,.page h2{margin:0}.center{display:flex;flex-direction:column;align-items:center;text-align:center}.center-full{min-height:76vh;display:grid;place-items:center}.center-copy{max-width:36rem}.muted{color:var(--text-dim)}.small{font-size:.86rem}.success-text{margin-top:8px;color:var(--success)}.error-text{margin-top:10px;color:var(--danger);font-size:.86rem}.top-gap{margin-top:12px}.card{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#11283ff5,#091724f5);box-shadow:0 16px 36px #0000003d;padding:18px}.stack-gap{display:grid;gap:10px}.section-title{font-size:.98rem;font-weight:700;margin:0 0 10px}.section-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-toggle{width:100%;border:none;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:8px}.field-label{margin:8px 0;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.pill,.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:.77rem;font-weight:700}.pill{border:1px solid var(--border);color:var(--text-dim);background:#173449cc}.badge-warning{background:#ffbf4729;color:var(--warning)}.badge-default{background:#ffffff14;color:var(--text-dim)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:14px}.roulette-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-bottom:14px}.roulette-main-card{background:radial-gradient(circle at 82% 14%,rgba(46,216,195,.2),transparent 42%),linear-gradient(155deg,#142e42fa,#091521f5)}.roulette-kicker{display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:999px;border:1px solid rgba(46,216,195,.45);background:#2ed8c31a;color:var(--tone-primary);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.roulette-current-mode{margin-top:10px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#08172373}.roulette-mode-icon{width:46px;height:46px;font-size:.72rem;letter-spacing:.08em}.roulette-actions{display:grid;gap:8px;margin-top:12px}.hero-start-button,.hero-cancel-button{width:100%}.hero-start-button{min-height:52px}.roulette-filter-line{margin-top:10px;border-top:1px dashed rgba(157,179,197,.35);padding-top:10px}.roulette-side-panel{display:grid;grid-template-rows:auto 1fr;gap:10px}.roadmap-mini{padding:14px}.roadmap-mini-list{display:grid;gap:7px}.roadmap-mini-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;border:1px solid var(--border);background:#0816229e;color:var(--text);text-align:left}.hero-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:linear-gradient(135deg,#2ed8c329,#4da2ff1f)}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-card{border:1px solid var(--border);border-radius:16px;padding:12px;background:#0c1d2be6;text-align:center}.metric-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.2rem}.metric-label{margin-top:4px;font-size:.76rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.mode-card,.feature-card,.reason-row,.control-card,.text-action,.outline-button,.ghost-button,.primary-button,.secondary-button,.link-button,.icon-button,.close-button{transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.mode-card:hover,.feature-card:hover,.control-card:hover,.primary-button:hover,.secondary-button:hover,.outline-button:hover,.ghost-button:hover,.text-action:hover,.icon-button:hover{transform:translateY(-1px)}.mode-card{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:1px solid var(--border);color:var(--text);text-align:left;background:linear-gradient(145deg,#132a3cf5,#0b1925f5)}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(77,162,255,.1),transparent 55%);opacity:0;transition:opacity .2s ease}.mode-card.active{background:linear-gradient(145deg,#1b394efa,#0c1e2bfa);box-shadow:0 12px 30px #00000038}.mode-card.active:after{opacity:1}.mode-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:.78rem;letter-spacing:.09em;font-weight:700;color:#062638}.mode-copy{flex:1}.mode-name{font-weight:700}.mode-desc,.feature-desc{color:var(--text-dim);font-size:.9rem;margin-top:4px}.mode-meta{margin-top:7px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#f4f8fbad}.filters-card{margin-top:8px;display:grid;gap:12px;background:radial-gradient(circle at 100% -60%,rgba(90,174,255,.16),transparent 55%),linear-gradient(180deg,#112a41f2,#0a1926f5)}.filters-head-row{margin-bottom:8px}.filters-head-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.filters-status-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px dashed rgba(157,179,197,.3)}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);border-radius:999px;padding:9px 14px;color:var(--text-dim);background:linear-gradient(180deg,#173854eb,#11293eeb)}.chip.active{border-color:var(--tone-primary);background:#2ed8c329;color:var(--tone-primary)}.chip.stretch{width:100%;justify-content:center;display:inline-flex}.three-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.primary-button,.secondary-button,.outline-button,.ghost-button{border-radius:13px;padding:13px 16px;border:1px solid transparent;font-weight:700}.primary-button{background:var(--tone-primary);color:#053034;box-shadow:0 8px 20px #2ed8c340}.secondary-button{background:var(--tone-highlight);color:#081c2f}.outline-button{background:transparent;border-color:var(--tone-primary);color:var(--tone-primary)}.ghost-button{background:transparent;border-color:var(--border);color:var(--text-dim)}.center-inline{display:inline-flex;align-items:center;justify-content:center;text-align:center}.ghost-button.danger{color:var(--danger)}.large-button{width:100%;margin:18px 0 12px}.wide-button{width:100%}.square-button{padding:12px 14px;min-width:48px}.success-button,.danger-button{border-radius:12px;padding:11px 16px;border:none;color:#fff;font-weight:700}.success-button{background:var(--success)}.danger-button{background:var(--danger)}.close-button,.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-dim)}.primary-text{color:var(--tone-primary)}.feature-card{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roadmap-card{align-items:flex-start;flex-direction:column;gap:10px}.roadmap-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px}.stage-pill{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(77,162,255,.5);background:#4da2ff26;color:var(--tone-highlight);font-size:.72rem;font-weight:700;letter-spacing:.06em}.roadmap-desc{margin:0 0 10px}.feature-copy{flex:1;text-align:left}.feature-name{font-weight:700}.disabled-look{opacity:.62}.empty-state{min-height:280px}.big-round-icon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:#4da2ff29;color:var(--tone-highlight);font-family:Space Grotesk,sans-serif;font-size:1.55rem;font-weight:700}.big-round-icon.secondary{color:var(--tone-highlight)}.big-round-icon.success{color:var(--success);background:#2cc87a29}.big-round-icon.warning{color:var(--warning);background:#ffbf472e}.big-round-icon.danger{color:var(--danger);background:#ff5c6c29}.member-list{display:grid;gap:10px}.member-row{display:flex;align-items:center;gap:12px}.member-main{flex:1}.member-name{font-weight:600}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff}.big-avatar{width:84px;height:84px;font-size:2rem}.inline-form{display:flex;gap:8px;align-items:center}.text-input,.select-input,.text-area{width:100%;border-radius:12px;border:1px solid var(--border);padding:11px 13px;color:var(--text);background:var(--surface-soft)}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:46px;background:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%) calc(100% - 18px) calc(50% - 2px) / 8px 8px no-repeat,linear-gradient(135deg,var(--text-dim) 50%,transparent 50%) calc(100% - 12px) calc(50% - 2px) / 8px 8px no-repeat,var(--surface-soft);padding-right:40px}.select-input:disabled{opacity:.58;cursor:not-allowed}.text-area{min-height:88px;resize:vertical;margin-top:10px}.text-action{border:none;background:transparent;color:var(--text);font-size:1.1rem;font-weight:600}.toggle-row,.kv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.stack-list{display:grid;gap:8px}.feature-card.static{cursor:default}.filters-form-grid,.settings-form-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.select-stack{display:grid;gap:8px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;border:1px solid transparent}.status-pill.status-online{color:var(--success);background:#2cc87a1f;border-color:#2cc87a59}.status-pill.status-offline{color:var(--danger);background:#ff5c6c1f;border-color:#ff5c6c59}.status-pill.status-checking{color:var(--warning);background:#ffbf4724;border-color:#ffbf4759}.profile-connection-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wallet-topup-grid,.profile-footer-actions,.support-grid,.auth-secondary-actions{display:grid;gap:10px}.wallet-topup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-topup-card{min-height:78px;display:grid;gap:6px;align-content:center;justify-items:start;text-align:left}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-footer-actions,.auth-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.auth-verify-intro{display:grid;gap:6px}.invite-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.mono-box{border:1px solid var(--border);border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-soft);overflow:auto}.token-box{min-width:min(420px,100%)}.tabbar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(560px,calc(100% - 20px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:16px;border:1px solid rgba(77,162,255,.35);background:radial-gradient(circle at 50% -140%,rgba(77,162,255,.26),transparent 70%),#081723eb;padding:8px;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar-link{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;border:1px solid transparent;color:var(--text-dim);font-size:.84rem}.tabbar-link.active{background:linear-gradient(155deg,#2ed8c333,#4da2ff29);border-color:#2ed8c373;color:var(--tone-primary)}.tabbar-icon{font-family:Space Grotesk,sans-serif;font-size:.8rem;letter-spacing:.07em}.room-page{padding-bottom:18px}.room-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.room-header-info{text-align:center}.timer-section{display:flex;justify-content:center;margin-bottom:16px}.timer-ring{--size: 220px;--thickness: 10px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--ring-color, var(--tone-primary)) calc(var(--progress, 1) * 360deg),rgba(255,255,255,.08) 0);display:grid;place-items:center;padding:var(--thickness)}.timer-ring.primary{--ring-color: var(--tone-primary)}.timer-ring.warning{--ring-color: var(--warning)}.timer-ring.danger{--ring-color: var(--danger)}.timer-center{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 40% 20%,#1e4159f2,#091420f7)}.timer-display{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:500}.timer-display.ended{color:var(--text-dim)}.timer-caption{color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.participants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.participant-card{position:relative;border-radius:16px;border:1px solid var(--border);background:var(--surface);padding:12px;text-align:center}.participant-name{margin-top:8px;font-weight:700;font-size:.9rem}.participant-flags{margin-top:4px;min-height:20px;font-size:.78rem;color:var(--text-dim)}.self-video,.remote-video{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.self-card{border-color:var(--tone-primary)}.disconnected{opacity:.5}.report-flag{position:absolute;top:8px;right:8px;border:none;background:transparent;color:var(--text-dim)}.link-button{border:none;background:transparent;color:var(--tone-primary);font-weight:700;padding:0}.small-link{margin-top:8px;font-size:.78rem}.participant-actions{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.vote-banner{border-radius:16px;border:1px solid var(--border);padding:16px;margin-bottom:12px;text-align:center;background:var(--surface-strong)}.vote-title{font-size:.75rem;color:var(--warning);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.vote-target{font-size:1.25rem;margin-top:6px;font-weight:700}.vote-actions{margin-top:12px;display:flex;justify-content:center;gap:8px}.toast-center{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:30;pointer-events:none}.thin-card{min-width:220px}.room-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.control-card{border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-height:66px;padding:12px 8px}.danger-outline{border-color:#ff5c6c80;color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080ed1;display:grid;place-items:center;padding:16px;z-index:40}.overlay-card{width:min(420px,100%)}.modal-card{width:min(560px,100%)}.reason-row{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);text-align:left;padding:11px 12px}.reason-row.active{border-color:var(--tone-primary);color:var(--tone-primary);background:#2ed8c324}.loader{width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--tone-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{width:min(820px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-hero{border:1px solid var(--border);border-radius:18px;padding:22px;background:linear-gradient(160deg,#4da2ff33,#2ed8c31f)}.auth-card{width:100%}@media (max-width: 920px){.hero-grid,.roulette-hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid,.roadmap-grid{grid-template-columns:1fr}.participants-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-layout,.filters-form-grid,.settings-form-grid{grid-template-columns:1fr}}@media (max-width: 680px){.app-shell{padding:10px 10px 86px}.app-header{padding:10px 12px}.header-badge{font-size:.74rem;padding:5px 8px}.three-grid,.hero-metrics,.profile-connection-actions,.invite-row,.participants-grid{grid-template-columns:1fr}.timer-ring{--size: 180px}}.shell-header{align-items:stretch}.shell-primary-row,.shell-secondary-row{display:flex;align-items:center;gap:12px}.shell-primary-row{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(300px,auto);align-items:center;gap:14px}.shell-secondary-row{justify-content:flex-end;flex-wrap:wrap}.shell-utility-row{display:grid;justify-items:end;gap:10px}.shell-header-side,.shell-doc-links,.shell-quick-controls,.party-actions-grid,.party-link-grid,.legal-grid{display:grid;gap:10px}.shell-header-side{display:flex;align-items:center;justify-content:flex-end}.shell-status-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.shell-quick-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.shell-nav{display:none;flex:1;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;min-width:min(440px,100%)}.shell-nav-link,.header-link-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#0817238c;color:var(--text-dim)}.shell-nav-link.active,.header-link-pill.active{color:var(--text);border-color:#2ed8c373;background:linear-gradient(155deg,#2ed8c32e,#4da2ff24)}.shell-doc-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.quick-locale-select{display:inline-grid;gap:6px;min-width:170px}.quick-locale-select span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.compact-select{min-height:40px;padding-top:8px;padding-bottom:8px;border-radius:999px}.support-link-pill{white-space:nowrap}.action-banner{display:flex;align-items:center;justify-content:space-between}.party-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.party-invite-card{min-height:132px;text-align:left}.party-invite-card.private{background:linear-gradient(145deg,#224168eb,#0f1d2bf5)}.party-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page-legal{display:grid;gap:14px}.legal-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.legal-back-button{min-width:120px}.legal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legal-card{display:grid;gap:12px}.legal-list{display:grid;gap:10px}.admin-report-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#08172380;display:grid;gap:10px}.admin-inline-note{text-align:right;max-width:70%}@media (min-width: 921px){.shell-nav{display:flex}.tabbar{display:none}}@media (max-width: 920px){.shell-primary-row{grid-template-columns:1fr}.shell-utility-row{justify-items:stretch}.shell-header-side,.shell-utility-row,.party-link-grid,.party-actions-grid,.legal-grid{grid-template-columns:1fr}.shell-primary-row,.shell-secondary-row{align-items:stretch}.shell-status-row,.shell-header-side,.shell-quick-controls,.shell-doc-links{justify-content:flex-start}}@media (max-width: 680px){.page,.shell-nav-link,.header-link-pill,.quick-locale-select{width:100%}.kv-row{flex-direction:column;align-items:flex-start}.compact-grid,.wallet-topup-grid,.profile-footer-actions,.auth-secondary-actions{grid-template-columns:1fr}.legal-hero-row{flex-direction:column}.filters-status-line{flex-direction:column;align-items:flex-start}}