@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#2d1a1d;font-synthesis:none;--burgundy:#651a2b;--burgundy-deep:#3f0f1a;--burgundy-soft:#8a3348;--beige:#eadfce;--beige-light:#f7f1e8;--ink:#2a191c;--muted:#7f6f6f;--glass:#fffaf491;--glass-strong:#fffbf6c2;--border:#5f222f1a;--shadow:0 28px 80px #48182124;background:#eadfce;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{border:0}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{color:inherit}.app-shell{background:radial-gradient(circle at 8% 6%,#872f4433,#0000 31%),radial-gradient(circle at 95% 92%,#5f182929,#0000 28%),linear-gradient(135deg,#f0e7da 0%,#e9dbc9 50%,#e1cfbd 100%);grid-template-columns:74px 286px minmax(0,1fr) 292px;gap:12px;min-height:100vh;padding:18px;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(4px);pointer-events:none;border-radius:50%;position:absolute}.ambient--one{background:#651a2b1f;width:260px;height:260px;top:-120px;right:20%}.ambient--two{background:#ffffff47;width:340px;height:340px;bottom:-190px;left:28%}.glass{background:var(--glass);box-shadow:var(--shadow), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(26px)saturate(138%);border:1px solid #ffffff94}.rail,.sidebar,.main-panel,.details{z-index:1;border-radius:26px;position:relative}.rail{flex-direction:column;align-items:center;gap:10px;padding:14px 11px;display:flex}.brand-mark{color:#fff8ef;cursor:pointer;background:linear-gradient(145deg,#742138,#4b101f);border-radius:18px;width:48px;height:48px;font:700 23px/1 Manrope;box-shadow:0 14px 28px #56152445}.rail-divider{background:#571f2b29;width:28px;height:1px;margin:2px 0 4px}.space-dot{color:#704554;cursor:pointer;background:#ffffff61;border-radius:16px;width:43px;height:43px;font-weight:700;transition:all .2s}.space-dot:hover,.space-dot.is-active{color:var(--burgundy);background:#651a2b1c;transform:translateY(-1px)}.space-dot--add{border:1px dashed #651a2b38;place-items:center;display:grid}.rail-spacer{flex:1}.avatar{color:#5b2130;background:linear-gradient(145deg,#f5e8d7,#d7bca8);border:1px solid #ffffffb3;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid;box-shadow:0 7px 18px #4a1d2717}.avatar--small{border-radius:12px;width:34px;height:34px;font-size:10px}.sidebar{flex-direction:column;min-height:calc(100vh - 36px);padding:20px 16px 16px;display:flex;overflow:hidden}.sidebar-top,.details-head,.chat-header,.chat-title-wrap,.header-actions,.workspace-name,.search-box,.nav-row,.channel-row,.dm-row,.huddle-card,.details-title,.member-row,.security-note{align-items:center;display:flex}.sidebar-top,.details-head,.chat-header,.details-title{justify-content:space-between}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#9b7c82;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.workspace-name{cursor:pointer;background:0 0;gap:5px;padding:0;font-family:Manrope;font-weight:700}.mobile-close{display:none!important}.search-box{color:#7d6769;cursor:pointer;text-align:left;background:#ffffff6b;border:1px solid #651a2b14;border-radius:14px;gap:9px;width:100%;margin:20px 0 14px;padding:10px 11px}.search-box span{flex:1;font-size:13px}kbd{background:#651a2b12;border-radius:7px;padding:3px 6px;font-family:inherit;font-size:10px}.nav-block{gap:3px;display:grid}.nav-row,.channel-row,.dm-row{color:#6f585d;text-align:left;cursor:pointer;background:0 0;border-radius:12px;gap:9px;width:100%;padding:8px 9px;transition:all .18s}.nav-row span:nth-child(2),.channel-row span:nth-child(2),.dm-row span:last-child{flex:1}.nav-row:hover,.channel-row:hover,.dm-row:hover{color:#4a2830;background:#ffffff57}.pill,.unread{background:var(--burgundy);color:#fff;border-radius:10px;place-items:center;min-width:21px;height:20px;padding:0 6px;font-size:10px;display:grid}.section-heading{color:#9b7c82;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin:20px 8px 6px;font-size:11px;font-weight:700;display:flex}.channel-list,.dm-list{gap:2px;display:grid}.channel-row.is-active{color:var(--burgundy);background:linear-gradient(90deg,#651a2b1f,#651a2b0d);font-weight:700}.dm-row{position:relative}.dm-row .presence{z-index:2;position:absolute;bottom:7px;left:31px}.presence{background:#aaa;border:2px solid #efe3d3;border-radius:50%;width:9px;height:9px}.presence--online{background:#2b9a63}.presence--away{background:#d3a134}.presence--offline{background:#aaa0a0}.huddle-card{background:linear-gradient(145deg,#651a2b14,#ffffff52);border:1px solid #651a2b14;border-radius:17px;gap:10px;margin-top:auto;padding:11px}.huddle-icon{background:var(--burgundy);color:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.huddle-card div:nth-child(2){flex:1;gap:1px;display:grid}.huddle-card strong{font-size:11px}.huddle-card span{color:#8b7376;font-size:10px}.join-button{color:var(--burgundy);cursor:pointer;background:#651a2b17;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:700}.main-panel{background:#fffcf89e;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:calc(100vh - 36px);display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:#fff3;min-height:78px;padding:14px 20px}.chat-title-wrap{gap:12px;min-width:0}.chat-title{color:#3f2329;align-items:center;gap:5px;font:700 16px Manrope;display:flex}.chat-subtitle{color:#927b7e;white-space:nowrap;text-overflow:ellipsis;max-width:410px;margin-top:2px;font-size:11px;overflow:hidden}.header-actions{gap:7px}.icon-button,.header-chip{color:#6c4f55;cursor:pointer;background:#ffffff73;border:1px solid #651a2b12;border-radius:12px;place-items:center;min-width:36px;height:36px;display:inline-grid}.icon-button.ghost{background:0 0;border-color:#0000}.header-chip{grid-auto-flow:column;gap:6px;padding:0 10px;font-weight:600}.menu-button{display:none}.messages{scrollbar-width:thin;scrollbar-color:#651a2b2e transparent;padding:24px 24px 10px;overflow-y:auto}.channel-intro{border-bottom:1px solid #651a2b12;margin-bottom:16px;padding:16px 4px 28px}.channel-icon{width:52px;height:52px;color:var(--burgundy);background:#651a2b14;border-radius:18px;place-items:center;margin-bottom:10px;display:grid}.channel-intro h1{color:#3f2028;margin:0 0 6px;font:700 27px Manrope}.channel-intro p{color:#8c7479;max-width:650px;margin:0;font-size:13px;line-height:1.6}.message{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:16px 0;display:grid}.message-card{max-width:720px}.message-meta{align-items:baseline;gap:7px;display:flex}.message-meta strong{color:#4a2931;font-size:12px}.message-meta time{color:#a18e91;font-size:9px}.message-card p{color:#5d494d;margin:4px 0 0;font-size:13px;line-height:1.55}.message--mine{grid-template-columns:minmax(0,1fr) auto;justify-items:end}.message--mine .avatar{grid-column:2}.message--mine .message-card{background:linear-gradient(145deg,#651a2b1f,#651a2b0f);border-radius:17px 17px 6px;grid-area:1/1;padding:10px 12px}.message--mine .message-meta{justify-content:flex-end}.reaction{color:#6e3443;cursor:pointer;background:#651a2b12;border-radius:11px;margin-top:8px;padding:5px 8px;font-size:10px}.typing{color:#9a8387;align-items:center;gap:3px;margin:8px 50px 0;font-size:10px;display:flex}.typing span{background:#9a8387;border-radius:50%;width:4px;height:4px;animation:1.1s infinite bounce}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.composer{background:#ffffff8f;border:1px solid #651a2b17;border-radius:19px;align-items:center;gap:6px;min-height:54px;margin:0 18px 18px;padding:7px;display:flex;box-shadow:0 12px 32px #471b2412,inset 0 1px #fffc}.composer input{color:#44252d;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 6px;font-size:13px}.composer input::placeholder{color:#aa9699}.composer-tools{gap:2px;display:flex}.send-button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#722039,#4b101f);border-radius:13px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 16px #4f111f2e}.details{min-height:calc(100vh - 36px);padding:20px 17px;overflow-y:auto}.details-head strong{font:700 16px Manrope;display:block}.focus-card{color:#fff;background:linear-gradient(150deg,#722138 0%,#4c1321 65%,#3c0e19 100%);border-radius:21px;margin-top:18px;padding:17px;box-shadow:0 18px 35px #4f111f30}.focus-badge{letter-spacing:.13em;opacity:.68;font-size:9px;font-weight:700}.focus-card h3{margin:10px 0 7px;font:700 17px/1.35 Manrope}.focus-card p{opacity:.75;margin:0;font-size:11px;line-height:1.55}.details-section{border-bottom:1px solid #651a2b14;padding:19px 2px}.details-title span{font:700 12px Manrope}.details-title button{color:var(--burgundy);cursor:pointer;background:0 0;font-size:10px}.member-stack{gap:11px;margin-top:13px;display:grid}.member-row{gap:9px}.member-avatar-wrap{position:relative}.member-avatar-wrap .presence{position:absolute;bottom:-1px;right:-1px}.member-row>div:last-child{gap:2px;display:grid}.member-row strong{font-size:10px}.member-row span{color:#998286;font-size:9px}.media-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.media-card{aspect-ratio:1;border:1px solid #fff9;border-radius:14px;box-shadow:inset 0 1px #ffffff80}.media-card--a{background:radial-gradient(circle at 30% 30%,#f1d6bd,#0000 28%),linear-gradient(135deg,#7e2940,#d0a188)}.media-card--b{background:radial-gradient(circle at 70% 20%,#f5e5d2,#0000 24%),linear-gradient(145deg,#b36f74,#5d1a2c)}.media-card--c{background:radial-gradient(circle at 50% 65%,#7b2c3f,#0000 28%),linear-gradient(135deg,#ecd7be,#bc9a83)}.security-note{background:#ffffff4d;border-radius:16px;gap:10px;margin-top:18px;padding:12px}.security-icon{width:30px;height:30px;color:var(--burgundy);background:#651a2b17;border-radius:10px;place-items:center;font-weight:700;display:grid}.security-note>div:last-child{gap:2px;display:grid}.security-note strong{font-size:10px}.security-note span{color:#947e82;font-size:9px;line-height:1.35}@media (width<=1180px){.app-shell{grid-template-columns:70px 270px minmax(0,1fr)}.details{display:none}}@media (width<=820px){body{overflow:auto}.app-shell{grid-template-columns:1fr;min-height:100svh;padding:10px}.rail{display:none}.sidebar{z-index:20;width:min(310px,100vw - 20px);min-height:auto;transition:all .25s;position:fixed;top:10px;bottom:10px;left:10px;transform:translate(-110%);box-shadow:0 24px 80px #41141f40}.sidebar.is-open{transform:translate(0)}.mobile-close{display:grid!important}.main-panel{border-radius:22px;min-height:calc(100svh - 20px)}.menu-button{display:inline-grid}.chat-header{min-height:70px;padding:12px 14px}.chat-subtitle{max-width:44vw}.header-actions .icon-button:first-of-type{display:none}.messages{padding:18px 14px 8px}.composer{margin:0 10px 10px}}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-flex}.badge--pin{color:var(--burgundy);background:#651a2b1a}.badge--lock{color:#f7e9de;background:#3c0e19d9}.locked-body{color:#f4e7dc;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3c0e19e6;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:7px;margin:6px 0 0;padding:8px 12px;font-size:12px;transition:all .18s;display:inline-flex}.locked-body:hover{background:#3c0e19;transform:translateY(-1px)}.revealed-body{background:#651a2b0f;border-radius:10px;padding:6px 9px}.message-card{position:relative}.message-actions{opacity:0;pointer-events:none;background:#ffffffeb;border-radius:10px;gap:3px;padding:3px;transition:all .15s;display:flex;position:absolute;top:-14px;right:0;box-shadow:0 6px 18px #48182129}.message:hover .message-actions{opacity:1;pointer-events:auto}.message--mine .message-actions{left:0;right:auto}.message-action{color:#7d5f65;cursor:pointer;background:0 0;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.message-action:hover{color:var(--burgundy);background:#651a2b17}.message-action.is-active{color:var(--burgundy);background:#651a2b1f}.icon-button.is-locked{color:var(--burgundy);background:#651a2b24;border-color:#651a2b33}.details-empty{color:#9c8589;margin:10px 0 0;font-size:11px}.pinned-mini-list{gap:6px;margin-top:11px;display:grid}.pinned-mini-row{text-align:left;color:#6e575c;cursor:pointer;background:#ffffff52;border-radius:11px;align-items:flex-start;gap:6px;padding:8px 9px;font-size:10px;line-height:1.4;display:flex}.pinned-mini-row:hover{background:#ffffff80}.pinned-mini-row svg{color:var(--burgundy);flex:none;margin-top:2px}.pinned-mini-row span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d0f1652;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:22px;flex-direction:column;width:min(480px,100%);max-height:min(560px,84vh);display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-title{color:#3f2028;align-items:center;gap:8px;font:700 14px Manrope;display:flex}.modal-body{gap:10px;padding:10px 14px 18px;display:grid;overflow-y:auto}.modal-empty{color:#937c80;text-align:center;padding:20px 6px;font-size:12px}.pinned-row{background:#ffffff80;border:1px solid #651a2b12;border-radius:15px;padding:12px 13px}.pinned-row-meta{align-items:baseline;gap:7px;display:flex}.pinned-row-meta strong{color:#4a2931;font-size:12px}.pinned-row-meta time{color:#a18e91;font-size:9px}.pinned-row p{color:#5d494d;margin:5px 0 8px;font-size:12px;line-height:1.5}.pinned-unpin{color:var(--burgundy);cursor:pointer;background:#651a2b17;border-radius:9px;padding:5px 9px;font-size:10px;font-weight:700}.call-overlay{z-index:50;background:radial-gradient(circle at 50% 20%,#651a2b59,#1e080ed1 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.call-frame{background:#280d149e;border-color:#ffffff1f;border-radius:26px;flex-direction:column;gap:18px;width:min(640px,100%);padding:22px;display:flex}.call-head{color:#f6ebe1;justify-content:space-between;align-items:center;display:flex}.call-head .eyebrow{color:#f6ebe199}.call-head strong{font:700 17px Manrope}.call-timer{color:#f6ebe1b3;font-variant-numeric:tabular-nums;font-size:11px}.call-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.call-tile{aspect-ratio:4/3;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:18px;place-items:center;gap:8px;display:grid;position:relative}.call-tile--self{border-color:#ffffff38}.call-avatar{color:#5b2130;background:linear-gradient(145deg,#f5e8d7,#d7bca8);border-radius:16px;place-items:center;width:52px;height:52px;font-size:13px;font-weight:700;display:grid}.call-name{color:#f0e3da;align-items:center;gap:4px;font-size:11px;display:flex}.call-tile-presence{position:absolute;top:10px;right:10px}.call-controls{justify-content:center;align-items:center;gap:10px;display:flex}.call-control{color:#f6ebe1;cursor:pointer;background:#ffffff1f;border-radius:15px;place-items:center;width:46px;height:46px;transition:all .15s;display:grid}.call-control:hover{background:#fff3}.call-control.is-off{color:#2d0f16;background:#ffffff47}.call-control--leave{background:#c23a3a}.call-control--leave:hover{background:#d64848}.handle{color:#a8898f;font-size:10px;font-weight:500}.message-meta .handle{margin-left:-3px}.dm-row-name{flex-direction:column;gap:1px;display:flex}.dm-row-name .handle{font-size:9px}.pin-entry{flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0 0;display:flex}.pin-entry input{letter-spacing:.3em;color:#3f2028;background:#ffffffb3;border:1px solid #651a2b2e;border-radius:10px;outline:none;width:128px;padding:8px 10px;font:600 14px/1 DM Sans}.pin-entry input:focus{border-color:var(--burgundy)}.pin-entry.is-error input{border-color:#c23a3a;animation:.32s pin-shake}.pin-entry button[type=submit]{background:var(--burgundy);color:#fff;cursor:pointer;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700}.pin-entry button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.pin-entry-cancel{color:#937c80;cursor:pointer;background:0 0;font-size:11px}.pin-entry-error{color:#c23a3a;flex-basis:100%;font-size:10px}@keyframes pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.identity-modal .modal-body{gap:16px}.identity-copy{color:#7d6469;margin:0;font-size:12px;line-height:1.6}.identity-field{background:#ffffff6b;border:1px solid #651a2b14;border-radius:14px;gap:6px;padding:12px 14px;display:grid}.identity-field>span:first-child{text-transform:uppercase;letter-spacing:.08em;color:#9b7c82;font-size:10px;font-weight:700}.identity-handle{color:var(--burgundy);font:700 15px Manrope}.identity-pin-row{gap:8px;display:flex}.identity-pin-row input{letter-spacing:.35em;color:#3f2028;background:#fffc;border:1px solid #651a2b2e;border-radius:10px;outline:none;flex:1;padding:9px 10px;font:600 15px/1 DM Sans}.identity-pin-row input:focus{border-color:var(--burgundy)}.identity-pin-row button{background:var(--burgundy);color:#fff;cursor:pointer;border-radius:10px;padding:0 14px;font-size:11px;font-weight:700}.identity-pin-row button:disabled{opacity:.45;cursor:not-allowed}.identity-note{color:#a08b8f;margin:0;font-size:10px;line-height:1.6}@media (width<=540px){.chat-subtitle,.header-chip{display:none}.chat-title{font-size:14px}.message-card p{font-size:12px}.message{grid-template-columns:auto minmax(0,1fr)}.channel-intro h1{font-size:23px}}