.ademo[data-astro-cid-qdekz2er]{margin:0}.stage[data-astro-cid-qdekz2er]{border:1px solid var(--border);border-radius:var(--radius-card);background:radial-gradient(90% 90% at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%), linear-gradient(180deg, var(--surface), var(--surface-2));transition:opacity .3s var(--ease);grid-template-columns:auto minmax(0,max-content);justify-content:center;align-items:center;gap:clamp(16px,6vw,72px);padding:clamp(16px,3vw,28px);display:grid}.stage[data-astro-cid-qdekz2er].is-fading{opacity:0}@media (width<=560px){.stage[data-astro-cid-qdekz2er]{grid-template-columns:1fr;justify-items:center}}.phone[data-astro-cid-qdekz2er]{aspect-ratio:9/16;border:1px solid var(--border-strong);background:var(--ae-preview-bg-2);--p:0%;border-radius:14px;width:clamp(160px,22vw,210px);position:relative;overflow:hidden}.scene[data-astro-cid-qdekz2er]{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 55%, var(--ae-preview-bg)) 0%, color-mix(in srgb, var(--accent) 22%, var(--ae-preview-bg)) 50%, var(--ae-preview-bg) 100%);opacity:0;transition:opacity .4s var(--ease), transform .6s var(--ease);position:absolute;inset:0;transform:scale(1.04)}.phone[data-astro-cid-qdekz2er].is-loaded .scene[data-astro-cid-qdekz2er]{opacity:1;transform:none}.sun[data-astro-cid-qdekz2er]{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 85%, var(--ae-preview-text));border-radius:50%;width:22%;position:absolute;top:12%;right:14%}.cloud[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-text) 80%, transparent);border-radius:999px;height:5%;position:absolute}.cloud[data-astro-cid-qdekz2er]:before{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:46%;position:absolute;bottom:40%;left:22%}.cloud-a[data-astro-cid-qdekz2er]{width:30%;top:20%;left:10%}.cloud-b[data-astro-cid-qdekz2er]{opacity:.7;width:22%;top:30%;left:54%}.phone[data-astro-cid-qdekz2er].is-playing .cloud-a[data-astro-cid-qdekz2er]{animation:4.2s linear both ad-drift}.phone[data-astro-cid-qdekz2er].is-playing .cloud-b[data-astro-cid-qdekz2er]{animation:4.2s linear reverse both ad-drift}@keyframes ad-drift{to{translate:18%}}.hill[data-astro-cid-qdekz2er]{border-radius:50% 50% 0 0;position:absolute;left:-20%;right:-20%}.hill-back[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-bg-2) 65%, var(--success));top:56%;bottom:0}.hill-front[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-bg-2) 80%, var(--success));top:68%;bottom:0;left:-40%}.hero[data-astro-cid-qdekz2er]{aspect-ratio:1/1.3;width:34%;position:absolute;bottom:22%;left:50%;translate:-50%}.phone[data-astro-cid-qdekz2er].is-playing .hero[data-astro-cid-qdekz2er]{animation:ad-bounce .7s var(--ease) 6 alternate}@keyframes ad-bounce{to{translate:-50% -9%}}.hero-body[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--accent) 70%, var(--ae-preview-bg-2));border-radius:40% 40% 18% 18%;height:42%;position:absolute;bottom:0;left:18%;right:18%}.hero-head[data-astro-cid-qdekz2er]{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 40%, var(--ae-preview-text));border-radius:50%;position:absolute;top:0;left:0;right:0}.eye[data-astro-cid-qdekz2er]{aspect-ratio:1;background:var(--ae-preview-text);border-radius:50%;width:22%;position:absolute;top:38%}.eye[data-astro-cid-qdekz2er]:after{content:"";aspect-ratio:1;background:var(--ae-preview-bg-2);border-radius:50%;width:50%;position:absolute;top:30%;left:30%}.eye-l[data-astro-cid-qdekz2er]{left:20%}.eye-r[data-astro-cid-qdekz2er]{right:20%}.mouth[data-astro-cid-qdekz2er]{background:var(--ae-preview-bg-2);border-radius:0 0 999px 999px;height:12%;position:absolute;top:68%;left:36%;right:36%}.phone[data-astro-cid-qdekz2er].is-instant,.phone[data-astro-cid-qdekz2er].is-instant [data-astro-cid-qdekz2er]{transition:none!important}.upload-group[data-astro-cid-qdekz2er]{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.upload[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-text) 18%, transparent);width:80%;height:4px;transition:opacity .2s var(--ease);border-radius:999px;overflow:hidden}.upload-icon[data-astro-cid-qdekz2er]{border:1px solid color-mix(in srgb, var(--ae-preview-text) 25%, transparent);width:40px;height:40px;color:var(--ae-preview-text);transition:opacity .2s var(--ease), transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}.upload-icon[data-astro-cid-qdekz2er] svg[data-astro-cid-qdekz2er]{width:18px;height:18px}.phone[data-astro-cid-qdekz2er].is-loaded .upload-icon[data-astro-cid-qdekz2er]{opacity:0;transform:translateY(-6px)}.upload-fill[data-astro-cid-qdekz2er]{border-radius:inherit;background:var(--accent);width:0;height:100%;display:block}.phone[data-astro-cid-qdekz2er].is-uploading .upload-fill[data-astro-cid-qdekz2er]{width:100%;transition:width .9s var(--ease)}.phone[data-astro-cid-qdekz2er].is-loaded .upload[data-astro-cid-qdekz2er]{opacity:0}.beam[data-astro-cid-qdekz2er]{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 40%, transparent), transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 80%, transparent);opacity:0;height:16%;position:absolute;top:0;left:0;right:0;transform:translateY(-100%)}.phone[data-astro-cid-qdekz2er].is-playing .beam[data-astro-cid-qdekz2er]{animation:ad-beam 1.4s var(--ease) 3 both}@keyframes ad-beam{0%{opacity:0;transform:translateY(-100%)}15%,80%{opacity:1}to{opacity:0;transform:translateY(520%)}}.timeline[data-astro-cid-qdekz2er]{opacity:0;height:34px;transition:opacity .2s var(--ease);position:absolute;bottom:6%;left:8%;right:8%}.phone[data-astro-cid-qdekz2er].is-loaded .timeline[data-astro-cid-qdekz2er]{opacity:1}.track[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-text) 22%, transparent);border-radius:999px;height:4px;position:absolute;bottom:4px;left:0;right:0;overflow:hidden}.played[data-astro-cid-qdekz2er]{width:var(--p);background:var(--ae-preview-text);height:100%;display:block}.head[data-astro-cid-qdekz2er]{z-index:2;left:var(--p);background:var(--ae-preview-text);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:1px}.mark[data-astro-cid-qdekz2er]{z-index:1;left:var(--at);opacity:0;width:7px;height:7px;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:50%;margin-left:-5px;position:absolute;bottom:1.5px;transform:scale(.2)}.mark-good[data-astro-cid-qdekz2er]{--tone:var(--success)}.mark-fix[data-astro-cid-qdekz2er]{--tone:var(--accent)}.mark-drop[data-astro-cid-qdekz2er]{--tone:var(--danger)}.mark[data-astro-cid-qdekz2er]{background:var(--tone);box-sizing:content-box;border:1.5px solid var(--ae-preview-bg-2)}.chip[data-astro-cid-qdekz2er]{background:var(--tone);white-space:nowrap;color:var(--on-accent);opacity:0;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:4px;padding:2px 5px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:12px;left:50%;transform:translate(-50%,4px)}.mark[data-astro-cid-qdekz2er]:first-child .chip[data-astro-cid-qdekz2er]{left:0;transform:translate(-3px,4px)}.mark[data-astro-cid-qdekz2er]:nth-child(4) .chip[data-astro-cid-qdekz2er]{left:auto;right:-3px;transform:translateY(4px)}.mark[data-astro-cid-qdekz2er].is-in{opacity:1;transform:none}.mark[data-astro-cid-qdekz2er].is-in.is-label .chip[data-astro-cid-qdekz2er]{opacity:1;transform:translate(-50%)}.mark[data-astro-cid-qdekz2er]:first-child.is-in.is-label .chip[data-astro-cid-qdekz2er]{transform:translate(-3px)}.mark[data-astro-cid-qdekz2er]:nth-child(4).is-in.is-label .chip[data-astro-cid-qdekz2er]{transform:none}.report[data-astro-cid-qdekz2er]{border:1px solid color-mix(in srgb, var(--ae-preview-text) 22%, transparent);background:color-mix(in srgb, var(--ae-preview-bg-2) 90%, transparent);opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 12px;display:flex;position:absolute;top:16%;left:10%;right:10%;transform:translateY(10px)scale(.96)}.phone[data-astro-cid-qdekz2er].is-report .report[data-astro-cid-qdekz2er]{opacity:1;transform:none}.phone[data-astro-cid-qdekz2er].is-report .scene[data-astro-cid-qdekz2er]{filter:saturate(.6)brightness(.75);transition:filter .3s var(--ease)}.dial[data-astro-cid-qdekz2er]{aspect-ratio:1;width:58%;position:relative}.dial[data-astro-cid-qdekz2er] svg[data-astro-cid-qdekz2er]{width:100%;height:100%;display:block}.dial[data-astro-cid-qdekz2er] circle[data-astro-cid-qdekz2er]{fill:none;stroke-width:4px}.dial-bg[data-astro-cid-qdekz2er]{stroke:color-mix(in srgb, var(--ae-preview-text) 16%, transparent)}.dial-fill[data-astro-cid-qdekz2er]{stroke:var(--success);stroke-linecap:round;stroke-dasharray:0 100}.dial-num[data-astro-cid-qdekz2er]{font-variant-numeric:tabular-nums;color:var(--ae-preview-text);place-items:center;font:800 clamp(20px,2.6vw,26px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:absolute;inset:0}.report-label[data-astro-cid-qdekz2er]{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--ae-preview-text) 70%, transparent);font-size:10px;font-weight:700}.bars[data-astro-cid-qdekz2er]{flex-direction:column;gap:5px;width:100%;margin-top:4px;display:flex}.bar[data-astro-cid-qdekz2er]{background:color-mix(in srgb, var(--ae-preview-text) 14%, transparent);border-radius:999px;height:5px;display:block;overflow:hidden}.bar[data-astro-cid-qdekz2er] span[data-astro-cid-qdekz2er]{border-radius:inherit;background:var(--success);width:0;height:100%;display:block}.bar[data-astro-cid-qdekz2er]:nth-child(2) span[data-astro-cid-qdekz2er]{background:var(--accent)}.phone[data-astro-cid-qdekz2er].is-report .bar[data-astro-cid-qdekz2er] span[data-astro-cid-qdekz2er]{width:var(--w);transition:width .7s var(--ease) calc(.25s + var(--i) * .14s)}.steps[data-astro-cid-qdekz2er]{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.step[data-astro-cid-qdekz2er]{color:var(--text-muted);transition:color .18s var(--ease);align-items:center;gap:10px;font-size:clamp(13px,1.6vw,15px);display:flex}.num[data-astro-cid-qdekz2er]{border:1px solid var(--border-strong);border-radius:var(--radius-control);width:26px;height:26px;transition:color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);flex-shrink:0;place-items:center;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.step[data-astro-cid-qdekz2er].is-on{color:var(--text)}.step[data-astro-cid-qdekz2er].is-on .num[data-astro-cid-qdekz2er]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}