:root{--bg:#050b14;--panel:#0c1727;--panel2:#111f33;--line:#223650;--text:#f7f9ff;--muted:#a7b7ca;--blue:#2388ff;--cyan:#35d8ff;--violet:#775cff;--green:#39d98a;--danger:#ff6b7a;--radius:22px;--shadow:0 28px 80px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:18px}body{margin:0;background:radial-gradient(circle at 80% 0,#102c52 0,#050b14 36%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1380px,calc(100% - 40px));margin:auto}.nav{min-height:92px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.22rem;font-weight:900;letter-spacing:-.04em;margin-right:auto}.brand img{width:50px;height:50px;object-fit:contain}.nav-links{display:flex;gap:28px}.nav-links a{color:var(--muted);text-decoration:none;font-weight:750;font-size:.82rem}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-actions{display:flex;gap:10px}.button,.nav-actions button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;min-height:48px;padding:0 18px;font-weight:850;font-size:.78rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button.primary,.nav-actions .primary{background:linear-gradient(135deg,var(--blue),#1562ff);border-color:transparent;box-shadow:0 14px 35px #1674ff42}.hero{min-height:760px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:80px 0}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:.72rem;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(64px,7.7vw,112px);line-height:.87;letter-spacing:-.07em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p,.page-hero p{font-size:1.08rem;color:var(--muted);max-width:620px}.hero-buttons{display:flex;gap:12px;margin:34px 0}.proof{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.76rem}.proof span:before{content:"✓";color:var(--green);margin-right:7px}.chat-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);min-width:0}.chat-top{height:50px;background:#091321;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted)}.chat-top strong{margin-left:auto;color:var(--green)}.radio{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(90deg,#11284a,#0d1b2e);border-bottom:1px solid var(--line)}.radio button{width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:white;cursor:pointer}.radio b,.radio small{display:block}.radio small{color:var(--muted);font-size:.72rem}.room-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.room-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-weight:950}.room-head small{display:block;color:var(--muted)}.version{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:5px 10px;color:var(--cyan);font-size:.68rem;font-weight:900}.pin{padding:12px 20px;background:#112643;color:#cce4ff;border-bottom:1px solid #2a4f79;font-size:.78rem}.chat-body{display:grid;grid-template-columns:1fr 180px;height:340px}.messages{padding:20px;overflow:auto}.message{display:grid;grid-template-columns:40px 1fr;gap:11px;margin:0 0 18px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-size:.68rem;font-weight:900}.message b{font-size:.82rem}.message time{color:#71839a;font-size:.62rem;margin-left:8px}.message p{color:#c0ccda;margin:3px 0;font-size:.82rem}.members{border-left:1px solid var(--line);background:#091523;padding:18px 14px}.members h3{font-size:.78rem;margin:0 0 14px}.member{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;margin:10px 0}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:13px;border-top:1px solid var(--line)}.composer input{height:50px;background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:0 14px;outline:none}.composer button{border:0;border-radius:12px;background:var(--blue);color:white;padding:0 24px;font-weight:900}.retention{text-align:center;color:#8799ae;font-size:.66rem;padding:0 12px 10px}.section{padding:110px 0}.section-head{max-width:760px;margin-bottom:48px}.section h2{font-size:clamp(44px,5.5vw,76px);letter-spacing:-.055em;line-height:.95;margin:15px 0}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,var(--panel),#091321);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0;overflow:hidden}.card h3{font-size:1.15rem;margin:20px 0 8px}.card p{color:var(--muted);font-size:.86rem}.mini-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#173c70,#10223a);color:var(--cyan);font-size:1.4rem}.art-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.art-panel img{width:100%;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.footer{background:#02060c;border-top:1px solid var(--line);padding:65px 0 32px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:45px}.footer p,.footer a,.footer span{color:var(--muted);font-size:.8rem}.footer-col{display:grid;align-content:start;gap:9px}.footer-col a{text-decoration:none}.footer-col a:hover{color:var(--cyan)}.copyright{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;color:#71839a;font-size:.72rem}.page-hero{padding:95px 0 70px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}.page-hero img{width:100%;border-radius:28px;border:1px solid var(--line)}.legal{padding:70px 0 110px}.legal article{max-width:980px;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,6vw,70px);box-shadow:var(--shadow)}.legal h1{font-size:clamp(46px,7vw,78px);letter-spacing:-.06em;margin:0 0 18px}.legal h2{font-size:1.35rem;margin-top:36px}.legal p,.legal li{color:var(--muted)}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:50}.modal[hidden]{display:none}.modal-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px;position:relative}.modal-card h2{font-size:2rem;margin:8px 0}.modal-card label{display:grid;gap:7px;margin:14px 0;font-size:.8rem;font-weight:800}.modal-card input{height:50px;width:100%;min-width:0;background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 12px}.close{position:absolute;right:16px;top:14px;background:none;border:0;color:white;font-size:1.5rem}.status{color:var(--danger);font-size:.76rem}.dashboard{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.side{padding:26px;background:#07111e;border-right:1px solid var(--line)}.side nav{display:grid;gap:8px;margin-top:40px}.side nav a{padding:13px;border-radius:10px;text-decoration:none;color:var(--muted)}.side nav a.active{background:#142740;color:white}.main-panel{padding:40px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.stat b{font-size:1.8rem;display:block}.table-card{margin-top:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:.78rem}.table-card th{color:var(--muted)}.room-settings-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.room-settings-form label{display:grid;gap:7px;color:var(--muted);font-size:.78rem}.room-settings-form input,.room-settings-form textarea{width:100%;min-width:0;background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.room-settings-form textarea{min-height:100px}.room-settings-form button{width:max-content}.price-card{display:flex;flex-direction:column;align-items:flex-start}.price-card .button{margin-top:auto}.checkout-box{min-height:180px;margin-top:18px}.checkout-box:empty{display:none}.checkout-note{color:var(--muted);font-size:.78rem}@media(max-width:980px){.nav-links{display:none}.hero,.page-hero,.art-panel{grid-template-columns:1fr}.hero{padding-top:50px}.grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}}@media(max-width:640px){html{font-size:16px}.wrap{width:min(100% - 24px,1380px)}.nav{min-height:76px}.brand img{width:42px;height:42px}.nav-actions .hide-mobile{display:none}.hero h1,.page-hero h1{font-size:56px}.hero-buttons{flex-direction:column}.chat-body{grid-template-columns:1fr}.members{display:none}.grid,.footer-grid,.stats{grid-template-columns:1fr}.section{padding:75px 0}.main-panel{padding:24px 12px}.room-settings-form{grid-template-columns:1fr}.chat-card{border-radius:16px}.chat-top{padding-inline:12px}.radio,.room-head{padding-inline:14px}.composer{grid-template-columns:minmax(0,1fr) auto}.composer button{padding-inline:16px}.modal-card{padding:24px 18px}.page-hero{padding-top:55px}}
.composer-tools{display:flex;gap:7px}.composer-tools button{min-width:48px;padding:0 10px;background:var(--panel2);border:1px solid var(--line);color:var(--text)}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px;background:#091523;border-top:1px solid var(--line);padding:10px 14px}.emoji-picker[hidden]{display:none}.emoji-picker button{border:0;background:var(--panel2);border-radius:8px;font-size:1.15rem;padding:6px;cursor:pointer}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.embed-code{width:100%;min-height:105px;background:#07111e;color:#a9c8ea;border:1px solid var(--line);border-radius:10px;padding:12px}.admin-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.admin-select{background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.system-check{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.system-check.pass{border-color:#22764e}.system-check.fail{border-color:#9b3441}@media(max-width:640px){.composer{grid-template-columns:minmax(0,1fr) auto}.composer-tools{grid-row:2}.composer>button[type=submit]{grid-row:2}.system-grid{grid-template-columns:1fr}}
.message-gif{display:block;max-width:min(280px,100%);border-radius:14px;margin-top:8px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-heading h1{margin:6px 0}.panel-heading p{color:var(--muted);margin:0}.editor-card{margin-top:22px}.room-tile{text-align:left;color:inherit;cursor:pointer}.room-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.room-badges span{background:#142740;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:#bed4ed;font-size:.68rem}.embed-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.embed-panel textarea{width:100%;min-height:96px;background:#07111e;color:#a9c8ea;border:1px solid var(--line);border-radius:10px;padding:12px}.system-card{margin:22px 0}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check{display:block;border:1px solid var(--line);border-radius:12px;padding:14px}.check small{display:block;color:var(--muted);margin-top:5px}.check.ok{border-color:#22764e}.check.warn{border-color:#9b7934}.check.bad{border-color:#9b3441}.small-button{display:inline-flex;align-items:center;min-height:34px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:#142740;color:var(--text);text-decoration:none;cursor:pointer}.button.danger{border-color:#7a2c37;color:#ffabb4}.table-card h2{padding:0 18px}.table-scroll{overflow:auto}@media(max-width:640px){.panel-heading{display:block}.panel-heading .hero-buttons{margin:16px 0}.check-grid{grid-template-columns:1fr}}
.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 85% 0,#102c52 0,#050b14 38%)}.dashboard .side{position:sticky;top:0;height:100vh;background:#07111e;border-right:1px solid var(--line);padding:28px 22px}.dashboard .side nav{display:grid;gap:8px;margin-top:42px}.dashboard .side nav a{min-height:46px;display:flex;align-items:center;padding:0 14px;border-radius:11px;text-decoration:none;color:var(--muted);font-weight:750}.dashboard .side nav a:hover,.dashboard .side nav a.active{background:#142740;color:var(--text)}.dashboard .main-panel{width:min(1220px,100%);padding:46px 40px 80px}.dashboard .main-panel>h1,.dashboard .panel-heading h1{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em}.dashboard .card,.dashboard .table-card,.dashboard .stat{background:linear-gradient(145deg,#0c1727,#091321);border:1px solid var(--line);box-shadow:0 18px 45px #0003}.dashboard input,.dashboard textarea,.dashboard select{background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.dashboard button,.dashboard .button{min-height:44px}.dashboard .panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}@media(max-width:900px){.dashboard{grid-template-columns:1fr}.dashboard .side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.dashboard .side nav{grid-template-columns:repeat(3,1fr);margin-top:20px}.dashboard .main-panel{padding:30px 18px 65px}}@media(max-width:600px){.dashboard .side nav{grid-template-columns:1fr 1fr}.dashboard .panel-heading{display:block}}

.advanced-grid,.addon-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.tool-card{background:#091523;border:1px solid var(--line);border-radius:16px;padding:18px}.tool-card label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:.78rem}.tool-card input,.tool-card textarea{width:100%}.tool-card.locked{opacity:.45;pointer-events:none}.reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.reactions button{border:1px solid var(--line);border-radius:999px;background:#101f33;color:var(--text);padding:3px 8px;cursor:pointer}.avatar[style]{background-size:cover;background-position:center;color:transparent}body[data-room-theme="night"]{--blue:#775cff;--cyan:#b7a8ff}body[data-room-theme="terminal"]{--blue:#1ed760;--cyan:#7dff9f}@media(max-width:700px){.advanced-grid,.addon-status-grid{grid-template-columns:1fr}}

.chat-window .chat-card{overflow:hidden!important}.chat-window .chat-body{flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important}.chat-window .messages{min-height:0!important;height:100%!important;overflow-y:auto!important;padding-bottom:32px!important;scroll-padding-bottom:32px}.chat-window .members{min-height:0;overflow-y:auto}.chat-window .composer{position:relative!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;z-index:20;background:#0c1727}.chat-window .composer input{min-width:0}.chat-window .retention{flex:0 0 auto;background:#0c1727;padding:8px 12px 12px}.chat-window .message:last-child{margin-bottom:10px}@media(max-width:640px){.chat-window .chat-body{grid-template-columns:minmax(0,1fr)!important}}

.equalizer{height:34px;display:flex;align-items:flex-end;gap:3px;padding:4px}.equalizer i{display:block;width:4px;height:9px;border-radius:4px;background:linear-gradient(var(--cyan),var(--blue));transform-origin:bottom}.equalizer.playing i{animation:wave-eq .72s ease-in-out infinite alternate}.equalizer.playing i:nth-child(2){animation-delay:-.45s}.equalizer.playing i:nth-child(3){animation-delay:-.2s}.equalizer.playing i:nth-child(4){animation-delay:-.6s}.equalizer.playing i:nth-child(5){animation-delay:-.32s}@keyframes wave-eq{from{height:7px;opacity:.65}to{height:28px;opacity:1}}@media(prefers-reduced-motion:reduce){.equalizer.playing i{animation:none;height:15px}}

.message-gif{display:block;width:280px!important;max-width:100%!important;height:158px!important;object-fit:contain;background:#07111e}

#pricing .grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}#pricing .price-card{min-height:560px}#pricing .price-card h3{font-size:1.7rem;margin:12px 0}#pricing .price-card>p{min-height:54px}#pricing .price-card ul{list-style:none;padding:0;margin:12px 0 28px;display:grid;gap:10px}#pricing .price-card li{color:#c7d4e4;font-size:.78rem;padding-left:22px;position:relative}#pricing .price-card li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}#pricing .price-card.featured{border-color:#2388ff;box-shadow:0 20px 60px #1379ff30}@media(max-width:1100px){#pricing .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pricing .price-card{min-height:0}}@media(max-width:640px){#pricing .grid{grid-template-columns:1fr}}

#save-confirmation{position:fixed;left:50%;bottom:28px;z-index:200;translate:-50% 28px;opacity:0;pointer-events:none;min-width:240px;max-width:min(520px,calc(100% - 28px));padding:15px 20px;border-radius:14px;background:#103c29;border:1px solid #39d98a;color:#e7fff1;text-align:center;font-weight:900;box-shadow:0 22px 60px #000b;transition:opacity .2s,translate .2s}#save-confirmation.show{opacity:1;translate:-50% 0}#save-confirmation.bad{background:#451c24;border-color:#ff6b7a;color:#fff0f2}

:root{color-scheme:dark}
.dashboard,.dashboard .main-panel,.dashboard .card,.dashboard .table-card,.dashboard .stat,.dashboard .system-card,.dashboard .tool-card{color:var(--text)}
.dashboard input,.dashboard textarea,.dashboard select,.dashboard option{background:#07111e!important;color:#f7f9ff!important;border-color:#223650!important}
.dashboard button,.dashboard .button{color:#f7f9ff}
.dashboard #dash-status,.dashboard #admin-status{display:inline-block;min-height:38px;padding:8px 13px;border-radius:10px;background:#102b22;border:1px solid #2c825e;color:#d9ffec;font-weight:800;box-shadow:0 8px 25px #0005}.dashboard #dash-status:empty,.dashboard #admin-status:empty{display:none}
.chat-card,.composer{position:relative}.emoji-picker,.gif-picker{position:absolute;right:70px;bottom:74px;z-index:25;width:min(330px,calc(100% - 24px));background:#091523;border:1px solid #2d4969;border-radius:16px;padding:12px;box-shadow:0 20px 55px #000b}.emoji-picker{display:grid;grid-template-columns:repeat(6,1fr)}.emoji-picker[hidden],.gif-picker[hidden]{display:none}.gif-picker{display:grid;gap:10px}.gif-picker strong{font-size:.9rem}.gif-picker input{width:100%;background:#07111e;color:#f7f9ff;border:1px solid #2d4969;border-radius:10px;padding:11px}.gif-picker small{color:#a7b7ca}.picker-close{position:absolute;right:8px;top:6px!important;min-width:34px!important;height:34px!important;padding:0!important;background:transparent!important;font-size:1.2rem}.messages{overflow-anchor:none}.message{overflow-anchor:auto}#waveline-toast{position:fixed;left:50%;bottom:30px;translate:-50% 30px;z-index:100;background:#123b2a;color:#eafff4;border:1px solid #39d98a;border-radius:12px;padding:13px 20px;opacity:0;pointer-events:none;transition:.2s}#waveline-toast.show{opacity:1;translate:-50% 0}#waveline-toast.bad{background:#431b23;border-color:#ff6b7a}.chat-window{overflow:hidden}.chat-window>.nav,.chat-window main>.hero>.hero-copy,.chat-window main>.section,.chat-window footer{display:none}.chat-window main,.chat-window .hero{width:100%;max-width:none;height:100vh;min-height:0;padding:0;margin:0;display:block}.chat-window .chat-card{height:100vh;border-radius:0;border:0;display:flex;flex-direction:column}.chat-window .chat-body{height:auto;min-height:0;flex:1}.chat-window .messages{height:100%}@media(max-width:640px){.emoji-picker,.gif-picker{right:12px;bottom:126px}.chat-window .members{display:none}}
.chat-link{color:#69b7ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.chat-link:hover{color:#a8d8ff}
.auth-help-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.forgot-password{min-height:44px;border:1px solid #31506f;border-radius:11px;background:#102035;color:#8bc8ff;padding:9px 12px;cursor:pointer;font-size:.72rem;font-weight:900;text-decoration:none}.forgot-password:hover{border-color:#69b7ff;background:#142b47;color:#fff}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.theme-card{min-height:220px;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);box-shadow:var(--shadow)}.theme-card span{margin-bottom:auto;font-weight:900;opacity:.7}.theme-card b{font-size:1.45rem}.theme-card small{opacity:.75}.theme-blue{background:linear-gradient(145deg,#1677ff,#071a34)}.theme-night{background:linear-gradient(145deg,#161f32,#02050a)}.theme-terminal{background:linear-gradient(145deg,#07160e,#001f0c);color:#69ff98;font-family:monospace}.paypal-brand{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 15px;border-radius:12px;background:#fff;color:#063b79}.paypal-brand small{color:#53667b}.paypal-mark{width:30px;height:30px;border-radius:8px;background:#0878ce;color:#fff;display:grid;place-items:center;font-weight:950;font-style:italic}#room-list{margin-top:30px}.room-settings-form input[readonly]{background:#0b1420;color:#91a3b9;cursor:not-allowed}.delete-room{margin-left:8px;background:#7c1f2a!important;color:#fff!important}.dashboard #pack-summary{margin-bottom:10px}@media(max-width:700px){.theme-grid{grid-template-columns:1fr}.auth-help-actions{grid-template-columns:1fr}}
.room-settings-form label.toggle{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:66px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel2),#091321);color:var(--text);font-weight:850}.room-settings-form label.toggle input{width:22px;height:22px;min-width:22px;accent-color:var(--blue)}
.contact-form{display:grid;gap:16px;margin-top:30px}.contact-form label{display:grid;gap:7px;color:var(--muted);font-weight:750}.contact-form input,.contact-form textarea{width:100%;background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px}.contact-form textarea{min-height:180px;resize:vertical}.contact-form .bot-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-form #contact-status{color:var(--cyan);min-height:1.5em}
.account-overview,.admin-overview{margin:24px 0 30px;padding:26px;display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:28px;align-items:center;overflow:visible}.account-overview h2,.admin-overview h2{margin:5px 0;font-size:1.7rem}.account-overview p,.admin-overview p,.section-help{color:var(--muted)}.account-facts,.overview-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-facts span,.overview-numbers span{background:#07111e;border:1px solid var(--line);border-radius:13px;padding:15px}.account-facts small,.overview-numbers small{display:block;color:var(--muted);font-size:.68rem}.account-facts b,.overview-numbers b{display:block;margin-top:5px;font-size:1.1rem;overflow-wrap:anywhere}.dashboard #pack-summary{display:none}.table-card>h2,.table-card>.section-help{padding-inline:20px}.contact-inbox{display:grid;gap:12px;padding:18px}.contact-inbox article{background:#07111e;border:1px solid var(--line);border-radius:14px;padding:16px}.contact-inbox header{display:grid;grid-template-columns:1fr auto;gap:4px 20px}.contact-inbox header small{color:var(--muted)}.contact-inbox header a{color:#69b7ff}.contact-inbox article p{white-space:pre-wrap;color:#c6d1df}@media(max-width:900px){.account-overview,.admin-overview{grid-template-columns:1fr}.account-facts,.overview-numbers{grid-template-columns:1fr 1fr}}@media(max-width:540px){.account-facts,.overview-numbers{grid-template-columns:1fr}.contact-inbox header{grid-template-columns:1fr}}
.footer-brand-box{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d1a2a,#07111e);align-self:start}.footer-brand-box p{margin:12px 0 0;color:var(--muted);line-height:1.6}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.capability-grid article{position:relative;min-height:220px;padding:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101d2d,#07111e);box-shadow:var(--shadow);overflow:hidden}.capability-grid article:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-55px;background:#2388ff18}.capability-grid span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2388ff22;color:#74bdff;font-weight:900}.capability-grid h3{margin:34px 0 9px;font-size:1.3rem}.capability-grid p{margin:0;color:var(--muted);line-height:1.65}.pricing-page{padding:70px 0 90px}.pricing-hero{padding:48px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 10%,#2388ff26,transparent 38%),linear-gradient(145deg,#101d2d,#07111e);margin-bottom:30px}.pricing-hero h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;margin:14px 0}.pricing-hero p{max-width:700px;color:var(--muted);font-size:1.1rem}.pricing-page .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pricing-page .price-card{display:flex;flex-direction:column}.pricing-page .price-card ul{flex:1;padding-left:20px;color:var(--muted);line-height:1.8}.pricing-page .price-card .button{width:100%;text-align:center}.pricing-page .secure-payment{display:flex;justify-content:center;margin-top:30px}
.dashboard{display:block;min-height:100vh;background:#040a12}.dashboard>.side{position:sticky;top:0;z-index:50;width:100%;height:auto;min-height:auto;padding:16px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;border-right:0;border-bottom:1px solid var(--line);background:#050c15ee;backdrop-filter:blur(16px)}.dashboard>.side nav{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.dashboard>.side nav a{padding:10px 13px;border-radius:9px}.dashboard>.main-panel{width:min(1200px,calc(100% - 40px));max-width:1200px;margin:0 auto;padding:42px 0 90px}.dashboard .panel-heading{min-height:270px;margin:10px 0 34px;padding:42px;align-items:flex-end;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 88% 12%,#2388ff25,transparent 38%),linear-gradient(145deg,#101d2d,#07111e);overflow:hidden}.dashboard .panel-heading h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.95;margin:8px 0 18px}.dashboard .panel-heading p{max-width:640px}.dashboard .stats,.dashboard #room-list,.dashboard .advanced-grid{gap:16px}.dashboard .card,.dashboard .table-card,.dashboard .stat,.dashboard .system-card,.dashboard .tool-card{border-radius:18px;background:linear-gradient(145deg,#0d1927,#07111e);border:1px solid var(--line)}.control-links{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:-8px 0 28px}.control-links a{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#091523;color:var(--text);text-decoration:none;transition:.2s}.control-links a:hover{border-color:#2388ff;translate:0 -2px;background:#0d1d30}.control-links b{font-size:.95rem}.control-links small{margin-top:4px;color:var(--muted);line-height:1.35}.dashboard #room-list,.dashboard #users,.dashboard #rooms,.dashboard #paypal,.dashboard #admin-inbox{scroll-margin-top:110px}
@media(max-width:1000px){.pricing-page .pricing-grid{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr 1fr}.dashboard>.side{align-items:flex-start;flex-direction:column}.dashboard>.side nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.dashboard>.side nav a{white-space:nowrap}.dashboard .panel-heading{align-items:flex-start;flex-direction:column;justify-content:flex-end}.control-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.pricing-page{padding-top:30px}.pricing-hero{padding:30px 22px}.pricing-page .pricing-grid,.capability-grid{grid-template-columns:1fr}.dashboard>.main-panel{width:min(100% - 24px,1200px)}.dashboard .panel-heading{padding:28px 22px;min-height:240px}.dashboard>.side{padding:14px}.footer-brand-box{padding:16px}.control-links{grid-template-columns:1fr 1fr}.control-links a{min-height:78px}}
.player-builder{padding:64px 0 90px}.player-builder-intro{max-width:900px;margin-bottom:34px}.player-builder-intro h1{font-size:clamp(3rem,8vw,6rem);line-height:.92;margin:14px 0}.player-builder-intro p{max-width:760px;color:var(--muted);font-size:1.15rem;line-height:1.7}.player-builder-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:22px;align-items:start}.player-controls,.player-preview-panel{padding:28px}.player-controls{display:grid;gap:16px}.player-controls h2{margin:0 0 4px}.player-controls label,.embed-result label{display:grid;gap:7px;color:var(--muted);font-weight:800}.player-controls input:not([type=checkbox]):not([type=color]),.player-controls select,.embed-result textarea{width:100%;background:#06101c;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit}.player-controls input[type=color]{width:100%;height:48px;padding:4px;background:#06101c;border:1px solid var(--line);border-radius:12px}.player-controls .check-row{display:flex;align-items:center;gap:10px;color:var(--text)}.player-controls .check-row input{width:20px;height:20px;accent-color:var(--blue)}.field-help{display:block;margin-top:-9px;color:var(--muted);line-height:1.45}.builder-actions{display:flex;gap:10px;flex-wrap:wrap}.builder-actions .button{cursor:pointer}.player-preview-panel{min-height:470px;background:radial-gradient(circle at 90% 5%,#2388ff21,transparent 35%),linear-gradient(145deg,#0d1927,#07111e)}.waveline-player{--player-accent:#2f8cff;position:relative;display:flex;align-items:center;gap:18px;min-height:170px;margin-top:22px;padding:26px;border:1px solid color-mix(in srgb,var(--player-accent) 55%,#26384d);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--player-accent) 16%,#0a1522),#050b13);box-shadow:0 20px 55px #0008;overflow:hidden}.waveline-player:after{content:'';position:absolute;inset:auto -55px -75px auto;width:180px;height:180px;border-radius:50%;background:var(--player-accent);filter:blur(65px);opacity:.25}.player-play{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;min-width:58px;border:0;border-radius:50%;background:var(--player-accent);color:white;font-size:1.25rem;cursor:pointer;box-shadow:0 10px 30px color-mix(in srgb,var(--player-accent) 45%,transparent)}.player-copy{position:relative;z-index:2;display:grid;gap:5px;min-width:0;flex:1}.player-copy b{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy small{color:var(--muted)}.player-volume{position:relative;z-index:2;width:110px;accent-color:var(--player-accent)}.player-equalizer{position:relative;z-index:2;display:flex;align-items:center;gap:3px;height:38px}.player-equalizer i{display:block;width:4px;height:9px;border-radius:3px;background:var(--player-accent)}.waveline-player.is-playing .player-equalizer i{animation:waveline-eq .7s ease-in-out infinite alternate}.waveline-player.is-playing .player-equalizer i:nth-child(2){animation-delay:-.35s}.waveline-player.is-playing .player-equalizer i:nth-child(3){animation-delay:-.15s}.waveline-player.is-playing .player-equalizer i:nth-child(4){animation-delay:-.5s}.waveline-player.is-playing .player-equalizer i:nth-child(5){animation-delay:-.25s}@keyframes waveline-eq{to{height:34px}}.waveline-player.style-compact{min-height:92px;padding:16px;border-radius:15px}.style-compact .player-play{width:48px;height:48px;min-width:48px}.style-compact .player-equalizer{display:none}.waveline-player.style-neon{border-color:var(--player-accent);background:#03070d;box-shadow:0 0 25px color-mix(in srgb,var(--player-accent) 28%,transparent),inset 0 0 30px color-mix(in srgb,var(--player-accent) 8%,transparent)}.style-neon .player-copy b,.style-neon .player-equalizer{color:var(--player-accent);text-shadow:0 0 16px var(--player-accent)}.embed-result{display:grid;gap:8px;margin-top:24px}.embed-result textarea{min-height:120px;resize:vertical;color:#bcd1ea}.player-style-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.player-style-guide article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#08131f}.player-style-guide span{color:var(--cyan);font-weight:900}.player-style-guide h2{margin:22px 0 8px;font-size:1.25rem}.player-style-guide p{margin:0;color:var(--muted);line-height:1.6}.player-embed{background:transparent}.player-embed .player-builder{width:100%;padding:0}.player-embed .player-builder-grid{display:block}.player-embed .player-preview-panel{min-height:0;padding:0;border:0;background:transparent}.player-embed .player-preview-panel>.eyebrow{display:none}.player-embed .waveline-player{margin:0;min-height:170px}.player-embed .player-volume{margin-right:12px}@media(max-width:900px){.player-builder-grid{grid-template-columns:1fr}.player-style-guide{grid-template-columns:1fr}.player-preview-panel{min-height:390px}}@media(max-width:600px){.player-builder{width:min(100% - 24px,1200px);padding-top:34px}.player-controls,.player-preview-panel{padding:20px}.waveline-player{gap:12px;padding:18px}.player-volume{display:none}.player-equalizer{display:none}.player-style-guide{gap:12px}}
.dashboard.panel-shell{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;min-height:100vh;background:#040a12}.dashboard.panel-shell>.panel-sidebar{position:sticky;inset:0 auto auto 0;z-index:50;width:270px;height:100vh;min-height:100vh;padding:28px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;border-right:1px solid var(--line);border-bottom:0;background:linear-gradient(180deg,#081421,#050b13);backdrop-filter:none}.panel-sidebar .brand{padding:0 8px}.side-account{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b1826}.side-account small{color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.14em}.side-account b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard.panel-shell>.panel-sidebar nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;overflow:visible;flex-wrap:nowrap}.panel-sidebar nav a{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-weight:800;text-decoration:none;white-space:normal}.panel-sidebar nav a span{display:grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:8px;background:#101f30;color:#6db8ff;font-size:.7rem}.panel-sidebar nav a:hover,.panel-sidebar nav a.active{color:#fff;border-color:#264563;background:linear-gradient(135deg,#12243a,#0b1725)}.panel-sidebar nav a.active span{background:var(--blue);color:#fff}.panel-sidebar nav a[hidden]{display:none!important}.side-bottom{display:grid;gap:8px;margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--line)}.side-bottom a{color:var(--muted);font-size:.84rem;text-decoration:none}.side-bottom a:hover{color:#fff}.dashboard.panel-shell>.panel-content{width:auto;max-width:none;min-width:0;margin:0;padding:38px clamp(24px,4vw,62px) 90px}.panel-page[hidden]{display:none!important}.panel-page{width:min(1180px,100%);margin:0 auto}.panel-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:145px;margin-bottom:24px;padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 90% 5%,#2388ff1e,transparent 35%),linear-gradient(145deg,#101d2d,#07111e)}.panel-page-head h1{margin:7px 0 8px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1}.panel-page-head p{margin:0;color:var(--muted)}.panel-shell #pack-summary{display:grid}.overview-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 22px}.overview-stat-grid .stat{min-height:110px;padding:20px}.overview-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.member-panel .overview-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-shortcuts a{display:flex;min-height:150px;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0d1927,#07111e);color:var(--text);text-decoration:none;transition:.2s}.overview-shortcuts a:hover{border-color:#2388ff;translate:0 -2px}.overview-shortcuts span{color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.13em}.overview-shortcuts b{margin:24px 0 7px}.overview-shortcuts small{color:var(--muted);line-height:1.5}.panel-shell .account-overview,.panel-shell .admin-overview{margin:0 0 18px}.room-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-panel-grid:empty:before{content:'No chatrooms yet.';display:block;color:var(--muted);padding:30px;border:1px dashed var(--line);border-radius:16px}.panel-shell .editor-card{padding:26px}.tool-status-card{margin-bottom:18px;padding:24px}.panel-shell .advanced-grid{margin:0 0 20px}.panel-shell .table-card,.panel-shell .system-card{margin:0 0 22px;padding-block:20px}.panel-shell .table-card>h2,.panel-shell .table-card>.section-help{padding-inline:22px}.panel-shell #paypal{padding:26px}.panel-shell .delete-room{margin-left:8px}.panel-shell table{min-width:760px}@media(max-width:1050px){.dashboard.panel-shell{grid-template-columns:230px minmax(0,1fr)}.dashboard.panel-shell>.panel-sidebar{width:230px;padding:22px 14px}.overview-shortcuts{grid-template-columns:1fr 1fr}.overview-stat-grid{grid-template-columns:1fr 1fr}.room-panel-grid{grid-template-columns:1fr}}@media(max-width:760px){.dashboard.panel-shell{display:block}.dashboard.panel-shell>.panel-sidebar{position:relative;width:100%;height:auto;min-height:0;padding:16px}.dashboard.panel-shell>.panel-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.side-bottom{grid-template-columns:1fr 1fr;margin-top:0}.dashboard.panel-shell>.panel-content{padding:18px 12px 70px}.panel-page-head{min-height:0;align-items:flex-start;flex-direction:column;padding:24px 20px}.overview-shortcuts,.member-panel .overview-shortcuts,.overview-stat-grid{grid-template-columns:1fr}.panel-shell .account-overview,.panel-shell .admin-overview{padding:22px}.room-panel-grid{grid-template-columns:1fr}}
.protection-summary,.system-summary,.maintenance-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.protection-summary article,.system-summary article,.maintenance-counts article{background:#101d2d;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}.protection-summary b,.system-summary b,.maintenance-counts b{font-size:1.35rem}.protection-summary span,.system-summary span,.maintenance-counts span{color:var(--muted);font-size:.88rem}.maintenance-counts{grid-template-columns:repeat(5,minmax(0,1fr))}.protection-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.protection-form label{display:flex;flex-direction:column;gap:8px;font-weight:800}.protection-form input,.protection-form textarea{width:100%;box-sizing:border-box}.protection-form small{color:var(--muted);font-weight:400}.protection-form .wide{grid-column:1/-1}.utility-card{margin-top:20px}.utility-card h2{margin-bottom:6px}.utility-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.utility-actions .card{display:flex;flex-direction:column;align-items:flex-start}.utility-actions .button{margin-top:auto}.utility-icon{font-size:2rem}.switch-row{flex-direction:row!important;align-items:center}.switch-row input{width:auto}.row-actions{white-space:nowrap}.row-actions .small-button{margin:3px}.last-checked{margin-top:18px;color:var(--muted)}.maintenance-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#123055,#07111f 58%);color:#fff}.maintenance-screen article{width:min(680px,100%);text-align:center;background:#0d1928;border:1px solid #29415f;border-radius:28px;padding:55px 35px;box-shadow:0 30px 80px #0008}.maintenance-screen img{width:74px;height:74px}.maintenance-screen h1{font-size:clamp(2.2rem,7vw,4.5rem);margin:20px 0}.maintenance-screen p{white-space:pre-line;color:#aebed1;font-size:1.1rem;line-height:1.7}@media(max-width:900px){.protection-summary,.system-summary{grid-template-columns:repeat(2,1fr)}.maintenance-counts{grid-template-columns:repeat(2,1fr)}.utility-actions{grid-template-columns:1fr}}@media(max-width:620px){.protection-form{grid-template-columns:1fr}.protection-form .wide{grid-column:auto}.protection-summary,.system-summary,.maintenance-counts{grid-template-columns:1fr}.row-actions{white-space:normal}}
.nav.wrap{margin-top:18px;border:1px solid var(--line);border-radius:22px;padding:14px 20px;background:#0c1725e8;box-shadow:0 18px 55px #0004}.section.wrap{border:1px solid #20364f;border-radius:28px;padding:clamp(28px,5vw,62px);margin-top:28px;margin-bottom:28px;background:linear-gradient(145deg,#0c1827,#09131f)}.player-builder-home{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center}.player-builder-home h2{font-size:clamp(2rem,5vw,3.6rem);max-width:780px}.player-builder-home p{color:var(--muted);font-size:1.08rem;max-width:720px}.player-benefits{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.player-benefits span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#101e30;color:#b8c9dc}.player-preview-card{min-height:250px;border:1px solid #33567d;border-radius:24px;background:radial-gradient(circle at top,#173b68,#08121f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:inset 0 0 45px #2388ff18}.player-preview-card b{font-size:1.7rem}.player-preview-card small{color:var(--muted)}.equalizer{height:70px;display:flex;gap:8px;align-items:end}.equalizer i{display:block;width:10px;border-radius:10px;background:#2f92ff;animation:waveline-eq .8s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:35%}.equalizer i:nth-child(2){height:85%;animation-delay:.2s}.equalizer i:nth-child(3){height:55%;animation-delay:.4s}.equalizer i:nth-child(4){height:100%;animation-delay:.1s}.equalizer i:nth-child(5){height:45%;animation-delay:.3s}@keyframes waveline-eq{to{height:25%}}@media(max-width:820px){.player-builder-home{grid-template-columns:1fr}.nav.wrap{margin:10px;border-radius:18px}.section.wrap{margin-left:10px;margin-right:10px}}
.site-menu{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1}.mobile-menu-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:#112238;color:#fff;padding:10px 15px;font-weight:900}@media(max-width:860px){.nav.wrap{display:grid!important;grid-template-columns:1fr auto;align-items:center}.mobile-menu-toggle{display:block}.site-menu{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding-top:14px;border-top:1px solid var(--line)}.site-menu.open{display:flex}.site-menu .nav-links,.site-menu .nav-actions{display:flex!important;flex-direction:column;align-items:stretch;width:100%}.site-menu a,.site-menu .button{min-height:46px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}}
.player-builder-copy{border:1px solid #294867;border-radius:22px;padding:clamp(24px,4vw,40px);background:#0a1523;box-shadow:inset 0 1px #ffffff08}
.player-builder-page .player-builder-intro{max-width:none;padding:clamp(28px,5vw,58px);border:1px solid #294867;border-radius:26px;background:linear-gradient(145deg,#0d1b2b,#08131f);box-shadow:0 20px 60px #0005,inset 0 1px #ffffff08}
.panel-version{display:block;margin-top:auto;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1826;color:var(--cyan);font-size:.78rem;font-weight:900;text-align:center}.panel-version+.side-bottom{margin-top:0}.automatic-backup-card{margin:0 0 22px;padding:24px;background:linear-gradient(145deg,#0d2130,#08131f)}.automatic-backup-card h2{margin:8px 0}.automatic-backup-card p{margin:0;color:var(--muted)}
.player-embed .embed-result{display:none!important}
body.player-embed{height:100vh;min-height:0;overflow:hidden}.player-embed main,.player-embed .player-builder,.player-embed .player-builder-grid,.player-embed .player-preview-panel{height:100%}.player-embed .waveline-player{height:100%;min-height:100%;box-sizing:border-box}
.room-auth-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:linear-gradient(90deg,#10243d,#0b1828);border-top:1px solid var(--line)}.room-auth-actions b,.room-auth-actions small{display:block}.room-auth-actions small{color:var(--muted);font-size:.7rem}.room-auth-actions>div:last-child{display:flex;gap:9px}.room-auth-actions button{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:11px;background:#13243a;color:var(--text);font-weight:900;cursor:pointer}.room-auth-actions button.primary{border-color:transparent;background:linear-gradient(135deg,var(--blue),#1562ff)}.chat-window .room-auth-actions{flex:0 0 auto}@media(max-width:600px){.room-auth-actions{align-items:stretch;flex-direction:column}.room-auth-actions>div:last-child{display:grid;grid-template-columns:1fr 1fr}.room-auth-actions button{width:100%}}
.member-room-picker{display:grid;gap:7px;color:var(--muted);font-size:.75rem;font-weight:850}.member-room-picker select{min-width:230px;background:#07111e;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px}.member-directory{padding:0;overflow:hidden}.member-summary{padding:20px 22px;border-bottom:1px solid var(--line);color:var(--muted)}.member-table{margin:0;border:0;border-radius:0}.member-state{display:inline-flex;align-items:center;gap:7px}.member-state:before{content:'';width:8px;height:8px;border-radius:50%;background:#66788e}.member-state.online:before{background:var(--green)}.member-empty{padding:34px;color:var(--muted);text-align:center}
.member-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.member-state.restricted{color:#ffb4b4}.member-state.restricted:before{background:#ff6262}.member-protected{color:var(--muted);font-size:.82rem}.member-action{white-space:nowrap}
.modal-card label[hidden]{display:none!important}
.email-verification-summary{padding:0 20px 22px}.email-verification-summary span{min-height:82px}.email-verification-note{margin:0 20px 20px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#07111e;color:var(--muted);line-height:1.55}
body[data-room-theme="sunset"]{--blue:#ff633f;--cyan:#ffd166;background:radial-gradient(circle at 80% 0,#592238 0,#120914 42%)}body[data-room-theme="sunset"] .radio{background:linear-gradient(90deg,#5b1f3a,#251025)}body[data-room-theme="sunset"] .chat-card{border-color:#ff785c66;box-shadow:0 28px 80px #ff3b3030}
body[data-room-theme="ocean"]{--blue:#0077b6;--cyan:#48cae4;background:radial-gradient(circle at 80% 0,#063b53 0,#03121c 44%)}body[data-room-theme="ocean"] .radio{background:linear-gradient(90deg,#073f57,#062334)}body[data-room-theme="ocean"] .chat-card{border-color:#48cae466;box-shadow:0 28px 80px #0096c733}
body[data-room-theme="purple"]{--blue:#8b5cf6;--cyan:#d8b4fe;background:radial-gradient(circle at 80% 0,#3b2066 0,#10091b 44%)}body[data-room-theme="purple"] .radio{background:linear-gradient(90deg,#35205c,#1b1130)}body[data-room-theme="purple"] .chat-card{border-color:#a78bfa66;box-shadow:0 28px 80px #7c3aed35}
body[data-room-theme="rose"]{--blue:#e84a8a;--cyan:#ffb3d1;background:radial-gradient(circle at 80% 0,#54203a 0,#160912 44%)}body[data-room-theme="rose"] .radio{background:linear-gradient(90deg,#51203a,#27101d)}body[data-room-theme="rose"] .chat-card{border-color:#fb718566;box-shadow:0 28px 80px #e11d4830}
body[data-room-theme="gold"]{--blue:#d99b18;--cyan:#ffe08a;background:radial-gradient(circle at 80% 0,#4b3812 0,#151006 44%)}body[data-room-theme="gold"] .radio{background:linear-gradient(90deg,#49350f,#241b09)}body[data-room-theme="gold"] .chat-card{border-color:#f6c45366;box-shadow:0 28px 80px #d99b1830}
.theme-sunset{background:linear-gradient(145deg,#ff633f,#4b1739)}.theme-ocean{background:linear-gradient(145deg,#0077b6,#031d2d)}.theme-purple{background:linear-gradient(145deg,#8b5cf6,#21113d)}.theme-rose{background:linear-gradient(145deg,#e84a8a,#3b1225)}.theme-gold{background:linear-gradient(145deg,#d99b18,#2d2108);color:#fff4ce}
.waveline-player.style-glass{border-color:#ffffff40;background:linear-gradient(135deg,color-mix(in srgb,var(--player-accent) 22%,#ffffff12),#07111eb8);box-shadow:inset 0 1px #ffffff30,0 24px 65px #0007;backdrop-filter:blur(18px)}.style-glass .player-play{border:1px solid #ffffff55;box-shadow:inset 0 1px #ffffff55,0 10px 30px color-mix(in srgb,var(--player-accent) 42%,transparent)}
.waveline-player.style-vinyl{background:linear-gradient(145deg,#171717,#050505);border-color:#393939}.style-vinyl .player-play{width:76px;height:76px;min-width:76px;border:9px solid #171717;background:radial-gradient(circle,#fff 0 8%,var(--player-accent) 9% 22%,#101010 23% 34%,#272727 35% 40%,#101010 41% 52%,#272727 53% 58%,#101010 59%);box-shadow:0 12px 35px #000}.style-vinyl.is-playing .player-play{animation:vinyl-spin 2.4s linear infinite}.style-vinyl .player-equalizer{display:none}@keyframes vinyl-spin{to{transform:rotate(360deg)}}
.waveline-player.style-minimal{min-height:78px;padding:12px 16px;border-width:0 0 2px;border-radius:0;background:transparent;box-shadow:none}.style-minimal:after{display:none}.style-minimal .player-play{width:44px;height:44px;min-width:44px;box-shadow:none}.style-minimal .player-equalizer{display:none}.style-minimal .player-copy b{font-size:1rem}
.waveline-player.style-retro{border:5px solid #5a3c1f;border-radius:14px;background:linear-gradient(#d7b778,#a77b3e);box-shadow:inset 0 0 0 2px #f0d69c,0 18px 45px #0009;color:#241608;font-family:Georgia,serif}.style-retro:after{display:none}.style-retro .player-play{background:#3b2414;border:4px solid #7b542d;color:#f5dca5;box-shadow:inset 0 0 0 2px #1a1009}.style-retro .player-copy small{color:#5a3c1f}.style-retro .player-equalizer i{background:#5a3c1f}.style-retro .player-volume{accent-color:#5a3c1f}
.player-style-guide{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
@media(prefers-reduced-motion:reduce){.style-vinyl.is-playing .player-play{animation:none}}
.player-website{position:relative;z-index:2;color:var(--player-accent);font-size:.72rem;font-weight:900;text-decoration:none;white-space:nowrap}.player-website:hover{text-decoration:underline}.room-head>div{min-width:0}.room-website{display:inline-flex;align-items:center;margin-top:5px;color:var(--accent,#2388ff);font-size:.65rem;font-weight:900;text-decoration:none}.room-website:hover{text-decoration:underline}
.room-logo.has-custom-logo{overflow:hidden;background:#07111e;border:2px solid var(--accent,#2388ff)}.room-logo.has-custom-logo img{display:block;width:100%;height:100%;object-fit:cover}
.chat-card.has-custom-branding{border-color:color-mix(in srgb,var(--accent) 65%,#fff 8%);box-shadow:0 28px 80px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.chat-card.has-custom-branding .radio{background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 44%,#07111e),#07111e 78%);border-bottom-color:color-mix(in srgb,var(--accent) 48%,var(--line))}.chat-card.has-custom-branding .room-head{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,#081321),#081321 72%);border-bottom-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.chat-card.has-custom-branding .pin{background:color-mix(in srgb,var(--accent) 18%,#07111e);border-bottom-color:color-mix(in srgb,var(--accent) 48%,var(--line));color:#fff}.chat-card.has-custom-branding .version{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#07111e)}.chat-card.has-custom-branding .radio button,.chat-card.has-custom-branding .composer>button,.chat-card.has-custom-branding .avatar,.chat-card.has-custom-branding .room-logo{background:var(--accent)}.chat-card.has-custom-branding .composer input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.chat-card.has-custom-branding .player-equalizer i{background:var(--accent)}
.powered-by-waveline{position:relative;z-index:3;color:var(--muted);font-size:.62rem;letter-spacing:.03em;text-decoration:none;white-space:nowrap}.powered-by-waveline strong{color:var(--player-accent,var(--cyan));font-weight:950}.powered-by-waveline:hover strong{text-decoration:underline}.chat-credit{display:block;padding:0 16px 10px;text-align:right}.player-embed .powered-by-waveline{position:absolute;right:13px;bottom:8px}.player-embed .waveline-player{padding-bottom:30px}
.design-showcase{min-width:0;background:#081321;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.showcase-head h2{font-size:2rem;margin:8px 0}.showcase-head p{color:var(--muted);font-size:.82rem}.showcase-stage{display:grid;gap:14px;margin-top:20px}.showcase-room{padding:18px;border:1px solid #2f8cff66;border-radius:18px;background:linear-gradient(145deg,#10284a,#07111e);transition:.35s}.showcase-room-bar,.showcase-message{display:flex;align-items:center;gap:12px}.showcase-room-bar>span,.showcase-message>i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--blue);font-style:normal;font-weight:900}.showcase-room-bar small,.showcase-message small{display:block;color:#a7b7ca}.showcase-message{margin:24px 0}.showcase-message p{margin:0}.showcase-input{border:1px solid #ffffff24;border-radius:11px;padding:11px 12px;color:#8497ad}.showcase-input span{float:right;background:var(--blue);color:white;border-radius:8px;padding:3px 10px}.showcase-player{margin:0;min-height:110px}.showcase-meta{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:16px}.showcase-meta button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:white;font-size:1.4rem}.showcase-meta small{display:block;color:var(--muted)}.showcase-meta>span{color:var(--cyan);font-weight:900}.showcase-room[data-showcase-theme="night"]{background:linear-gradient(145deg,#121724,#03050a)}.showcase-room[data-showcase-theme="terminal"]{background:#03120b;color:#75ff9b;font-family:monospace}.showcase-room[data-showcase-theme="sunset"]{background:linear-gradient(145deg,#6b2439,#201126)}.showcase-room[data-showcase-theme="ocean"]{background:linear-gradient(145deg,#064b6b,#03141f)}.showcase-room[data-showcase-theme="purple"]{background:linear-gradient(145deg,#492c82,#160c2a)}.showcase-room[data-showcase-theme="rose"]{background:linear-gradient(145deg,#702441,#220b15)}.showcase-room[data-showcase-theme="gold"]{background:linear-gradient(145deg,#6b4c12,#211705);color:#fff1bd}@media(max-width:640px){.design-showcase{padding:16px}.showcase-player{flex-wrap:wrap}.showcase-meta{grid-template-columns:auto 1fr auto}.showcase-meta>span{display:none}}
.design-showcase .showcase-stage{grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);align-items:stretch}.design-showcase .showcase-player{height:100%;align-self:stretch;align-content:center;flex-wrap:wrap}@media(max-width:760px){.design-showcase .showcase-stage{grid-template-columns:1fr}.design-showcase .showcase-player{order:-1;min-height:130px}}
.design-showcase .showcase-stage{grid-template-columns:1fr}.design-showcase .showcase-room{overflow:hidden}.design-showcase .showcase-player{height:auto;min-height:92px;margin:18px 0;padding:16px;border-radius:14px}.design-showcase .showcase-player .player-play{width:48px;height:48px;min-width:48px}@media(max-width:760px){.design-showcase .showcase-player{order:initial;min-height:92px}}
.design-showcase{min-height:650px;display:flex;flex-direction:column}.design-showcase .showcase-stage{min-height:365px;flex:1}.design-showcase .showcase-room{min-height:365px;height:100%;display:flex;flex-direction:column}.design-showcase .showcase-player{height:110px!important;min-height:110px!important;max-height:110px;margin:18px 0!important;padding:16px!important;border-radius:14px!important;flex:none}.design-showcase .showcase-message{margin-top:auto}@media(max-width:760px){.design-showcase{min-height:690px}.design-showcase .showcase-stage,.design-showcase .showcase-room{min-height:405px}}
.design-showcase .showcase-stage{display:grid;place-items:stretch}.design-showcase .showcase-stage>[hidden]{display:none!important}.design-showcase .showcase-stage>.showcase-room,.design-showcase .showcase-stage>.showcase-player{grid-area:1/1;width:100%;height:365px!important;min-height:365px!important;max-height:365px;margin:0!important}.design-showcase .showcase-stage>.showcase-player{align-self:stretch;padding:clamp(22px,5vw,48px)!important}.design-showcase .showcase-stage>.showcase-player .player-play{width:68px;height:68px;min-width:68px}@media(max-width:760px){.design-showcase .showcase-stage>.showcase-room,.design-showcase .showcase-stage>.showcase-player{height:405px!important;min-height:405px!important;max-height:405px}}
.design-showcase .showcase-image{grid-area:1/1;width:100%;height:365px;min-height:365px;max-height:365px;margin:0;display:grid;place-items:center;overflow:hidden;border:1px solid #2f8cff66;border-radius:18px;background:#050b14}.design-showcase .showcase-image img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:760px){.design-showcase .showcase-image{height:405px;min-height:405px;max-height:405px}}
.radio[hidden]{display:none!important}
.room-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:10px 18px 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent,#2388ff) 55%,transparent);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#2388ff) 20%,#07111e),#07111e);box-shadow:0 10px 30px #0004}.room-event[hidden]{display:none!important}.room-event .event-kicker{font-size:.62rem;font-weight:950;letter-spacing:.12em;color:var(--cyan);white-space:nowrap}.room-event div{min-width:0}.room-event b,.room-event small{display:block}.room-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-event small{margin-top:2px;color:var(--muted);font-size:.7rem}.room-event strong{color:#fff;font-size:.72rem;white-space:nowrap}@media(max-width:650px){.room-event{grid-template-columns:1fr}.room-event .event-kicker,.room-event strong{white-space:normal}.room-event b{white-space:normal}}
.chat-card.has-custom-branding .equalizer i{background:var(--accent)}.chat-card.has-custom-branding .reactions button{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.message .avatar[style*="background-image"]{background-color:#fff!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:2px solid color-mix(in srgb,var(--accent,#2388ff) 72%,#fff);box-shadow:0 0 0 3px #ffffff16,0 5px 16px #0008;filter:brightness(1.28) saturate(1.18);isolation:isolate}.message .avatar[style*="background-image"]:hover{filter:brightness(1.42) saturate(1.25);transform:scale(1.06)}
.brand-colour-control{display:grid;grid-template-columns:72px 42px 1fr;align-items:center;gap:10px}.brand-colour-control input[type="color"]{width:72px!important;height:48px!important;padding:4px!important;cursor:pointer}.brand-colour-control span{width:42px;height:42px;border-radius:12px;border:2px solid #fff;box-shadow:0 0 0 2px var(--line),0 8px 20px #0006}.brand-colour-control code{min-height:42px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#07111e;color:#fff;font-weight:900}.brand-theme-reset{margin-top:12px}.brand-colour-help{display:block;margin-top:9px;color:var(--muted);line-height:1.45}
.room-member-session{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(7,18,34,.92)}
.room-member-session .avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}
.room-member-session div{display:grid;flex:1}.room-member-session small{color:var(--muted)}.room-member-session .button{margin:0}
.chat-window main,.chat-window .hero,.chat-window .chat-card{height:100vh;height:100dvh}
.chat-window>header.nav{display:none!important}
.chat-window .chat-card{min-height:0}
.chat-window .chat-top{height:38px;min-height:38px;padding-inline:16px}
.chat-window .radio{min-height:62px;padding:8px 16px}
.chat-window .radio button{width:44px;height:44px}
.chat-window .radio .equalizer{height:38px}
.chat-window .room-head{min-height:62px;padding:8px 16px}
.chat-window .room-logo{width:42px;height:42px}
.chat-window .pin{min-height:38px;padding:8px 16px}
.chat-window .chat-body{min-height:220px!important}
.chat-window .composer{padding:10px 12px;box-shadow:0 -10px 28px #050b1499}
.chat-window .composer input{height:54px}
.chat-window .retention{padding:5px 12px 8px}
@media(max-width:640px){.chat-window .chat-body{min-height:160px!important}.chat-window .radio{min-height:56px}.chat-window .radio button{width:40px;height:40px}.chat-window .room-head{min-height:56px}.chat-window .room-logo{width:38px;height:38px}.chat-window .composer{grid-template-columns:minmax(0,1fr) auto;padding:8px}.chat-window .composer input{height:50px}.chat-window .composer-tools,.chat-window .composer>button[type=submit]{grid-row:auto}.chat-window .composer-tools button,.chat-window .composer>button[type=submit]{height:46px}.chat-window .retention{padding-bottom:max(7px,env(safe-area-inset-bottom))}}
@media(max-height:650px){.chat-window .chat-top{height:32px;min-height:32px}.chat-window .radio{min-height:50px;padding-block:5px}.chat-window .room-head{min-height:50px;padding-block:5px}.chat-window .pin{min-height:32px;padding-block:5px}.chat-window .chat-body{min-height:80px!important}.chat-window .room-auth-actions{padding:5px 10px}.chat-window .room-auth-actions small{display:none}.chat-window .retention{display:none}}

/* Live room palettes match the theme previews shown on the homepage. */
body[data-room-theme="blue"]{--room-a:#10284a;--room-b:#07111e;--room-panel:#091523;--room-soft:#112643;--room-line:#2f8cff66}
body[data-room-theme="night"]{--blue:#775cff;--cyan:#b7a8ff;--room-a:#121724;--room-b:#03050a;--room-panel:#090c14;--room-soft:#17152d;--room-line:#775cff66;background:radial-gradient(circle at 80% 0,#252040 0,#03050a 44%)}
body[data-room-theme="terminal"]{--blue:#1ed760;--cyan:#7dff9f;--room-a:#03120b;--room-b:#010805;--room-panel:#06140d;--room-soft:#092719;--room-line:#39d98a66;background:radial-gradient(circle at 80% 0,#0b3b22 0,#010805 44%)}
body[data-room-theme="sunset"]{--room-a:#6b2439;--room-b:#201126;--room-panel:#251020;--room-soft:#4b1d31;--room-line:#ff785c66}
body[data-room-theme="ocean"]{--room-a:#064b6b;--room-b:#03141f;--room-panel:#062434;--room-soft:#073f57;--room-line:#48cae466}
body[data-room-theme="purple"]{--room-a:#492c82;--room-b:#160c2a;--room-panel:#201139;--room-soft:#35205c;--room-line:#a78bfa66}
body[data-room-theme="rose"]{--room-a:#702441;--room-b:#220b15;--room-panel:#2d101d;--room-soft:#51203a;--room-line:#fb718566}
body[data-room-theme="gold"]{--room-a:#6b4c12;--room-b:#211705;--room-panel:#2b200b;--room-soft:#49350f;--room-line:#f6c45366}
body[data-room-theme] .chat-card{background:linear-gradient(145deg,var(--room-a),var(--room-b) 62%);border-color:var(--room-line)}
body[data-room-theme] .chat-top{background:color-mix(in srgb,var(--room-panel) 88%,#000);border-color:var(--room-line)}
body[data-room-theme] .chat-card.has-custom-branding .radio,body[data-room-theme] .radio{background:linear-gradient(90deg,var(--room-soft),var(--room-b) 82%);border-color:var(--room-line)}
body[data-room-theme] .chat-card.has-custom-branding .room-head,body[data-room-theme] .room-head{background:linear-gradient(90deg,color-mix(in srgb,var(--room-a) 72%,var(--room-b)),var(--room-b) 78%);border-color:var(--room-line)}
body[data-room-theme] .chat-card.has-custom-branding .pin,body[data-room-theme] .pin{background:color-mix(in srgb,var(--room-soft) 72%,var(--room-b));border-color:var(--room-line);color:#fff}
body[data-room-theme] .messages{background:linear-gradient(145deg,color-mix(in srgb,var(--room-a) 35%,var(--room-b)),var(--room-b) 68%)}
body[data-room-theme] .members{background:color-mix(in srgb,var(--room-panel) 88%,#000);border-color:var(--room-line)}
body[data-room-theme] .composer,body[data-room-theme] .retention{background:color-mix(in srgb,var(--room-panel) 92%,#000);border-color:var(--room-line)}
body[data-room-theme] .composer input{background:color-mix(in srgb,var(--room-b) 88%,#000);border-color:var(--room-line)}
body[data-room-theme="terminal"] .chat-card{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#75ff9b}
body[data-room-theme="terminal"] .message p,body[data-room-theme="terminal"] .member,body[data-room-theme="terminal"] .radio small{color:#9eeeb6}
body[data-room-theme="gold"] .chat-card{color:#fff1bd}