.auth-tabs{display:flex;gap:8px;margin:20px 0 12px}.auth-tabs button{margin:0;padding:10px;background:#191820}.auth-tabs .selected{background:#554075}#auth-recover{font-size:13px;margin-top:12px;color:#c7b4f1}#auth-error{color:#ffb7c5;margin:12px 0 0;font-size:14px}.auth-tabs+div label,dialog label{margin-top:16px}dialog input{font-size:16px}dialog{max-height:calc(100dvh - 30px);overflow:auto}.server-actions{display:flex;padding:14px 12px 0;gap:8px}.server-actions button{font-size:12px;background:#30283e;padding:9px;flex:1}.manage-member{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #51455f}.manage-member button{width:auto;margin:0;font-size:12px}.mobile-toolbar,#nav-scrim{display:none}#recovery-code{font-family:monospace;font-size:13px}#invite-note,#recovery-dialog p{line-height:1.7;font-size:14px}.channel{min-height:44px}.compose-area{padding-bottom:max(18px,env(safe-area-inset-bottom))}dialog h2{font-size:26px}.rail{overflow-y:auto}.members .section-label{font-size:12px}.side-note p{font-size:13px}.message-meta time{font-size:12px}.message-meta strong{font-size:14px}.message p{font-size:16px}.topic{font-size:14px}.section-label{font-size:12px;letter-spacing:.6px}.eyebrow{font-size:11px}.channel{font-size:14px}textarea{font-size:16px}.compose-hint{font-size:11px}.toast{z-index:100}.local-badge{font-size:10px}
@media(max-width:700px){.mobile-toolbar{display:flex;position:fixed;top:0;left:0;right:0;height:52px;align-items:center;padding:0 10px;gap:13px;background:#15151c;border-bottom:1px solid #34303d;z-index:25}.mobile-toolbar button{width:44px;height:44px;font-size:24px}.mobile-toolbar strong{font-size:15px;letter-spacing:1px}.mobile-toolbar span{margin-left:auto;color:#b8a4e0;font-size:11px}.app,.call-focused .app{display:flex;grid-template-columns:none;height:100dvh;padding-top:52px}.app>main{width:100%;height:100%;flex:1}.app>.rail,.app>.sidebar{display:none}.nav-open .rail{display:flex;position:fixed;top:52px;bottom:0;left:0;width:56px;z-index:35}.nav-open .sidebar,.call-focused.nav-open .sidebar{display:flex;position:fixed;top:52px;bottom:0;left:56px;width:min(260px,calc(100vw - 85px));z-index:35}.nav-open #nav-scrim{display:block;position:fixed;inset:52px 0 0;z-index:30;background:#0009;border-radius:0;width:100%;height:calc(100% - 52px)}.topbar{height:55px;min-height:55px;padding:0 16px}.topbar strong{font-size:15px;max-width:170px}.topbar #toggle-game{font-size:14px;padding:9px 12px;min-height:40px}.channel{font-size:14px}.section-label{font-size:11px;margin-top:24px}.chat-scroll{padding:20px 18px}.message{gap:11px}.message .avatar{height:35px;width:35px;font-size:12px;border-radius:11px}.message-meta strong{font-size:14px}.message p{font-size:16px}.message-meta time{font-size:12px}.welcome h1{font-size:25px}.welcome p{font-size:14px}.compose-area{padding:8px 12px max(12px,env(safe-area-inset-bottom))}textarea{font-size:16px;min-height:36px}#compose{padding:8px 10px}#send{width:40px;height:40px}.call-focused .call{padding:15px 12px;overflow:hidden}.call-focused .call-heading{display:flex;flex-direction:row;align-items:flex-start;padding-bottom:12px}.call-focused .call-heading small{max-width:200px;font-size:12px;line-height:1.5}.call-focused .media-grid{align-content:start;flex:1;overflow:auto}.call-focused .media-card{flex:1 1 45%;min-width:calc(50% - 5px);max-width:calc(50% - 5px);min-height:120px;aspect-ratio:1}.call-focused .media-card:only-child{max-width:100%;aspect-ratio:4/3}.call-focused .media-card .avatar{width:52px;height:52px;font-size:19px}.call-focused .call-controls{flex-direction:row;flex-wrap:wrap;padding-bottom:env(safe-area-inset-bottom);gap:7px}.call-focused .call-controls button{padding:12px 10px;min-height:44px;font-size:12px;flex:1 1 40%}.call-focused .call-controls .danger{flex:1 1 100%}dialog{width:calc(100vw - 24px);padding:25px 22px;border-radius:15px}dialog button{min-height:44px}.game{flex-direction:row;gap:15px;max-height:220px;overflow:auto}.game>div:first-child{width:auto}.game h3{font-size:18px}.game p{font-size:13px}.board{grid-template-columns:repeat(3,40px)}.board button{height:40px}.sidebar-bottom strong{font-size:14px}.sidebar-bottom small{font-size:11px}.community{font-size:15px;min-height:60px}.community #group-name{max-width:210px}.rail #groups{width:56px}.server,.add-group{width:40px;min-height:40px;height:40px;font-size:13px}.server-actions button{font-size:13px;min-height:44px}}
#qa-metrics{position:fixed;bottom:0;left:0;z-index:9999;background:#143e27;color:white;font:12px monospace;padding:4px;pointer-events:none}