:root{font-family:'DM Sans',sans-serif;color:#e9e7df;background:#111a1c;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#111a1c;--sidebar:#172224;--panel:#1d2a2c;--panel-soft:#223133;--line:rgba(228,226,213,.09);--muted:#85928e;--text:#e9e7df;--accent:#d8a879;--accent-strong:#e4b88d;--sage:#a8ba9a;--serif:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.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}.setup-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 0%,#273838 0%,#111a1c 52%)}.setup-card{width:min(100%,530px);padding:44px;background:#1a2628;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #0005}.brand-mark{width:42px;height:42px;border:1px solid #d8a87955;background:#d8a87912;border-radius:13px;color:var(--accent);display:grid;place-items:center}.brand-mark svg{width:21px}.eyebrow{margin:27px 0 9px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em}.setup-card h1,.login-panel h1,.empty-state h1{font:700 42px/1.12 var(--serif);letter-spacing:-.045em;margin:0;color:#f2efe7}.setup-copy,.login-sub{color:#a7b0a9;line-height:1.7;margin:14px 0 28px}.setup-steps{list-style:none;margin:0;padding:0;display:grid;gap:21px}.setup-steps li{display:flex;gap:14px}.setup-steps li>span{font-size:11px;letter-spacing:.08em;color:var(--accent);padding-top:2px}.setup-steps b,.setup-steps small{display:block}.setup-steps b{font-size:13px;margin-bottom:5px}.setup-steps small{font-size:12px;line-height:1.55;color:var(--muted)}code{color:#e5bc94;background:#10191a;padding:2px 5px;border-radius:4px}.setup-note{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:25px 0 18px;border-radius:10px;background:#253432;color:#bdc7b9;font-size:12px;line-height:1.5}.setup-note svg{flex:none;color:var(--sage)}.docs-link{color:var(--accent-strong);font-size:12px;text-decoration:none}.docs-link span{margin-left:5px}.login-screen{padding:0;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;min-height:100vh;background:#101718}.login-art{position:relative;min-height:720px;overflow:hidden;background:linear-gradient(180deg,#182527 0%,#1d3030 55%,#39433c 100%)}.art-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.moon{position:absolute;width:285px;height:285px;right:17%;top:18%;border-radius:50%;background:radial-gradient(circle at 38% 35%,#eed5a9,#d8ad7d 67%,#bd8e69);box-shadow:0 0 110px #d8ad7d37}.hill{position:absolute;bottom:-20%;width:115%;height:55%;border-radius:50% 50% 0 0}.hill-back{left:-25%;bottom:-21%;background:#354441;transform:rotate(-8deg)}.hill-front{left:28%;bottom:-28%;background:#202f2d;transform:rotate(9deg)}.art-caption{position:absolute;bottom:12%;left:13%;z-index:2}.caption-rule{height:1px;width:52px;background:var(--accent);display:block;margin-bottom:18px}.art-caption p{font-size:10px;line-height:1.8;letter-spacing:.19em;color:#d2c9b8}.art-star{position:absolute;color:#e7d2ae;opacity:.8}.star-a{top:19%;left:20%;font-size:16px}.star-b{top:28%;right:12%;font-size:22px}.star-c{top:40%;left:14%;font-size:40px}.login-side{position:relative;display:grid;place-items:center;padding:70px 9%}.login-panel{width:min(100%,380px)}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font:700 16px var(--serif);letter-spacing:-.03em}.brand-lockup small{font-size:8px;color:var(--muted);letter-spacing:.13em;margin-top:3px}.login-panel .eyebrow{margin-top:57px}.login-panel h1{font-size:43px}.login-sub{font-size:13px;margin:12px 0 30px}.login-panel form>label,.modal-content>label{display:block;color:#c6cbc3;font-size:11px;margin:16px 0 7px}.login-panel input,.modal input,.modal select{width:100%;height:45px;border:1px solid #ffffff18;border-radius:8px;background:#1a2526;color:var(--text);padding:0 13px;outline:none;font-size:12px}.login-panel input:focus,.modal input:focus,.modal select:focus,.composer textarea:focus{border-color:#d8a87999;box-shadow:0 0 0 3px #d8a87912}.login-panel input::placeholder,.modal input::placeholder{color:#697774}.form-error{min-height:17px;margin:7px 0 4px;color:#ed9b87;font-size:11px}.button{height:42px;padding:0 16px;border:0;border-radius:8px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{background:var(--accent);color:#182021}.button.primary:hover{background:var(--accent-strong)}.button.full{width:100%;height:47px;margin-top:3px}.button.ghost{background:#ffffff0a;border:1px solid var(--line);color:#cfd3cb}.button.danger{color:#e5a394}.button.small{height:31px;padding:0 9px;font-size:10px}.login-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:27px;color:#87938e;font-size:10px}.login-foot svg{width:13px;color:var(--sage)}.login-bottom{position:absolute;bottom:26px;color:#61706d;font-size:8px;letter-spacing:.15em}.login-bottom span{color:var(--accent);margin-left:7px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #20302b44;border-top-color:#20302b;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-app{height:100dvh;min-height:500px;display:grid;grid-template-columns:265px 1fr;background:var(--bg)}.sidebar{position:relative;z-index:4;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--line);min-width:0}.sidebar-top{height:78px;flex:none;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sidebar-top .brand-mark{width:36px;height:36px;border-radius:11px}.sidebar-scroll{overflow-y:auto;padding:16px 12px;flex:1}.workspace-card{height:59px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:10px;background:#222f30;margin-bottom:26px}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#d8a879;color:#192122}.workspace-card b,.workspace-card small{display:block}.workspace-card b{font-size:11px}.workspace-card small{font-size:9px;color:var(--muted);margin-top:4px}.online-dot{width:7px;height:7px;background:#90b99d;border-radius:50%;margin-left:auto;box-shadow:0 0 0 3px #90b99d17}.section-label{display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#788782;font-size:9px;font-weight:700;letter-spacing:.14em}.subtle-add,.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#8d9a95;border-radius:7px}.subtle-add{width:24px;height:24px}.subtle-add:hover,.icon-button:hover{background:#ffffff0c;color:#e9e7df}.subtle-add svg{width:15px;height:15px}.room-nav,.dm-nav{display:grid;gap:3px;margin:8px 0 23px}.nav-item{min-width:0;width:100%;height:36px;padding:0 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;color:#a4afaa;text-align:left;font-size:11px}.nav-item>svg{width:15px;height:15px;flex:none;color:#82908b}.nav-item>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#ffffff09;color:#eee9df}.nav-item.selected{background:#d8a87919;color:#edc59f}.nav-item.selected>svg{color:var(--accent)}.role-dot{width:5px;height:5px;border-radius:50%;background:#c99b8b;margin-left:auto;flex:none}.dm-label{margin-top:3px}.avatar{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:9px;background:#43524e;color:#d9e0d6;font-size:9px;font-weight:700}.avatar.peach{background:#59463b;color:#ecc9a5}.avatar.blue{background:#384d57;color:#b3d1d5}.avatar.sage{background:#435344;color:#bdd0ac}.avatar.lilac{background:#514654;color:#d0bfdc}.dm-item{height:39px}.dm-item .avatar{width:25px;height:25px;border-radius:8px}.nav-empty{color:#697773;font-size:10px;padding:0 10px}.sidebar-footer{border-top:1px solid var(--line);padding:13px 14px}.user-card{display:flex;align-items:center;gap:9px}.user-avatar{width:33px;height:33px;border-radius:11px;background:#865f49;color:#f3d5b5}.user-meta{min-width:0;flex:1}.user-meta b,.user-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta b{font-size:10px}.user-meta small{margin-top:4px;color:var(--muted);font-size:9px}.icon-button{width:32px;height:32px;flex:none}.icon-button svg{width:16px;height:16px}.conversation{min-width:0;display:flex;flex-direction:column}.topbar{height:61px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 23px}.crumb{display:flex;align-items:center;gap:9px;min-width:0;color:#87938e;font-size:10px}.crumb>svg{width:15px;height:15px;color:#c39c75}.crumb b{color:#e6e5dc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-sep{color:#53605c}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.topic-hint{font-size:10px;color:#75827e;margin-right:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.conversation-body{flex:1;min-height:0;display:flex;flex-direction:column;max-width:1040px;width:100%;margin:0 auto;padding:0 55px}.conversation-scroll{flex:1;min-height:0;overflow-y:auto;padding:52px 0 20px;scrollbar-width:thin;scrollbar-color:#3b4b48 transparent}.channel-welcome{padding:0 0 28px;border-bottom:1px solid var(--line);margin-bottom:19px}.welcome-icon{width:42px;height:42px;border-radius:13px;background:#d8a87917;border:1px solid #d8a87924;color:#d5ae87;display:grid;place-items:center;font-size:21px;margin-bottom:23px}.channel-welcome .eyebrow{margin:0 0 8px;font-size:9px}.channel-welcome h1{font:700 27px var(--serif);letter-spacing:-.035em;margin:0 0 7px;color:#eeeae0}.channel-welcome>p:last-child{font-size:11px;color:#9ca8a1;margin:0;line-height:1.7}.message{display:flex;gap:11px;padding:11px 8px;margin:0 -8px;border-radius:8px}.message:hover{background:#ffffff04}.message .avatar{margin-top:1px}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px;margin:0 0 4px}.message-meta b{font-size:11px;color:#e8e5dc}.message-meta time{font-size:9px;color:#788580}.message-content p{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#c4cbc2;margin:0}.composer{flex:none;border:1px solid #ffffff19;background:#1c2829;border-radius:12px;margin:14px 0 24px;padding:11px 13px 8px;box-shadow:0 10px 30px #0002}.composer textarea{display:block;width:100%;resize:none;max-height:160px;min-height:29px;border:1px solid transparent;background:transparent;color:var(--text);outline:none;font-size:12px;line-height:1.55;padding:5px}.composer textarea::placeholder{color:#788580}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:6px}.composer-bottom>span{font-size:9px;color:#77847f}.composer-dot{margin:0 4px;color:#c99b77}.send-button{width:32px;height:30px;border:0;border-radius:8px;background:var(--accent);color:#192122;display:grid;place-items:center}.send-button:hover{background:#ecc39a}.send-button:disabled{opacity:.5}.send-button svg{width:15px;height:15px}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px clamp(28px,10vw,140px)}.empty-illustration{width:115px;height:95px;position:relative;display:grid;place-items:center;margin-bottom:17px}.empty-illustration b{position:absolute;bottom:3px;width:70px;height:51px;border-radius:38px 38px 12px 12px;border:1px solid #d8a87977;color:#d8a879;display:grid;place-items:center;font-size:24px;background:linear-gradient(180deg,#d8a87916,transparent)}.empty-illustration span,.empty-illustration i{position:absolute;color:#d7b891}.empty-illustration span{top:4px;left:15px}.empty-illustration i{top:18px;right:9px;font-size:24px}.empty-state .eyebrow{margin:13px 0 9px}.empty-state h1{font-size:38px}.empty-state>p:not(.eyebrow){font-size:12px;color:#9ca8a1;line-height:1.7;max-width:320px;margin:14px 0 24px}.sidebar-scrim,.mobile-menu,.mobile-close{display:none}.toast{position:fixed;z-index:20;bottom:22px;left:50%;transform:translate(-50%,14px);padding:11px 16px;border:1px solid #ffffff15;border-radius:9px;background:#2a3836;color:#e8e9e0;font-size:11px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 30px #0004;max-width:min(92vw,460px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#482c29;color:#f0c3b6}.modal{width:min(100% - 32px,475px);max-height:min(85vh,720px);padding:0;border:1px solid #ffffff18;border-radius:16px;background:#1b2728;color:var(--text);box-shadow:0 25px 100px #0008}.modal::backdrop{background:#090e0fcc;backdrop-filter:blur(3px)}.modal-card{padding:22px}.modal-card>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-card>header .eyebrow{margin:0 0 6px;font-size:8px}.modal-card h2{font:700 22px var(--serif);margin:0}.modal-close{margin:-6px -6px 0 0}.modal-content{max-height:54vh;overflow:auto}.modal-content label{margin:14px 0 8px}.modal-content input,.modal-content select{margin-top:7px}.modal-content fieldset{border:0;padding:0;margin:18px 0 0}.modal-content legend{color:#c6cbc3;font-size:11px;margin-bottom:9px}.checkbox-list{max-height:190px;overflow-y:auto;display:grid;gap:4px}.checkbox-row{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:6px 8px;border-radius:7px}.checkbox-row:hover{background:#ffffff08}.checkbox-row input{width:14px;height:14px;accent-color:#d8a879;margin:0}.checkbox-row .avatar{width:24px;height:24px}.checkbox-row span:last-child{color:#d6dbd2;font-size:11px}.modal-card>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-copy{font-size:11px;color:#99a49d;line-height:1.6;margin:0 0 14px}.member-admin-list{display:grid;gap:7px}.member-admin-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.member-admin-row>span:nth-child(2){min-width:0;flex:1}.member-admin-row b,.member-admin-row small{display:block}.member-admin-row b{font-size:11px}.member-admin-row small{font-size:9px;color:var(--muted);margin-top:4px}.you-label{font-size:9px;color:var(--sage)}@media(max-width:850px){.chat-app{grid-template-columns:230px 1fr}.conversation-body{padding:0 30px}.topbar{padding:0 16px}.topic-hint{max-width:170px}}@media(max-width:650px){.login-screen{display:block}.login-art{display:none}.login-side{min-height:100dvh;padding:40px 26px 75px}.login-panel{width:min(100%,390px)}.login-panel .eyebrow{margin-top:52px}.login-bottom{bottom:22px}.setup-card{padding:30px 23px}.setup-card h1{font-size:36px}.chat-app{display:block;position:relative}.sidebar{position:absolute;inset:0 auto 0 0;width:min(82vw,300px);transform:translateX(-102%);transition:transform .22s;box-shadow:16px 0 40px #0004}.sidebar.open{transform:translateX(0)}.sidebar.open~.sidebar-scrim{display:block;position:fixed;inset:0;z-index:3;border:0;background:#090e0e99}.mobile-menu,.mobile-close{display:grid}.topbar{height:57px;gap:7px;padding:0 12px}.crumb{gap:6px;font-size:9px}.crumb>span:nth-child(2){display:none}.topbar-actions{gap:1px}.topic-hint{display:none}.admin-tool{display:none}.conversation{height:100dvh}.conversation-body{padding:0 17px}.conversation-scroll{padding-top:34px}.channel-welcome h1{font-size:24px}.empty-state{padding:35px 27px}.empty-state h1{font-size:34px}.composer{margin-bottom:12px}.composer-bottom>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:650px){.admin-tool{display:grid}}
[hidden]{display:none!important}.avatar{position:relative;overflow:hidden}.avatar-fallback{position:relative;z-index:1}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2}.avatar img.media-loaded{opacity:1}.room-icon-wrap{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;flex:none;border-radius:5px;overflow:hidden;background:#344440;color:#d9b18a;font-size:12px}.room-icon-fallback{position:absolute;inset:0;display:grid;place-items:center}.room-icon-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.room-icon-image.media-loaded{opacity:1}.welcome-room-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.user-card .avatar{width:34px;height:34px}.profile-edit{border:0;background:transparent;color:#aeb8b0;font-size:9px;padding:6px 4px}.profile-edit:hover{color:var(--accent-strong)}.composer{position:relative}.compose-tools{display:flex;align-items:center;gap:5px;padding:0 2px 5px}.tool-button{height:27px;padding:0 9px;border:1px solid #ffffff12;border-radius:7px;background:#ffffff06;color:#aeb9b1;display:inline-flex;align-items:center;gap:5px;font-size:9px;cursor:pointer}.tool-button:hover{background:#d8a87918;color:#ecc39a;border-color:#d8a87933}.file-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.compose-popover{position:absolute;bottom:100%;left:10px;z-index:6;margin-bottom:8px;padding:10px;border:1px solid #ffffff18;border-radius:10px;background:#202d2e;box-shadow:0 15px 40px #0006}.emoji-panel{width:min(310px,calc(100vw - 42px));display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.emoji-panel[hidden],.sticker-panel[hidden]{display:none}.emoji-panel button{height:32px;border:0;border-radius:6px;background:transparent;font-size:18px}.emoji-panel button:hover{background:#ffffff12}.sticker-panel{width:min(350px,calc(100vw - 42px));max-height:270px;overflow:auto}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:9px}.sticker-choice{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px;border:1px solid transparent;border-radius:7px;background:#ffffff06;color:#aeb9b1;font-size:8px}.sticker-choice:hover{border-color:#d8a87955;background:#ffffff0c}.sticker-thumb{width:100%;height:58px;object-fit:contain}.compose-image-preview{display:flex;align-items:center;gap:9px;padding:5px 5px 9px;color:#aeb9b1;font-size:9px}.compose-image-preview img{width:42px;height:42px;border-radius:6px;object-fit:cover;background:#111a1c}.compose-image-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.compose-image-preview button{width:25px;height:25px;border:0;border-radius:6px;background:#ffffff0d;color:#e9b09c;font-size:18px}.message-image-wrap{position:relative;width:max-content;max-width:min(100%,460px);margin-top:7px}.message-image{display:block;max-width:100%;max-height:360px;border-radius:9px;object-fit:contain;background:#172224}.message-image.media-failed{display:none}.sticker-save{position:absolute;right:6px;bottom:6px;padding:5px 8px;border:1px solid #ffffff2b;border-radius:6px;background:#101718d9;color:#eee9df;font-size:8px;opacity:0;transition:opacity .15s}.message-image-wrap:hover .sticker-save,.sticker-save:focus{opacity:1}.message-image-wrap:has(.media-failed) .sticker-save{display:none}.pending-sticker-preview{width:42px;height:42px;object-fit:contain}.upload-label small{display:block;margin-top:6px;color:#788580;font-size:9px}.current-media-preview{display:flex;align-items:center;gap:10px;color:#aeb9b1;font-size:10px;margin:12px 0}.profile-preview-image{width:42px;height:42px;object-fit:cover;border-radius:10px;background:#111a1c}.room-admin-name{display:flex;align-items:center;gap:6px;min-width:120px;color:#cfd3cb;font-size:10px}.room-admin-row{flex-wrap:wrap}.room-admin-row>span:nth-child(2){flex:1}.room-admin-row .button{flex:none}@media(max-width:650px){.profile-edit{padding:5px 2px}.compose-tools{gap:4px}.tool-button{padding:0 7px}.message-image{max-height:270px}.room-admin-name{min-width:100%;}.room-admin-row>span:nth-child(2){display:none}}
[hidden]{display:none!important}.sticker-choice{position:relative}.sticker-send{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:inherit;font-size:inherit}.sticker-remove{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border:1px solid #ffffff22;border-radius:50%;background:#283635;color:#edb7a2;line-height:1;font-size:13px}.sticker-remove:hover{background:#593a34}
/* QoL additions: themes, readable controls, and small-screen chat tools. */
:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
html[data-theme="bosque"]{--bg:#111b18;--sidebar:#17241f;--panel:#1d2d25;--panel-soft:#26392f;--accent:#b6c89c;--accent-strong:#d0dfb9;--sage:#bad0a8}
html[data-theme="pergamino"]{color-scheme:light;--bg:#f0e9db;--sidebar:#e7decd;--panel:#f8f3e9;--panel-soft:#eae1d0;--line:#46392222;--muted:#716857;--text:#302c25;--accent:#8b5b37;--accent-strong:#704528;--sage:#657854}
html[data-theme="pergamino"] .chat-app,html[data-theme="pergamino"] .sidebar,html[data-theme="pergamino"] .workspace-card,html[data-theme="pergamino"] .message-input,html[data-theme="pergamino"] .composer,html[data-theme="pergamino"] .topbar{background:var(--bg);color:var(--text)}
html[data-theme="pergamino"] .sidebar{background:var(--sidebar)}
html[data-theme="pergamino"] .workspace-card,html[data-theme="pergamino"] .nav-item:hover,html[data-theme="pergamino"] .nav-item.selected{background:#75634718;color:var(--text)}
html[data-theme="noche"]{--bg:#101826;--sidebar:#141f30;--panel:#1b2940;--panel-soft:#23334d;--accent:#9cbce8;--accent-strong:#b8d0f2;--sage:#9ebbd8}
body{font-size:calc(14px * var(--font-scale,1))}
.message-body,.reply-preview,.pinned-item,.search-result,.note-card,.poll-card,.composer textarea{font-size:calc(13px * var(--font-scale,1))}
.composer textarea{font-family:inherit;resize:vertical;max-height:190px;min-height:42px;line-height:1.55}
.modal textarea{width:100%;min-height:84px;border:1px solid #ffffff18;border-radius:8px;background:var(--panel);color:var(--text);padding:11px 13px;outline:none;font-size:calc(12px * var(--font-scale,1));line-height:1.55}
.modal textarea:focus{border-color:#d8a87999;box-shadow:0 0 0 3px #d8a87912}
.room-nav-row{display:flex;align-items:center;gap:2px}.room-nav-row .nav-item{flex:1;min-width:0}.room-favorite{flex:none;width:26px;height:31px;border:0;background:transparent;color:var(--muted);font-size:16px;border-radius:6px}.room-favorite:hover,.room-favorite.is-favorite{color:var(--accent)}.room-category{padding:13px 10px 5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.room-nav-row[draggable="true"]{cursor:grab}.room-nav-row.dragging{opacity:.42}
.unread-badge{min-width:18px;padding:2px 5px;border-radius:10px;background:var(--accent);color:var(--bg);font-size:9px;font-weight:800;text-align:center}.unread-badge[hidden]{display:none}.presence-label{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.pinned-list{position:sticky;top:0;z-index:2;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(12px);margin:4px 0 14px}.pinned-list[hidden]{display:none}.pinned-heading{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:10px}.pinned-heading svg{width:13px;height:13px}.pinned-items{display:flex;gap:7px;overflow-x:auto;margin-top:6px}.pinned-item{min-width:180px;max-width:260px;text-align:left;border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:var(--panel-soft);color:var(--text)}.pinned-item b,.pinned-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-item b{font-size:10px}.pinned-item span{margin-top:3px;color:var(--muted);font-size:10px}.load-older{display:block;margin:6px auto 12px;border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:var(--panel);color:var(--muted);font-size:10px}.load-older[hidden]{display:none}.unread-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--accent);font-size:10px}.unread-divider:before,.unread-divider:after{content:"";height:1px;flex:1;background:var(--accent);opacity:.45}.reply-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:8px 11px;border-left:2px solid var(--accent);border-radius:7px;background:var(--panel);color:var(--text);font-size:11px}.reply-banner[hidden]{display:none}.reply-banner small,.reply-preview span{display:block;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px}.reply-banner button{border:0;background:transparent;color:var(--muted)}.reply-preview{display:grid;gap:2px;margin:0 0 7px;padding:6px 9px;border-left:2px solid var(--accent);background:var(--panel);border-radius:4px;color:var(--text);font-size:11px}.reply-preview span{font-size:10px}
.message-actions{display:inline-flex;gap:3px;margin-left:8px;opacity:.72}.message-actions button{display:grid;place-items:center;width:24px;height:24px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted)}.message-actions button:hover{border-color:var(--line);background:var(--panel);color:var(--accent)}.message-actions svg{width:13px;height:13px}.message-pinned .message-content{border-left:2px solid var(--accent);padding-left:10px}.pinned-badge{display:inline-flex;align-items:center;gap:3px;color:var(--accent);font-size:9px}.pinned-badge svg{width:11px;height:11px}.message-search-hit{outline:2px solid var(--accent);outline-offset:5px;border-radius:8px}.message-image-wrap{position:relative;width:max-content;max-width:min(100%,640px)}.image-reload,.sticker-save{position:absolute;z-index:1;right:8px;border:1px solid #ffffff30;border-radius:8px;background:#111a1ddd;color:#fff;padding:7px;backdrop-filter:blur(8px)}.image-reload{top:8px;width:33px;height:33px;display:grid;place-items:center}.image-reload[hidden]{display:none}.image-reload svg{width:16px}.sticker-save{bottom:8px;font-size:9px}.message-image.media-expired,.message-image.media-failed{display:block;width:280px;height:155px;object-fit:contain;background:var(--panel-soft);border:1px dashed var(--line);border-radius:9px}.media-loading{opacity:.68}.image-zoom-view{display:grid;gap:10px;justify-items:center}.zoomed-message-image{max-width:min(100%,80vw);max-height:65vh;object-fit:contain;border-radius:10px}.image-zoom-view button svg{vertical-align:middle}.search-date-range,.randomizer-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-results,.note-list,.poll-list{display:grid;gap:8px;max-height:42vh;overflow:auto}.search-result{display:grid;gap:4px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);color:var(--text)}.search-result small{color:var(--muted)}.search-result span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted)}.note-card,.poll-card{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--text)}.note-card p{white-space:pre-wrap;line-height:1.6}.poll-card small{display:block;color:var(--muted);margin:4px 0 9px}.poll-option{display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px;margin-top:5px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);text-align:left}.poll-option.voted{border-color:var(--accent);color:var(--accent)}.random-result{margin:15px 0;padding:20px;border-radius:11px;background:var(--panel-soft);color:var(--text);line-height:1.7}.randomizer-actions{display:flex;flex-wrap:wrap;gap:7px}.shortcut-hint{margin-top:14px}.shortcut-hint kbd{padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:var(--panel);font-size:10px}
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.quota-card{display:grid;gap:9px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft)}.quota-card>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:11px}.quota-card>div:first-child span,.quota-card small{color:var(--muted);font-size:10px;line-height:1.5}.quota-meter{height:8px;overflow:hidden;border-radius:8px;background:var(--panel)}.quota-meter i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.quota-card button{justify-self:start}.restore-label{display:block;padding:10px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:11px}.restore-label input{display:block;width:100%;margin-top:8px}.admin-subheading{margin:18px 0 8px;font-size:11px;color:var(--accent);letter-spacing:.07em;text-transform:uppercase}.room-admin-name{display:flex;align-items:center;gap:6px}.room-admin-name small{color:var(--muted)}.admin-subheading+.member-admin-list{max-height:210px;overflow:auto}.modal-content>label:has(textarea){margin-top:14px}.modal-content fieldset{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:8px}.modal-content legend{padding:0 5px;color:var(--muted);font-size:10px}
body.compact .message{padding-top:5px;padding-bottom:5px}body.compact .message-body{margin:3px 0;line-height:1.45}body.high-contrast{--line:#ffffff45;--muted:#bdc6c0;--text:#fff}body.high-contrast .nav-item,body.high-contrast .button.ghost{border:1px solid var(--line)}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@media(max-width:760px){.chat-app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);transform:translateX(-105%);transition:transform .22s ease;box-shadow:16px 0 60px #0005}.sidebar.open{transform:translateX(0)}.sidebar-scrim{position:fixed;inset:0;z-index:3;background:#0008;border:0;display:none}.sidebar.open~.sidebar-scrim{display:block}.mobile-menu,.mobile-close{display:grid}.topbar{gap:7px;padding:0 10px}.crumb{min-width:0}.crumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-label{display:none}.topbar-actions{gap:2px}.topbar-actions .icon-button{width:31px;height:31px}.conversation-scroll{padding:18px 14px}.composer{padding:10px 12px}.composer textarea{font-size:16px}.compose-tools{overflow-x:auto}.message-actions{opacity:1}.search-date-range,.randomizer-filters{grid-template-columns:1fr}.modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.room-admin-row{flex-wrap:wrap}.admin-toolbar{align-items:flex-start;flex-direction:column}.quota-card>div:first-child{align-items:flex-start;flex-direction:column}.pinned-list{margin-inline:0}}
img.media-expired,img.media-failed{opacity:.32;filter:grayscale(.8)}.media-reload-host{position:relative}.media-reload-control{position:absolute;z-index:2;top:2px;right:2px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#111a1de8;color:#fff;box-shadow:0 2px 7px #0005}.media-reload-control[hidden]{display:none}.media-reload-control svg{width:13px;height:13px}.avatar .media-reload-control{top:0;right:0;width:19px;height:19px}.media-reload-host>.room-icon-fallback{pointer-events:none}