:root{--base:#090c16;--rail:#080b13;--aside:#111828;--main:#141b2d;--main-deep:#0c1220;--raised:#202b42;--border:#29344c;--text:#edf3ff;--muted:#93a3bf;--cyan:#22d3ee;--lilac:#b2a5f8;--red:#ec7b88;--green:#72dbbd;--safe:env(safe-area-inset-bottom);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--base);color:var(--text);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button{border:0}a{color:var(--cyan)}img{object-fit:contain}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.top{height:56px;min-height:56px;background:#0b0f1c;border-bottom:1px solid #273149;display:flex;align-items:center;gap:10px;padding:8px 14px 7px;z-index:3}.wordmark{width:148px;max-width:41vw;height:36px;object-position:left center}.alpha-tag{margin-left:auto;font-size:9px;border:1px solid #365166;color:#7de4fa;letter-spacing:.055em;white-space:nowrap;border-radius:999px;padding:5px 8px;font-weight:750}.top-settings{background:transparent;color:#c4d0ea;font-size:22px;padding:2px 6px}.workspace{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.server-rail{width:72px;min-width:72px;background:var(--rail);border-right:1px solid #1a2438;padding:10px 8px max(16px,var(--safe));overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px;scrollbar-width:none}.server-rail::-webkit-scrollbar{display:none}.rail-divider{height:1px;background:#303750;width:36px;flex:none}.rail-icon{position:relative;width:53px;height:53px;min-height:53px;border-radius:19px;background:#26324d;color:white;display:grid;place-items:center;font-size:20px;font-weight:850;transition:background .15s,border-radius .15s;overflow:visible}.rail-icon.active{background:#164453;border-radius:16px;color:var(--cyan)}.rail-icon:hover{border-radius:16px}.rail-icon.active:before{content:'';position:absolute;left:-9px;top:10px;height:34px;width:4px;border-radius:0 4px 4px 0;background:#e7ecfc}.rail-icon img{width:45px;height:45px}.rail-icon.add{font-size:28px;color:var(--green);background:#132d35}.rail-icon.home{background:#161c2d}.rail-icon small{position:absolute;right:-3px;bottom:-3px;font-size:8px;padding:2px 4px;background:#17a4b7;color:#07101c;border-radius:6px}.rail-letter{display:block;overflow:hidden;max-width:48px;white-space:nowrap;text-overflow:ellipsis}.channel-side{width:246px;flex:none;min-width:0;background:var(--aside);border-right:1px solid var(--border);display:flex;flex-direction:column}.aside-header{padding:17px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;min-height:66px}.aside-title{font-size:15px;font-weight:790;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-sub{font-size:11px;color:var(--muted);margin-top:3px}.channel-scroll{flex:1;min-height:0;overflow-y:auto;padding:17px 9px 16px}.channel-section{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;font-weight:750;color:#96a7c4;padding:8px 8px;margin-bottom:4px}.channel-item{width:100%;border-radius:9px;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 11px;margin-bottom:3px;background:transparent;color:#afbcd4;font-weight:600;font-size:13px}.channel-item.selected{color:#f4f8ff;background:#303b54}.channel-item .hash{font-size:21px;font-weight:400;color:#8799b5;line-height:1}.channel-item.selected .hash{color:var(--cyan)}.mini-plus{background:none;color:var(--cyan);font-size:18px;padding:0 5px}.aside-bottom{border-top:1px solid var(--border);padding:13px 13px max(16px,var(--safe));display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.profile-bubble{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#3a487a;color:white;font-weight:850}.conversation{background:var(--main);display:flex;flex:1;min-width:0;min-height:0;flex-direction:column}.chat-top{height:66px;min-height:66px;border-bottom:1px solid #2b3750;display:flex;align-items:center;gap:10px;padding:0 20px}.chat-title{font-weight:780;font-size:16px;display:flex;align-items:center;gap:7px}.chat-title .hash{color:#8295b5;font-size:22px;font-weight:400}.chat-desc{color:var(--muted);font-size:11px;margin-left:auto;white-space:nowrap;max-width:44%;text-overflow:ellipsis;overflow:hidden}.drawer-toggle{background:#2a3550;color:#e0ecff;border-radius:10px;padding:6px 10px;font-size:19px;display:none}.chat-content{overflow-y:auto;flex:1;padding:18px 24px 18px;min-height:0;overscroll-behavior-y:contain}.chat-placeholder{margin:auto;max-width:480px;text-align:center;padding:25px}.chat-placeholder img{height:148px;width:148px}.chat-placeholder h1{margin:13px 0 8px;font-size:23px;letter-spacing:-.035em}.chat-placeholder p{color:var(--muted);line-height:1.5;font-size:13px}.action-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:20px}.primary{background:var(--cyan);color:#031823;font-weight:780;border-radius:11px;padding:11px 15px}.secondary{background:#27344c;color:#e5edff;border:1px solid #40516e;font-weight:690;border-radius:11px;padding:11px 15px}.plain{background:transparent;color:var(--cyan);font-weight:700;padding:6px}.notice{background:#242334;border:1px solid #53475c;color:#e9cfe0;border-radius:12px;padding:11px 12px;font-size:11px;line-height:1.5;margin:14px 0}.notice strong{color:#ffdee7}.welcome-divider{border-top:1px solid #39445c;margin:28px 0 17px}.welcome-badge{background:#243c48;color:#91e4ef;border-radius:14px;font-size:12px;display:inline-flex;padding:7px 12px}.timeline{display:flex;flex-direction:column;gap:3px}.msg-row{display:flex;align-items:flex-start;gap:12px;padding:10px 4px}.msg-row:hover{background:#ffffff06}.msg-usericon{height:39px;width:39px;flex:none;display:grid;place-items:center;background:#53609c;border-radius:15px;color:#fff;font-weight:780}.msg-usericon.mine{background:#136b78}.msg-body{min-width:0;flex:1}.msg-info{display:flex;gap:9px;align-items:baseline;margin-bottom:4px}.msg-name{color:#e2eaff;font-weight:760}.msg-time{color:#8b9dbc;font-size:10px}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;color:#dce5f8}.chat-compose{border-top:1px solid #29344d;padding:12px 19px max(15px,calc(var(--safe) + 12px));background:var(--main);min-height:76px}.compose-form{background:#283650;border:1px solid #3e506e;border-radius:15px;display:flex;align-items:center;gap:10px;padding:5px 6px 5px 15px}.compose-form input{background:transparent;border:0;outline:0;color:var(--text);width:100%;min-width:0;height:41px;font-size:14px}.compose-form button{width:43px;height:43px;flex:none;border-radius:12px;background:var(--cyan);font-size:23px;color:#0a1927}.compose-form button:disabled{background:#637489}.compose-note{font-size:10px;color:#8496b5;padding:7px 5px 0}.status-pill{border-radius:99px;font-size:10px;padding:5px 9px;background:#2b3c56;color:#aacee4}.status-pill.live{background:#154437;color:#93f6d8}.status-pill.warn{background:#4a3840;color:#ffd3c4}.alert{position:absolute;bottom:calc(18px + var(--safe));left:50%;transform:translateX(-50%);max-width:min(440px,92vw);background:#27435a;border:1px solid #4582a4;color:#f3fbff;padding:11px 14px;border-radius:12px;z-index:15;box-shadow:0 10px 35px #0009;font-size:12px;text-align:center}.alert[hidden]{display:none}dialog{border:1px solid #405577;background:#141e33;color:#eaf1ff;border-radius:20px;padding:0;width:min(94vw,480px);box-shadow:0 18px 65px #000a}dialog::backdrop{background:#030611c2}.dialog-inner{padding:20px}.dialog-inner header{display:flex;align-items:center;gap:10px;justify-content:space-between}.dialog-inner header h2{font-size:19px;margin:0}.icon-button{font-size:26px;color:#b7c9e1;background:none;padding:1px 7px}.form-field{display:block;margin:15px 0}.form-field span{display:block;color:#adbfda;font-size:12px;font-weight:650;margin-bottom:8px}.form-field input,.form-field textarea{background:#0d1627;border:1px solid #39506c;border-radius:12px;padding:12px;color:#fff;width:100%;font-size:13px}.form-field textarea{resize:vertical;min-height:75px}.modal-help{color:#aebcd4;font-size:12px;line-height:1.6}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.debug{font-family:ui-monospace,SFMono-Regular,monospace;background:#0d1526;border:1px solid #32445c;padding:11px;border-radius:12px;font-size:11px;white-space:pre-wrap;word-break:break-all;line-height:1.7}.settings-grid{display:grid;gap:10px}.settings-row{background:#19263e;border:1px solid #324562;padding:13px;border-radius:12px}.settings-row strong{display:block;margin-bottom:5px}.settings-row small{color:#9db2cd;line-height:1.4}.inline-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.modal-button{border-radius:10px;padding:8px 11px;font-weight:700;color:#cef7ff;background:#23394d}.join-link{word-break:break-all;max-height:150px;overflow:auto}.lock-small{color:var(--green);font-weight:750}.drawer-scrim{display:none}.channel-muted{font-size:11px;color:#8090ac;padding:4px 10px 8px}.channel-cta{background:#263b4c;color:#bef8fa;font-size:12px;border-radius:10px;padding:10px 12px;text-align:left;width:100%;margin:7px 0}
@media(max-width:700px){.server-rail{width:65px;min-width:65px;padding-left:6px;padding-right:6px}.rail-icon{width:49px;height:49px;min-height:49px}.rail-icon img{width:44px;height:44px}.channel-side{position:absolute;z-index:4;left:65px;top:0;bottom:0;width:min(270px,calc(100vw - 65px));box-shadow:12px 0 35px #0005;transform:translateX(calc(-100% - 65px));transition:transform .18s ease}.workspace.drawer-open .channel-side{transform:translateX(0)}.workspace.drawer-open .drawer-scrim{display:block;position:absolute;inset:0 0 0 65px;background:#0006;z-index:3}.chat-top{height:62px;min-height:62px;padding:0 12px}.chat-content{padding:15px 12px}.chat-compose{padding:10px 10px max(10px,calc(var(--safe) + 7px))}.drawer-toggle{display:block}.chat-desc{font-size:9px}.wordmark{width:128px}.alpha-tag{font-size:8px}.msg-row{gap:9px}.msg-usericon{width:33px;height:33px;border-radius:12px}.msg-text{font-size:13px}.chat-placeholder img{width:116px;height:116px}}
@media(max-width:370px){.alpha-tag{display:none}.top-settings{margin-left:auto}.server-rail{width:58px;min-width:58px}.rail-icon{width:45px;height:45px;min-height:45px}.workspace.drawer-open .channel-side{left:58px;width:calc(100vw - 58px)}.workspace.drawer-open .drawer-scrim{left:58px}}

.search-toggle{background:transparent;border:1px solid #354762;color:#b5cbe7;border-radius:10px;font-size:22px;line-height:1;padding:5px 10px;margin-left:auto}.chat-top .search-toggle+.status-pill{margin-left:0}