:root{color:var(--text);background:var(--background);font-synthesis:none;--text:#e9ebe2;--background:#191d18;--muted:#a2aa9b;--accent:#bfd5ae;--apricot:#e9b991;--line:#ffffff10;--panel:#222720;--soft:#30372c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,Inter,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{background:0 0;border:0}input,select,textarea{color:var(--text);background:var(--background);border:1px solid #46503f;border-radius:7px;width:100%;padding:11px 12px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}label{color:#c1c9ba;margin:20px 0 0;font-size:12px;font-weight:600;display:block}label input,label select{margin-top:8px}p{color:var(--muted);line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}h3{margin:28px 0 12px;font-size:13px}svg{flex-shrink:0}kbd{color:#a5adba;border:1px solid #ffffff14;border-radius:3px;padding:1px 4px;font:10px inherit}::selection{background:#a6cbb639}.primary,.secondary{background:var(--accent);color:#14241c;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;padding:12px 16px;font-size:13px;font-weight:650;display:flex}.primary:hover{background:#b9ddc9}.secondary{background:var(--soft);color:var(--text);margin-top:12px}.compact{width:auto;display:inline-flex}.link{color:var(--accent);align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.link:hover{text-decoration:underline}.icon-button{color:var(--muted);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{color:#edf1f5;background:#ffffff0a}.icon-button.active{color:var(--accent)}.danger,.danger-text{color:#eb9a9a!important}.icon-button.danger:hover{background:#ed8e8e10}.eyebrow{letter-spacing:1.6px;color:#6f7d8a;font-size:9px;font-weight:650;display:block}.mark{height:34px;color:var(--accent);justify-content:center;align-items:center;gap:4px;display:inline-flex}.mark i{background:currentColor;border-radius:2px;width:5px;height:21px;display:block}.mark i:nth-child(2){height:34px}.mark i:nth-child(3){height:26px}.mark i:nth-child(4){height:14px}.mark.small{gap:3px;height:27px}.mark.small i{width:4px;height:15px}.mark.small i:nth-child(2){height:25px}.mark.small i:nth-child(3){height:20px}.mark.small i:nth-child(4){height:11px}.avatar{color:#d1dfc5;letter-spacing:.4px;background:#394333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.tiny{border-radius:8px;width:23px;height:23px;font-size:8px}.boot{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.boot p{margin:20px}.auth-layout{background:var(--panel);grid-template-columns:1.06fr 1fr;min-height:100dvh;display:grid}.auth-story{background:radial-gradient(ellipse at 20% 80%, #bfd5ae0c, transparent 65%), var(--background);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:45px 60px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:13px;font-size:25px;font-weight:650;display:flex}.wordmark>span:last-child{letter-spacing:1.1px;color:#677a70;border:1px solid #a6cbb624;border-radius:4px;margin-left:10px;padding:5px 7px;font-size:8px}.auth-story .eyebrow{color:var(--apricot);margin:80px 0 24px}.auth-story h1{letter-spacing:-3px;margin-bottom:26px;font-size:clamp(40px,5vw,74px);font-weight:450;line-height:1.09}.auth-story h1 em{color:var(--accent);font-style:normal}.auth-story p{color:var(--muted);font-size:16px;line-height:1.8}.auth-story footer{color:var(--muted);align-items:center;gap:10px;margin-top:60px;font-size:11px;display:flex}.sound-bars{opacity:.5;align-items:center;gap:5px;height:75px;margin-top:38px;display:flex}.sound-bars i{background:linear-gradient(var(--apricot), #806b50);border-radius:4px;width:4px}.auth-form{justify-content:center;align-items:center;padding:55px 40px;display:flex}.auth-form-inner{width:345px}.tag{color:var(--apricot);align-items:center;gap:8px;margin-bottom:25px;font-size:10px;display:flex}.auth-form h2{letter-spacing:-.7px;margin-bottom:12px;font-size:28px}.auth-form p{font-size:12px}.auth-form form{margin-top:30px}.auth-form .primary{justify-content:space-between}.auth-switch{text-align:center;margin:25px 0}.auth-switch button{font-weight:600}.auth-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:13px;margin-top:38px;padding-top:24px;font-size:10px;line-height:1.7;display:flex}.form-error{overflow-wrap:anywhere;background:#db797911;border:1px solid #db797933;border-radius:5px;margin-top:18px;padding:12px;font-size:12px;color:#e9a0a0!important}.global-error{z-index:4;background:#4b3030;justify-content:space-between;width:100%;padding:10px 20px;display:flex;position:fixed;top:0}.global-error button{display:flex}dialog{background:var(--panel);color:var(--text);border:1px solid #485340;border-radius:13px;width:min(480px,100vw - 40px);max-height:85dvh;padding:0;box-shadow:0 24px 100px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080d12bc}.modal{padding:25px 28px;overflow:auto}.modal>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.modal h2{letter-spacing:-.4px;margin:0;font-size:19px}.modal p{font-size:12px;line-height:1.8}.modal .link{margin-top:20px}.modal .manage-row .link,.modal>div>h3:first-child{margin-top:0}.checkbox{align-items:flex-start;gap:12px;padding:16px 0;display:flex}.checkbox input{accent-color:#a6cbb6;width:16px;height:16px;margin:0}.checkbox small{color:var(--muted);margin-top:6px;font-size:10px;font-weight:400;line-height:1.7;display:block}.checkbox kbd{margin-left:7px}.settings-status{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;margin-top:28px;padding-top:16px;font-size:10px;display:flex}.muted-note{color:var(--muted);font-size:10px!important}.manage-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:40px;display:flex}.manage-row>span{flex:1;align-items:center;gap:8px;font-size:11px;display:flex}.manage-row .link{font-size:10px}.profile-avatar{align-items:center;gap:13px;margin-top:15px;display:flex}.file-label{color:var(--accent);cursor:pointer;margin:0;font-size:10px}.file-label input{max-width:210px;margin-top:6px;padding:6px;font-size:9px}.profile-avatar .link{font-size:10px;margin:0!important}.rename-form{align-items:center;gap:6px;max-width:210px;display:flex}.rename-form input{min-width:0;padding:6px;font-size:11px}.app-shell{background:var(--background);grid-template:"header header"78px"hangout conversation"minmax(0,1fr)"controls controls"82px/310px minmax(0,1fr);height:100dvh;min-height:530px;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--line);grid-area:header;align-items:center;gap:28px;padding:0 28px;display:flex}.app-brand{letter-spacing:-1.2px;flex-shrink:0;align-items:center;gap:12px;width:254px;font-size:27px;font-weight:650;display:flex}.brand-period,.hangout-title h1>span{color:var(--apricot)}.community-navigation{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.community-picker{width:255px;min-width:0}.community-picker label{text-transform:uppercase;color:var(--muted);letter-spacing:1.4px;margin:0 0 3px;font-size:9px}.community-picker>div{display:flex;position:relative}.community-picker select{appearance:none;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:3px 26px 4px 0;font-size:15px;font-weight:600}.community-picker option{background:var(--panel)}.community-picker svg{pointer-events:none;color:var(--muted);position:absolute;top:7px;right:2px}.nav-join{white-space:nowrap;color:var(--muted);border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:12px;display:flex}.nav-join:hover{color:var(--text);background:var(--soft)}.connection{color:var(--accent);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.connection.offline{color:var(--apricot)}.hangout-panel{flex-direction:column;grid-area:hangout;min-width:0;min-height:0;display:flex}.hangout-heading{padding:30px 24px 18px}.hangout-heading .eyebrow{letter-spacing:1.3px;color:var(--muted);font-size:8px}.hangout-title{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 9px;display:flex}.hangout-title h1{letter-spacing:-1.3px;white-space:nowrap;margin:0;font-size:32px;font-weight:600}.online-count{color:var(--accent);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.hangout-heading p{color:var(--muted);margin:0;font-size:12px}.community-actions{gap:8px;margin-top:21px;display:flex}.invite-button{color:var(--accent);background:#bfd5ae06;border:1px solid #bfd5ae30;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.invite-button:hover{background:#bfd5ae12}.hangout-scroll{scrollbar-width:thin;flex:1;min-height:0;padding:0 18px 20px;overflow-y:auto}.section-label{color:#c3c7be;justify-content:space-between;align-items:center;min-height:38px;margin:4px 6px 6px;font-size:12px;font-weight:600;display:flex}.room-card{background:#252923;border:1px solid #ffffff0c;border-radius:12px;margin:0 0 10px;overflow:hidden}.room-card:hover{border-color:#bfd5ae40}.room-card.joined{background:#2b3328;border-color:#bfd5ae65}.room-join{text-align:left;align-items:center;gap:11px;width:100%;padding:17px 13px;display:flex}.room-join:focus-visible{outline-offset:-3px}.room-join:disabled{opacity:1}.room-card.joined .room-join{cursor:default}.room-symbol{color:var(--apricot);background:#e9b99110;border-radius:20px 20px 9px 9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:42px;display:flex}.joined .room-symbol{color:var(--accent);background:#bfd5ae15}.room-info{flex:1;min-width:0}.room-info strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.room-info>span{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5;display:block}.room-action{color:var(--accent);display:flex}.room-people{border-top:1px solid var(--line);padding:4px 13px}.voice-person{color:#c2c9bc;align-items:center;gap:9px;margin:9px 0;font-size:11px;display:flex}.voice-person>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.voice-person>svg{color:var(--muted)}.sidebar-note{color:var(--muted);padding:8px 6px;font-size:11px;line-height:1.7}.friends-section{border-top:1px solid var(--line);margin-top:23px;padding:18px 6px 0}.friends-toggle{color:#c3c7be;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:12px;font-weight:600;display:flex}.friend-count{color:var(--muted);margin-left:7px;font-weight:400}.friends-toggle svg.collapsed{transform:rotate(-90deg)}.friends-list h3{color:var(--muted);letter-spacing:1.1px;margin:21px 0 7px;font-size:9px}.friends-list h3 span{color:var(--muted)}.member{align-items:center;gap:10px;padding:10px 0;display:flex}.member-avatar{position:relative}.member .avatar{width:32px;height:32px;font-size:10px}.presence{border:2px solid var(--background);background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.presence.off{color:#fff;background:#697066;justify-content:center;align-items:center;font-size:8px;display:flex}.member>div:nth-child(2){flex:1;min-width:0}.member strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.member>div:nth-child(2)>span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.you{color:var(--muted);margin-left:4px;font-size:10px;font-weight:400}.owner-shield{color:var(--apricot)}.member.is-offline strong{color:var(--muted)}.hangout-footer{color:var(--muted);align-items:center;gap:9px;padding:17px 24px;font-size:10px;display:flex}.little-orbit{color:var(--apricot);font-size:23px;line-height:1}.conversation{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;grid-area:conversation;min-width:0;min-height:0;margin:18px 20px 18px 0;display:flex;position:relative;overflow:hidden}.conversation-heading{flex-shrink:0;align-items:center;gap:15px;padding:23px 28px 19px;display:flex}.conversation-heading>div{flex:1;min-width:0}.conversation-heading .eyebrow{color:var(--muted);letter-spacing:1.4px;font-size:8px}.conversation-heading h2{letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:23px;font-weight:550;overflow:hidden}.conversation-context{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.conversation-tabs{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:0 22px 16px;display:flex}.channel-tabs-scroll{scrollbar-width:thin;align-items:center;gap:5px;min-width:0;padding:4px;display:flex;overflow-x:auto}.channel-tab{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.channel-tab>span{text-overflow:ellipsis;max-width:180px;overflow:hidden}.channel-tab:hover{background:var(--soft);color:var(--text)}.channel-tab.selected{color:#283123;background:#d8dfcf;border-color:#e1e8d8;font-weight:650}.badge{color:var(--background);background:var(--apricot);border-radius:5px;padding:1px 5px;font-size:10px}.messages{scrollbar-width:thin;scrollbar-color:#535b4f transparent;flex:1;min-height:0;padding:0 28px 20px;overflow:hidden auto}.channel-welcome{grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:16px;padding:32px 0 24px;display:grid}.welcome-hash{width:48px;height:54px;color:var(--apricot);background:#e9b99110;border:1px solid #e9b99117;border-radius:24px 24px 10px 10px;justify-content:center;align-items:center;display:flex}.channel-welcome .welcome-hash{grid-row:1/4}.channel-welcome .eyebrow{color:var(--apricot);letter-spacing:1.3px;margin-bottom:6px;font-size:8px}.channel-welcome h1{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:500}.channel-welcome p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.7}.date-divider{align-items:center;gap:12px;margin:10px 0 24px;display:flex}.date-divider:after{content:"";background:var(--line);flex:1;height:1px}.date-divider span{color:var(--muted);white-space:nowrap;font-size:10px}.message{align-items:flex-start;gap:12px;margin:0 0 22px;display:flex}.message>.avatar{margin-top:2px}.message>div:last-child{min-width:0;max-width:90%}.message-meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.message-meta strong{overflow-wrap:anywhere;font-size:12px;font-weight:600}.message-meta time{color:var(--muted);font-size:10px}.owner-tag{color:var(--accent);letter-spacing:.7px;font-size:8px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6d9d0;background:#ffffff04;border:1px solid #ffffff05;border-radius:0 10px 10px;margin:8px 0 0;padding:10px 13px;font-size:14px;line-height:1.65}.message.own p{background:#bfd5ae09;border-color:#bfd5ae0d}.message p a{color:#c1dcc3;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.message p a:hover{color:#e4f2dc}.video-preview{width:380px;max-width:100%;color:var(--text);border:1px solid #bfd5ae24;border-left:3px solid var(--apricot);background:#191e18;border-radius:0 10px 10px;flex-direction:column;gap:9px;margin-top:10px;padding:13px;text-decoration:none;display:flex}.video-preview:hover{border-color:#bfd5ae70}.video-provider,.video-action{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.video-provider{justify-content:space-between}.video-author{font-size:11px;font-weight:600}.video-title{color:var(--accent);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.video-thumbnail{aspect-ratio:16/9;background:#30372c;border-radius:6px;display:block;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.video-play{color:#fff;background:#111c;border-radius:12px;justify-content:center;align-items:center;width:52px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-action{color:var(--accent)}.composer-wrap{flex-shrink:0;padding:10px 24px 16px}.composer{background:#2b302a;border:1px solid #ffffff10;border-radius:12px;align-items:center;gap:12px;padding:12px 13px;display:flex}.composer>svg{color:var(--muted)}.composer textarea{resize:none;min-height:28px;max-height:150px;color:var(--text);background:0 0;border:0;padding:4px 0;font-size:13px;line-height:1.6}.composer textarea:focus-visible{outline:none}.composer:focus-within{border-color:#bfd5ae80}.composer textarea::placeholder{color:var(--muted)}.send{background:var(--accent);color:#222d1d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.send:disabled{opacity:.4}.composer-hint{color:var(--muted);justify-content:space-between;gap:10px;margin:10px 2px 0;font-size:9px;display:flex}.composer-hint kbd{color:#b9c1b2;border:0;padding:0;font-size:9px}.empty-community{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex;overflow-y:auto}.empty-community .welcome-hash{border-radius:36px 36px 14px 14px;width:70px;height:80px;margin-bottom:24px}.empty-community .eyebrow{color:var(--muted)}.empty-community h1{letter-spacing:-1px;margin:20px 0 0;font-size:30px}.empty-community p{max-width:340px;margin:15px 0 0;font-size:13px}.empty-community .link{margin-top:20px}.error-banner{color:#efc9ab;background:#e9b99110;border-bottom:1px solid #e9b99120;flex-shrink:0;align-items:center;gap:10px;padding:12px 22px;font-size:12px;display:flex}.error-banner span{overflow-wrap:anywhere;flex:1;line-height:1.6}.live-voice{background:#bfd5ae07;border:1px solid #bfd5ae20;border-radius:10px;flex-shrink:0;max-height:32%;margin:16px 24px 0;padding:14px;overflow-y:auto}.live-heading{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.live-pill{color:var(--accent);letter-spacing:1px;align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex}.live-heading>.link{margin-left:auto;font-size:10px}.voice-cards{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.voice-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:8px;min-width:150px;max-width:100%;padding:9px;display:flex}.voice-card.speaking{border-color:var(--accent);background:#bfd5ae12}.voice-card>div{min-width:0}.voice-card strong{overflow-wrap:anywhere;font-size:11px;display:block}.voice-card span:not(.avatar){color:var(--muted);margin-top:4px;font-size:10px;display:block}.voice-card>svg{color:var(--accent);margin-left:auto}.voice-card .avatar{width:28px;height:28px;font-size:9px}.jump-latest{background:var(--accent);color:#1c2a17;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0004}.load-older{color:var(--accent);margin:24px auto;font-size:12px;display:block}.loading{text-align:center;padding:20px;font-size:12px}.control-bar{border-top:1px solid var(--line);background:#1d211c;grid-area:controls;align-items:center;gap:25px;padding:0 24px;display:flex}.profile-control{text-align:left;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;width:260px;padding:8px 0;display:flex}.profile-control:hover{background:#ffffff04}.profile-control>span:nth-child(2){flex:1;min-width:0}.profile-control strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.profile-control>span>span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.profile-control>svg{color:var(--muted);margin-right:12px}.voice-summary{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.voice-summary>div{min-width:0}.voice-summary strong{font-size:12px;font-weight:600;display:block}.voice-summary>div>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.dock-symbol{color:var(--muted);display:flex}.dock-symbol.in-voice{color:var(--accent)}.ptt-status{color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:10px}.ptt-status.held{color:var(--accent);border-color:#bfd5ae60}.audio-buttons{align-items:center;gap:7px;display:flex}.audio-button{min-height:40px;color:var(--accent);white-space:nowrap;background:#2c3229;border:1px solid #ffffff0d;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex}.audio-button:hover{background:#374031}.audio-button.is-off{color:var(--apricot);background:#e9b99110;border-color:#e9b99130}.audio-button.leave-button{color:#edabab;background:#d68f8f0a;border-color:#edabab20}@media (width>=1600px){.app-shell{grid-template-columns:340px minmax(0,1fr)}.app-brand{width:284px}.profile-control{width:290px}.hangout-heading{padding-left:30px;padding-right:30px}.hangout-scroll{padding-left:24px;padding-right:24px}.messages{padding-left:40px;padding-right:40px}.conversation{margin-right:24px}.composer-wrap{padding-left:36px;padding-right:36px}}@media (width<=1100px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.app-header{gap:20px;padding:0 20px}.app-brand{width:230px}.community-picker{width:220px}.hangout-heading{padding:28px 18px 16px}.hangout-title h1{font-size:29px}.hangout-scroll{padding-left:12px;padding-right:12px}.hangout-footer{padding:17px 18px;font-size:9px}.control-bar{gap:20px;padding:0 18px}.profile-control{width:230px}.audio-button{padding:10px}.voice-summary{flex-wrap:wrap;gap:7px}.ptt-status{padding:2px 6px}.nav-join{font-size:11px}.conversation{margin-right:14px}.messages{padding-left:22px;padding-right:22px}.conversation-heading{padding-left:24px}}@media (width<=900px){.app-header{gap:12px}.app-brand{width:238px}.community-navigation{gap:7px}.nav-join{padding:6px 0;font-size:10px}.community-picker{width:180px}.connection{font-size:10px}.connection svg,.audio-button>span{display:none}.audio-button{width:40px}.audio-button.leave-button>span{display:inline}.audio-button.leave-button{width:auto}.composer-hint>span:last-child{display:none}.live-heading{flex-wrap:wrap;gap:8px}.live-heading>.link{margin-left:0}.conversation-context{display:none}.auth-story{padding:35px}.auth-story h1{font-size:48px}}@media (width<=700px){.app-shell{grid-template-rows:72px minmax(0,1fr) 116px;grid-template-columns:215px minmax(0,1fr)}.app-header{flex-wrap:wrap;gap:12px;padding:0 14px}.app-brand{gap:8px;width:auto;font-size:22px}.app-brand .mark{display:none}.community-picker{flex:1;width:auto}.community-picker select{font-size:12px}.community-picker label{font-size:8px}.app-header .connection{display:none}.nav-join{font-size:0}.nav-join svg{width:18px;height:18px}.hangout-heading{padding:22px 14px 14px}.hangout-heading .eyebrow{letter-spacing:.8px;font-size:7px}.hangout-title{flex-wrap:wrap;gap:8px}.hangout-title h1{font-size:27px}.hangout-heading p{font-size:11px}.room-symbol{display:none}.room-join{padding:14px 12px}.hangout-footer{display:none}.invite-button{padding:8px 5px;font-size:10px}.conversation{border-radius:12px;margin:10px 10px 10px 0}.conversation-heading{padding:18px 16px 12px}.conversation-heading .eyebrow{font-size:7px}.conversation-heading h2{font-size:19px}.conversation-tabs{gap:5px;padding:0 10px 10px}.channel-tab{padding:8px 10px}.messages{padding:0 16px 12px}.channel-welcome{padding:25px 0 20px;display:block}.channel-welcome .welcome-hash{display:none}.channel-welcome h1{font-size:19px}.message{gap:8px}.message>.avatar{width:26px;height:26px;font-size:9px}.message p{padding:9px;font-size:13px}.composer-wrap{padding:8px 10px 12px}.composer{gap:7px;padding:8px}.composer>svg{display:none}.control-bar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:8px 14px;display:grid}.profile-control{width:auto;max-width:230px}.voice-summary{grid-area:2/1/auto/-1}.voice-summary>div{align-items:center;gap:8px;display:flex}.voice-summary>div>span{max-width:150px;margin:0}.voice-summary strong{font-size:11px}.dock-symbol svg{height:15px}.audio-buttons{grid-area:1/2}.live-voice{margin:10px;padding:10px}.auth-layout{display:block}.auth-story{display:none}.auth-form{min-height:100dvh}}@media (height<=720px) and (width>=701px){.channel-welcome.has-messages{display:none}.messages{padding-top:16px}.app-shell{grid-template-rows:64px minmax(0,1fr) 72px}.conversation{margin-top:12px;margin-bottom:12px}.conversation-heading{padding-top:14px;padding-bottom:12px}.conversation-heading .eyebrow{display:none}.conversation-heading h2{margin:0}.conversation-tabs{padding-bottom:10px}.hangout-heading{padding-top:18px}.hangout-heading>p,.hangout-footer{display:none}.live-voice{max-height:25%;margin-top:10px;padding:10px}.voice-cards{margin-top:8px}.composer-wrap{padding-bottom:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}