.phone[data-v-4ea16ab3]{width:100%;max-width:340px;margin-inline:auto;background:var(--surface-raised);border:1px solid var(--surface-line-strong);border-radius:34px;overflow:hidden;box-shadow:0 1px 2px rgb(var(--ink-rgb)/.04),0 30px 70px -28px rgb(var(--ink-rgb)/.28)}[data-surface=ink] .phone[data-v-4ea16ab3]{box-shadow:0 34px 80px -32px rgb(var(--ink-rgb)/.8)}.phone-bar[data-v-4ea16ab3]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:.85rem 1.35rem .6rem}.phone-time[data-v-4ea16ab3]{color:var(--surface-fg)}.phone-status[data-v-4ea16ab3]{display:inline-flex;align-items:center;gap:.4rem;color:var(--surface-faint)}.phone-dot[data-v-4ea16ab3]{width:6px;height:6px;border-radius:50%;background:var(--surface-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--surface-accent) 22%,transparent);animation:phonePulse-4ea16ab3 1.9s var(--ease-soft) infinite}.phone-dot[data-done=true][data-v-4ea16ab3]{animation:none;background:var(--surface-faint);box-shadow:none}@keyframes phonePulse-4ea16ab3{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.phone-body[data-v-4ea16ab3]{padding:var(--sp-3) var(--sp-4) var(--sp-5)}@media(prefers-reduced-motion:reduce){.phone-dot[data-v-4ea16ab3]{animation:none}}