:root{--brand: #b66935;--brand-dark: #88451e;--paper: #faf7f2;--surface: #fff;--ink: #302d29;--muted: #817a71;--border: #e8e0d5;--soft: #f1e8dc;--error: #a73131;--live: #2d8963;--community: #20232a;--community-side: #292d35;--community-ink: #eceef1;--community-muted: #a8aeba;--community-line: #373c46;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer;background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:9px;padding:10px 15px;font-size:14px}button:hover{background:var(--soft)}button:disabled{cursor:wait;opacity:.6}a{color:var(--brand-dark)}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:20px;letter-spacing:-.4px}p{line-height:1.65}small{font-size:12px;color:var(--muted)}label{display:flex;flex-direction:column;gap:8px;margin:15px 0;font-size:14px;font-weight:600}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}textarea{resize:vertical;min-height:100px}.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.primary:hover{background:var(--brand-dark)}.danger{color:var(--error)}.link{border:0;background:transparent;color:var(--brand);padding:8px}.error{background:#fbe9e5;color:var(--error);padding:12px;border-radius:8px;font-size:14px}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:var(--brand)}.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:var(--muted);margin-bottom:12px}.welcome{max-width:1120px;margin:0 auto;min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;padding:60px 40px}.welcome-copy .brand{margin-bottom:85px}.welcome-copy h1{font-size:54px;line-height:1.12;letter-spacing:-2px;margin:25px 0}.welcome-copy p{color:var(--muted);max-width:450px;font-size:18px}.welcome-tags{display:flex;gap:10px;margin-top:35px}.welcome-tags span{padding:8px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:36px;box-shadow:0 16px 60px #5640240a}.auth-card p{font-size:14px;color:var(--muted)}.auth-card .primary,.google{display:block;width:100%;text-align:center;margin:20px 0}.google{text-decoration:none;padding:12px;border:1px solid var(--border);border-radius:9px;color:var(--ink);font-size:14px}.auth-card .link{width:100%;margin-bottom:22px}.auth-card small{display:block;font-weight:400;line-height:1.7}.loading{padding:100px;text-align:center}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:var(--surface);gap:20px}.switch{border:0;background:transparent;display:flex;gap:18px;align-items:center;padding:5px}.switch span{font-size:11px;letter-spacing:0;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:7px 10px;font-weight:500}.topbar-note{font-size:13px;color:var(--muted)}.account{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--brand-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.warm{background:#ecd3b6}.social-layout{display:grid;grid-template-columns:220px minmax(300px,680px) 280px;gap:35px;max-width:1320px;margin:0 auto;padding:36px 28px}.social-nav{padding-top:12px}.social-nav>button{display:flex;align-items:center;gap:15px;width:100%;border:0;background:transparent;text-align:left;margin-bottom:6px;padding:14px 15px;color:var(--muted)}.social-nav>button span{font-size:22px;width:25px}.social-nav>button.active{background:var(--soft);color:var(--brand-dark);font-weight:650}.nav-note{border-top:1px solid var(--border);margin-top:40px;padding:25px 12px;font-size:12px}.nav-note p{color:var(--muted);margin-top:10px}.social-nav>a{display:block;font-size:11px;margin:14px 12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.section-heading h1{font-size:25px;margin-bottom:0}.section-heading .eyebrow{margin-bottom:8px}.section-heading>button{white-space:nowrap;font-size:12px}.composer,.post-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:23px;margin-bottom:20px}.composer-intro{display:flex;align-items:center;gap:13px;font-size:14px}.composer textarea{border:0;padding:20px 0;margin-top:5px;font-size:15px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px}.upload{margin:0;color:var(--muted);font-size:13px}.upload input{max-width:190px;font-size:10px;padding:3px;border:0}.post-author{display:flex;gap:12px;align-items:center}.post-author strong{font-size:14px}.post-author small{display:block;margin-top:4px}.post-tools{margin-left:auto;display:flex}.post-tools button{border:0;font-size:10px;padding:7px;background:transparent;color:var(--muted)}.post-content{margin:23px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.post-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:14px}.post-actions button{border:0;font-size:12px;padding:6px 10px;color:var(--muted);background:transparent}.post-image{width:100%;max-height:480px;object-fit:contain;border-radius:10px;margin-bottom:15px}.comments{margin-top:20px;border-top:1px solid var(--border);padding-top:15px;font-size:13px}.comments>div{background:var(--paper);padding:12px;border-radius:8px;margin-bottom:10px}.comments p{margin:5px 0;white-space:pre-wrap}.comments form,.inline-form{display:flex;gap:10px}.social-side .panel{padding:24px}.social-side p{font-size:13px;color:var(--muted)}.social-side button{font-size:12px}.subtle{background:transparent}.empty{text-align:center;padding:45px 25px;color:var(--muted)}.empty>span{font-size:45px;color:var(--brand)}.empty h2{margin-top:20px;color:var(--ink)}.empty p{font-size:14px}.person{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:13px;flex-wrap:wrap}.person button{font-size:11px;padding:7px}.person strong{margin-right:auto}.legal{max-width:750px;margin:70px auto;padding:30px}.legal h1{margin-top:35px}.community-layout{display:grid;grid-template-columns:76px 240px minmax(0,1fr);min-height:calc(100vh - 76px);background:var(--community);color:var(--community-ink)}.communities .topbar{background:var(--community-side);border-color:var(--community-line);color:var(--community-ink)}.communities .switch span{color:var(--community-muted);border-color:var(--community-line)}.server-rail{background:var(--community);padding:20px 12px;display:flex;align-items:center;flex-direction:column;gap:14px}.server-rail button{width:48px;height:48px;border:0;background:var(--community-side);color:var(--community-ink);border-radius:16px;font-weight:700;padding:0}.server-rail button:hover,.server-rail button.selected{background:var(--brand)}.rail-divider{width:28px;border-bottom:1px solid var(--community-line)}.channel-sidebar{background:var(--community-side);position:relative;display:flex;flex-direction:column}.server-heading{height:64px;padding:22px;border-bottom:1px solid var(--community-line);font-size:16px}.channel-list{padding:22px 14px}.channel-list>button{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:var(--community-muted);text-align:left;margin-bottom:5px;padding:11px}.channel-list>button.active,.channel-list>button:hover{background:var(--community-line);color:#fff}.channel-list>button span{font-size:19px}.channel-list p{font-size:13px;color:var(--community-muted);padding:10px}.channel-sidebar .eyebrow{color:var(--community-muted);font-size:9px}.channel-sidebar label{font-size:11px;padding:5px}.channel-sidebar input{font-size:10px}.community-members{padding:10px 20px;margin-bottom:80px}.community-members>div{font-size:12px;margin:16px 0}.community-members small{display:block;margin:4px 0}.community-members button{background:var(--community-line);border:0;color:var(--community-ink);font-size:10px;padding:5px;margin:5px 3px 0 0}.sidebar-user{margin-top:auto;padding:17px 14px;background:var(--community-side);display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.sidebar-user small{margin-left:45px}.community-main{min-width:0;position:relative}.community-welcome{padding:100px 50px;max-width:700px;margin:auto;text-align:center}.community-welcome h1{font-size:40px}.community-welcome p{color:var(--community-muted)}.community-welcome .eyebrow{color:var(--brand)}.community-art{font-size:150px;color:var(--brand);margin:35px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;height:calc(100vh - 76px)}.chat-content{display:flex;flex-direction:column;min-width:0}.chat-header{height:64px;padding:22px;border-bottom:1px solid var(--community-line);display:flex;align-items:center;justify-content:space-between}.chat-header small{color:var(--live)}.messages{overflow:auto;flex:1;padding:20px;min-height:180px}.message{display:flex;gap:13px;padding:13px 0}.message strong{font-size:13px}.message small{margin-left:12px;font-size:10px;color:var(--community-muted)}.message p{font-size:14px;color:var(--community-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.message button{background:transparent;border:0;font-size:10px;padding:0;color:var(--community-muted)}.chat-empty{padding:80px 30px;text-align:center;color:var(--community-muted)}.chat-empty h2{color:var(--community-ink)}.message-composer{display:flex;gap:12px;padding:20px}.message-composer input{background:var(--community-side);border:1px solid var(--community-line);color:#fff}.member-panel{background:var(--community-side);padding:30px 18px}.member-panel .eyebrow{color:var(--community-muted)}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--live)}.voice-stage{padding:60px 35px;text-align:center}.voice-stage>p{color:var(--community-muted)}.voice-stage .eyebrow{color:var(--brand)}.voice-stage small{display:block;margin-top:30px;color:var(--community-muted)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:30px 0}.video-grid video{width:100%;border-radius:12px;max-height:450px;background:var(--community)}.voice-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.voice-controls button{background:var(--community-side);border-color:var(--community-line);color:var(--community-ink)}@media(max-width:1100px){.social-layout{grid-template-columns:180px minmax(0,1fr);max-width:950px}.social-side,.topbar-note{display:none}.chat-layout{grid-template-columns:minmax(0,1fr)}.member-panel{display:none}}@media(max-width:700px){.welcome{grid-template-columns:1fr;gap:30px;padding:35px 22px}.welcome-copy .brand{margin-bottom:35px}.welcome-copy h1{font-size:38px}.welcome-copy p{font-size:15px}.welcome-tags{display:none}.auth-card{padding:25px}.topbar{height:auto;min-height:76px;padding:15px;gap:10px;flex-wrap:wrap}.brand{font-size:22px}.switch{gap:8px}.switch span{font-size:9px;padding:5px}.account{font-size:11px;gap:7px}.account .avatar{display:none}.social-layout{display:flex;flex-direction:column;padding:20px 14px;gap:20px}.social-nav{display:flex;gap:4px;overflow:auto}.social-nav .eyebrow,.nav-note,.social-nav>a{display:none}.social-nav>button{width:auto;white-space:nowrap;padding:10px;font-size:12px}.social-nav>button span{font-size:16px;width:auto}.section-heading h1{font-size:22px}.section-heading>button{padding:8px}.composer,.post-card,.panel{padding:18px}.community-layout{grid-template-columns:55px 155px minmax(0,1fr)}.server-rail{padding:15px 5px;gap:10px}.server-rail button{width:39px;height:39px;font-size:12px}.server-heading{padding:20px 10px;font-size:12px}.channel-list{padding:15px 5px}.channel-list>button{font-size:11px;padding:10px 5px;gap:5px}.community-members,.sidebar-user{padding:10px}.sidebar-user .avatar{display:none}.sidebar-user small{margin:0}.community-welcome{padding:55px 15px}.community-welcome h1{font-size:25px}.community-welcome p{font-size:12px}.community-art{font-size:80px;margin:20px}.chat-header{padding:15px;font-size:12px}.chat-header small{font-size:9px}.messages{padding:10px}.message{gap:5px}.message .avatar{display:none}.message p{font-size:12px}.message small{display:block;margin:5px 0}.message-composer{padding:10px;gap:5px;flex-direction:column}.message-composer input{font-size:12px}.voice-stage{padding:30px 10px}.voice-stage h1{font-size:22px}.voice-controls button{font-size:11px}.video-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.person{gap:7px}}:root{--brand: #a9602e;--brand-dark: #8c4f27;--paper: #f0f2f5;--surface: #ffffff;--ink: #1c1e21;--muted: #65676b;--border: #e4e6eb;--soft: #e9edf2;--action: #1877f2;--action-hover: #166fe5;--error-bg: #fff0ef;--shadow: 0 1px 3px #00000012;--community: var(--paper);--community-side: var(--surface);--community-ink: var(--ink);--community-muted: var(--muted);--community-line: var(--border);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--brand: #d48b58;--brand-dark: #e4a474;--paper: #18191a;--surface: #242526;--ink: #e4e6eb;--muted: #b0b3b8;--border: #3e4042;--soft: #3a3b3c;--action: #5897ff;--action-hover: #78a9ff;--error: #ff9690;--error-bg: #422b2b;--shadow: 0 1px 3px #00000033;color-scheme:dark}body{background:var(--paper);color:var(--ink)}button,select,.google{border-radius:7px;min-height:36px;font-weight:600;transition:background-color .12s}button{padding:8px 14px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--action);outline-offset:3px}.primary{background:var(--action);border-color:var(--action);color:var(--surface)}.primary:hover{background:var(--action-hover);border-color:var(--action-hover)}:root[data-theme=dark] .primary{color:#101113}a,.link{color:var(--action)}.brand{color:var(--brand);display:flex;align-items:center;gap:9px;font-size:27px;letter-spacing:-1px}.brand svg{width:37px;height:37px;flex-shrink:0}.topbar{height:64px;padding:10px 24px;border-bottom:1px solid var(--border);box-shadow:var(--shadow);gap:16px;background:var(--surface);position:sticky;top:0;z-index:20}.switch{background:transparent;border:0;padding:0}.switch:hover{background:transparent}.switch span{font-size:12px;letter-spacing:0;border:0;background:var(--soft);border-radius:20px;padding:7px 12px;font-weight:500}.account{margin-left:auto;gap:10px}.account-profile{display:flex;align-items:center;gap:8px;border:0;background:transparent}.preferences{display:flex;align-items:center;gap:6px}.preferences select{width:auto;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);padding:6px 9px}.public-preferences{display:flex;justify-content:flex-end;padding:16px 24px}.welcome{grid-template-columns:1fr 400px;max-width:900px;gap:70px;min-height:65vh;align-items:center;padding:30px 24px}.welcome-copy .brand{font-size:54px}.welcome-copy .brand svg{width:64px;height:64px}.auth-card{border-radius:10px;box-shadow:var(--shadow);padding:24px}.auth-card h1{font-size:24px;letter-spacing:0}.auth-card footer{display:flex;justify-content:center;gap:18px;margin-top:20px;font-size:12px}h1{font-size:25px;letter-spacing:-.5px}h2{font-size:18px}p{line-height:1.5}input,textarea,select{background:var(--surface);color:var(--ink);border-color:var(--border);border-radius:7px}input::placeholder,textarea::placeholder{color:var(--muted)}.social-layout{max-width:1100px;margin:0 auto;grid-template-columns:220px minmax(0,720px);gap:30px;padding:24px}.social-main{min-width:0}.social-nav{padding-top:0}.social-nav .eyebrow{display:none}.social-nav button{border-radius:8px;min-height:48px}.social-nav button.active{background:var(--soft);color:var(--ink)}.social-nav a{font-size:12px;color:var(--muted)}.panel,.post-card,.composer{border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);background:var(--surface);padding:20px}.post-card{margin-bottom:16px}.panel{margin-bottom:18px}.section-heading .eyebrow{display:none}.section-heading h1{font-size:23px}.composer textarea{border:0;background:var(--paper);min-height:95px}.composer-top{margin-bottom:14px}.post-content{margin:18px 0;font-size:15px;white-space:pre-wrap}.post-tools button{color:var(--muted);padding:4px 7px}.post-actions button{color:var(--muted);border:0;font-weight:600}.post-actions{border-top:1px solid var(--border);padding-top:8px}.error{background:var(--error-bg)}.avatar{border-radius:50%;width:38px;height:38px;background:var(--soft);color:var(--ink);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .avatar{width:100%;height:100%}.avatar.large{width:100px;height:100px;border:4px solid var(--surface);font-size:32px}.person-link{color:inherit;text-decoration:none;font-weight:600}.person-link:hover{text-decoration:underline}.username-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:7px;padding-left:12px;background:var(--surface)}.username-field span{color:var(--muted)}.username-field input{border:0}.onboarding{max-width:440px;margin:70px auto}.profile-cover{height:220px;background:var(--soft);margin:-20px -20px 0;border-radius:9px 9px 0 0;overflow:hidden}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-summary{display:flex;align-items:center;gap:18px;margin-top:-25px;position:relative}.profile-summary h1{margin:26px 0 4px;font-size:25px}.profile-summary p{color:var(--muted);margin:0}.profile-summary button{margin-left:auto}.profile-bio{margin:18px 0 0;white-space:pre-wrap}.profile-page .post-image{max-height:400px;object-fit:contain}.account-delete{margin:22px 0}.file-input{padding:8px;font-weight:400;font-size:13px}.file-input::file-selector-button{font:inherit;font-weight:600;border:0;border-radius:6px;background:var(--soft);color:var(--ink);padding:9px 12px;margin-right:12px;cursor:pointer}.upload{font-size:13px;margin:0;gap:5px}.upload input{font-size:12px;padding:5px}.mention-input{position:relative;flex:1;min-width:0}.mention-options{position:absolute;left:0;right:0;top:100%;z-index:30;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--surface);border-radius:8px;max-height:260px;overflow:auto}.mention-options button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;text-align:left;border-radius:0}.mention-options [aria-selected=true]{background:var(--soft)}.admin-page{max-width:1100px;margin:auto;padding:28px 24px}.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-metrics strong{display:block;font-size:30px;margin-top:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:12px;font-weight:600}td small{display:block;margin-top:4px}.row-actions{display:flex;gap:8px}.audit-row{display:flex;gap:20px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.muted{color:var(--muted);font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.caramelo-dialog{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--border);border-radius:12px!important;box-shadow:var(--shadow)!important}.caramelo-dialog .swal2-title{font-size:22px!important;color:var(--ink)}.caramelo-dialog .swal2-input,.caramelo-dialog .swal2-select{color:var(--ink);background:var(--paper);border:1px solid var(--border)}.caramelo-dialog .swal2-actions{gap:10px}.caramelo-dialog .swal2-validation-message{background:var(--error-bg);color:var(--error)}.community-layout{height:calc(100dvh - 64px)}.community-layout button{font-weight:500}@media(max-width:900px){.social-layout{grid-template-columns:170px minmax(0,1fr);gap:20px}.account-profile>span:last-child{display:none}.topbar{padding:10px 14px}.brand{font-size:23px}.account{gap:5px}.preferences select{max-width:90px}}@media(max-width:650px){.welcome{display:block;max-width:430px;padding:12px 16px}.welcome-copy .brand{justify-content:center;font-size:38px;margin:16px 0 30px}.welcome-copy .brand svg{width:46px;height:46px}.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:8px}.account{flex-wrap:wrap}.social-layout{display:block;padding:14px}.social-nav{display:flex;gap:4px;overflow:auto;margin-bottom:16px}.social-nav button{white-space:nowrap;padding:8px 12px}.social-nav a,.social-nav button span{display:none}.preferences select{max-width:83px}.switch span{padding:6px;font-size:10px}.brand svg{width:31px;height:31px}.account .link{font-size:12px}.profile-cover{height:150px}.profile-summary{gap:10px;flex-wrap:wrap}.profile-summary .large{width:75px;height:75px}.profile-summary h1{font-size:21px}.profile-summary button{margin-left:0}.admin-page{padding:18px 14px}.admin-metrics{gap:8px}.admin-metrics .panel{padding:14px}.audit-row{flex-wrap:wrap;gap:6px}.community-layout{grid-template-columns:55px 150px minmax(0,1fr)}.member-sidebar{display:none}.chat-main{min-width:0}.composer-bottom{flex-wrap:wrap;gap:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.photo-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-picker input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-picker-button{display:inline-flex!important;align-items:center;justify-content:center;padding:9px 14px;background:var(--paper);border:1px solid var(--line);border-radius:7px;cursor:pointer;font-weight:600!important}.photo-picker:focus-within .photo-picker-button{outline:2px solid var(--action);outline-offset:2px}.comments .mention-input{flex:1}.comments textarea{min-height:44px}button,input,select,textarea{font-family:inherit}.post-actions button,.post-top button{font-size:13px}:root[data-theme=dark]{--color-inverse-primary: 117 69 33;--color-secondary-container: 76 60 46;--color-on-secondary: 38 28 20;--color-on-surface: 242 231 220;--color-surface-container-high: 48 40 32;--color-surface-container-low: 30 25 20;--color-surface-variant: 57 48 39;--color-tertiary-fixed: 111 251 190;--color-on-background: 242 231 220;--color-background: 23 19 15;--color-error-container: 147 0 10;--color-surface-tint: 228 183 133;--color-surface-bright: 65 54 43;--color-on-tertiary-fixed-variant: 0 82 54;--color-on-secondary-fixed: 43 28 17;--color-tertiary: 78 222 163;--color-error: 255 180 171;--color-secondary-fixed: 237 218 196;--color-primary-fixed-dim: 228 183 133;--color-outline-variant: 81 70 59;--color-on-primary: 45 28 16;--color-inverse-surface: 242 231 220;--color-secondary: 218 196 170;--color-on-primary-fixed-variant: 92 56 29;--color-on-tertiary-container: 0 49 31;--color-on-secondary-fixed-variant: 91 69 49;--color-tertiary-container: 0 165 114;--color-outline: 173 155 136;--color-on-surface-variant: 201 184 166;--color-surface-dim: 23 19 15;--color-on-error-container: 255 218 214;--color-primary-fixed: 249 223 190;--color-on-error: 105 0 5;--color-tertiary-fixed-dim: 78 222 163;--color-primary: 228 183 133;--color-on-primary-fixed: 45 28 16;--color-surface-container: 39 32 25;--color-surface-container-lowest: 23 19 15;--color-primary-container: 80 56 35;--color-inverse-on-surface: 45 37 29;--color-surface: 26 22 18;--color-secondary-fixed-dim: 218 196 170;--color-on-secondary-container: 242 223 201;--color-on-primary-container: 249 223 190;--color-on-tertiary-fixed: 0 33 19;--color-on-tertiary: 0 56 36;--color-surface-container-highest: 57 48 39;--scrollbar-thumb: 126 106 86}:root,:root[data-theme=light]{--color-inverse-primary: 92 51 25;--color-secondary-container: 235 224 214;--color-on-secondary: 255 250 244;--color-on-surface: 50 50 50;--color-surface-container-high: 236 232 227;--color-surface-container-low: 250 249 247;--color-surface-variant: 241 238 234;--color-tertiary-fixed: 160 242 201;--color-on-background: 50 50 50;--color-background: 248 246 243;--color-error-container: 255 230 225;--color-surface-tint: 117 69 33;--color-surface-bright: 255 254 252;--color-on-tertiary-fixed-variant: 0 82 54;--color-on-secondary-fixed: 50 50 50;--color-tertiary: 24 91 58;--color-error: 143 33 28;--color-secondary-fixed: 235 224 214;--color-primary-fixed-dim: 228 183 133;--color-outline-variant: 228 222 215;--color-on-primary: 255 255 255;--color-inverse-surface: 50 50 50;--color-secondary: 88 65 46;--color-on-primary-fixed-variant: 92 56 29;--color-on-tertiary-container: 24 70 42;--color-on-secondary-fixed-variant: 82 73 67;--color-tertiary-container: 220 237 222;--color-outline: 115 107 102;--color-on-surface-variant: 82 73 67;--color-surface-dim: 236 232 227;--color-on-error-container: 109 26 22;--color-primary-fixed: 249 223 190;--color-on-error: 255 255 255;--color-tertiary-fixed-dim: 78 222 163;--color-primary: 117 69 33;--color-on-primary-fixed: 58 32 15;--color-surface-container: 241 238 234;--color-surface-container-lowest: 255 254 252;--color-primary-container: 247 229 208;--color-inverse-on-surface: 255 250 244;--color-surface: 248 246 243;--color-secondary-fixed-dim: 221 208 200;--color-on-secondary-container: 50 50 50;--color-on-primary-container: 72 40 20;--color-on-tertiary-fixed: 0 33 19;--color-on-tertiary: 255 250 244;--color-surface-container-highest: 231 226 219;--scrollbar-thumb: 106 91 80;--error-bg: rgb(var(--color-error-container))}:root,:root[data-theme=dark]{--paper: rgb(var(--color-background));--surface: rgb(var(--color-surface-container-lowest));--ink: rgb(var(--color-on-surface));--muted: rgb(var(--color-on-surface-variant));--border: rgb(var(--color-outline-variant));--soft: rgb(var(--color-surface-container));--brand: rgb(var(--color-primary));--brand-dark: rgb(var(--color-primary));--action: rgb(var(--color-primary));--action-hover: rgb(var(--color-inverse-primary));--live: rgb(var(--color-tertiary));--error: rgb(var(--color-error))}.primary,:root[data-theme=dark] .primary{color:rgb(var(--color-on-primary))}.topbar{gap:24px;padding:10px 24px;position:sticky;top:0;z-index:30}.mode-control,.header-actions{display:flex;align-items:center;gap:12px}.header-actions{margin-left:auto}.brand-image{width:64px;height:52px;object-fit:contain}.mode-toggle{width:48px;height:26px;min-height:26px;border-radius:20px;padding:3px;background:var(--soft)}.mode-toggle span{display:block;width:18px;height:18px;background:var(--muted);border-radius:50%;transition:transform .15s}.mode-toggle[aria-checked=true]{background:var(--action)}.mode-toggle[aria-checked=true] span{transform:translate(20px);background:var(--surface)}.icon-button{width:40px;height:40px;border-radius:50%;padding:4px;font-size:21px;display:grid;place-items:center}.settings-anchor{position:relative}.settings-menu{position:absolute;right:0;top:48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:240px;box-shadow:var(--shadow);display:grid;gap:10px}.settings-menu .preferences{display:grid;gap:10px}.settings-menu select{max-width:100%}.panel,.post-card,.composer{padding:24px;margin-bottom:20px;border-radius:12px}.composer textarea{padding:16px;min-height:110px}.attachment-preview{width:100px;height:80px;object-fit:cover;border-radius:8px}.photo-picker{flex-wrap:wrap;gap:10px}.post-actions{flex-wrap:wrap;gap:8px}.post-actions [aria-pressed=true]{color:var(--action);background:var(--soft)}.social-layout{grid-template-columns:200px minmax(0,680px) 220px;max-width:1200px;gap:24px;margin:auto}.friends-sidebar{padding:16px;position:sticky;top:96px;align-self:start}.friend-button{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.online{background:var(--live)}.chat-dock{position:fixed;bottom:0;right:24px;display:flex;gap:12px;z-index:25}.mini-chat{width:290px;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 0 0;padding:12px;box-shadow:var(--shadow)}.mini-chat .messages{height:200px;overflow:auto}.mini-chat header{display:flex;justify-content:space-between}.profile-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-photos img{width:100%;height:150px;object-fit:cover}.image-button{padding:0;border:0;background:none}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.messages-layout{display:grid;grid-template-columns:180px 1fr;gap:16px}.messages-layout .panel{min-width:0}.message-bubble{padding:8px 12px;border-radius:10px;background:var(--soft);margin:8px 0}.message-bubble.mine{margin-left:24px}.message-bubble:not(.mine){margin-right:24px}@media(max-width:1000px){.social-layout{grid-template-columns:170px minmax(0,1fr)}.friends-sidebar{grid-column:2;position:static}.chat-dock{right:8px}.account-profile>span:last-child{display:none}}@media(max-width:680px){.topbar{padding:8px;gap:8px}.header-actions{gap:5px}.brand-image{width:44px;height:40px}.social-layout{display:block}.social-nav{display:flex;flex-wrap:wrap;gap:4px;padding:12px}.social-nav .eyebrow,.social-nav a{display:none}.social-main,.friends-sidebar{padding:12px}.chat-dock{left:8px;right:8px;gap:6px}.mini-chat{width:calc((100vw - 22px)/2)}.mini-chat:only-child{width:calc(100vw - 16px)}.messages-layout{grid-template-columns:1fr}.panel,.post-card,.composer{padding:16px}.profile-photos{grid-template-columns:repeat(2,1fr)}}[hidden]{display:none!important}.friend-button small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-image,.profile-cover img{cursor:zoom-in}.swal2-image{max-height:75vh;object-fit:contain}.preference-icons{display:flex;gap:10px}.preference-icons button{width:54px;height:42px;display:grid;place-items:center;font-size:24px;padding:6px}.preference-icons [aria-pressed=true]{border-color:var(--action);background:var(--soft)}.primary:hover{background:var(--action);border-color:var(--action);color:rgb(var(--color-on-primary));filter:brightness(.94)}.friends-sidebar aside>small{display:block;margin:8px 0;max-width:none}@media(min-width:1001px){.chat-dock{right:max(24px,calc((100vw - 1200px)/2 + 244px))}}.social-layout:has(.mini-chat){padding-bottom:380px}:root{--control-border: rgb(var(--color-outline));--radius-card: 18px;--radius-control: 12px;--space-card: 24px;--shadow: 0 3px 18px rgb(50 40 30 / 3%)}:root[data-theme=dark]{--action-hover: rgb(var(--color-primary-fixed));--surface: rgb(var(--color-surface-container-low));--soft: rgb(var(--color-surface-container-high));--shadow: 0 4px 20px rgb(0 0 0 / 12%)}body{line-height:1.5}.app{min-height:100dvh;display:flex;flex-direction:column}.admin-page{width:min(100%,1100px);min-width:0}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-summary>div{min-width:0;max-width:100%}.profile-summary>.avatar-media{flex:0 0 auto}h1,h2,h3,.profile-bio,.about-panel,.profile-summary,.friend-card,.post-author,.menu-profile{overflow-wrap:anywhere}.post-author>div:not(.post-tools){min-width:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-control);font-weight:600}button svg{flex-shrink:0}button:disabled{opacity:1;color:var(--muted);background:var(--soft);cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--action);outline-offset:4px}input,textarea,select{border-color:var(--control-border);border-radius:var(--radius-control)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.primary{min-height:42px;padding:10px 20px}.primary:disabled,:root[data-theme=dark] .primary:disabled{color:var(--muted);background:var(--soft);border-color:var(--border);filter:none}.panel,.post-card,.composer,.auth-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-card);box-shadow:var(--shadow)}.panel,.post-card,.composer{margin-bottom:20px}.topbar{height:72px;min-height:72px;padding:8px max(24px,calc((100vw - 1360px)/2));box-shadow:none;gap:20px}.brand-image{width:58px;height:50px}.icon-button{width:42px;height:42px;min-height:42px;padding:10px;border:0;background:transparent;border-radius:14px;display:inline-flex}.icon-button:hover,.icon-button.active{background:var(--soft);color:var(--action)}.header-actions{gap:10px;position:relative}.account-profile{padding:4px 6px;border-radius:30px;font-size:13px}.account-profile>span:last-of-type{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-preferences .preferences{flex-wrap:wrap;justify-content:flex-end}.community-navigation-toggle{display:none}.channel-sidebar,.server-heading,.sidebar-user,.sidebar-user strong,.channel-list>button{min-width:0;overflow-wrap:anywhere}.server-heading{height:auto;min-height:64px}.chat-content .message p,.community-welcome{overflow-wrap:anywhere}@media(max-width:1100px){.chat-layout{grid-template-columns:minmax(0,1fr)}.member-panel{display:none}}@media(max-width:720px){.community-layout{grid-template-columns:minmax(0,1fr);align-content:start;min-height:calc(100dvh - 64px)}.server-rail{flex-direction:row;padding:8px 12px;overflow-x:auto;max-width:100%}.server-rail button{flex:0 0 44px;height:44px}.server-rail .rail-divider{flex:0 0 1px;height:28px;border-left:1px solid var(--border)}.community-navigation-toggle{display:flex;align-items:center;gap:12px;margin:8px 12px;min-height:44px;text-align:left}.community-navigation-toggle span{flex:1}.community-navigation-toggle svg{flex-shrink:0}.channel-sidebar{display:none}.channel-sidebar[data-open=true]{display:flex}.community-layout:has(.channel-sidebar[data-open=true]) .community-main{display:none}.community-welcome{padding:32px 20px}.community-welcome .community-art{margin:16px}.chat-layout{height:min(680px,calc(100dvh - 190px));min-height:240px}.voice-controls{display:flex;flex-wrap:wrap;gap:8px}}.account-profile>svg{width:15px}.header-dropdown{position:absolute;right:0;top:calc(100% + 16px);z-index:50;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 105px);overflow:auto;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 12px 44px #00000029;text-align:left}.header-dropdown h2{margin:0 0 18px;font-size:18px}.header-dropdown button{justify-content:flex-start;border:0;background:transparent;text-align:left}.header-dropdown button:hover{background:var(--soft)}.dropdown-item{padding:12px 0;border-bottom:1px solid var(--border)}.dropdown-item>button{width:100%;padding:8px 0;display:block;overflow-wrap:anywhere;font-weight:400}.dropdown-footer{width:100%;margin-top:12px;color:var(--action)}.account-menu>button{width:100%;min-height:44px}.menu-profile span,.nav-profile span{min-width:0}.menu-profile small,.nav-profile small{display:block;margin-top:2px}.menu-section{padding:14px 0;border-top:1px solid var(--border);margin-top:10px}.menu-section label{margin:0 0 8px}.menu-section .preferences{display:grid;gap:12px}.preference-icons button{width:48px;border:1px solid transparent}.preference-icons button[aria-pressed=true]{border-color:var(--action)}.social-layout{flex:1;width:100%;max-width:1320px;grid-template-columns:220px minmax(0,680px) 240px;gap:32px;padding:28px 24px;align-items:start}.social-nav{position:sticky;top:100px;display:grid;gap:5px}.social-nav button{justify-content:flex-start;border:0;background:transparent;padding:12px 16px;color:var(--muted);font-size:14px}.social-nav button:hover,.social-nav button.active{background:var(--soft);color:var(--ink)}.social-nav button.active{font-weight:700}.social-nav .nav-profile{padding:14px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--ink);gap:12px}.nav-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;text-align:left}.social-nav .nav-profile .avatar{display:inline-flex;width:42px;height:42px}.section-heading{margin:0 0 20px;min-height:28px}.section-heading h1{margin:0;font-size:21px}.new-posts{color:var(--action);border-color:var(--border)}.composer form{display:grid;grid-template-columns:1fr auto;gap:16px}.composer .mention-input{grid-column:1 / -1}.composer textarea{display:block;background:transparent;border:0;padding:4px 0 12px;min-height:92px;max-height:320px;font-size:18px;line-height:1.6;resize:vertical;border-radius:0}.composer-bottom,.photo-picker-composer{display:contents}.photo-picker input[type=file]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.photo-picker-button{border:0;background:var(--soft);padding:10px 14px;margin:0}.photo-picker-composer .photo-picker-button{grid-column:1;grid-row:3;justify-self:start;color:var(--action);width:44px;height:42px;padding:10px;background:transparent}.photo-picker-composer .photo-picker-button:hover{background:var(--soft)}.composer .primary{grid-column:2;grid-row:3}.publication-preview{grid-column:1 / -1;grid-row:2;width:100%;height:auto;max-height:520px;object-fit:contain;background:var(--soft);border-radius:12px}.friends-sidebar{padding:0;top:100px}.friends-sidebar aside{position:relative}.friends-sidebar h2{font-size:14px;color:var(--muted);padding:0 10px;margin:0 0 18px}.friends-refresh{position:absolute;right:0;top:-11px;color:var(--muted)}.friends-refresh svg{width:17px;height:17px}.friend-button{border:0;border-radius:var(--radius-control);background:transparent;justify-content:flex-start;padding:10px;margin:0 0 4px;gap:12px;position:relative;text-align:left}.friend-button .status-dot{position:absolute;left:39px;top:38px;width:10px;height:10px;border:2px solid var(--paper)}.friend-button .friend-status{font-size:11px;font-weight:400;margin-top:1px}.mini-chat{border-radius:16px 16px 0 0;padding:16px;box-shadow:0 3px 24px #0000001f}.mini-chat header{align-items:center;margin-bottom:8px}.mini-chat header button{border:0;background:transparent}.mini-chat>button{border:0;color:var(--muted);font-size:11px;min-height:28px;padding:3px 6px}.mini-chat .messages{padding:10px 0}.message-bubble{font-size:13px;overflow-wrap:anywhere}.site-footer{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:auto;padding:24px;color:var(--muted);font-size:12px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{text-decoration:underline}.post-author{gap:12px;align-items:center}.post-author small{margin-top:2px;font-size:11px}.post-content{margin:18px 0;overflow-wrap:anywhere}.post-tools{display:flex;margin-left:auto;opacity:0;transition:opacity .15s}.post-card:hover .post-tools,.post-card:focus-within .post-tools{opacity:1}.post-tools button{border:0;background:transparent;padding:8px}.post-tools svg{width:17px;height:17px}.post-media{width:100%;display:block;overflow:hidden;border-radius:12px;margin-bottom:16px}.post-image,.profile-cover img,.profile-photos img{cursor:pointer}.post-image{width:100%;max-height:620px;object-fit:contain;display:block;margin:0;background:var(--soft)}.post-actions{display:flex;gap:6px;padding-top:12px;margin-top:16px}.post-actions button{min-width:44px;height:38px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted)}.post-actions button:hover,.post-actions button[aria-pressed=true]{background:var(--soft);color:var(--action)}.post-actions button:last-child{margin-left:auto}.post-actions svg{width:20px;height:20px}.comments{border:0;margin-top:18px;padding:0}.comment-row{margin:0 0 16px}.comment-bubble{padding:12px 16px;border-radius:4px 16px 16px;background:var(--soft)}.comment-bubble strong{font-size:13px}.comment-bubble p{margin:4px 0 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-reply{margin-left:24px;border-left:2px solid var(--border);padding-left:12px}.comment-actions{display:flex;align-items:center;gap:8px;padding:3px 4px}.comment-actions button{border:0;padding:4px 6px;min-height:28px;background:transparent;font-size:11px;color:var(--muted)}.comment-actions button[aria-pressed=true]{color:var(--action);background:var(--soft)}.comment-actions svg{width:14px;height:14px}.comment-delete{opacity:0;margin-left:auto}.comment-row:hover .comment-delete,.comment-row:focus-within .comment-delete{opacity:1}.comment-composer{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:18px}.comment-composer textarea{min-height:46px;height:46px;padding:12px;font-size:13px;background:var(--surface)}.reply-context{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.reply-context button{border:0;background:transparent;padding:3px;min-height:26px}.reply-context svg{width:16px}.content-dialog{padding:0;border:0;background:var(--surface);color:var(--ink);width:min(1240px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:visible;border-radius:20px}.content-dialog::backdrop{background:#000000bf}.dialog-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;height:min(820px,calc(100dvh - 64px));overflow:hidden;border-radius:20px}.dialog-close{position:absolute;z-index:2;right:12px;top:12px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.viewer-image{display:grid;align-items:center;justify-items:center;min-width:0;background:rgb(var(--color-surface-container-lowest))}.viewer-image img{width:100%;height:100%;max-height:calc(100dvh - 64px);object-fit:contain}.viewer-details{min-width:0;overflow:auto;padding:0}.post-detail{border:0;box-shadow:none;border-radius:0;padding:24px;margin:0}.post-detail .post-author{padding-right:36px}.post-detail .post-tools{margin-left:0}.profile-cover{margin:calc(-1 * var(--space-card)) calc(-1 * var(--space-card)) 0;border-radius:18px 18px 0 0;height:220px;overflow:visible}.profile-media{position:relative}.profile-media-trigger{display:block;width:100%;height:100%;position:relative}.cover-media{height:100%}.cover-media .profile-media-trigger,.cover-media img,.cover-placeholder{border-radius:18px 18px 0 0;width:100%;height:100%;object-fit:cover}.cover-placeholder{background:var(--soft)}.profile-summary{align-items:flex-end;margin-top:-34px;gap:20px}.profile-summary h1{font-size:24px;margin:0 0 4px}.profile-summary .avatar.large{width:114px;height:114px;border:5px solid var(--surface)}.profile-summary>button{margin-bottom:0;margin-left:auto}.media-edit-badge{position:absolute;bottom:4px;right:4px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);color:var(--ink);opacity:0}.cover-media .media-edit-badge{right:16px;bottom:16px}.profile-media:hover .media-edit-badge,.profile-media:focus-within .media-edit-badge{opacity:1}.media-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:15;width:220px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.cover-media .media-menu{inset:auto 16px 12px auto}.media-menu button{width:100%;justify-content:flex-start;border:0;background:transparent}.media-menu button:hover{background:var(--soft)}.profile-actions{margin:20px 0;gap:8px}.profile-actions button{border:0;background:transparent}.profile-actions button[aria-pressed=true]{background:var(--soft);color:var(--action)}.about-panel h3{font-size:16px}.server-rail{background:var(--paper)}.sidebar-user{background:var(--soft)}.message p,.message-composer input{color:var(--ink)}.channel-list>button.active,.channel-list>button:hover,.community-members button{background:var(--soft);color:var(--ink)}.server-rail button.selected,.server-rail button:hover{background:var(--action);color:rgb(var(--color-on-primary))}.voice-controls button.danger{color:var(--error)}.caramelo-dialog .swal2-html-container,.caramelo-dialog .swal2-close{color:var(--ink)}.caramelo-dialog .swal2-icon{color:var(--muted);border-color:var(--muted)}.caramelo-dialog .swal2-success-line-tip,.caramelo-dialog .swal2-success-line-long{background:var(--live)}@media(hover:none){.post-tools,.comment-delete,.media-edit-badge{opacity:1}}@media(min-width:1101px){.chat-dock{right:max(24px,calc((100vw - 1272px)/2 + 264px))}}@media(max-width:1100px){.social-layout{grid-template-columns:180px minmax(0,1fr);gap:24px}.friends-sidebar{grid-column:2;position:static}}@media(max-width:720px){:root{--space-card: 18px;--radius-card: 16px}.topbar{padding:8px 12px;height:64px;min-height:64px;gap:8px;flex-wrap:nowrap}.header-actions{gap:3px}.account-profile>span:last-of-type,.account-profile>svg{display:none}.icon-button{width:36px;height:38px;min-height:38px;padding:8px}.brand-image{width:40px;height:40px}.mode-control{gap:6px}.mode-toggle{width:40px}.mode-toggle[aria-checked=true] span{transform:translate(12px)}.header-dropdown{position:fixed;right:12px;top:72px}.social-layout{display:block;padding:12px}.social-nav{position:static;display:flex;margin:0 0 18px;padding:0;gap:4px}.social-nav button{flex:1;justify-content:center;padding:10px;font-size:12px}.social-nav .nav-profile{flex:0;margin:0;padding:7px;border:0;background:transparent}.nav-profile>span:last-child{display:none}.social-nav .nav-profile .avatar{width:32px;height:32px}.social-nav button svg{width:18px}.social-main{padding:0}.friends-sidebar{padding:12px 0}.friend-button{max-width:100%}.profile-summary{gap:12px;flex-wrap:wrap;align-items:center}.profile-summary .avatar.large{width:90px;height:90px}.profile-summary h1{font-size:20px;margin-top:34px}.profile-summary>button{margin-left:0}.profile-cover{height:170px}.content-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.dialog-shell{display:block;height:auto;max-height:calc(100dvh - 16px);overflow:auto;border-radius:16px}.viewer-image img{max-height:50dvh}.viewer-details{overflow:visible}.dialog-close{position:absolute;float:none;margin:0;top:8px;right:8px}.comment-reply{margin-left:12px}.site-footer{gap:12px;padding:20px 12px}.site-footer span{width:100%;text-align:center}}button,select,.google{transition:none}.social-nav .nav-profile>span:last-child{width:auto;flex:1;font-size:14px;text-align:left;overflow:hidden}@media(max-width:720px){.social-nav .nav-profile>span:last-child{display:none}}.presence-avatar{position:relative;display:inline-flex;flex:0 0 auto}.presence-indicator{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border:2px solid var(--surface);border-radius:50%;background:var(--muted)}.presence-indicator.online{background:var(--live)}.presence-indicator.away{background:var(--action)}.presence-indicator.busy{background:var(--error)}.presence-indicator.busy:after{content:"";position:absolute;inset:4px 2px;background:var(--surface)}.presence-indicator.away:after{content:"";position:absolute;top:0;right:0;width:5px;height:5px;border-radius:50%;background:var(--surface)}.presence-indicator.offline:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--surface)}.account-settings-group{padding-block:16px;margin-bottom:24px;border-bottom:1px solid var(--border)}.session-list{padding:0;list-style:none}.session-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:16px}.session-list p{margin:4px 0 0}.account-menu{width:280px;padding:12px}.account-menu .menu-section{padding:10px 0;margin-top:6px}.account-menu .preferences{gap:6px}.icon-button,.header-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px}.mode-control{display:inline-flex;align-items:center;gap:12px}.brand-home{border:0;background:transparent;padding:0}.brand-home img{display:block;object-fit:contain}.mode-toggle{position:relative;display:block;flex:0 0 48px;width:48px;height:44px;min-height:44px;padding:0;border:0;background:transparent;isolation:isolate}.mode-toggle:before{content:"";position:absolute;inset:8px 0;z-index:-1;border:1px solid var(--border);border-radius:30px;background:var(--soft)}.mode-toggle:hover,.mode-toggle[aria-checked=true]{background:transparent}.mode-toggle[aria-checked=true]:before{background:var(--action)}.mode-toggle span{position:absolute;top:12px;left:3px;width:20px;height:20px;margin:0;transform:none}.mode-toggle[aria-checked=true] span{transform:translate(20px)}.avatar-media .profile-media-trigger{border-radius:50%;overflow:hidden}.avatar-media .profile-media-trigger:hover,.cover-media .profile-media-trigger:hover{background:transparent}.profile-media-trigger:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0000;pointer-events:none}.profile-media-trigger:hover:after,.profile-media-trigger:focus-visible:after{background:#00000026}.profile-media-trigger .media-edit-badge{z-index:1}.chat-person{display:inline-flex;align-items:center;gap:8px;color:var(--ink);min-width:0;text-decoration:none}.chat-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message{display:flex;align-items:flex-end;gap:8px;margin:12px 0}.chat-message.mine{flex-direction:row-reverse}.chat-message .avatar{flex-shrink:0;width:28px;height:28px;font-size:12px}.chat-message .message-bubble{margin:0;max-width:80%;color:var(--ink);background:var(--soft);border-radius:16px 16px 16px 4px}.chat-message.mine .message-bubble{color:rgb(var(--color-on-primary-container));background:rgb(var(--color-primary-container));border-radius:16px 16px 4px}.welcome-copy h1{max-width:16ch;font-size:clamp(32px,4vw,52px);line-height:1.12;margin:24px 0}.welcome-copy p{max-width:44ch;font-size:18px;color:var(--muted)}.welcome-features{list-style:none;padding:0;margin-top:28px;display:grid;gap:16px;color:var(--ink)}@media(max-width:700px){.welcome-copy h1{font-size:30px}.welcome-features{gap:10px;margin-top:16px}}.header-actions .icon-button{position:relative}.unread-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--ink);color:var(--surface);font-size:11px;font-weight:700;line-height:1;pointer-events:none}.presence-privacy-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;min-height:44px;cursor:pointer}.presence-privacy-option input{width:20px;height:20px;flex:0 0 20px}.message-state{display:block;margin-top:.25rem;font-size:.75rem}.pending-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.profile-relationship-actions{justify-content:flex-end;margin:8px 0 0}.profile-relationship-actions .icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.inbox-preview{display:flex;align-items:center;gap:10px;width:100%;padding:10px;text-align:left;border:0;background:transparent;color:var(--ink);border-radius:12px}.inbox-preview:hover{background:var(--soft)}.inbox-preview>.avatar{flex-shrink:0;width:36px;height:36px}.inbox-preview>span:last-child{display:grid;gap:3px;min-width:0}.inbox-excerpt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inbox-preview time{color:var(--muted);font-size:11px}.mini-chat{padding:8px}.chat-tabs{display:none}@media(max-height:600px){.chat-dock .mini-chat .messages{height:clamp(24px,calc(100dvh - 320px),220px)}}@media(max-width:700px){.chat-dock{flex-wrap:wrap;max-width:calc(100vw - 16px)}.chat-tabs{display:flex;width:100%;gap:6px}.chat-tabs button{display:flex;align-items:center;gap:6px;flex:1;min-width:0;min-height:44px;padding:6px 8px}.chat-tabs button[aria-pressed=true]{background:var(--soft)}.chat-tabs .avatar{flex-shrink:0;width:24px;height:24px;font-size:12px}.chat-tabs button span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dock .mini-chat{display:none;width:100%}.chat-dock .mini-chat:last-child{display:block}.mini-chat .messages{height:clamp(100px,calc(100dvh - 320px),260px)}}.mini-chat header,.conversation>header{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0 0 4px;gap:6px}.chat-person{flex:1;min-height:44px;font-size:13px}.chat-person .avatar{width:28px;height:28px;font-size:12px}.mini-chat header .chat-close{flex-shrink:0;width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;color:var(--muted);background:transparent}.mini-chat header .chat-close:hover{background:var(--soft);color:var(--ink)}.conversation .messages{height:min(58vh,600px);min-height:200px;overflow-y:auto}.messages{overscroll-behavior:contain;overflow-anchor:none}.chat-message{margin:10px 0 0}.chat-message.grouped{margin-top:3px;padding-left:36px}.chat-message.grouped.mine{padding-left:0;padding-right:36px}.chat-message .message-bubble{min-width:0}.message-state{display:block;margin-top:4px;font-size:10px;color:inherit}.chat-composer{display:flex;align-items:center;gap:4px;margin-top:8px}.chat-composer input{min-width:0;flex:1;min-height:44px;padding:7px 10px;border-radius:18px;font-size:13px}.chat-composer .icon-button{width:44px;min-width:44px;height:44px;padding:0;display:inline-flex;justify-content:center;align-items:center}.history-more{width:100%;border:0;color:var(--muted);background:transparent;font-size:12px;min-height:44px}.messages-layout{grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:start}.messages-layout>aside{grid-column:2;grid-row:1}.messages-layout>.conversation,.messages-layout>p{grid-column:1;grid-row:1}.friend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.friend-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--surface)}.friend-card>a{display:grid;gap:6px;color:var(--ink);text-decoration:none}.friend-card .avatar{width:64px;height:64px;font-size:24px}.friend-card small{color:var(--muted)}.friend-card .row-actions{flex-wrap:wrap;margin-top:auto}.repost-original{display:block;width:100%;text-align:left;color:var(--ink);background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0}.repost-original img{max-height:300px;width:100%;object-fit:contain;border-radius:8px}.repost-original p{white-space:pre-wrap;overflow-wrap:anywhere}.share-options{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.share-composer{padding:12px 0}.mention-input{overflow:visible}.mention-options{z-index:50}@media(max-width:700px){.messages-layout{grid-template-columns:1fr}.messages-layout>aside{grid-column:1;grid-row:2}.messages-layout>.conversation,.messages-layout>p{grid-column:1;grid-row:1}.messages-layout>aside .friend-button{display:inline-flex;width:auto}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.social-layout:has(.messages-layout){grid-template-columns:210px minmax(0,1fr)}@media(max-width:900px){.social-layout:has(.messages-layout){grid-template-columns:1fr}}.repost-content{display:block;width:100%;color:var(--ink);background:transparent;border:0;text-align:left;padding:0}.friend-card{overflow:hidden}.friend-cover{display:block;height:72px;margin:-16px -16px 0;background:var(--surface-alt, var(--surface))}.friend-cover img{width:100%;height:100%;object-fit:cover}.friend-card .avatar{margin-top:-26px;border:3px solid var(--surface);position:relative}.friend-filter{max-width:320px;margin-bottom:16px}.feed .topbar{display:grid;grid-template-areas:"brand search actions";grid-template-columns:minmax(0,1fr) minmax(180px,430px) minmax(0,1fr);height:auto;flex-shrink:0;gap:16px}.feed .topbar>.mode-control{grid-area:brand;justify-self:start}.feed .topbar>.header-actions{grid-area:actions;justify-self:end}.header-search{grid-area:search;position:relative;width:100%;min-width:0}.header-search input{display:block;width:100%;min-width:0;max-width:100%;appearance:none;font-size:16px;border-radius:24px}.search-results{position:absolute;top:calc(100% + 8px);inset-inline:0;max-height:65vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow);z-index:70}.search-results h2{font-size:.85rem;color:var(--muted);margin:10px 8px}.search-results button{display:flex;justify-content:flex-start;min-height:44px;align-items:center;gap:10px;text-align:start;width:100%;border:0;background:transparent;border-radius:10px;padding:8px}.search-results button:hover{background:var(--surface-alt, var(--surface))}.search-results button span{text-align:start;overflow-wrap:anywhere;min-width:0;overflow:hidden;text-overflow:ellipsis}.search-results small{display:block;color:var(--muted)}.photo-editor .dialog-shell{max-width:560px;width:min(560px,90vw)}.photo-editor-preview{display:block;width:160px;height:160px;object-fit:cover;border-radius:50%;margin:18px auto}.photo-editor form{display:grid;gap:14px}.search-settings{margin-block:20px}.search-settings form{display:grid;gap:12px}@media(max-width:700px){.feed .topbar{grid-template-areas:"brand actions" "search search";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;min-height:max-content;gap:8px}.friends-sidebar{display:none}.feed .header-dropdown{top:116px;max-height:calc(100dvh - 128px)}.search-filters{grid-template-columns:minmax(0,1fr)}.search-results{max-height:55vh}}@media(min-width:701px)and (max-width:1100px){.feed .topbar{grid-template-columns:minmax(0,1fr) minmax(180px,min(430px,calc(100vw - 464px))) minmax(0,1fr);padding-inline:16px;gap:12px}.feed .account-profile>span:last-of-type,.feed .account-profile>svg{display:none}}.search-results .search-see-all{justify-content:center;border-top:1px solid var(--border);margin-top:8px;border-radius:0 0 10px 10px}.search-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-filters .search-query{grid-column:1 / -1}.search-filters label,.search-filters input,.search-filters select{min-width:0;width:100%}.advanced-search{min-width:0}.audience-picker{position:relative}.audience-picker .icon-button{width:44px;height:44px}.audience-options{position:absolute;bottom:calc(100% + 8px);left:0;z-index:45;width:min(280px,calc(100vw - 60px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px}.audience-options p{margin:0 0 8px}.audience-options button{display:flex;justify-content:flex-start;width:100%;min-height:44px;background:transparent;border:1px solid transparent}.audience-options button[aria-pressed=true]{border-color:var(--action);background:var(--soft)}.audience-options small{display:block;margin-top:10px;color:var(--muted)}@media(max-width:720px){.social-layout>.friends-sidebar{display:none}.social-main{min-width:0}.search-filters{grid-template-columns:minmax(0,1fr)}.feed .topbar .icon-button{width:44px;height:44px;min-height:44px}.account-profile{min-width:44px;min-height:44px}.feed .topbar .header-actions{gap:0}}.search-filters label{display:flex;flex-direction:column;gap:6px;margin:0}.search-filters input,.search-filters select{margin:0;min-height:44px}.friend-card small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.social-nav{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr));align-items:center}.social-nav button{min-width:0;min-height:56px;flex-direction:column;font-size:11px;padding:6px 2px;gap:4px}.social-nav .nav-profile{min-width:44px;width:44px;min-height:44px}.search-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-filters>button{grid-column:1 / -1}}@media(max-width:1100px){.social-layout>.friends-sidebar{display:none}}@media(max-width:480px){.search-filters label:has(input[type=date]){grid-column:1 / -1}}@media(min-width:1101px)and (max-width:1280px){.feed .account-profile>span:last-of-type,.feed .account-profile>svg{display:none}}:root[data-theme=dark] body{background-image:linear-gradient(155deg,rgb(var(--color-background)),rgb(var(--color-surface-container-low)) 55%,rgb(var(--color-surface-container)))}.composer-heading{display:flex;align-items:flex-start;grid-column:1 / -1;gap:12px}.composer-heading .mention-input{flex:1;min-width:0}.composer-heading>.audience-picker{flex:0 0 44px}.composer-heading .audience-options{left:auto;right:0;top:calc(100% + 8px);bottom:auto;max-height:min(360px,55dvh);overflow:auto;z-index:60}.composer-heading .audience-picker>.icon-button{color:var(--muted);background:color-mix(in srgb,var(--soft) 35%,transparent)}.composer-heading .audience-picker>.icon-button:hover,.composer-heading .audience-picker>.icon-button[aria-expanded=true]{color:var(--action);background:var(--soft)}.person-with-avatar{display:inline-flex;align-items:center;gap:8px;max-width:100%}.person-with-avatar>span:last-child{min-width:0;overflow-wrap:anywhere}.comment-bubble .person-with-avatar .avatar{width:28px;height:28px;min-width:28px;font-size:12px;flex:0 0 28px}.presence-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;padding:0;margin:0 0 8px;min-width:0}.presence-choices legend{margin-bottom:8px;font-size:13px;font-weight:600}.presence-choices .presence-choice{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px;border-radius:10px;cursor:pointer;font-weight:400;font-size:13px}.presence-choice input{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:inherit}.presence-choice .presence-indicator{position:relative;inset:auto;flex:0 0 13px}.presence-choice:hover,.presence-choice.selected{background:var(--soft)}.presence-choice:focus-within{outline:2px solid var(--action);outline-offset:2px}.presence-choice:has(input:disabled){cursor:progress}:root[data-theme=dark]{--community: rgb(var(--color-background));--community-side: rgb(var(--color-surface-container-low));--community-ink: rgb(var(--color-on-surface));--community-muted: rgb(var(--color-on-surface-variant));--community-line: rgb(var(--color-outline-variant))}.album-heading,.album-picker-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.album-heading>div,.album-heading h2{min-width:0;overflow-wrap:anywhere}.album-heading h2{margin:0}.album-back{padding-inline:0;border:0;background:transparent;color:var(--action)}.album-grid,.album-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:16px}.album-card{min-width:0;padding:0;border-radius:14px;overflow:hidden;text-align:start;background:var(--surface)}.album-card>strong{display:block;padding:12px;overflow-wrap:anywhere}.album-card img,.album-empty-cover{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;object-fit:cover;background:var(--soft)}.album-empty-cover svg{width:36px;height:36px;color:var(--muted)}.album-photo,.album-picker-photo{position:relative;min-width:0;border-radius:12px;overflow:hidden}.album-photo-open{display:block;border:0;padding:0;width:100%;background:var(--soft)}.album-photo-open img,.album-picker-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.album-photo-remove{position:absolute;top:6px;right:6px;background:var(--surface);color:var(--ink);opacity:0}.album-photo:hover .album-photo-remove,.album-photo:focus-within .album-photo-remove{opacity:1}.album-library .dialog-shell{width:min(900px,calc(100vw - 32px));max-width:900px}.album-picker-photo{display:flex;flex-direction:column;margin:0;padding:4px;border:2px solid var(--border);cursor:pointer}.album-picker-photo.selected{border-color:var(--action)}.album-picker-photo>span{display:block;padding:8px 30px 8px 4px;min-width:0;overflow-wrap:anywhere;font-size:13px}.album-picker-photo>input{position:absolute;width:20px;height:20px;min-height:0;right:8px;bottom:10px;padding:0;margin:0;accent-color:var(--action)}.album-picker-footer{position:sticky;bottom:0;margin:12px -4px -4px;padding:12px 4px 4px;background:var(--surface)}@media(pointer:coarse){.album-photo-remove{opacity:1}}@media(max-width:720px){.album-grid,.album-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.album-editor .dialog-shell{width:min(520px,calc(100vw - 32px))}@media(max-width:700px),(max-height:600px){.composer-heading .audience-options{position:fixed;inset:auto 12px 12px auto;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 144px)}}.album-page{min-width:0}.album-photo{border:1px solid var(--border);border-radius:12px;overflow:hidden}.viewer-image{position:relative}.album-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;padding:0;border:1px solid var(--border);border-radius:24px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font-size:36px;opacity:0;transition:opacity .18s ease}.album-arrow-previous{left:12px}.album-arrow-next{right:12px}.viewer-image:hover .album-arrow,.viewer-image:focus-within .album-arrow{opacity:.9}.album-arrow:focus-visible{opacity:1}.album-arrow:disabled{visibility:hidden}.album-viewer-status{position:absolute;bottom:16px;left:16px;right:16px;padding:8px;background:var(--surface);color:var(--ink);border-radius:8px}.photo-actions-menu{position:relative;margin-left:auto}.photo-actions-menu summary{display:grid;place-items:center;list-style:none;min-width:44px;min-height:44px;cursor:pointer;border-radius:50%}.photo-actions-menu summary::-webkit-details-marker{display:none}.photo-actions-menu summary:focus-visible{outline:2px solid var(--action);outline-offset:2px}.photo-actions-options{position:absolute;right:0;top:100%;z-index:5;width:min(240px,calc(100vw - 64px));background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 8px 24px #0002}.photo-actions-options button{width:100%;text-align:left;white-space:normal}@media(hover:none){.album-arrow{opacity:.9}}@media(prefers-reduced-motion:reduce){.album-arrow{transition:none}}.community-roster{display:none;min-width:0;background:var(--community-side);border-left:1px solid var(--community-line);overflow-y:auto}.community-roster .community-members{display:grid;gap:12px;padding:20px 16px}.community-roster .community-members>div{min-width:0;display:flex;flex-wrap:wrap;gap:4px 8px}.community-roster .community-members .person-link{flex-basis:100%;overflow:hidden;text-overflow:ellipsis}.community-roster .community-members small{color:var(--community-muted)}.community-roster .community-members button{min-height:32px;font-size:12px}.call-participants{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0}.call-participants>div{padding:12px 18px;background:var(--community-side);border:1px solid var(--community-line);border-radius:12px}.live-indicator{color:var(--ink);border:1px solid var(--border);border-radius:20px;padding:6px 12px;width:fit-content;margin:12px auto}.video-grid video{aspect-ratio:16/9;width:100%;object-fit:contain;border:1px solid var(--community-line);border-radius:12px}.voice-controls{flex-wrap:wrap;justify-content:center}.enrollment-fields{min-width:0;border:1px solid var(--border);border-radius:12px;padding:12px;margin:12px 0}.enrollment-fields label{margin:10px 0}.enrollment-fields input[type=date]{min-width:0;max-width:100%}.about-panel fieldset{min-width:0;border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:12px;display:grid;gap:8px}@media(min-width:1200px){.community-layout:has(.community-roster){grid-template-columns:76px 240px minmax(0,1fr) 220px}.community-roster{display:block}.community-layout:has(.community-roster) .chat-layout{grid-template-columns:minmax(0,1fr)}.community-layout:has(.community-roster) .member-panel{display:none}}.community-room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 16px;border-bottom:1px solid var(--community-line)}.community-room-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-close{display:none}@media(min-width:1200px){.community-members-toggle{display:none}}@media(max-width:1199px){.community-roster[data-open=true]{display:block;position:fixed;z-index:40;right:12px;top:148px;bottom:12px;width:min(320px,calc(100vw - 24px));border:1px solid var(--community-line);border-radius:16px;box-shadow:0 12px 32px #0004}.community-roster .roster-close{display:grid;margin-left:auto}}:root :is(.panel,.post-card,.composer,.auth-card,.friend-card,.header-dropdown,.account-menu,.dropdown-item,.profile-card,.profile-cover,.profile-banner,.album-card,.album-viewer,.photo-card,.photo-editor,.repost-original,.share-composer,.post-viewer,.viewer-details,.mini-chat,.conversation,.conversation-heading,.post-actions,.album-heading,.enrollment-fields,.about-panel fieldset,.community-roster,.community-room-heading,.nav-profile,.search-results,.audience-options,.photo-actions-options,.album-photo){border-color:transparent;box-shadow:none}.comments>.comment-thread{margin-block:16px;background:transparent;padding:0;border-radius:0}.comments .comment-row{position:relative;padding-left:46px;margin:0 0 8px;min-height:38px}.comments .comment-identity{font-size:13px;font-weight:650;margin-bottom:2px}.comments .comment-identity :is(.avatar,.avatar-media){position:absolute;left:0;top:2px;width:36px;height:36px}.comments .comment-main{min-width:0}.comments .comment-bubble{background:color-mix(in srgb,var(--soft) 65%,transparent);border-radius:16px;padding:6px 10px;width:fit-content;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.comments .comment-reply{margin-left:40px;border:0;padding-left:38px}.comments .comment-reply .comment-identity :is(.avatar,.avatar-media){width:28px;height:28px}.comments .comment-actions{flex-wrap:wrap;gap:2px 8px;font-size:11px}.comments .comment-actions time{color:var(--muted)}.comments .comment-more-replies{margin-left:46px}.comments :is(.comment-more-replies,.comment-more){background:transparent;border:0;color:var(--muted);padding:6px 0;font-size:13px}.comments .comment-sort{background:transparent;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:12px;margin:8px 0}.comments .comment-sort button{width:44px;height:44px;min-height:44px;background:transparent;color:var(--muted);border:0}.comments .comment-sort button:hover{background:var(--soft);color:var(--ink)}.social-notification-options label{flex-direction:row;align-items:center;gap:8px;font-size:13px}.social-notification-options input{flex:0 0 auto;width:18px;height:18px}@media(max-width:700px){.comments .comment-reply{margin-left:20px}.comments .comment-sort{flex-wrap:wrap}.comments .comment-actions button{min-height:32px}}.communities{--online-frame: color-mix( in srgb, var(--community-side) 86%, var(--community) );--online-frame-fade: color-mix( in srgb, var(--community-side) 48%, var(--community) )}.communities .topbar,.communities .community-layout :is(.channel-sidebar,.server-heading,.community-room-heading,.chat-header,.community-roster,.member-panel,.conversation,.mini-chat,.conversation-heading,.message-composer,.call-participants>div,.live-indicator,.video-grid video,button,input,textarea,select){border-color:transparent}.communities :is(.channel-sidebar,.community-roster,.member-panel){background:linear-gradient(160deg,var(--online-frame),var(--online-frame-fade))}.communities :is(.server-heading,.community-room-heading,.chat-header,.sidebar-user){background:linear-gradient(100deg,var(--online-frame),var(--online-frame-fade))}.communities .community-layout :is(.conversation,.mini-chat,.call-participants>div){background:linear-gradient(150deg,var(--online-frame),var(--community));box-shadow:none}.communities .message-composer :is(input,textarea){background:var(--online-frame);color:var(--community-ink)}.communities .rail-divider{border-color:transparent}.app.communities{height:100dvh;min-height:0}.communities .community-layout{flex:1;height:auto;min-height:0;grid-template-rows:minmax(0,1fr)}.communities .community-main{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.communities .chat-layout{flex:1;height:auto;min-height:0}.communities :is(.chat-content,.messages){min-height:0}.communities :is(.community-room-heading,.chat-header,.message-composer){flex-shrink:0}.communities .channel-sidebar{overflow-y:auto}.communities .site-footer{padding-block:8px}@media(max-width:720px){.communities .community-layout{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}.communities .server-rail{min-height:60px}.communities .server-rail .rail-divider{border-color:transparent}}@media(max-width:700px),(pointer:coarse){:root :is(input:not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable=true]){font-size:max(16px,1rem)}}@media(max-width:700px){.conversation[data-editing=true],.chat-dock .mini-chat[data-editing=true],.chat-content[data-editing=true]{position:fixed;z-index:80;top:calc(var(--chat-visible-top, 0px) + 4px);left:4px;right:4px;bottom:auto;width:auto;height:calc(var(--chat-visible-height, 100dvh) - 8px);max-height:none;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:8px;background:var(--surface);overflow:hidden}[data-editing=true]>.messages{flex:1;height:auto!important;min-height:0;overflow-y:auto}[data-editing=true]>form,[data-editing=true]>header,[data-editing=true]>.chat-header{flex-shrink:0}[data-editing=true]>form{display:flex;gap:6px;padding-bottom:env(safe-area-inset-bottom,0px)}[data-editing=true]>form input{flex:1;min-width:0;width:0}[data-editing=true]>form button{flex-shrink:0;min-width:44px;min-height:44px}[data-editing=true]>.error{max-height:48px;overflow:auto;margin:4px 0}}.communities .channel-list>button{justify-content:flex-start;text-align:start;gap:8px;min-height:36px;padding:5px 8px;margin:2px 0;font-size:14px}.communities .channel-list>button span:not(.avatar){font-size:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communities .channel-list .avatar,.communities .community-members .avatar{flex:0 0 30px;width:30px;height:30px}.communities .community-welcome{text-align:start;margin:auto 0 0;padding:clamp(20px,4vw,48px)}.communities .community-welcome h1{font-size:clamp(22px,3vw,30px);margin:6px 0}.communities .messages .message{position:relative;padding:6px 0 6px 46px;min-height:44px}.communities .message .person-with-avatar .avatar{display:inline-flex;position:absolute;left:0;top:6px;width:34px;height:34px}.communities .message strong,.communities .community-members .person-link{font-size:14px}.communities .message p{margin:2px 0}.communities .community-roster .community-members{gap:4px;padding:12px}.communities .community-roster .community-members>div{position:relative;display:grid;gap:0;margin:0;padding:4px 22px 4px 0}.communities .community-members small{margin:-4px 0 0 38px;font-size:11px}.member-tools{position:absolute;right:0;top:8px}.member-tools summary{cursor:pointer;list-style:none}.member-tools[open]{background:var(--surface);z-index:2;padding:4px 8px;border-radius:8px}.communities .compact-call{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;background:var(--soft);order:2;flex:none}.compact-call h1,.compact-call p{font-size:14px;margin:0}.compact-call :is(.eyebrow,.video-grid,.call-participants,small){display:none}.compact-call .voice-controls{margin:0;gap:4px}.compact-call .voice-controls button{font-size:12px;padding:5px 8px}.channel-group-title,.view-controls,.channel-settings,.dm-call-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-group-title{justify-content:space-between}.channel-group-title .channel-add,.view-controls button,.dm-call-bar button,.voice-controls button{min-width:36px;min-height:36px;padding:6px}@media(hover:hover){.channel-group-title .channel-add{opacity:0}.channel-list:hover .channel-add,.channel-group-title:focus-within .channel-add{opacity:1}}.channel-settings,.view-controls,.dm-call-bar{padding:6px 12px}.view-controls{justify-content:center}.view-controls select,.channel-settings select,.channel-settings input{width:auto;max-width:100%}.dm-call-bar{justify-content:flex-end}.community-main>.conversation{flex:1;min-height:0;margin:0}.communities .video-grid.single-column{grid-template-columns:minmax(0,1fr)}.communities .video-grid video.pinned-track{grid-column:1/-1;order:-1;max-height:65vh}.communities .voice-controls button[aria-pressed=true]{background:var(--soft)}.communities .message .person-with-avatar .presence-avatar{position:absolute;left:0;top:6px}.communities .message .person-with-avatar .presence-avatar .avatar{position:static}.community-main>.conversation{display:flex;flex-direction:column;overflow:hidden}.community-main>.conversation .messages{flex:1;min-height:0;height:auto}.community-main>.conversation form{flex:none}.channel-entry{display:flex;align-items:center;position:relative;min-width:0}.communities .channel-entry>button{flex:1;display:flex;justify-content:flex-start;gap:8px;text-align:left;min-width:0;padding:6px 8px;border:0;background:transparent;font-size:14px}.channel-entry>button>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.communities .channel-entry>button.active,.communities .channel-entry>button:hover{background:var(--soft)}.channel-options summary{cursor:pointer;list-style:none;padding:6px;min-width:30px;text-align:center}.channel-options summary::-webkit-details-marker{display:none}.channel-options-menu{position:absolute;right:0;top:100%;z-index:55;background:var(--surface);padding:6px;border-radius:12px;box-shadow:var(--shadow);min-width:160px}.channel-options-menu button{display:block;width:100%;text-align:left;border:0}.channel-settings-dialog{width:min(480px,calc(100vw - 24px))}.channel-settings-dialog .dialog-shell{display:block;height:auto;max-height:calc(100dvh - 64px);overflow-y:auto}.channel-settings-form{padding:24px}.channel-settings-form h2{padding-right:36px}*{scrollbar-width:thin;scrollbar-color:rgb(var(--scrollbar-thumb) / 48%) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:rgb(var(--scrollbar-thumb) / 48%);border:2px solid transparent;background-clip:padding-box;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--scrollbar-thumb) / 75%)}.community-profile-preview,.community-invitations{width:min(420px,calc(100vw - 24px))}.community-profile-preview .dialog-shell,.community-invitations .dialog-shell{display:block;height:auto;max-height:calc(100dvh - 64px);overflow-y:auto}.mini-profile-cover{height:112px;background:linear-gradient(135deg,var(--soft),var(--action))}.mini-profile-cover img{width:100%;height:100%;object-fit:cover}.mini-profile-details{padding:0 24px 24px}.mini-profile-details>.avatar{width:76px;height:76px;margin-top:-30px;border:5px solid var(--surface);position:relative}.mini-profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.mini-profile-details .primary{display:inline-flex;padding:10px 14px;border-radius:12px}.community-invitations-body{padding:24px}.community-invitations-body h2{padding-right:32px}.community-invitation-person{display:flex;align-items:center;gap:8px;padding-block:8px}.community-invitation-person>span:not(.avatar),.community-invitation-person>strong{flex:1;min-width:0;overflow-wrap:anywhere}.communities a.sidebar-user{color:inherit;text-decoration:none;cursor:pointer}.dm-contact-entry{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:10px}.dm-contact-entry.active,.dm-contact-entry:hover{background:var(--soft)}.communities .dm-contact-entry>button{flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:5px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;justify-content:initial;width:0}.dm-contact-entry>a{flex:0 0 30px}.community-members>div,.community-members .person-link,.sidebar-user strong{min-width:0}.community-members .person-link>span:last-child,.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-group{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;border:0;background:transparent;border-radius:12px}.notification-group:hover,.notification-group.unread{background:var(--soft)}.notification-group>.avatar{flex:0 0 40px;width:40px;height:40px}.notification-group>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}.notification-group time{display:block;color:var(--muted);font-size:12px;margin-top:4px}.mobile-search-toggle{display:none}@media(max-width:700px){.feed .topbar{grid-template-areas:"brand search actions";grid-template-columns:auto 36px minmax(0,1fr);grid-template-rows:auto;gap:6px}.mobile-search-toggle{display:inline-flex;width:36px;min-width:36px;height:36px}.header-search>input{display:none}.header-search.expanded>input{display:block;position:fixed;top:72px;left:12px;width:calc(100vw - 24px);z-index:90;box-shadow:var(--shadow)}.header-search .search-results{position:fixed;top:124px;inset-inline:12px;max-height:calc(100dvh - 140px)}.feed .header-dropdown{top:72px;max-height:calc(100dvh - 84px)}}.communities .voice-stage:not(.compact-call){display:flex;flex-direction:column;flex:1;min-height:0;padding:16px;position:relative;gap:12px}.voice-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;font-size:14px;flex:none}.voice-stage-heading>span{color:var(--muted);font-size:12px}.communities .call-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin:0;flex:1;min-height:0;overflow:auto;align-content:center}.call-frame{container-type:inline-size;position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--soft),var(--online-frame));min-width:0;cursor:pointer}.call-frame-focus{position:absolute;inset:0;z-index:1;background:transparent;border:0;border-radius:inherit;width:100%;height:100%}.call-frame-focus:hover{background:transparent}.call-frame-focus:focus-visible{outline-offset:-4px}.call-frame .call-video,.call-frame-avatar{height:100%;width:100%;display:grid;place-items:center}.communities .call-frame video{width:100%;height:100%;max-height:none;object-fit:contain;background:#111;border-radius:0}.call-frame-avatar>.avatar{width:clamp(40px,20cqw,96px);height:clamp(40px,20cqw,96px);font-size:30px}.call-frame-label{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#000000a6;color:#fff;padding:5px 8px;border-radius:7px;font-size:13px}.call-frame-fullscreen{position:absolute;right:10px;top:10px;background:#000000a6;color:#fff;z-index:2}.call-audio{display:none}.call-media-grid.has-highlight{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));align-content:start}.call-media-grid .call-frame.pinned-track{grid-column:1 / -1;order:-1;max-height:65dvh;width:100%;aspect-ratio:16 / 9}.communities .voice-stage .view-controls{margin:0;flex:none;padding:0}.voice-stage>small{margin:0;font-size:11px}.voice-stage .voice-controls{flex:none}.voice-stage .voice-controls>button{border-radius:50%;width:48px;height:48px}.voice-stage .voice-controls>.danger{background:#b82f3d;color:#fff}.compact-call .call-media-grid,.compact-call .view-controls,.compact-call .live-indicator{display:none}@media(hover:hover){.call-frame-fullscreen,.voice-stage:not(.compact-call)>.view-controls,.voice-stage:not(.compact-call)>.voice-controls{opacity:0;transition:opacity .15s ease}.call-frame:hover .call-frame-fullscreen,.call-frame:focus-within .call-frame-fullscreen,.voice-stage:hover>.view-controls,.voice-stage:focus-within>.view-controls,.voice-stage:hover>.voice-controls,.voice-stage:focus-within>.voice-controls{opacity:1}}@media(max-width:700px){.communities .voice-stage:not(.compact-call){padding:8px}.voice-stage-heading{flex-wrap:wrap}}.channel-settings-form select,.channel-settings-form input{width:100%}@media(hover:hover){.channel-options summary{opacity:0}.channel-entry:hover summary,.channel-entry:focus-within summary,.channel-options[open] summary{opacity:1}}