:root{color-scheme:dark;--bg: #0e1621;--panel: #17212b;--chat: #0e1621;--line: #242f3d;--text: #e8eefc;--muted: #8aa0b5;--ok: #3dd68c;--bad: #ff6b7a;--accent: #64b5f6;--in: #182533;--out: #2b5278;font-family:Segoe UI,PingFang SC,-apple-system,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-size:17px;line-height:1.35}button,.icon-btn,.story-send,.setting-btn,.burn-opt,.text-btn,.tg-row{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:inherit}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;gap:12px}.login-card h1{margin:0}.login-card p,.muted{color:var(--muted)}.login-card label{display:grid;gap:6px;font-size:13px}input{background:#0e1621;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px;font-size:17px}.btn{background:var(--accent);color:#071018;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.bad{color:var(--bad)}.desk{height:100%;display:grid;grid-template-rows:56px 1fr}.desk-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.desk-body{display:grid;grid-template-columns:280px 1fr 260px;min-height:0}.pane-head{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-weight:700}.conv-list,.profile-pane{background:var(--panel);border-right:1px solid var(--line);min-height:0;display:grid;grid-template-rows:56px 1fr}.profile-pane{border-right:0;border-left:1px solid var(--line)}.conv-scroll{overflow:auto}.conv-item{width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer}.conv-item.active{background:#242f3d}.conv-top,.conv-bottom{display:flex;justify-content:space-between;gap:8px}.preview{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--accent);color:#071018;border-radius:999px;min-width:20px;text-align:center;font-style:normal;font-size:12px;padding:1px 6px}.chat-pane{display:grid;grid-template-rows:56px 1fr auto;background:var(--chat);min-height:0}.chat-empty,.empty{padding:24px}.msg-scroll{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:10px 14px;border-radius:14px;font-size:17px;line-height:1.4;-webkit-text-size-adjust:100%}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:17px}.bubble .meta{font-size:12px;color:var(--muted);margin-left:8px;white-space:nowrap;display:inline}.bubble.in,.bubble.bare.in{align-self:flex-start;margin-right:auto;margin-left:0;background:var(--in)}.bubble.out,.bubble.bare.out{align-self:flex-end;margin-left:auto;margin-right:0;background:var(--out)}.bubble.bare,.bubble.bare.in,.bubble.bare.out{background:transparent;padding:0;border:0;box-shadow:none}.bubble.bare p{margin-top:6px;padding:8px 12px;border-radius:12px}.bubble.bare.in p{background:var(--in)}.bubble.bare.out p{background:var(--out)}.bubble.bare .meta{margin:4px 2px 0;display:block}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--panel)}.composer.media{grid-template-columns:auto 1fr auto}.media{width:auto;max-width:min(248px,74vw);min-width:96px;height:auto;max-height:360px;object-fit:contain;object-position:left top;border:0;outline:0;border-radius:0;box-shadow:none;background:none;display:block;margin:0}.bubble.bare .media,.bubble.bare img,.bubble.bare video{border:0;outline:0;box-shadow:none;background:none}.media.sticker,img.sticker,video.sticker{width:auto;max-width:168px;min-width:0;max-height:168px;min-height:0;background:none}.bubble.bare video.media,video.media.video{width:min(248px,74vw);min-height:186px;max-height:360px;object-fit:contain;background:#11151a}.media-pending{width:148px;height:110px;background:#1b2632;display:block}.media-pending.voice{width:180px;height:36px}.media-pending.video{width:168px;height:96px;border:0}.mode-switch{display:flex;gap:8px}.admin{height:100%;display:grid;grid-template-rows:56px auto 1fr}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.admin-main{overflow:auto;padding:16px}.admin-form,.grid,pre{width:min(1100px,100%)}.admin-form{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px;background:var(--panel);padding:16px;border-radius:12px}.grid{border-collapse:collapse;margin-bottom:16px}.grid th,.grid td{border:1px solid var(--line);padding:8px;text-align:left}.actions{display:flex;gap:6px}.split{display:grid;grid-template-columns:280px 1fr;gap:16px}.plain{list-style:none;padding:0;margin:0;display:grid;gap:8px}pre{background:var(--panel);padding:16px;border-radius:12px;overflow:auto}.profile{margin:0;padding:16px;display:grid;grid-template-columns:88px 1fr;gap:10px 12px}.profile dt{color:var(--muted)}.profile dd{margin:0}@media(max-width:960px){.desk-body{grid-template-columns:220px 1fr}.profile-pane{display:none}}.phone-shell{height:100%;max-height:100%;max-width:480px;margin:0 auto;background:#0e1621;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px);padding-bottom:var(--kb, 0px);box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}.desk-login{text-align:center}.desk-logo{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#2aabee;overflow:hidden}.desk-logo svg{display:block}.admin-link{color:var(--muted);font-size:13px}.tg-app{height:100%;display:flex;flex-direction:column;position:relative}.tg-page{flex:1;min-height:0;display:flex;flex-direction:column}.tg-page.chat{position:relative;min-height:0}.kb-dismiss{position:absolute;left:0;right:0;top:64px;bottom:72px;z-index:4;background:transparent}.tg-page.chat .tg-top{flex:0 0 64px}.tg-page.chat .messages{flex:1 1 auto;min-height:0}.tg-page.chat .tg-composer{flex:0 0 auto}.tg-top{display:grid;grid-template-columns:88px 1fr 88px;align-items:center;min-height:56px;padding:0 10px;background:#17212b;border-bottom:1px solid var(--line)}.tg-top strong{text-align:center;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-top .text-btn,.tg-top-lg .text-btn{min-height:44px;min-width:72px;font-size:17px;font-weight:700;padding:8px 4px;justify-self:start}.tg-top-lg{flex:0 0 64px;min-height:64px;grid-template-columns:88px 1fr 88px;padding:0 8px}.tg-scroll{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tg-scroll.messages{overflow-anchor:none;min-height:0}.tg-row{width:100%;display:flex;gap:12px;padding:14px 16px;min-height:72px;background:transparent;border:0;border-bottom:1px solid var(--line);color:inherit;text-align:left;font-size:17px}.avatar{width:52px;height:52px;border-radius:50%;background:#2aabee;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:20px;flex:0 0 52px}.tg-row-main{flex:1;min-width:0}.tg-row-top,.tg-row-bottom{display:flex;justify-content:space-between;gap:8px}.tg-row-top b{font-size:17px;font-weight:600}.tg-row-bottom span,.tg-row-top span{color:var(--muted);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-row-bottom i,.tg-row-bottom i.unread{background:#fa5151;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;text-align:center;font-style:normal;font-size:12px;font-weight:700;padding:0 6px}.tg-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);background:#17212b;padding-bottom:env(safe-area-inset-bottom)}.tg-tabs button{height:56px;border:0;background:transparent;color:var(--muted);font-size:16px;font-weight:700}.tg-tabs button.on{color:#2aabee}.setting-btn{width:100%;text-align:left;background:#17212b;color:inherit;border:0;border-bottom:1px solid var(--line);padding:16px;display:grid;gap:4px;font-size:17px;font-weight:600}.setting-btn span{color:var(--muted);font-size:14px;font-weight:400}.messages{padding:0;display:block;background:#0e1621}.message-stack{min-height:100%;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.tg-composer{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 68px;gap:6px;padding:8px 8px max(8px,env(safe-area-inset-bottom,0px));background:#17212b;border-top:1px solid var(--line);align-items:end;position:relative;z-index:5;flex:0 0 auto}.tg-app.kb-open .tg-page.chat .tg-top{display:none}.tg-app.kb-open .kb-dismiss{top:0}.tg-app.kb-open .tg-composer{padding-top:6px;padding-bottom:6px}.tg-app.kb-open .composer-input{min-height:44px;max-height:96px}.tg-composer textarea,.tg-composer .composer-input{min-width:0;width:100%;min-height:52px;max-height:182px;border:0;border-radius:12px;padding:13px 10px;background:#242f3d;color:inherit;resize:none;line-height:1.4;font:inherit;font-size:17px;overflow-y:auto;outline:none;white-space:pre-wrap;word-break:break-word;-webkit-user-modify:read-write-plaintext-only}.tg-composer .composer-input.is-empty:before{content:attr(data-placeholder);color:#8aa0b5;pointer-events:none}.icon-btn{height:44px;min-width:44px;border:0;border-radius:12px;background:#242f3d;color:#e8eefc;font-size:16px;font-weight:800}.icon-btn.send{background:#2aabee;color:#fff;min-width:64px;height:52px}.icon-btn.voice{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-width:64px;height:52px}.icon-btn.voice.on{background:#fa5151;color:#fff}.text-btn{background:none;border:0;color:#64b5f6;font-size:17px}.quick-sheet{position:absolute;left:0;right:0;bottom:70px;z-index:6;max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;background:#17212b;border-top:1px solid var(--line);padding:10px 12px 16px;display:grid;gap:8px;box-shadow:0 -10px 24px #00000047}.quick-head{display:flex;justify-content:space-between}.quick-item,.story-card{background:#242f3d;border:0;color:inherit;border-radius:10px;padding:10px 12px;text-align:left}.reply-page{padding:10px 12px 12px;display:grid;align-content:start;gap:8px;overflow:auto;-webkit-overflow-scrolling:touch}.hint.compact{margin:0;font-size:13px;line-height:1.4}.reply-add{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.reply-add input{padding:7px 10px;font-size:16px}.reply-empty{margin:0;font-size:14px}.reply-list{display:grid;gap:6px;overflow:auto}.reply-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#1b2632;border-radius:8px;padding:7px 10px;font-size:15px}.reply-row .text-btn{font-size:14px;padding:0}.tg-page.profile-fit{grid-template-rows:56px 1fr}.profile-page{padding:12px 14px 10px;display:grid;gap:10px;align-content:start;overflow:auto;-webkit-overflow-scrolling:touch}.profile-page label{display:grid;gap:6px;font-size:15px;color:var(--muted)}.channel-box{position:relative}.channel-hint{position:absolute;left:12px;right:12px;top:10px;color:#6b7d8f;font-size:14px;line-height:1.45;pointer-events:none;white-space:normal;word-break:break-word}.profile-page textarea.channel-name{min-height:78px;resize:none;line-height:1.45;background:#0e1621;border:1px solid var(--line);color:inherit;border-radius:10px;padding:10px 12px;width:100%}.field-label,.bio-label{display:flex;justify-content:space-between;font-size:15px;color:var(--muted);margin-bottom:6px}.bio-label em{font-style:normal}.profile-bio{min-height:96px;resize:none;line-height:1.45;font-size:15px}.form-pad{padding:16px;display:grid;gap:12px}.form-pad textarea,.story-composer textarea,.profile-bio{background:#0e1621;border:1px solid var(--line);color:inherit;border-radius:10px;padding:10px;width:100%}.moment-page{padding:12px 14px 24px}.story-composer{background:#17212b;border-radius:12px;padding:12px;display:grid;gap:10px;margin-bottom:8px}.story-picker{display:flex;flex-wrap:wrap;gap:8px}.story-plus,.story-thumb{width:74px;height:74px;border-radius:8px;position:relative;overflow:hidden;flex:0 0 74px}.story-plus{border:1px dashed #6b7c8d;background:#121b24;color:#8aa0b5;font-size:36px;line-height:1;font-weight:300}.story-thumb img,.story-thumb video,.moment-media{width:100%;height:100%;object-fit:cover;display:block;background:#0e1621}.thumb-x{position:absolute;top:2px;right:2px;width:18px;height:18px;border:0;border-radius:50%;background:#0000008c;color:#fff;line-height:16px;padding:0}.story-send{justify-self:end;width:auto;padding:6px 14px;border:0;border-radius:6px;background:#2aabee;color:#fff;font-size:13px;font-weight:700}.moment{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:14px 2px;border-bottom:1px solid var(--line)}.moment-body{min-width:0}.moment-body b{color:#5c9ce6;display:block;margin-bottom:4px}.moment-body p{margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.moment-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.moment-grid .moment-media{width:74px;height:74px;aspect-ratio:1;max-height:none;object-fit:cover;border-radius:6px;display:block;background:#0e1621}.thumb-ph{display:block;width:100%;height:100%;background:#121b24}.moment-foot{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.hint{color:var(--muted);line-height:1.5}.hint.compact{margin:0 4px 8px;font-size:13px}.burn-page{padding:10px 12px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start;align-items:start;overflow:auto;-webkit-overflow-scrolling:touch}.burn-page .hint.compact{grid-column:1 / -1}.burn-opt{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:#17212b;color:inherit;font-size:15px;font-weight:600}.burn-opt.on{border-color:#2aabee;color:#2aabee}.action-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:20;display:flex;align-items:flex-end;justify-content:center}.action-sheet{width:100%;max-width:420px;background:#17212b;padding:14px 12px 18px;border-radius:16px 16px 0 0;display:grid;gap:8px}.action-sheet p{margin:0 4px 6px;color:var(--muted)}.action-sheet button{height:42px;border:0;border-radius:10px;background:#242f3d;color:inherit;font-weight:700}.action-sheet button.danger{color:#fa5151}.toast{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%);background:#242f3d;border:1px solid var(--line);padding:8px 14px;border-radius:999px;z-index:9;pointer-events:none}.settings{background:#0e1621}