:root{--cas-navy: #0b1f33;--cas-navy-deep: #071525;--cas-ink: #1c2a36;--cas-muted: #6a7886;--cas-gold: #c4a35a;--cas-green: #2f7d4a;--cas-paper: #f6f1e7;--cas-paper-2: #efe7d8;--cas-line: rgba(11, 31, 51, .1);--cas-danger: #9b2c2c;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--bar-h: 56px;--touch: 48px;font-family:Noto Sans SC,system-ui,sans-serif;color:var(--cas-ink);background:var(--cas-navy-deep);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit}body{min-height:100%;min-height:100dvh;background:radial-gradient(900px 480px at 80% -10%,rgba(196,163,90,.22),transparent 55%),radial-gradient(700px 420px at 0% 100%,rgba(11,31,51,.55),transparent 60%),linear-gradient(165deg,#071525,#0d2438 48%,#163049)}.stage{height:100%;height:100dvh;display:grid;place-items:center;padding:16px}.phone{width:min(390px,100%);height:min(844px,100%);max-height:100%;background:var(--cas-paper);border-radius:28px;overflow:hidden;position:relative;box-shadow:0 0 0 1px #c4a35a47,0 28px 80px #00000073;display:flex;flex-direction:column}@media(max-width:480px){.stage{padding:0}.phone{width:100%;height:100%;border-radius:0;box-shadow:none}}.auth{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto;background:linear-gradient(180deg,rgba(7,21,37,.04),transparent 40%),var(--cas-paper)}.auth-hero{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-height:34%;max-height:38%;padding:calc(22px + var(--safe-top)) 26px 28px;background:radial-gradient(420px 240px at 50% 0%,rgba(196,163,90,.28),transparent 70%),linear-gradient(160deg,#0b1f33,#13283d 55%,#1a3348);color:#f6f1e7;position:relative;overflow:hidden;animation:fadeUp .45s ease}.auth-hero:after{content:"";position:absolute;inset:auto -20% -40% -20%;height:55%;background:radial-gradient(ellipse at center,rgba(196,163,90,.18),transparent 65%);pointer-events:none}.brand-mark{width:64px;height:64px;border-radius:18px;overflow:hidden;margin-bottom:18px;box-shadow:0 10px 24px #00000040;border:1px solid rgba(196,163,90,.35)}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand{font-family:"Source Serif 4",Georgia,serif;font-size:2rem;letter-spacing:.02em;margin:0 0 8px;position:relative;z-index:1}.lead{margin:0 auto;color:#f6f1e7b8;font-size:.95rem;line-height:1.55;max-width:16em;position:relative;z-index:1}.auth-form{flex:1;padding:22px 22px calc(20px + var(--safe-bottom));background:var(--cas-paper);border-radius:22px 22px 0 0;margin-top:-18px;position:relative;z-index:2;animation:slideUp .4s ease .05s both;display:flex;flex-direction:column}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{font-size:.7rem;letter-spacing:.04em;color:var(--cas-navy);border:1px solid rgba(196,163,90,.55);padding:5px 10px;border-radius:999px;background:#c4a35a1f}label{display:block;font-size:.8rem;color:var(--cas-muted);margin:12px 0 6px}input{width:100%;border:1px solid var(--cas-line);background:#fff;border-radius:14px;padding:14px 16px;color:var(--cas-ink);min-height:var(--touch)}input:focus{outline:2px solid rgba(47,125,74,.35);border-color:var(--cas-green)}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:18px}.actions-auth{display:flex;justify-content:center;grid-template-columns:none}.actions-auth .btn-primary{width:100%;max-width:280px}.auth-tools{margin-top:10px;display:flex;flex-direction:column;gap:2px}.auth-refresh{display:block;width:100%;padding:8px;border:none;background:transparent;color:var(--cas-muted);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-refresh:hover{color:var(--cas-green)}.btn{border:none;border-radius:14px;padding:0 16px;min-height:var(--touch);cursor:pointer;transition:transform .15s ease,filter .15s ease,background .15s ease;font-weight:600}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--cas-green);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--cas-navy);border:1px solid var(--cas-line)}.btn-icon{width:var(--touch);min-width:var(--touch);padding:0;display:grid;place-items:center;background:transparent;color:var(--cas-navy);border:none;border-radius:14px}.btn-icon:hover{background:#0b1f330f}.btn-round{width:var(--touch);min-width:var(--touch);border-radius:50%;padding:0;display:grid;place-items:center}.err{color:var(--cas-danger);font-size:.86rem;margin-top:10px;min-height:1.2em;text-align:center}.err.ok{color:var(--cas-navy)}.app{flex:1;min-height:0;display:grid;position:relative;background:var(--cas-paper)}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--cas-paper);overflow:hidden;min-height:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease}.panel-list{z-index:1}.panel-chat{z-index:2;transform:translate(100%)}.app.chat-open .panel-chat{transform:translate(0)}.app.chat-open .panel-list{transform:translate(-18%);opacity:.55}.topbar{min-height:calc(var(--bar-h) + var(--safe-top));padding:var(--safe-top) 8px 0;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--cas-line);background:#f6f1e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-main{flex:1;min-width:0;padding:8px 8px 10px 4px}.topbar h1,.topbar h2{margin:0;font-size:1.05rem;color:var(--cas-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar h1{font-family:"Source Serif 4",Georgia,serif;font-size:1.2rem}.topbar .meta{margin:2px 0 0;font-size:.75rem;color:var(--cas-muted)}.topbar-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px;margin:6px 10px 8px 0}.refresh-btn{min-height:var(--touch);min-width:52px;padding:6px 8px;border:1px solid var(--cas-line);border-radius:14px;background:#fff;color:var(--cas-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.04em}.refresh-btn .icon{width:20px;height:20px}.refresh-btn:hover{border-color:var(--cas-green);color:var(--cas-green)}.me-btn{flex:0 0 auto;margin:0;min-height:var(--touch);min-width:64px;padding:6px 10px;border:1px solid rgba(196,163,90,.55);border-radius:14px;background:#fff;color:var(--cas-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 2px 8px #0b1f3314}.me-btn:hover{border-color:var(--cas-green)}.me-btn-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cas-navy);color:#f6f1e7;font-size:.85rem;font-weight:700}.safety-btn .safety-btn-label{font-size:.72rem;font-weight:700;color:var(--cas-navy);letter-spacing:.06em}.fingerprint{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;letter-spacing:.04em;word-break:break-all;line-height:1.5}.sheet-help.muted{color:var(--cas-muted)}.me-btn-label{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--cas-navy)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b1f3373;z-index:40}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:var(--cas-paper);border-radius:18px 18px 0 0;padding:10px 16px calc(16px + var(--safe-bottom));box-shadow:0 -8px 28px #0b1f332e;animation:sheetUp .22s ease}@keyframes sheetUp{0%{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-handle{width:42px;height:4px;border-radius:999px;background:#0b1f3326;margin:4px auto 14px}.sheet-user{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--cas-line)}.sheet-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--cas-navy);color:#f6f1e7;font-size:1.2rem;font-weight:700}.sheet-name{font-weight:700;color:var(--cas-navy);font-size:1.05rem}.sheet-sub{color:var(--cas-muted);font-size:.82rem;margin-top:2px}.sheet-title{margin:0 0 12px;font-size:1.05rem;color:var(--cas-navy)}.sheet-item,.sheet-cancel{width:100%;min-height:var(--touch);border:1px solid var(--cas-line);border-radius:12px;background:#fff;color:var(--cas-navy);font:inherit;font-weight:600;margin-bottom:8px;cursor:pointer;text-align:left;padding:0 14px}.sheet-item:hover{border-color:var(--cas-green)}.sheet-danger{color:var(--cas-danger);border-color:#b91c1c59}.sheet-cancel{text-align:center;background:transparent;margin-top:4px}.sheet-label{display:block;margin:8px 0 4px;font-size:.8rem;color:var(--cas-muted)}.sheet-input{width:100%;border:1px solid var(--cas-line);border-radius:12px;padding:12px 14px;font:inherit;background:#fff}.sheet-input:disabled{background:#0b1f330a;color:var(--cas-muted)}.sheet-groups{padding:10px 12px;border-radius:12px;background:#0b1f330a;color:var(--cas-navy);font-size:.9rem;line-height:1.55}.sheet-submit{width:100%;margin-top:14px;margin-bottom:8px}.sheet .err{margin-top:8px;min-height:1.2em}.sheet .muted{color:var(--cas-muted)}.sheet-help{margin:0 0 12px;font-size:.9rem;color:var(--cas-ink, var(--cas-navy));line-height:1.5}.sheet-steps{margin:0 0 12px;padding-left:1.2em;font-size:.86rem;color:var(--cas-muted);line-height:1.55}.sheet-steps li{margin-bottom:6px}.sheet-steps strong{color:var(--cas-navy)}.contact-search{padding:8px 12px 0;flex:0 0 auto}.contact-search input{width:100%;border:1px solid var(--cas-line);border-radius:12px;padding:10px 14px;min-height:42px;background:#fff;font:inherit;color:var(--cas-navy)}.contact-search input:focus{outline:2px solid rgba(47,125,74,.35);border-color:var(--cas-green)}.contact-search input::placeholder{color:var(--cas-muted)}.unread-tip{margin:8px 12px 0;padding:10px 12px;border-radius:12px;background:#e85d041f;border:1px solid rgba(232,93,4,.28);color:#9a3412;font-size:.84rem;font-weight:600;line-height:1.4}.unread-tip[hidden]{display:none!important}.user-list{list-style:none;margin:0;padding:8px 10px 12px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.user-list li.has-unread button{background:#e85d040f}.user-list li{margin-bottom:4px}.user-list li button{width:100%;text-align:left;border:none;background:transparent;padding:12px;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--cas-ink);min-height:64px;transition:background .15s ease}.user-list li button:hover,.user-list li button.active{background:#0b1f330f}.avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#1a3348,#0b1f33);color:#f3efe6;display:grid;place-items:center;font-weight:700;font-size:.95rem;flex-shrink:0;position:relative}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#b0b8c0;border:2px solid var(--cas-paper)}.avatar .dot.on{background:var(--cas-green)}.unread-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e85d04;color:#fff;font-size:.68rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--cas-paper);line-height:1}.user-meta{flex:1;min-width:0}.user-meta .name{font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.unread-mark{font-size:.68rem;font-weight:700;color:#e85d04;border:1px solid rgba(232,93,4,.45);border-radius:6px;padding:1px 5px;flex-shrink:0}.user-meta .sub{margin-top:2px;font-size:.78rem;color:var(--cas-muted);display:inline-flex;align-items:center;gap:4px}.user-meta .sub-unread{color:#9a3412;font-weight:600}.user-meta .sub .fire-icon{width:12px;height:12px}.side-foot{padding:10px 14px calc(12px + var(--safe-bottom));border-top:1px solid var(--cas-line);display:flex;gap:8px;background:#ffffff59}.chat{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}.call-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(500px 320px at 50% 20%,rgba(196,163,90,.22),transparent 70%),linear-gradient(165deg,#071525,#0b1f33 55%,#13283d);color:#f6f1e7}.call-overlay[hidden]{display:none!important}.call-card{width:min(100%,320px);text-align:center;animation:fadeUp .28s ease}.call-avatar{width:88px;height:88px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;font-size:2rem;font-weight:700;background:linear-gradient(145deg,#d4b56a,#a8893d);color:var(--cas-navy);box-shadow:0 16px 40px #00000059}.call-card h3{margin:0 0 8px;font-family:"Source Serif 4",Georgia,serif;font-size:1.45rem}.call-status{margin:0 0 22px;color:#f6f1e7b8;font-size:.95rem}.call-pulse{width:12px;height:12px;margin:0 auto 28px;border-radius:50%;background:var(--cas-gold);opacity:0}.call-pulse.show{opacity:1;animation:pulse 1.2s ease infinite}@keyframes pulse{0%{transform:scale(.8);box-shadow:0 0 #c4a35a8c}70%{transform:scale(1);box-shadow:0 0 0 16px #c4a35a00}to{transform:scale(.8);box-shadow:0 0 #c4a35a00}}.call-actions{display:flex;justify-content:center;gap:18px}.btn-hangup,.btn-accept{min-width:112px;min-height:52px;border:none;border-radius:999px;font-weight:700;cursor:pointer;color:#fff}.btn-hangup{background:#9b2c2c}.btn-accept{background:var(--cas-green)}.btn-hangup:active,.btn-accept:active{transform:translateY(1px)}.messages{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 14px 10px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent 80px),repeating-linear-gradient(-12deg,transparent,transparent 18px,rgba(11,31,51,.02) 18px,rgba(11,31,51,.02) 19px);-webkit-overflow-scrolling:touch}.empty{margin:auto;text-align:center;color:var(--cas-muted);max-width:240px;line-height:1.65;font-size:.92rem;padding:24px 12px}.bubble{max-width:min(78%,300px);padding:10px 13px 8px;border-radius:18px;position:relative;word-break:break-word}.bubble.is-new{animation:rise .22s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.bubble.me{align-self:flex-end;background:linear-gradient(160deg,#143049,#0b1f33);color:#f7f3ea;border-bottom-right-radius:6px;box-shadow:0 8px 18px #0715252e}.bubble.them{align-self:flex-start;background:#fff;border:1px solid var(--cas-line);color:var(--cas-ink);border-bottom-left-radius:6px;box-shadow:0 4px 14px #0715250f}.bubble-text{line-height:1.55;word-break:break-word}.bubble.burn-out{animation:burnFade .28s ease forwards;pointer-events:none}@keyframes burnFade{to{opacity:0;transform:scale(.96) translateY(4px)}}.bubble .burn-tag{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;letter-spacing:.04em;color:var(--cas-gold);margin-bottom:3px}.bubble .burn-tag .fire-icon{width:12px;height:12px}.bubble.them .burn-tag{color:#8a6d2f}.bubble .time{display:block;margin-top:5px;font-size:.68rem;opacity:.62}.composer-wrap{flex:0 0 auto;border-top:1px solid var(--cas-line);background:#fffdf8;z-index:3;box-shadow:0 -8px 24px #0715250f}.burn-picker{display:flex;flex-direction:column;gap:8px;padding:10px 12px 0}.burn-picker-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--cas-muted);font-weight:600}.burn-picker-label .fire-icon{width:16px;height:16px}.burn-chips{display:flex;flex-wrap:wrap;gap:6px}.burn-chip{border:1px solid rgba(196,163,90,.55);background:#c4a35a1a;color:var(--cas-navy);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600;cursor:pointer;min-height:32px}.burn-chip.active{background:var(--cas-navy);border-color:var(--cas-navy);color:#f6f1e7}.burn-chip:disabled{opacity:.4;cursor:not-allowed}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px calc(12px + var(--safe-bottom))}.composer input{border-radius:999px;padding:12px 18px;min-height:var(--touch)}.icon{width:22px;height:22px;display:block}.bubble.decrypt-error .bubble-text{color:var(--cas-danger);font-style:italic}