.scene{--ink:var(--color-ink);--paper:var(--color-paper);--card:var(--color-card);--tile:var(--color-tile);--muted:var(--color-muted);--line:var(--color-line);--accent:var(--color-accent);--accent-ink:var(--color-accent-ink);--accent-soft:var(--color-accent-soft);--on-accent:var(--color-on-accent);--ok:var(--color-ok);--ok-soft:var(--color-ok-soft);--urgent:var(--color-urgent);isolation:isolate;min-height:260px;color:var(--color-ink);background:linear-gradient(160deg,#f7f7f4,#e9ecdf);border-radius:18px;font-size:13px;line-height:1.4;position:relative;overflow:hidden}.scene:before,.scene:after{content:"";filter:blur(80px);opacity:.55;z-index:-1;border-radius:50%;position:absolute}.scene:before{background:var(--color-glow);width:420px;height:420px;top:-180px;right:-140px}.scene:after{background:var(--color-glow-2);width:300px;height:300px;bottom:-160px;left:-120px}.scene b{font-weight:600}.scene small{font-size:11px}.scene .ui{background:var(--color-card);box-shadow:0 30px 60px -30px #0000004d, 0 0 0 1px var(--color-line);border-radius:16px;position:absolute;overflow:hidden}.scene .bar{border-bottom:1px solid var(--color-line);color:var(--color-muted);align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.scene .bar i{background:var(--color-line);border-radius:50%;width:8px;height:8px}.scene .bar b{color:var(--color-ink);margin-left:6px}.scene .thumb{object-fit:cover;background:var(--color-tile);border-radius:9px;flex:none;width:36px;height:36px}.scene .av-img{object-fit:cover;vertical-align:middle;border-radius:50%;flex:none;display:inline-block}.scene .row{align-items:center;gap:10px;padding:8px 12px;display:flex}.scene .row+.row{border-top:1px solid var(--color-line)}.scene .row .t{flex:1;min-width:0}.scene .row .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.scene .row .t small{color:var(--color-muted)}.scene .pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.scene .p-new{background:var(--color-accent);color:var(--color-on-accent)}.scene .p-urg{color:var(--color-urgent);background:#fde8e8}.scene .p-mut{background:var(--color-paper);color:var(--color-muted)}.scene .p-ok{background:var(--color-ok-soft);color:var(--color-ok)}.scene .toast{background:var(--color-card);box-shadow:0 20px 40px -18px #00000059, 0 0 0 1px var(--color-line);border-radius:14px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute}.scene .toast small{color:var(--color-muted);display:block}.scene .field{box-shadow:inset 0 0 0 1px var(--color-line);border-radius:10px;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;font-size:12px;display:flex}.scene .field small{color:var(--color-muted)}.scene .seg-mini{background:var(--color-paper);border-radius:999px;gap:3px;padding:3px;display:flex}.scene .seg-mini span{text-align:center;color:var(--color-muted);border-radius:999px;flex:1;padding:5px 0;font-size:11px;transition:background .35s,color .35s,box-shadow .35s}.scene .seg-mini span.on{background:var(--color-card);color:var(--color-ink);box-shadow:0 1px 3px #0000001a}.scene .bubble{border-radius:14px;max-width:78%;padding:8px 11px;font-size:12px;line-height:1.35}.scene .b-sys{background:var(--color-paper);color:var(--color-muted);text-align:center;max-width:92%;margin:0 auto;font-size:11px}.scene .b-me{background:var(--color-ink);color:var(--color-paper);border-bottom-right-radius:4px;margin-left:auto}.scene .b-them{background:var(--color-paper);border-bottom-left-radius:4px}.scene .phone{background:var(--color-ink);border-radius:30px;width:250px;padding:8px;position:absolute;box-shadow:0 40px 80px -30px #00000073}.scene .phone .scr{background:var(--color-card);border-radius:23px;padding:14px;overflow:hidden}.scene .live-dot{align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.scene .live-dot:before{content:"";background:var(--color-urgent);border-radius:50%;width:7px;height:7px;animation:1.4s infinite scene-pulse}.scene .btn{font-size:13px}.scene .drift{animation:8s ease-in-out infinite scene-drift}.scene .pop{opacity:0;transition:opacity .5s var(--ease-out-soft), translate .5s var(--ease-out-soft), scale .5s var(--ease-out-soft);translate:0 10px;scale:.97}.scene .pop.go{opacity:1;translate:0;scale:1}.scene .tick{background:var(--color-paper);color:#0000;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;transition:background .4s,color .4s;display:inline-grid}.scene .tick.go{background:var(--color-ok);color:#fff}.scene .flash.go{animation:scene-flash 1.2s var(--ease-out-soft)}.scene .bump.go{animation:scene-bump .5s var(--ease-out-soft)}.scene .caret:after{content:"";background:var(--color-ink);vertical-align:-2px;width:1px;height:12px;margin-left:2px;animation:1s step-end infinite scene-blink;display:inline-block}@keyframes scene-drift{0%,to{translate:0}25%{translate:5px -7px}50%{translate:0 -10px}75%{translate:-5px -5px}}@keyframes scene-flash{0%{background:var(--color-accent-soft)}to{background:0 0}}@keyframes scene-bump{40%{scale:1.08}}@keyframes scene-blink{50%{opacity:0}}@keyframes scene-pulse{50%{opacity:.3}}@media (max-width:520px){.scene .panel-ui{grid-template-columns:1fr!important}.scene .panel-list{display:none}}@media (prefers-reduced-motion:reduce){.scene .drift,.scene .caret:after,.scene .live-dot:before{animation:none}.scene .pop{opacity:1;transition:none;translate:none;scale:1}}