@font-face{font-family:Alexandria;src:url(/fonts/Alexandria-v2.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--navy: #072858;--navy-deep: #04193A;--navy-soft: #E4EBF5;--navy-line: #C9D6EA;--gold: #CF9115;--gold-text: #7E5608;--gold-soft: #FBF1DC;--ivory: #F9F4EE;--paper: #FFFCF8;--rule: #DDD3C5;--rule-soft: #ECE5DA;--ink: #16202E;--slate: #53647A;--muted: #7A8797;--danger: #B3261E;--read: #1F7AE0;--chat-bg: #EFE8DE;--bubble-in: #FFFFFF;--bubble-out: #DFE8F6;--bubble-note: #FFF3D2;--shadow: 0 1px .5px rgba(11, 20, 26, .13);--radius: 10px;--vh: 100vh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:Alexandria,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;font-size:15px;line-height:1.5;color:var(--ink);background:var(--navy-deep);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.5}a{color:var(--navy)}:focus-visible{outline:2px solid #0B4FA8;outline-offset:2px}input,textarea,select{font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}@media(hover:hover)and (pointer:fine){.hide-desktop{display:none!important}}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:7px;vertical-align:middle;flex:none}.dot-gold{background:var(--gold)}.dot-navy{background:var(--navy)}.dot-grey{background:#a9b3bf}.spinner{width:20px;height:20px;border:2px solid rgba(7,40,88,.2);border-top-color:var(--navy);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner.light{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:15px;border:1px solid var(--navy-line);background:#fff;color:var(--navy);transition:background .15s}.btn:hover:not(:disabled){background:var(--navy-soft)}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:#0b3a7a}.btn-sm{padding:7px 14px;font-size:14px}.btn-block{width:100%}.link{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;gap:4px}.link.danger,.danger{color:var(--danger)}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:8px;color:var(--slate);flex:none}.icon-btn:hover:not(:disabled){background:#07285812}.icon-btn.sm{width:30px;height:30px}.icon-btn.light{color:#fff}.icon-btn.light:hover{background:#ffffff1f}.icon-btn.danger{color:var(--danger)}.flip{transform:scaleX(-1)}.splash{height:var(--vh);display:grid;place-items:center;background:var(--navy-deep)}.splash img{height:64px;opacity:.9;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}.auth{min-height:var(--vh);overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:radial-gradient(120% 80% at 50% 0%,#0B3A7A 0%,var(--navy-deep) 70%)}.auth-brand img{height:58px;margin-bottom:26px}.auth-card{width:100%;max-width:400px;background:var(--paper);border-radius:14px;padding:28px 24px;box-shadow:0 20px 60px #0000004d;border-top:3px solid var(--gold)}.auth-card h1{margin:0;font-size:22px;color:var(--navy)}.auth-card p{margin:4px 0 20px}.auth-foot{color:#ffffff73;font-size:12px;letter-spacing:.08em;margin-top:24px}.form{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:600;color:var(--slate)}.field input,.field textarea,.field select,.info-list select,.move-row select{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--rule);background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0728581a}.field textarea{resize:vertical;line-height:1.6}.form-error{color:var(--danger);margin:0;font-size:14px}.form-actions{display:flex;align-items:center;gap:16px;margin-top:4px}.hint{margin:0;font-size:13px;color:var(--muted)}.auth .form-error{margin-bottom:12px}.auth .field{margin-bottom:14px}.shell{height:var(--vh);display:grid;grid-template-columns:minmax(340px,420px) 1fr;background:var(--paper);overflow:hidden}.pane-side{border-inline-end:1px solid var(--rule-soft);min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.pane-main{min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(max-width:860px){.shell{grid-template-columns:1fr}.shell.show-main .pane-side,.shell.show-side .pane-main{display:none}}@media(min-width:861px){.back-btn{display:none!important}}.side{display:flex;flex-direction:column;height:100%;min-height:0}.side-head{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-top)) 10px 10px 8px;min-height:60px}.side-title{display:flex;align-items:center;gap:12px;padding-inline-start:8px;min-width:0}.side-logo{height:30px}.conn{font-size:12px;color:#ffffffb3;white-space:nowrap}.conn-offline{color:#f4c46a}.side-actions{display:flex;gap:2px;position:relative}.side-actions .icon-btn{color:#fff}.side-actions .icon-btn:hover{background:#ffffff1f}.banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--gold-soft);color:var(--gold-text);font-size:13.5px;font-weight:600;text-align:start;border-bottom:1px solid #F0DFB8}.search{display:flex;align-items:center;gap:8px;margin:10px 12px 4px;padding:0 12px;background:#f2f1ee;border-radius:8px;color:var(--muted)}.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;padding:9px 0;font-size:15px;color:var(--ink)}.search input::-webkit-search-cancel-button{display:none}.tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid var(--rule-soft);overflow-x:auto;scrollbar-width:none;align-items:stretch}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:11px 0 9px;font-size:14px;color:var(--slate);border-bottom:2.5px solid transparent;white-space:nowrap;font-weight:500}.tabs button.on{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}.tab-select{border:0;background:transparent;font-size:14px;color:var(--slate);padding:0 0 0 4px;margin-inline-start:auto;border-bottom:2.5px solid transparent;outline:none;font-weight:500}.tab-select.on{color:var(--navy);border-bottom-color:var(--gold);font-weight:700}.list{scrollbar-width:thin;scrollbar-color:rgba(7,40,88,.2) transparent;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:var(--safe-bottom)}.row{display:flex;width:100%;gap:12px;padding:0 14px;text-align:start;align-items:center;min-height:74px}.row:hover{background:#f7f6f3}.row.active{background:var(--navy-soft)}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;padding:11px 0;border-bottom:1px solid var(--rule-soft);align-self:stretch;justify-content:center}.row-top,.row-bottom{display:flex;align-items:center;gap:8px}.row-name{flex:1;min-width:0;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-size:12px;color:var(--muted);flex:none}.row.unread .row-time{color:var(--gold-text);font-weight:700}.row-preview{flex:1;min-width:0;display:flex;align-items:center;gap:3px;color:var(--muted);font-size:14px}.row-preview>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.unread .row-preview{color:var(--ink);font-weight:500}.row-count{flex:none;color:var(--gold-text);font-weight:800;font-size:14px;min-width:16px;text-align:center}.row-owner{font-size:12px;color:var(--slate);margin-top:1px;display:flex;align-items:center}.list-empty{padding:60px 24px;text-align:center;color:var(--muted)}.list-more{padding:16px;text-align:center;color:var(--muted);font-size:13px;min-height:40px}.sk-row{display:flex;gap:12px;padding:14px;align-items:center}.sk-av{width:48px;height:48px;border-radius:50%;background:#eeece8;flex:none}.sk-lines{flex:1;display:flex;flex-direction:column;gap:8px}.sk-lines i{height:11px;background:#eeece8;border-radius:4px;width:60%}.sk-lines i+i{width:85%}.sk-row,.sk-lines i{animation:pulse 1.4s ease-in-out infinite}.avatar{border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;flex:none;letter-spacing:0;text-transform:uppercase;user-select:none}.menu{position:absolute;top:calc(100% + 4px);inset-inline-end:0;z-index:30;background:#fff;border-radius:10px;min-width:210px;box-shadow:0 8px 30px #04193a33,0 0 0 1px #04193a0d;padding:6px 0;color:var(--ink);animation:pop .14s ease-out}.menu.up{top:auto;bottom:calc(100% + 8px);inset-inline-end:auto;inset-inline-start:0}.menu button{display:block;width:100%;text-align:start;padding:11px 18px;font-size:15px}.menu button:hover{background:#f4f3f0}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.empty-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--ivory);color:var(--slate);padding:24px;text-align:center;border-bottom:5px solid var(--gold)}.empty-main h2{margin:10px 0 0;color:var(--navy);font-size:24px}.empty-main p{margin:0}.empty-main img{border-radius:16px}.warn-line{margin-top:14px!important;color:var(--gold-text);font-weight:600;display:flex;align-items:center}.chat{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;background:var(--chat-bg)}.chat:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(7,40,88,.06) 1px,transparent 1.2px);background-size:22px 22px}.chat-loading{flex:1;display:grid;place-items:center}.chat-head{position:relative;z-index:2;display:flex;align-items:center;gap:4px;background:var(--navy);color:#fff;padding:calc(8px + var(--safe-top)) 6px 8px;min-height:60px}.chat-head .icon-btn{color:#fff}.chat-head .icon-btn:hover{background:#ffffff1f}.chat-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:start;padding:2px 4px;border-radius:8px}.chat-who-text{min-width:0;display:flex;flex-direction:column}.chat-who-text b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-who-text small{font-size:12.5px;color:#ffffffb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-warn,.claim-bar{position:relative;z-index:2;display:flex;align-items:center;gap:4px;justify-content:center;padding:7px 12px;font-size:13px;background:var(--gold-soft);color:var(--gold-text);font-weight:600;border-bottom:1px solid #F0DFB8}.claim-bar{justify-content:space-between}.messages{scrollbar-width:thin;scrollbar-color:rgba(7,40,88,.25) transparent;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.messages-inner{padding:10px 4% 14px;display:flex;flex-direction:column;min-height:100%;justify-content:flex-end;max-width:980px;margin:0 auto}@media(max-width:600px){.messages-inner{padding:8px 10px 12px}}.loading-older{display:grid;place-items:center;padding:10px}.day{display:flex;justify-content:center;margin:12px 0 8px;position:sticky;top:6px;z-index:3}.day span{background:#fff;color:var(--slate);font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:var(--shadow);font-weight:500}.sys{display:flex;justify-content:center;align-items:center;gap:6px;margin:8px 0}.sys span{background:#fdf6e6;color:var(--gold-text);font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:var(--shadow);text-align:center;display:inline-flex;align-items:center;gap:5px;max-width:90%}.sys time{display:none}.sys.enc span{background:#fdf6e6}.msg{display:flex;flex-direction:column;position:relative;margin-top:2px}.msg.first{margin-top:10px}.msg.has-react{margin-bottom:14px}.msg.in{align-items:flex-start}.msg.out,.msg.note{align-items:flex-end}.msg.flash .bubble{animation:flash 1.5s ease}@keyframes flash{0%,60%{box-shadow:0 0 0 3px #cf911599}}.bubble{position:relative;max-width:min(78%,560px);background:var(--bubble-in);border-radius:9px;padding:6px 9px 7px;box-shadow:var(--shadow);transition:transform .2s ease;touch-action:pan-y;user-select:text;-webkit-user-select:text;word-wrap:break-word;overflow-wrap:anywhere;min-width:92px}@media(max-width:600px){.bubble{max-width:86%}}.msg.out .bubble{background:var(--bubble-out)}.msg.note .bubble{background:var(--bubble-note);border:1px dashed #E3C77E}.msg.first.in .bubble{border-start-start-radius:0}.msg.first.out .bubble,.msg.first.note .bubble{border-start-end-radius:0}.msg.first.in .bubble:before,.msg.first.out .bubble:before{content:"";position:absolute;top:0;width:8px;height:13px;background:inherit}.msg.first.in .bubble:before{inset-inline-start:-8px;clip-path:polygon(0 0,100% 0,100% 100%)}[dir=rtl] .msg.first.in .bubble:before{clip-path:polygon(0 0,100% 0,0 100%)}.msg.first.out .bubble:before{inset-inline-end:-8px;clip-path:polygon(0 0,100% 0,100% 100%)}.bubble.bare{padding:3px}.bubble.sticker-b{background:transparent!important;box-shadow:none}.bubble.sticker-b:before{display:none}.text{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.55}.text a{overflow-wrap:anywhere}.text code{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:#0000000d;padding:1px 4px;border-radius:4px}.meta-spacer{display:inline-block;width:78px;height:1px}.msg.out .meta-spacer{width:110px}.meta{position:absolute;bottom:4px;inset-inline-end:9px;display:flex;align-items:center;gap:4px;font-size:11px;color:#7c8896;white-space:nowrap}.meta .by{max-width:70px;overflow:hidden;text-overflow:ellipsis;color:var(--slate);font-weight:500}.meta.over{color:#fff;background:linear-gradient(transparent,#00000073);bottom:3px;inset-inline-end:3px;padding:14px 8px 4px 10px;border-radius:0 0 8px 8px}.meta.over .by{color:#fff}.bubble:not(.bare)>.meta:not(.over){position:static;float:inline-end;margin:4px 0 -4px;margin-inline-start:10px}.bubble:has(>.text)>.meta{position:absolute;float:none;margin:0}.tick{color:#8a96a3;flex:none}.tick-read{color:var(--read)}.tick-failed{color:var(--danger)}.meta.over .tick{color:#fff}.meta.over .tick-read{color:#9ccbff}.bubble-more{position:absolute;top:3px;inset-inline-end:3px;width:26px;height:22px;border-radius:6px;display:none;place-items:center;color:var(--slate);background:inherit;box-shadow:-6px 0 8px -2px #ffffffe6}@media(hover:hover){.bubble:hover .bubble-more{display:grid}}.reacts{position:absolute;bottom:-15px;inset-inline-start:8px;background:#fff;border-radius:6px;padding:1px 5px;font-size:14px;box-shadow:0 1px 3px #0000002e;line-height:1.4;letter-spacing:1px}.msg.out .reacts{inset-inline-start:auto;inset-inline-end:8px}.swipe-hint{position:absolute;inset-inline-start:-2px;top:50%;transform:translateY(-50%);color:var(--slate);pointer-events:none}.msg.out .swipe-hint,.msg.note .swipe-hint{inset-inline-start:auto;inset-inline-end:-2px}.note-tag,.fwd,.tpl-tag{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-bottom:3px}.note-tag{color:var(--gold-text)}.fwd{color:var(--muted);font-style:italic;font-weight:400}.tpl-tag{color:var(--navy);opacity:.7}.quote{display:flex;flex-direction:column;width:100%;text-align:start;background:#0728580f;border-radius:6px;padding:5px 9px;margin-bottom:5px;border-inline-start:4px solid var(--gold);min-width:0;overflow:hidden}.quote.q-out{border-inline-start-color:var(--navy)}.quote-who{font-size:12.5px;font-weight:700;color:var(--gold-text)}.quote.q-out .quote-who{color:var(--navy)}.quote-text{font-size:13.5px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.bubble.bare .quote{margin:3px 3px 5px;width:auto}.media-img{display:block;position:relative;border-radius:7px;overflow:hidden;background:#e9e4dc;min-width:200px;min-height:140px}.media-img img{display:block;max-width:min(330px,70vw);max-height:360px;width:100%;object-fit:cover}.media-img.sticker{background:transparent;min-width:0;min-height:0}.media-img.sticker img{width:140px;height:140px;object-fit:contain}.media-video{position:relative;border-radius:7px;overflow:hidden;background:#000}.media-video video{display:block;max-width:min(330px,70vw);max-height:360px}.media-wait{display:grid;place-items:center;min-height:140px;min-width:200px}.media-progress{position:absolute;left:10px;right:10px;bottom:10px;height:4px;background:#ffffff80;border-radius:2px;overflow:hidden}.media-progress span{display:block;height:100%;background:#fff;transition:width .2s}.doc{display:flex;align-items:center;gap:4px;background:#0728580d;border-radius:7px;padding:4px;margin-bottom:2px;min-width:230px}.doc-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px;text-decoration:none;color:inherit}.doc-icon{position:relative;color:var(--navy);flex:none;display:grid;place-items:center}.doc-icon b{position:absolute;bottom:4px;font-size:7.5px;font-weight:800}.doc-info{min-width:0;display:flex;flex-direction:column}.doc-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-size{font-size:12px;color:var(--muted)}.doc-dl{width:36px;height:36px;display:grid;place-items:center;color:var(--slate);border-radius:8px;flex:none}.doc-dl:hover{background:#07285814}.loc,.vcard{display:flex;align-items:flex-start;gap:8px;text-decoration:none;color:inherit;padding:4px 2px}.loc svg,.vcard svg{color:var(--navy);flex:none;margin-top:2px}.loc span,.vcard span{display:flex;flex-direction:column}.loc small,.vcard small{color:var(--muted);font-size:12.5px}.vcards{display:flex;flex-direction:column;gap:4px}.audio{display:flex;align-items:center;gap:10px;min-width:230px;padding:4px 2px 14px}.audio-btn{width:36px;height:36px;display:grid;place-items:center;color:var(--slate);flex:none}.audio-track{flex:1;position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.audio-bar{width:100%;height:4px;background:#07285826;border-radius:2px;overflow:hidden;display:flex;justify-content:flex-start}.audio-fill{height:100%;background:var(--navy)}.audio-knob{position:absolute;width:12px;height:12px;background:var(--navy);border-radius:50%;top:6px}.audio-meta{position:absolute;bottom:3px;inset-inline-start:56px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.audio-rate{font-size:11px;font-weight:700;background:#0728581a;border-radius:4px;padding:0 5px;color:var(--navy)}.audio-mic{display:flex;color:var(--gold)}.failed{font-size:12.5px;color:var(--danger);display:flex;gap:4px 12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin:4px 4px 2px;max-width:min(78%,560px)}.failed .link{font-size:12px;color:var(--danger)}.to-bottom{position:absolute;bottom:82px;inset-inline-end:18px;z-index:5;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0000002e;display:grid;place-items:center;color:var(--slate)}.to-bottom-count{position:absolute;top:-8px;inset-inline-start:-4px;color:var(--gold-text);background:#fff;font-weight:800;font-size:12px;padding:0 5px;border-radius:6px;box-shadow:0 1px 3px #00000026}.actions-backdrop{position:fixed;inset:0;z-index:40;background:#04193a2e;animation:fade .12s}@keyframes fade{0%{opacity:0}}.actions{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px #04193a47;overflow:hidden;animation:pop .14s ease-out}.react-row{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--rule-soft)}.react-row button{font-size:24px;width:36px;height:40px;border-radius:8px;transition:transform .1s}.react-row button:hover{transform:scale(1.18)}.react-row button.on{background:var(--navy-soft)}.action{display:block;width:100%;text-align:start;padding:12px 18px;font-size:15px}.action:hover{background:#f4f3f0}.action+.action{border-top:1px solid var(--rule-soft)}.composer{position:relative;z-index:4;background:#f0ebe3;padding:6px 8px calc(6px + var(--safe-bottom))}.composer.note-mode{background:#fbf0d2}.compose-row{display:flex;align-items:flex-end;gap:6px;max-width:980px;margin:0 auto}.compose-box{flex:1;min-width:0;display:flex;align-items:flex-end;background:#fff;border-radius:12px;padding:2px;box-shadow:var(--shadow)}.compose-box textarea{flex:1;min-width:0;border:0;outline:none;resize:none;background:transparent;padding:9px 6px;max-height:150px;line-height:1.45;font-size:16px}.note-mode .compose-box{background:#fff9e8;box-shadow:0 0 0 1px #e3c77e}.attach-wrap{position:relative}.send-btn{width:46px;height:46px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;flex:none;transition:transform .1s,background .15s}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{opacity:.45}.note-mode .send-btn{background:var(--gold-text)}.reply-strip,.note-strip{display:flex;align-items:center;gap:6px;max-width:980px;margin:0 auto 6px}.reply-strip .quote{margin:0;background:#fff;flex:1}.note-strip{justify-content:space-between;font-size:13px;color:var(--gold-text);font-weight:600;padding:2px 4px}.note-strip span{display:flex;align-items:center;gap:5px}.quick-pop{position:absolute;bottom:100%;left:8px;right:8px;max-width:980px;margin:0 auto 6px;background:#fff;border-radius:10px;box-shadow:0 8px 30px #04193a33;max-height:280px;overflow-y:auto}.quick-pop button{display:flex;flex-direction:column;width:100%;text-align:start;padding:9px 14px;border-bottom:1px solid var(--rule-soft)}.quick-pop button.on,.quick-pop button:hover{background:var(--navy-soft)}.quick-pop b{color:var(--navy);font-size:13px}.quick-pop span{font-size:14px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recbar{display:flex;align-items:center;gap:10px;max-width:980px;margin:0 auto;background:#fff;border-radius:12px;padding:4px;box-shadow:var(--shadow)}.rec-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);flex:none;transition:transform .08s}.rec-time{font-variant-numeric:tabular-nums;font-weight:600;min-width:42px}.rec-wave{flex:1;display:flex;align-items:center;gap:3px;height:30px;overflow:hidden}.rec-wave i{flex:1;max-width:4px;background:var(--navy);opacity:.55;border-radius:2px;min-height:3px;transition:height .08s}.composer-closed{position:relative;z-index:4;background:var(--gold-soft);padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid #F0DFB8}.composer-closed p{margin:0 0 10px;font-size:14px;color:var(--gold-text);display:flex;gap:6px;align-items:flex-start}.composer-closed p svg{flex:none;margin-top:3px}.row-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.drop-hint{position:absolute;inset:12px;z-index:50;border:2px dashed var(--navy);border-radius:14px;background:#e4ebf5e6;display:grid;place-items:center;font-weight:700;color:var(--navy);pointer-events:none}.preview{position:fixed;inset:0;z-index:60;background:#0b141a;display:flex;flex-direction:column;color:#fff;height:var(--vh)}.preview-head{display:flex;align-items:center;gap:12px;padding:calc(8px + var(--safe-top)) 8px 8px}.preview-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:12px}.preview-stage img,.preview-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.preview-doc{display:flex;flex-direction:column;align-items:center;gap:8px;color:#e9edef;text-align:center}.preview-error{color:#ffb4ab;margin:0;font-weight:600}.preview-thumbs{display:flex;gap:8px;justify-content:center;padding:6px 12px;overflow-x:auto}.preview-thumbs button{width:52px;height:52px;border-radius:8px;overflow:hidden;border:2px solid transparent;display:grid;place-items:center;background:#202c33;flex:none}.preview-thumbs button.on{border-color:var(--gold)}.preview-thumbs img{width:100%;height:100%;object-fit:cover}.preview-foot{display:flex;gap:8px;padding:8px 10px calc(10px + var(--safe-bottom));align-items:center}.preview-foot input{flex:1;min-width:0;background:#2a3942;border:0;border-radius:10px;padding:11px 14px;color:#fff;outline:none}.lightbox{position:fixed;inset:0;z-index:60;background:#050a0ff5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.lightbox header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(8px + var(--safe-top)) 8px 8px}.lightbox img{max-width:100%;max-height:82%;object-fit:contain}.lightbox p{margin:14px 18px;max-width:700px;text-align:center}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#04193a73;display:flex;align-items:center;justify-content:center;animation:fade .15s;padding:20px}.sheet{background:var(--paper);border-radius:14px;width:100%;max-width:460px;max-height:calc(var(--vh) - 40px);display:flex;flex-direction:column;box-shadow:0 24px 70px #00000059;animation:pop .16s ease-out;overflow:hidden}.sheet.wide{max-width:620px}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 20px;border-bottom:1px solid var(--rule-soft);background:var(--navy);color:#fff}.sheet-head h2{margin:0;font-size:17px}.sheet-head .icon-btn{color:#fff}.sheet-body{padding:18px 20px 22px;overflow-y:auto}@media(max-width:600px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{max-width:none;border-radius:16px 16px 0 0;max-height:calc(var(--vh) - var(--safe-top) - 24px);animation:up .22s cubic-bezier(.22,.8,.28,1)}.sheet-body{padding-bottom:calc(22px + var(--safe-bottom))}}@keyframes up{0%{transform:translateY(100%)}}.info-head{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;text-align:center}.info-head b{font-size:19px;margin-top:6px}.info-list{margin:18px 0 0;display:flex;flex-direction:column;border-top:1px solid var(--rule-soft)}.info-list>div{padding:12px 0;border-bottom:1px solid var(--rule-soft);display:flex;flex-direction:column;gap:4px}.info-list dt{font-size:12.5px;color:var(--muted);font-weight:600}.info-list dd{margin:0;display:flex;align-items:center;flex-wrap:wrap}.tpl-list{display:flex;flex-direction:column;gap:8px}.tpl-item{display:flex;flex-direction:column;text-align:start;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:#fff;gap:2px}.tpl-item:hover{border-color:var(--navy)}.tpl-name{font-weight:700;color:var(--navy)}.tpl-meta{font-size:12px;color:var(--muted)}.tpl-body{font-size:14px;color:var(--slate);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.tpl-fill{display:flex;flex-direction:column;gap:14px}.tpl-preview{background:var(--chat-bg);border-radius:10px;padding:14px;display:flex;justify-content:flex-end}.out-preview{background:var(--bubble-out);max-width:90%;display:flex;flex-direction:column;gap:4px}.out-preview p{margin:0;white-space:pre-wrap}.out-preview small{color:var(--muted)}.tpl-buttons{display:flex;flex-direction:column;border-top:1px solid var(--navy-line);margin-top:6px}.tpl-buttons span{text-align:center;padding:7px;color:var(--read);font-weight:600;font-size:14px}.tpl-buttons span+span{border-top:1px solid var(--navy-line)}.page{display:flex;flex-direction:column;height:100%;background:var(--ivory);min-height:0}.page-head{display:flex;align-items:center;gap:6px;background:var(--navy);color:#fff;padding:calc(10px + var(--safe-top)) 8px 10px;min-height:60px}.page-head h1{margin:0;font-size:18px}.page-body{flex:1;overflow-y:auto;padding:14px 12px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px}.page-pad{padding:20px}.panel{background:#fff;border-radius:10px;padding:16px;border:1px solid var(--rule-soft)}.panel h2{margin:0 0 10px;font-size:16px;color:var(--navy)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{margin:0}.panel p{margin:0 0 8px}.status-line{display:flex;align-items:center;font-weight:500}.switch-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--rule-soft);cursor:pointer}.panel h2+.switch-row{border-top:0;padding-top:2px}.switch-row>span{display:flex;flex-direction:column;gap:2px}.switch-row small{color:var(--muted);font-size:13px;line-height:1.5}.switch{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:7px;background:#cbd2db;position:relative;flex:none;cursor:pointer;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:5px;background:#fff;transition:inset-inline-start .15s;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--navy)}.switch:checked:after{inset-inline-start:23px}.user-list,.quick-list{list-style:none;margin:0;padding:0}.user-list li+li,.quick-list li+li{border-top:1px solid var(--rule-soft)}.user-list button{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:start;padding:12px 4px;align-items:center}.user-list button:hover,.quick-list button:hover:not(:disabled){background:#faf8f4}.user-list li.off{opacity:.55}.user-main{display:flex;flex-direction:column}.user-main small{color:var(--muted)}.user-side{display:flex;flex-direction:column;align-items:flex-end;font-size:13px;color:var(--slate);text-align:end}.user-side span{display:flex;align-items:center}.user-side small{color:var(--muted)}.quick-list button{width:100%;display:flex;flex-direction:column;text-align:start;padding:10px 4px}.quick-list button:disabled{opacity:1}.quick-list b{color:var(--navy)}.quick-list span{color:var(--slate);font-size:14px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.danger-zone{margin-top:22px;padding-top:6px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.danger-zone .switch-row{width:100%;border-top:0}.move-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;font-size:14px}.move-row select{flex:1;min-width:160px;width:auto}.steps{margin:6px 0 0;padding-inline-start:22px;display:flex;flex-direction:column;gap:6px}.steps svg{vertical-align:middle;color:var(--read)}.install{border-color:#f0dfb8;background:var(--gold-soft)}.toast{position:fixed;bottom:calc(90px + var(--safe-bottom));left:50%;transform:translate(-50%);z-index:100;max-width:min(92vw,460px);background:#1e2a38;color:#fff;padding:11px 18px;border-radius:10px;font-size:14px;box-shadow:0 8px 30px #0000004d;animation:toast .2s ease-out;text-align:center}.toast-error{background:#7a1c16}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}.info-list.compact{margin-top:4px}