:root{color-scheme:dark;--bg:#0c0d14;--surface:#13151f;--glass:rgba(23,25,38,.75);--field:#11131d;--border:rgba(186,173,223,.105);--ink:#eeedf6;--muted:#9292aa;--accent:#b49aff;--accent-solid:#9e7beb;--teal:#78d5c4;--danger:#f1a0b0;--shadow:0 22px 70px #0003;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-synthesis:none;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,textarea:focus-visible{outline:none;border-color:#b49aff88;box-shadow:0 0 0 3px #b49aff0b}input,textarea{color:var(--ink);background:var(--field);border:1px solid var(--border);border-radius:8px;width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#77778f}label{display:block;color:#b6b4c9;font-size:12px;font-weight:500;margin:18px 0 7px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:580;letter-spacing:-.035em}h1{font-size:clamp(36px,4.6vw,61px);line-height:1.13}h2{font-size:25px;line-height:1.25}h3{font-size:16px}p{line-height:1.65}b,strong{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.success{color:var(--teal)}.danger-text{color:var(--danger)!important}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 16% 42%,#31204328 0,transparent 48%),radial-gradient(ellipse at 90% 80%,#1232351f 0,transparent 40%)}[hidden]{display:none!important}.site-header{height:88px;width:min(1400px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center}.brand>span{font-size:23px;letter-spacing:-.065em;font-weight:750;display:flex;align-items:center;gap:2px}.brand-light{font-weight:420;color:#bcb8cf}.beta{font-size:8px!important;font-weight:600;letter-spacing:.15em!important;color:var(--accent);border:1px solid #b49aff2a;padding:2px 6px;border-radius:4px;margin-left:11px}.header-right{display:flex;align-items:center;gap:10px}.quiet-tag{font-size:11px;color:var(--muted);margin-right:16px;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block;box-shadow:0 0 10px #78d5c42a;flex-shrink:0}.dot.disconnected{background:var(--danger);box-shadow:none}.icon-button{border:1px solid transparent;background:transparent;min-width:36px;min-height:36px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:20px;transition:background .15s,color .15s}.icon-button:hover{background:#b49aff0b;color:var(--ink)}main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.auth-layout{width:min(1120px,100%);padding:50px 40px 75px;display:grid;grid-template-columns:1.35fr 1fr;gap:90px;align-items:center}.eyebrow{font-size:9px;font-weight:650;letter-spacing:.18em;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:25px}.tiny-line{width:20px;height:1px;background:var(--accent)}.intro h1{font-size:clamp(34px,4.1vw,54px)}.intro h1>span{color:#aaa2c3}.intro-copy{max-width:400px;color:var(--muted);margin-top:23px;font-size:14px}.feature-list{margin-top:36px;display:grid;gap:22px}.feature-list>div{display:flex;gap:15px;align-items:center}.feature-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#b49aff05;color:var(--accent);font-size:22px}.feature-list b{font-size:12px;color:#d5d0e4;font-weight:520}.feature-list p{font-size:11px;color:var(--muted);margin-top:2px}.intro-foot{display:flex;gap:9px;color:#726c86;margin-top:45px;font-size:10px}.mini-lock{color:var(--accent)}.glass{background:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;backdrop-filter:blur(14px)}.auth-card{padding:30px;border-color:#b49aff20;background:linear-gradient(145deg,rgba(36,31,52,.82),rgba(19,22,32,.9));position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#b49aff77,transparent)}.card-top{display:flex;align-items:center;gap:13px;margin-bottom:24px}.square-icon{width:38px;height:38px;border:1px solid #b49aff29;color:var(--accent);background:#b49aff0a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:23px}.overline{font-size:8px;letter-spacing:.14em;font-weight:650;color:var(--muted)}.auth-card>p{margin-top:10px;font-size:12px}.auth-card .button.full{margin-top:20px}.button{border:1px solid var(--border);border-radius:8px;background:#b49aff07;color:var(--ink);padding:11px 15px;display:inline-flex;gap:12px;align-items:center;justify-content:center;font-size:12px;font-weight:560;min-height:41px;transition:background .15s,transform .15s,border-color .15s}.button:hover{background:#b49aff11;border-color:#b49aff35}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent-solid);border-color:#ba9aff55;color:#150d25;box-shadow:0 3px 20px #9e7beb17}.button.primary:hover{background:#b59aef}.button.secondary{background:#b49aff0d;border-color:#b49aff2b;color:var(--accent)}.button.full{width:100%;justify-content:space-between}.button.full:not(:has(span)){justify-content:center}.button.danger{background:#f1a0b014;color:var(--danger);border-color:#f1a0b033}.button.compact{padding:7px 11px;min-height:32px;font-size:11px;gap:5px}.text-button{border:0;background:none;padding:0;color:var(--muted);font-size:11px;cursor:pointer}.text-button:hover{color:var(--accent)}#signin-panel>p{margin-top:15px}.card-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:8px;font-size:10px;color:#878096}.card-note span{color:var(--accent)}.auth-caption{text-align:center;color:#645e76;font-size:10px;margin-top:19px}.auth-caption strong{font-weight:500;color:#8b819e}.form-error{color:var(--danger);font-size:11px;min-height:0}.form-error:not(:empty){padding-top:15px}.otp-input{font-size:23px;letter-spacing:.26em;text-align:center;padding:12px 10px}#recovery-toggle{display:block;margin:16px auto 0}.qr{display:flex;justify-content:center;background:white;border-radius:9px;padding:12px;width:fit-content;margin:20px auto 0}.qr svg{display:block;width:170px;height:170px}.secret{display:block;font-size:11px;letter-spacing:.04em;background:var(--field);padding:10px;border-radius:6px;word-break:break-all;margin-top:8px;user-select:all}.site-footer{display:flex;width:min(1400px,100%);margin:0 auto;justify-content:space-between;align-items:center;padding:18px 40px 25px;font-size:8px;letter-spacing:.03em;color:#68647b;flex-shrink:0}.footer-separator{margin:0 9px;color:#464154}.site-footer .text-button{font-size:9px;color:#7e778e}.app-layout{width:min(1400px,100%);padding:10px 30px 15px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;min-height:580px;height:min(760px,calc(100dvh - 146px));align-self:center}.app-layout.in-room{grid-template-columns:210px minmax(0,1fr) 216px}.sidebar{padding:18px 12px;display:flex;flex-direction:column;background:#15162280;box-shadow:none}.profile{display:flex;align-items:center;gap:10px;padding:3px 3px 25px}.avatar{width:33px;height:33px;border-radius:9px;background:#b49aff15;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;flex-shrink:0}.profile-text{display:grid;flex:1;min-width:0}.profile-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text span{color:var(--muted);font-size:8px;margin-top:2px}.sidebar-section{font-size:8px;letter-spacing:.12em;color:#6c657f;padding:0 9px 10px}.nav-button{background:none;border:0;display:flex;align-items:center;width:100%;gap:10px;color:#a6a0b8;font-size:11px;padding:11px 10px;text-align:left;border-radius:7px;margin-bottom:5px}.nav-button>span:first-child{font-size:17px;color:#9180ae}.nav-button:hover{background:#b49aff09}.nav-button.selected{background:#b49aff0c;color:#d3bcff}.nav-count{margin-left:auto;font-size:9px;background:#b49aff13;color:var(--accent);padding:0 5px;border-radius:3px}.sidebar-session{margin-top:auto;padding:30px 9px 20px}.sidebar-session p{font-size:12px;margin-top:8px}.session-line{height:2px;margin:14px 0;background:linear-gradient(90deg,#af90e8a0,#af90e810);border-radius:2px}.sidebar-session>.small{font-size:10px;line-height:1.7;display:block}.exit-nav{border-top:1px solid var(--border);border-radius:0;margin:0;padding-bottom:0;padding-top:17px;color:#8f849d}.lobby{padding:35px 26px;align-self:center}.lobby h1{font-size:37px}.lobby .eyebrow{font-size:8px;margin-bottom:15px}.lobby-subtitle{font-size:12px;margin-top:13px}.lobby-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.lobby-card{padding:23px;box-shadow:none;background:#19192660}.lobby-card h2{font-size:19px;margin-top:17px}.lobby-card>p{font-size:11px;margin-top:9px;min-height:37px}.lobby-card .button{margin-top:23px}.lobby-card label{font-size:10px;margin-top:14px}.lobby-card input{font-size:12px;padding:10px 11px}.teal-icon{color:var(--teal);border-color:#78d5c426;background:#78d5c406}.lobby-bottom{display:flex;flex-wrap:wrap;gap:22px;color:#7b748c;font-size:9px;padding-top:26px}.room-layout{overflow:hidden;display:flex;flex-direction:column;box-shadow:none;background:#12141eb0;min-height:0}.room-header{padding:16px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);min-height:76px}.room-symbol{font-size:22px;color:var(--accent);background:#b49aff0c;width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:9px}.room-heading{flex:1;min-width:0}.room-heading h2{font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-heading p{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:3px}.room-heading .dot{width:4px;height:4px}.room-header>.icon-button{min-width:27px;font-size:18px}.conversation{display:flex;flex-direction:column;min-height:0;flex:1}.message-scroll{padding:0 24px 18px;overflow:auto;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b49aff25 transparent}.room-welcome{padding:40px 0 30px;text-align:center;border-bottom:1px solid var(--border);margin-bottom:22px}.welcome-mark{font-size:27px;color:var(--accent);width:50px;height:50px;border:1px solid #b49aff20;border-radius:15px;background:#b49aff06;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.room-welcome h3{font-size:21px;font-weight:520}.room-welcome p{font-size:11px;color:var(--muted);margin-top:7px}.encryption-chip{font-size:8px;letter-spacing:.02em;color:var(--teal);background:#78d5c408;border:1px solid #78d5c419;border-radius:20px;padding:4px 9px;display:inline-block;margin-top:14px}.message{display:flex;gap:11px;padding:8px 0;animation:arrive .15s ease-out}.message .avatar{width:28px;height:28px;border-radius:8px;font-size:10px;margin-top:2px}.message.mine .avatar{background:#78d5c40c;color:var(--teal)}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:9px;line-height:1.4}.message-name{font-weight:550;font-size:11px;color:#c7b3e7}.message.mine .message-name{color:#a1cabf}.message-time{color:#68627b;font-size:8px}.message-content{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#d9d6e4;user-select:text}.message-state{font-size:8px;color:#7b7289}.message-state.failed{color:var(--danger)}.message-state button{font-size:9px;color:var(--accent);background:none;border:0;text-decoration:underline}.system-message{font-size:10px;color:#7c728c;padding:6px 0;text-align:center;user-select:text}.file-card{display:flex;align-items:center;gap:10px;background:#b49aff06;border:1px solid var(--border);padding:11px;border-radius:8px;max-width:340px;margin:5px 0}.file-symbol{font-size:21px;color:var(--accent)}.file-info{min-width:0;flex:1}.file-info strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info p{font-size:9px;color:var(--muted)}.file-card button{font-size:16px}.file-card.expired{opacity:.5}.composer-wrap{padding:12px 18px 15px;border-top:1px solid var(--border);position:relative}.composer{display:flex;align-items:center;gap:5px;padding:6px;background:#1c1d2c70;border:1px solid #b49aff20;border-radius:9px}.composer textarea{border:0;background:none;resize:none;min-height:34px;max-height:110px;font-size:13px;line-height:1.5;padding:7px 5px;box-shadow:none;flex:1;min-width:0}.composer>.icon-button{font-size:21px;min-width:29px;min-height:30px}.send-button{background:var(--accent-solid);border:0;border-radius:7px;width:31px;height:31px;flex-shrink:0;color:#1b0f2c;font-size:21px;display:flex;justify-content:center;align-items:center;margin-left:3px}.send-button:hover{background:#bea2ff}.composer-note{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#71677e;padding:9px 2px 0}.composer-note .text-button{font-size:8px}.emoji-panel{position:absolute;right:20px;bottom:105px;width:260px;display:grid;grid-template-columns:repeat(7,1fr);background:#252235;border:1px solid #b49aff33;padding:10px;border-radius:12px;box-shadow:0 10px 50px #0007;z-index:2}.emoji-panel button{background:none;border:0;font-size:21px;border-radius:5px;padding:5px 1px}.emoji-panel button:hover{background:#b49aff20}.upload-strip{padding:2px 3px 10px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px}.upload-strip progress{height:3px;flex:1;max-width:130px;accent-color:var(--accent)}.details{padding:22px 16px;background:#14152075;box-shadow:none;overflow:auto}.details-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pill{font-size:8px;border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--muted)}.member{display:flex;gap:9px;align-items:center;margin:13px 0}.member .avatar{width:28px;height:28px;font-size:10px}.member-text{flex:1;min-width:0}.member strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.member p{font-size:8px;color:var(--muted)}.member>.dot{width:4px;height:4px}.details-divider{height:1px;background:var(--border);margin:24px 0}.details>.small{font-size:10px;margin-top:12px}.details .button{font-size:10px;padding:9px 5px}.details>.overline{display:block;margin-bottom:10px}dialog{background:#1a1928;color:var(--ink);border:1px solid #b49aff30;border-radius:16px;padding:27px;width:min(440px,calc(100% - 30px));max-height:85dvh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#080910b8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.dialog-heading h2{font-size:23px}.dialog-heading>.icon-button{min-height:25px;min-width:25px;margin-top:-2px}dialog>p{font-size:12px}dialog>.button.full{margin-top:17px}dialog>input{margin-top:20px;font-size:11px}.privacy-sections{display:grid;gap:20px;margin:22px 0}.privacy-sections h3{font-size:13px;letter-spacing:0;font-weight:550;margin-bottom:6px}.privacy-sections p{font-size:11px;color:var(--muted)}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.recovery-codes code{padding:8px;font-size:10px;text-align:center;border:1px solid var(--border);background:var(--field);border-radius:5px;user-select:all}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:min(480px,calc(100% - 28px));background:#2a233b;color:#e5d8fc;border:1px solid #b49aff44;border-radius:9px;padding:12px 18px;font-size:12px;z-index:20;box-shadow:0 8px 30px #0005;animation:arrive .15s ease-out}#toast.error{border-color:#f1a0b066;color:var(--danger)}@keyframes arrive{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}
body.light{color-scheme:light;--bg:#f3f1f8;--surface:#fff;--glass:rgba(255,255,255,.82);--field:#f8f6fb;--border:#6d54831c;--ink:#292332;--muted:#797087;--accent:#7956b5;--accent-solid:#ae8fe5;--teal:#348675;--danger:#ae4d69;--shadow:0 18px 70px #5d386309}body.light .auth-card{background:linear-gradient(145deg,#ffffffdb,#efebf8dd)}body.light .intro h1>span{color:#a292b7}body.light .feature-list b{color:#4d405d}body.light .brand-light{color:#93859f}body.light .sidebar,body.light .details{background:#ffffff88}body.light .room-layout{background:#ffffffaa}body.light .lobby-card{background:#ffffff70}body.light .message-content{color:#3e344a}body.light dialog{background:#faf7ff}body.light .composer{background:#efebf5}body.light .emoji-panel{background:#f4edff}body.light #toast{background:#f1e7ff;color:#5b3d7c}body.light label{color:#766586}body.light .nav-button{color:#877294}body.light .nav-button.selected{color:#77529e}body.light .message-name{color:#84659f}body.light .message.mine .message-name{color:#3f8776}
@media(min-width:1500px){.auth-layout{gap:120px;padding-top:80px;padding-bottom:90px}.app-layout{height:min(850px,calc(100dvh - 165px))}}
@media(max-width:1150px){.auth-layout{gap:45px}.app-layout.in-room{grid-template-columns:190px minmax(0,1fr)}.details{display:none}.app-layout{grid-template-columns:190px minmax(0,1fr);gap:13px;padding-left:20px;padding-right:20px}.lobby{padding:25px 12px}.lobby-card{padding:18px}.lobby-cards{gap:12px}}
@media(max-width:820px){.site-header{padding:0 24px;height:72px}.quiet-tag{display:none}.auth-layout{padding:30px 24px 50px;gap:35px;grid-template-columns:1fr 1fr}.intro h1{font-size:36px}.intro-copy{font-size:12px}.feature-list{gap:17px;margin-top:25px}.feature-list p{font-size:10px}.auth-card{padding:23px}.card-top{gap:9px}.overline{font-size:7px}.site-footer{padding:15px 24px}.app-layout,.app-layout.in-room{grid-template-columns:minmax(0,1fr);padding:0 20px 10px;min-height:0;height:calc(100dvh - 120px)}.sidebar{display:none}.lobby{align-self:start;padding:30px 25px}.lobby h1{font-size:35px}.lobby-cards{gap:18px}.details{display:none}.room-header{padding:13px 17px;min-height:65px}}
@media(max-width:580px){.site-header{padding:0 17px;height:63px}.brand>span{font-size:21px}.brand>img{width:28px;height:28px}.beta{font-size:7px!important;padding:2px 5px;margin-left:8px}.header-right{gap:3px}.site-header .icon-button{min-width:32px;min-height:34px;font-size:18px}.auth-layout{padding:17px 22px 33px;display:flex;flex-direction:column;gap:25px;align-items:stretch}.intro h1{font-size:34px;line-height:1.18}.intro .eyebrow{font-size:8px;margin-bottom:16px}.intro-copy{margin-top:14px;font-size:12px;max-width:340px}.feature-list{display:none}.intro-foot{display:none}.auth-column{width:100%;max-width:420px;align-self:center}.auth-card{padding:23px}.auth-card h2{font-size:23px}.card-top{margin-bottom:17px}.card-top .overline{font-size:8px}.square-icon{width:33px;height:33px;font-size:20px}.auth-caption{font-size:9px;margin-top:13px}.site-footer{padding:12px 18px 18px;font-size:7px;gap:8px}.site-footer .text-button{font-size:8px}.site-footer .footer-separator{margin:0 4px}.app-layout,.app-layout.in-room{height:calc(100dvh - 108px);padding:0 10px 5px}.lobby{padding:22px 7px;overflow:auto;height:100%;align-self:stretch}.lobby .eyebrow{font-size:7px;margin-bottom:11px}.lobby h1{font-size:31px}.lobby-subtitle{font-size:11px;margin-top:8px}.lobby-cards{grid-template-columns:1fr;margin-top:22px;gap:13px}.lobby-card{padding:18px}.lobby-card h2{font-size:19px;margin-top:12px}.lobby-card>p{min-height:0;margin-top:6px}.lobby-card label{margin-top:12px}.lobby-card .button{margin-top:17px}.lobby-bottom{font-size:8px;gap:10px;padding:19px 2px}.room-layout{border-radius:10px}.room-header{padding:10px 11px;gap:8px;min-height:59px}.room-symbol{width:28px;height:28px;font-size:19px;border-radius:7px}.room-heading h2{font-size:13px}.room-heading p{font-size:8px}.room-header .button.compact{padding:6px 9px;min-height:30px}.room-header .button.compact>span{display:none}.room-header>.icon-button{min-width:25px}.message-scroll{padding:0 14px 10px}.room-welcome{padding:28px 0 22px;margin-bottom:13px}.welcome-mark{width:41px;height:41px;font-size:24px;margin-bottom:11px}.room-welcome h3{font-size:19px}.room-welcome p{font-size:10px}.message{gap:8px;padding:7px 0}.message-content{font-size:13px}.message-meta{gap:7px}.message-name{font-size:10px}.message .avatar{width:25px;height:25px;font-size:9px;border-radius:7px}.composer-wrap{padding:9px 9px 11px}.composer{gap:2px;padding:5px}.composer textarea{font-size:16px;line-height:1.4;padding:6px 3px;min-height:33px}.composer>.icon-button{font-size:21px;min-width:27px}.composer-note{padding:8px 1px 0;font-size:7px;gap:5px}.composer-note .text-button{font-size:7px;white-space:nowrap}.send-button{width:30px;height:30px;margin-left:3px}.emoji-panel{right:10px;bottom:94px}.header-right .icon-button{min-height:38px}.button{min-height:42px}.text-button{min-height:24px}.site-footer .text-button{min-height:20px}.composer-note .text-button{min-height:14px}dialog{padding:22px;border-radius:12px}.dialog-heading h2{font-size:21px}.message-time{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.login-hint{margin-top:14px;font-size:10px}#otp-form label{margin-top:18px}
/* Sharper Atix treatment: smaller radii, clearer hierarchy and restrained glass.
   These override the original visual tokens without changing the responsive grid. */
:root{--ink:#f3f3fc;--muted:#a0a1b8;--accent:#b69bff;--accent-solid:#b095ff;--message-font-size:14px;--field:#10121d;--border:rgba(184,190,231,.15)}
.ambient{background:radial-gradient(ellipse at 6% 25%,#472a7423,transparent 45%),radial-gradient(ellipse at 90% 80%,#123d491c,transparent 40%)}
.glass{border-radius:8px;backdrop-filter:blur(8px);background:linear-gradient(145deg,#1b1c2b9c,#11141fd9);box-shadow:0 12px 50px #0002}
.site-header{border-bottom:1px solid #a4a1d40b}.brand>span{letter-spacing:-.05em}.brand .beta{border-radius:2px;font-size:7px!important;letter-spacing:.2em!important;padding:3px 6px}.brand>img{border-radius:8px}.quiet-tag{font-size:8px;letter-spacing:.16em}
.auth-card{border-radius:10px;padding:30px;background:linear-gradient(135deg,#242137cc,#151823ee)}.auth-card:before{left:0;right:35%;background:linear-gradient(90deg,var(--accent),transparent)}
.button{border-radius:5px;font-weight:600;font-size:12px;letter-spacing:.015em}.button.primary{box-shadow:0 1px 0 #ffffff2a inset,0 7px 20px #9e7beb12;color:#140d25}.button.secondary{border-color:#b49aff45}.button.compact{border-radius:4px}.icon-button{border-radius:5px}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
input,textarea,select{border-radius:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #b49aff0a}label{font-size:11px;letter-spacing:.025em}.eyebrow{letter-spacing:.19em;font-size:8px}.square-icon{border-radius:7px;background:#ad91f00b}.profile .avatar{border-radius:5px}.sidebar{background:#131520a3;border-radius:8px}.sidebar-section{font-size:8px;letter-spacing:.17em}.nav-button{border-radius:4px;font-size:11px;padding-top:12px;padding-bottom:12px}.nav-button.selected{border-left:2px solid var(--accent);padding-left:8px;background:linear-gradient(90deg,#b49aff14,#b49aff04)}
.lobby h1{font-size:39px;letter-spacing:-.05em}.lobby-card{border-radius:8px;padding:24px;background:linear-gradient(145deg,#1d1f2d8c,#141722c4);position:relative}.lobby-card:before{content:'';position:absolute;top:-1px;left:24px;width:30px;height:2px;background:var(--accent)}.lobby-card+ .lobby-card:before{background:var(--teal)}.lobby-card h2{font-size:21px}.lobby-card>p{font-size:12px}.lobby-card input{font-size:13px}.lobby-card .button{margin-top:22px}.code-input{font-family:ui-monospace,'Cascadia Code',Consolas,monospace;letter-spacing:.1em}.code-input::placeholder{color:#77768f;letter-spacing:.12em}.code-mark{color:var(--accent);font-family:ui-monospace,monospace}.room-header{background:linear-gradient(90deg,#2420333f,transparent);border-bottom-color:var(--border)}.room-heading h2{font-size:16px;font-weight:600;letter-spacing:-.02em}.room-symbol{border-radius:5px;border:1px solid #b49aff25}.room-layout{border-radius:8px}.room-welcome{padding-top:30px;padding-bottom:25px}.welcome-mark{border-radius:9px;width:44px;height:44px}.room-welcome h3{font-size:22px}.encryption-chip{border-radius:4px;font-size:8px;letter-spacing:.05em}.message-content{font-size:var(--message-font-size);color:var(--ink);line-height:1.65}.message-name{font-size:11px;letter-spacing:.01em}.message-time{font-family:ui-monospace,Consolas,monospace;color:#8b849e}.message .avatar{border-radius:5px}.file-card{border-radius:5px;border-left:2px solid var(--accent)}.composer{border-radius:6px;background:#1d20307a}.send-button{border-radius:4px;background:var(--accent-solid)}.composer-note{color:#9890a9}.details{border-radius:8px;background:#131621ad}.details .overline{letter-spacing:.16em}.member .avatar{border-radius:5px}.details-divider{background:linear-gradient(90deg,var(--border),transparent)}
dialog{border-radius:9px;background:linear-gradient(145deg,#242235,#151923);border-color:#b49aff35}.dialog-heading h2{font-size:27px;letter-spacing:-.04em}.dialog-heading .eyebrow{margin-bottom:10px}.dialog-heading svg{width:19px}.room-code-display{font:600 34px/1.4 ui-monospace,'Cascadia Code',Consolas,monospace;letter-spacing:.13em;text-align:center;padding:22px 8px;margin:22px 0 15px;border:1px solid #b49aff45;background:#b49aff09;border-radius:5px;color:var(--accent);user-select:all}.code-steps{display:grid;gap:9px;margin:23px 0}.code-steps p{font-size:11px;color:var(--muted);display:flex;gap:12px}.code-steps b{color:var(--accent);font:500 10px/1.8 ui-monospace,monospace}.join-wait{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.join-wait .eyebrow{font-size:7px;margin-bottom:9px}.join-wait p{font-size:11px;color:var(--muted);margin:4px 0 10px}.verification-number{display:block;font:500 27px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.15em;color:var(--teal);margin:8px 0 10px;user-select:all}.join-wait .text-button{display:block;font-size:10px;margin-top:4px}.join-requests{margin-bottom:20px;display:grid;gap:10px}.request-card{border:1px solid #78d5c440;border-left:2px solid var(--teal);border-radius:5px;padding:17px;background:#78d5c405}.request-title{font-size:12px;font-weight:600;letter-spacing:.02em}.request-card p{font-size:10px;color:var(--muted);margin-top:5px}.request-card .verification-number{font-size:24px}.approval-check{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:10px;margin:10px 0 14px}.approval-check input{width:15px;height:15px;margin:0;accent-color:var(--teal)}.request-actions{display:flex;gap:8px}.request-actions button{min-height:32px;font-size:11px;padding:7px 16px}
.settings-dialog{width:min(530px,calc(100% - 30px));max-height:88dvh;padding:28px}.settings-note{font-size:11px;border-bottom:1px solid var(--border);padding-bottom:20px}.settings-section{padding:20px 0;border-bottom:1px solid var(--border)}.settings-section h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;font-size:13px;font-weight:600;letter-spacing:0}.settings-section h3>span{font:500 9px ui-monospace,monospace;color:var(--accent)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px}.settings-grid>label,.settings-section>label{margin:0;color:var(--muted);font-size:10px}.settings-section select,.settings-section input:not([type=checkbox]){margin-top:8px;font-size:12px}.settings-section select{padding:10px 11px;display:block;width:100%;color:var(--ink);background:var(--field);border:1px solid var(--border);outline:none}.settings-section option{background:var(--field);color:var(--ink)}#font-size-label{float:right;color:var(--accent)}.settings-section input[type=range]{padding:0;box-shadow:none;border:0;accent-color:var(--accent);height:28px}.settings-section .switch-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0 0;margin:8px 0 0;font-size:11px;color:var(--ink)}.switch-row small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:3px;letter-spacing:0}.switch-row input{width:32px;height:18px;padding:0;accent-color:var(--accent);flex-shrink:0}.session-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.session-facts>span{display:grid;gap:3px;color:var(--muted);font-size:9px}.session-facts b{font-size:10px;font-weight:500;color:var(--ink)}.settings-actions{display:flex;gap:8px;margin-top:20px}.settings-actions button{font-size:10px;flex:1}.settings-section .danger{font-size:11px;margin-top:10px}#reset-settings{display:block;margin:18px auto 0;font-size:10px}.settings-dialog .dialog-heading{margin-bottom:10px}
body[data-accent=teal]{--accent:#7bdcc8;--accent-solid:#6ad4be}body[data-accent=blue]{--accent:#88baff;--accent-solid:#80adf2}body.hide-times .message-time{display:none}body[data-density=compact] .message{padding:4px 0}body[data-density=compact] .message .avatar{width:24px;height:24px}body[data-density=compact] .room-header{padding-top:10px;padding-bottom:10px;min-height:58px}body[data-density=compact] .room-welcome{padding-top:22px;padding-bottom:18px}body[data-density=compact] .message-content{line-height:1.45}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.light .glass{background:linear-gradient(145deg,#ffffffeb,#f6f3fbdb)}body.light .auth-card{background:linear-gradient(145deg,#fff,#f0eafa)}body.light .message-content{color:var(--ink)}body.light dialog{background:linear-gradient(145deg,#fff,#f0ebf7)}body.light .lobby-card{background:#ffffffa8}body.light .button.primary{color:#180f29}body.light .composer-note{color:var(--muted)}body.light .message-time{color:#8a7d9c}body.light[data-accent=teal]{--accent:#25806c;--accent-solid:#76ccb4}body.light[data-accent=blue]{--accent:#4775b9;--accent-solid:#9cbaed}
@media(max-width:580px){.auth-card{padding:22px}.site-header .icon-button{min-width:30px}.header-right{gap:0}.header-right .icon-button svg{width:17px}.lobby-card{padding:19px}.lobby-card h2{font-size:20px}.lobby-card>p{font-size:11px}.lobby-card input{font-size:16px;padding-top:9px;padding-bottom:9px}.lobby h1{font-size:32px}.room-heading h2{font-size:13px}.room-header .button.compact{font-size:13px;padding:5px 8px}.composer textarea{font-size:16px}.message-content{font-size:var(--message-font-size)}.room-code-display{font-size:29px;letter-spacing:.09em;padding:20px 5px}.settings-dialog{padding:22px}.settings-grid{gap:13px}.settings-section select{font-size:14px}.settings-section input:not([type=checkbox]):not([type=range]){font-size:16px}.request-card{padding:13px}.approval-check{font-size:10px}.request-actions .button{min-height:36px}.join-wait .verification-number{font-size:26px}.site-footer .text-button{font-size:8px}}