:root{--brand:#0876bd;--brand-dark:#07528a;--navy:#0d263d;--ink:#12263a;--muted:#718396;--line:#dce6ee;--surface:#fff;--soft:#eff5f9;--bubble:#e1f3ff;--danger:#d83b4d;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{margin:0;background:#e9eff4;color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #58b5ed80;outline-offset:2px}[hidden]{display:none!important}.auth{height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#3da8e8 0,transparent 30%),linear-gradient(145deg,#042b50,#087bc1)}.auth-card{width:min(420px,100%);padding:36px;background:#fff;border-radius:24px;box-shadow:0 24px 70px #001b3566;text-align:center}.brand-mark{width:62px;height:62px;margin:auto;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#0c8bd2,#06406e);color:#fff;font-size:29px;box-shadow:0 10px 24px #0876bd38}.auth h1{margin:15px 0 5px;font-size:26px}.auth p{margin:0 0 24px;color:var(--muted)}.auth label{display:block;text-align:left;font-weight:700;font-size:12px}.auth input{width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #cad8e3;border-radius:12px;background:#f9fbfc;font-size:16px}.primary{width:100%;height:48px;margin-top:15px;border-radius:12px;background:var(--brand);color:#fff;font-weight:750}.link-button{margin-top:14px;color:var(--brand)}.notice{display:block;min-height:20px;margin-top:14px;color:var(--muted)}.app{height:100dvh;width:min(1500px,100%);margin:auto;background:#fff;display:grid;grid-template-columns:360px 1fr;overflow:hidden}.sidebar{position:relative;display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:#fff}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 10px}.eyebrow{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.sidebar h1{font-size:25px;margin:2px 0 0;letter-spacing:-.03em}.avatar,.chat-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0f8bd1,#075082);color:#fff;font-weight:800}.avatar{width:42px;height:42px}.search-wrap{display:flex;align-items:center;gap:8px;margin:7px 14px;padding:0 11px;height:42px;border-radius:12px;background:var(--soft);color:#7a8e9f}.search-wrap input{border:0;background:transparent;min-width:0;flex:1;outline:0}.tabs{display:flex;gap:5px;padding:4px 14px 9px;overflow:auto}.tabs button{padding:7px 12px;border-radius:999px;color:var(--muted);white-space:nowrap}.tabs button.active{background:#dff1fc;color:var(--brand-dark);font-weight:700}.chat-list{flex:1;overflow:auto;padding:0 7px 92px}.chat-item{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:11px;padding:10px;border-radius:15px;text-align:left}.chat-item:active,.chat-item.active{background:#e8f4fb}.chat-item-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#d8edf9,#a8d6ef);color:#075487;font-size:19px;font-weight:800}.chat-main{min-width:0;padding-top:2px}.chat-line{display:flex;gap:8px;align-items:center}.chat-name{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{display:block;margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft{color:#e04c54;font-weight:700}.chat-meta{text-align:right;color:#8797a6;font-size:10px;padding-top:3px}.badge{display:inline-grid;min-width:20px;height:20px;margin-top:8px;padding:0 6px;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:800}.muted{filter:grayscale(1);opacity:.65}.compose{position:absolute;right:18px;bottom:82px;width:52px;height:52px;border-radius:17px;background:var(--brand);color:#fff;font-size:27px;box-shadow:0 10px 25px #075c9a48}.bottom-nav{display:none}.conversation{position:relative;display:flex;flex-direction:column;min-width:0;background:#f7fafc}.chat-head{height:68px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 17px;background:#fff;border-bottom:1px solid var(--line)}.icon-button{width:40px;height:40px;border-radius:12px;color:var(--brand);font-size:21px}.icon-button:active{background:var(--soft)}#back{display:none;font-size:34px}.chat-avatar{width:42px;height:42px}.chat-heading{min-width:0;flex:1}.chat-heading b,.chat-heading small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-heading b{font-size:15px}.chat-heading small{color:var(--muted);font-size:11px;margin-top:2px}.pinned{margin:8px 12px 0;padding:9px 12px;border-left:3px solid var(--brand);border-radius:8px;background:#fff;box-shadow:0 2px 8px #07243d0d;font-size:12px}.empty{margin:auto;text-align:center;color:var(--muted);padding:24px}.empty-icon{font-size:51px}.empty h2{color:var(--ink);margin:8px 0 3px}.messages{flex:1;overflow:auto;padding:18px clamp(18px,7vw,110px);background:radial-gradient(circle at 80% 10%,#e1f2fb 0,transparent 25%),linear-gradient(#f8fafc,#eef4f7);scroll-behavior:smooth}.day{text-align:center;margin:8px 0 16px}.day span{padding:5px 10px;border-radius:10px;background:#d8e5edcc;color:#536b7e;font-size:10px;font-weight:700}.message{position:relative;width:fit-content;max-width:min(75%,680px);margin:0 0 9px;padding:8px 11px 6px;border:1px solid #dfe8ee;border-radius:5px 16px 16px;background:#fff;box-shadow:0 1px 1px #15344c0b}.message.mine{margin-left:auto;border-radius:16px 5px 16px;background:var(--bubble);border-color:#c7e7f8}.sender{font-size:11px;font-weight:800;color:var(--brand)}.forwarded{font-size:10px;color:var(--brand);font-style:italic}.reply-quote{margin:4px 0 7px;padding:4px 8px;border-left:3px solid var(--brand);border-radius:4px;background:#ffffff70;font-size:11px}.reply-quote b,.reply-quote span{display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-text{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px;color:#7790a2;font-size:9px}.attachments{display:grid;gap:6px;margin:6px 0}.attachment{display:flex;align-items:center;gap:7px;padding:8px;border-radius:9px;background:#fff8;text-decoration:none;color:var(--brand-dark)}.attachment img{max-width:280px;max-height:260px;border-radius:10px;object-fit:cover}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction{padding:2px 7px;border:1px solid #bedff2;border-radius:999px;background:#edf8ff;font-size:11px}.message-actions{position:absolute;z-index:3;display:none;right:5px;top:-32px;padding:3px;border-radius:10px;background:#fff;box-shadow:0 5px 20px #0b273633}.message:hover .message-actions,.message:focus-within .message-actions{display:flex}.message-actions button{padding:5px 7px;border-radius:7px}.poll-card{min-width:min(320px,70vw)}.poll-option{display:block;width:100%;margin:6px 0;padding:9px;border:1px solid #cbe0ed;border-radius:10px;background:#fff;text-align:left}.poll-option.selected{border-color:var(--brand);background:#e8f6ff}.reply-bar,.upload-preview{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-top:1px solid var(--line)}.reply-bar>div{flex:1;min-width:0;border-left:3px solid var(--brand);padding-left:9px}.reply-bar b,.reply-bar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.reply-bar b{color:var(--brand)}.reply-bar button{font-size:20px}.upload-preview{color:var(--brand-dark)}.composer{display:flex;align-items:flex-end;gap:7px;padding:8px 14px calc(8px + var(--safe-bottom));background:#fff;border-top:1px solid var(--line)}.composer textarea{flex:1;min-height:40px;max-height:120px;padding:10px 12px;border:1px solid #d6e2ea;border-radius:19px;resize:none;outline:0;line-height:19px}.attach-button,.emoji-button,.send-button{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:22px}.attach-button,.emoji-button{color:#647e91;background:var(--soft)}.send-button{background:var(--brand);color:#fff}.sheet{width:min(520px,calc(100% - 24px));max-height:min(80dvh,700px);padding:0;border:0;border-radius:22px;box-shadow:0 24px 80px #00152666}.sheet::backdrop{background:#071c2d80;backdrop-filter:blur(2px)}#sheetContent{padding:22px;max-height:80dvh;overflow:auto}.sheet h2{margin:0 0 16px}.sheet h3{margin:18px 0 8px}.sheet input,.sheet textarea,.sheet select{width:100%;padding:11px;border:1px solid #cad9e3;border-radius:11px;margin:5px 0 10px;background:#fbfcfd}.sheet textarea{min-height:90px;resize:vertical}.sheet .row{display:flex;gap:8px}.sheet .row>*{flex:1}.sheet button.action{padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff;font-weight:700}.sheet button.secondary{padding:10px 14px;border-radius:10px;background:var(--soft);color:var(--ink)}.sheet-list{display:grid;gap:7px}.sheet-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:var(--soft)}.sheet-item>div{flex:1;min-width:0}.sheet-item b,.sheet-item small{display:block}.sheet-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.danger{color:var(--danger)!important}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.toast{position:fixed;z-index:50;left:50%;bottom:calc(82px + var(--safe-bottom));transform:translateX(-50%);max-width:90%;padding:10px 15px;border-radius:12px;background:#0d263de8;color:#fff;box-shadow:0 8px 25px #071a2866}.skeleton{height:68px;margin:6px;border-radius:15px;background:linear-gradient(90deg,#edf2f5,#f7f9fa,#edf2f5);background-size:200%;animation:shine 1.4s infinite}@keyframes shine{to{background-position:-200%}}
@media(max-width:760px){body{background:#fff}.app{display:block}.sidebar,.conversation{position:absolute;inset:0}.sidebar{border:0;padding-top:env(safe-area-inset-top,0px)}.conversation{transform:translateX(100%);transition:transform .22s ease}.shell-chat .conversation{transform:none}.shell-chat .sidebar{visibility:hidden}.sidebar-head{padding-top:12px}.chat-list{padding-bottom:calc(86px + var(--safe-bottom))}.bottom-nav{position:absolute;z-index:5;left:0;right:0;bottom:0;height:calc(68px + var(--safe-bottom));padding:6px 7px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(15px)}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:1px;color:#7c8e9f;font-size:9px}.bottom-nav button span{font-size:19px}.bottom-nav button.active{color:var(--brand);font-weight:750}.compose{bottom:calc(80px + var(--safe-bottom))}.chat-head{height:calc(61px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:5px;padding-right:8px}.chat-avatar{width:38px;height:38px}#back{display:block}.messages{padding:14px 10px}.message{max-width:86%}.composer{padding-left:7px;padding-right:7px}.emoji-button{display:none}.sheet{width:100%;max-height:88dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:var(--safe-bottom)}#sheetContent{max-height:86dvh}.auth{padding:16px}.auth-card{padding:30px 22px}.message-actions{display:none}.message:active .message-actions{display:flex}}
@media(min-width:761px){.sidebar{display:flex!important}.conversation{display:flex!important}}