:root{color:#f7f0df;background:#090d18;font-family:Songti SC,"Noto Serif CJK SC",serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.call-shell{--ink: #f7f0df;--quiet: rgba(247, 240, 223, .58);position:relative;display:grid;min-height:100svh;grid-template-rows:auto 1fr minmax(80px,auto) auto;overflow:hidden;padding:max(22px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 28%,rgba(183,120,73,.24),transparent 31%),linear-gradient(165deg,#111827,#090d18 58%,#121018)}.call-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.call-header{display:flex;justify-content:space-between;align-items:center;z-index:2}.brand{font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.2em;color:#c99b71}.call-header time{font:500 16px/1 ui-monospace,monospace;letter-spacing:.08em}.night-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#f3d9aa;opacity:.4}.night-sky i:nth-child(1){left:13%;top:21%}.night-sky i:nth-child(2){right:17%;top:17%;width:2px;height:2px}.night-sky i:nth-child(3){right:8%;top:41%}.identity{align-self:center;z-index:1;text-align:center}.signal-orbit{position:relative;width:196px;height:196px;margin:0 auto 30px;display:grid;place-items:center}.signal-orbit:before,.signal-orbit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(210,161,113,.24);border-radius:50%}.signal-orbit:after{top:14px;right:14px;bottom:14px;left:14px;border-style:dashed;animation:orbit 18s linear infinite}.signal-orbit--live:before{animation:breathe 2.4s ease-out infinite}.avatar-frame{width:148px;height:148px;padding:5px;border-radius:44% 56% 52% 48%;background:linear-gradient(145deg,#d8ae7d,#6d493b);box-shadow:0 20px 60px #00000073;transform:rotate(-3deg)}.avatar-frame img{width:100%;height:100%;object-fit:cover;border-radius:inherit;filter:saturate(.84) contrast(1.04);transform:rotate(3deg)}.eyebrow{margin:0 0 10px;color:#c99b71;font-size:12px;letter-spacing:.18em}.identity h1{margin:0;font-size:clamp(34px,10vw,48px);font-weight:500;letter-spacing:.08em}.state-copy{min-height:22px;margin:14px auto 0;max-width:310px;color:var(--quiet);font:14px/1.6 PingFang SC,sans-serif}.subtitles{position:relative;z-index:2;align-self:end;width:min(100%,380px);margin:0 auto 18px;min-height:76px}.subtitle{margin:7px 0;color:#f7f0dfc2;font:14px/1.55 PingFang SC,sans-serif;text-align:left}.subtitle span{display:inline-block;min-width:3.6em;color:#c99b71;font-size:11px;letter-spacing:.08em}.subtitle--me{text-align:right;color:#f7f0df80}.call-controls{position:relative;z-index:2;display:flex;min-height:86px;align-items:center;justify-content:center;gap:clamp(24px,10vw,46px)}.control{width:68px;border:0;padding:0;background:transparent;color:var(--quiet);font:12px/1.2 PingFang SC,sans-serif}.control span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 8px;border:1px solid rgba(247,240,223,.2);border-radius:50%;color:var(--ink);font-size:18px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.control--active span{color:#161018;background:#e4c39b}.control:disabled{opacity:.3}.hangup,.answer-button{border:0;color:#fff7eb;background:#a83e38;box-shadow:0 14px 30px #a83e3847}.hangup{width:66px;height:66px;border-radius:50%;font-size:34px;transform:rotate(135deg)}.answer-button{min-width:148px;height:58px;border-radius:30px;font:600 16px/1 PingFang SC,sans-serif;letter-spacing:.16em}.phone-glyph{display:inline-block;margin-right:10px;font-size:25px;transform:rotate(-45deg);vertical-align:-3px}.resume-audio{position:absolute;z-index:4;left:50%;bottom:130px;transform:translate(-50%);border:1px solid #c99b71;border-radius:22px;padding:11px 18px;color:#f7f0df;background:#090d18e0}.call-shell--loading{place-items:center;align-content:center;color:var(--quiet);font:14px PingFang SC,sans-serif}.loader{display:flex;gap:7px;margin-bottom:16px}.loader i{width:7px;height:7px;border-radius:50%;background:#c99b71;animation:dot 1.2s ease-in-out infinite}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.09);opacity:0}}@keyframes dot{50%{transform:translateY(-8px);opacity:.35}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}