:root{--bg:#0e111a;--panel:#151a25;--panel-2:#1b2130;--panel-3:#22293a;--line:#2a3245;--text:#f4f3f8;--muted:#8992a8;--soft:#aeb5c7;--purple:#9d8cff;--purple-2:#7064d8;--mint:#80e0bd;--coral:#ff8d82;--yellow:#f7d47c;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-columns:74px 244px minmax(440px,1fr) 246px;background:var(--bg)}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}.server-rail{background:#0b0e15;display:flex;align-items:center;flex-direction:column;padding:18px 0;gap:12px}.brand-mark,.server-bubble{width:43px;height:43px;border-radius:15px;display:grid;place-items:center;transition:.2s}.brand-mark{color:#fff;background:linear-gradient(145deg,#9d8cff,#6557d8);font-size:22px;box-shadow:0 7px 18px #7668d13b}.brand-mark:hover,.server-bubble:hover{border-radius:12px;transform:translateY(-1px)}.rail-rule{width:30px;height:1px;background:#293041;margin:2px 0}.server-bubble{color:#fff;font-weight:700;font-size:11px}.coral{background:#b75c66}.mint{background:#327d73}.violet{background:#5f55a3}.add-server{background:#1d2534;color:#86e0bd;font-size:24px;font-weight:400}.rail-spacer{flex:1}.rail-icon{width:35px;height:35px;border-radius:11px;background:transparent;color:#748099;font-size:18px}.rail-icon:hover{background:#1d2534;color:white}.channel-sidebar,.member-sidebar{background:var(--panel);border-right:1px solid var(--line);min-width:0}.channel-sidebar{display:flex;flex-direction:column}.workspace-head{height:78px;padding:17px 17px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.eyebrow,.section-label,.member-group{color:#737d95;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;margin:0}.workspace-head h1{font:600 17px var(--display);margin:4px 0 0;letter-spacing:-.03em}.icon-button{background:transparent;color:#7e89a0;font-size:21px;padding:4px}.icon-button:hover{color:#fff}.sidebar-search{margin:16px 14px 8px;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;background:#111620;color:#6e7890}.sidebar-search input,.header-search input{outline:none;border:0;background:none;width:100%;color:var(--text);font-size:12px}.sidebar-search input::placeholder,.header-search input::placeholder{color:#657087}.channel-list{padding:10px 10px;flex:1}.section-label{padding:10px 8px 7px;display:flex;justify-content:space-between}.tiny-plus{font-size:17px;background:none;color:#778199;line-height:10px}.channel{width:100%;display:flex;align-items:center;gap:10px;border-radius:7px;background:transparent;color:#8992a9;padding:8px 9px;text-align:left;margin:2px 0}.channel:hover{background:#20283a;color:#dfe3ec}.channel.active{background:#2b334b;color:#f6f4ff}.hash{font-size:19px;color:#68738c;line-height:12px}.active .hash{color:var(--purple)}.channel-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.voice-label{margin-top:19px}.speaker{font-size:15px;color:#6b7891}.voice-count{margin-left:auto;font-size:11px;color:#647087}.user-card{border-top:1px solid var(--line);padding:12px 12px;display:flex;align-items:center;gap:9px;background:#111620}.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;position:relative;color:#253047;font-weight:700;font-size:11px}.user-avatar{background:#7ce0bd;color:#203a3a}.user-copy{display:flex;flex-direction:column;min-width:0;flex:1}.user-copy strong{font-size:12px}.user-copy span,.member span{font-size:10px;color:#7f8aa1;margin-top:2px}.user-action{background:none;color:#778299;font-size:15px;padding:5px}.status-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#65dba7;border:2px solid var(--panel)}.chat-panel{display:flex;min-width:0;flex-direction:column;background:#121722}.chat-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px;gap:15px}.channel-title{display:flex;align-items:center;gap:12px;min-width:0}.header-hash{font-size:27px;color:var(--purple);font-weight:500}.channel-title h2{font:600 16px var(--display);margin:0}.channel-title p{font-size:11px;color:#7e8aa0;margin:4px 0 0;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:9px;color:#79849b}.header-action{background:transparent;color:inherit;font-size:18px;padding:5px}.header-action:hover{color:#fff}.header-search{width:130px;border-radius:7px;padding:7px 9px;background:#0d1119;display:flex;gap:5px;align-items:center;font-size:15px}.message-area{flex:1;overflow:auto;padding:30px 7% 22px;scroll-behavior:smooth}.message-area::-webkit-scrollbar{width:5px}.message-area::-webkit-scrollbar-thumb{background:#2b3447;border-radius:5px}.channel-welcome{margin:55px 0 26px}.welcome-symbol{width:47px;height:47px;border-radius:15px;background:#29324b;color:var(--purple);display:grid;place-items:center;font-size:29px;margin-bottom:15px}.channel-welcome h3{font:600 24px var(--display);margin:0 0 7px;letter-spacing:-.04em}.channel-welcome p{margin:0;color:#7d88a0;font-size:12px}.day-divider{border-top:1px solid #293144;position:relative;margin:13px 0 20px}.day-divider span{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#121722;color:#768198;padding:0 13px;font-size:10px}.message{display:flex;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:8px}.message:hover{background:#171e2b}.message-content{min-width:0}.message-meta{display:flex;align-items:center;gap:8px}.message-meta strong{font-size:13px}.message-meta time{font-size:10px;color:#657087}.role-pill{font-size:9px;color:#d6cbff;background:#3e376e;padding:3px 5px;border-radius:4px}.message p{margin:5px 0 0;color:#c3c8d4;font-size:13px;line-height:1.5}.reaction-row{display:flex;gap:5px;margin-top:7px}.reaction,.add-reaction{padding:4px 8px;border-radius:6px;background:#222a3c;border:1px solid transparent;color:#d9d8e5;font-size:11px}.reaction:hover,.reaction.selected{border-color:#8175d2;background:#38345d}.reaction span{color:#aab2c4;margin-left:3px}.add-reaction{color:#728098;background:transparent;font-size:14px;padding:2px 6px}.mention{color:#b6aaff;background:#2d2b52;border-radius:3px;padding:1px 3px}.composer{margin:0 7% 23px;height:46px;background:#242c3d;border-radius:10px;display:flex;align-items:center;padding:0 8px;gap:6px;box-shadow:0 8px 30px #07091055}.composer input{flex:1;border:0;outline:0;background:transparent;font-size:12px;padding:0 7px}.composer input::placeholder{color:#78849b}.compose-add{width:29px;height:29px;border-radius:8px;background:#7784a1;color:#192130;font-size:23px;line-height:20px}.compose-button,.send-button{background:transparent;color:#8792a9;font-size:18px;padding:4px}.compose-button:hover{color:white}.send-button{width:29px;height:29px;border-radius:8px;background:#7667de;color:white;font-size:19px;padding:0}.member-sidebar{border-left:1px solid var(--line);border-right:0;padding:22px 17px;overflow:auto}.member-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.member-head h2{font:600 15px var(--display);margin:0}.member-head h2 span{color:#68738b;font:500 11px var(--sans);margin-left:3px}.member-group{margin:0 0 12px}.member-group.offline{margin-top:27px}.member{display:flex;align-items:center;gap:10px;margin:13px 0}.member .avatar{width:31px;height:31px;flex-basis:31px;border-radius:10px;font-size:10px}.member>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.member strong{font-size:12px}.member b{font-size:11px;color:#f7d47c}.faded{opacity:.48}.avatar-lilac{background:#b9a5ff}.avatar-sky{background:#8bc7e8}.avatar-peach{background:#f4ae91}.avatar-yellow{background:#f4d77f}.avatar-pink{background:#ed9abf}.avatar-gray{background:#627087}.toast{position:fixed;right:24px;bottom:24px;background:#272e43;color:#e9e8f2;border:1px solid #3d4761;border-radius:8px;padding:11px 14px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.app-shell{grid-template-columns:70px 220px minmax(400px,1fr)}.member-sidebar{display:none}.message-area{padding-left:6%;padding-right:6%}.composer{margin-left:6%;margin-right:6%}}@media(max-width:720px){body{overflow:auto}.app-shell{height:100dvh;grid-template-columns:62px 1fr}.channel-sidebar{display:none}.chat-header{height:68px;padding:0 14px}.header-actions{gap:2px}.header-action:nth-child(1),.header-action:nth-child(2),.header-action:nth-child(3),.header-action:nth-last-child(2),.header-action:last-child{display:none}.header-search{width:100px}.channel-title p{display:none}.message-area{padding:16px 14px 18px}.channel-welcome{margin:35px 0 24px}.composer{margin:0 14px 14px}.message p{font-size:12px}}