.device[data-astro-cid-vujd4idp]{aspect-ratio:9/19.5;filter:drop-shadow(0 38px 46px #0f1b2b47);max-width:17.5rem;container-type:inline-size}.device-android[data-astro-cid-vujd4idp]{aspect-ratio:9/16}.device-body[data-astro-cid-vujd4idp]{background:linear-gradient(145deg,#3a4656 0%,#151f2c 40%,#2a3544 100%);border-radius:15.4cqw;padding:2.9cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 0 0 4px #0b121b}.device-android[data-astro-cid-vujd4idp] .device-body[data-astro-cid-vujd4idp]{border-radius:11.4cqw;padding:2.4cqw}.device-screen[data-astro-cid-vujd4idp]{background:#0b121b;border-radius:12.9cqw;height:100%;position:relative;overflow:hidden}.device-android[data-astro-cid-vujd4idp] .device-screen[data-astro-cid-vujd4idp]{border-radius:9.4cqw}.device-island[data-astro-cid-vujd4idp]{background:#05090f;border-radius:999px;width:31%;height:8.3cqw;position:absolute;top:6cqw;left:50%;transform:translate(-50%)}.device-punch[data-astro-cid-vujd4idp]{background:#05090f;border-radius:50%;width:4.6cqw;height:4.6cqw;position:absolute;top:5.7cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #1b2431}.device[data-astro-cid-vujd4idp]{--split:100%;transition:--split var(--split-dur,.75s) cubic-bezier(.22, 1, .36, 1)}html[data-app-theme=dark] .device[data-astro-cid-vujd4idp]{--split:0%}html[data-app-theme=dark] .device[data-astro-cid-vujd4idp][data-has-dark=true]:not([data-dark-ready]) .scr-light{opacity:0}.device[data-astro-cid-vujd4idp][data-has-dark=true] .scr-dark{clip-path:inset(0 0 0 var(--split));position:absolute;inset:0}.cmp-track[data-astro-cid-vujd4idp]{z-index:3;pointer-events:none;display:none;position:absolute;inset:2.9cqw}.device-android[data-astro-cid-vujd4idp] .cmp-track[data-astro-cid-vujd4idp]{inset:2.4cqw}html.js .device[data-astro-cid-vujd4idp][data-has-dark=true] .cmp-track[data-astro-cid-vujd4idp]{display:block}.cmp-clip[data-astro-cid-vujd4idp]{border-radius:12.9cqw;position:absolute;inset:0;overflow:hidden}.device-android[data-astro-cid-vujd4idp] .cmp-clip[data-astro-cid-vujd4idp]{border-radius:9.4cqw}.cmp-line[data-astro-cid-vujd4idp]{top:0;bottom:0;left:var(--split,100%);background:#fff;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0f1b2b66,0 0 14px #00000073}.cmp[data-astro-cid-vujd4idp]{top:0;bottom:0;left:var(--split,100%);pointer-events:auto;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:2.75rem;position:absolute;transform:translate(-50%)}.cmp-grip[data-astro-cid-vujd4idp]{width:clamp(1.7rem,15cqw,2.4rem);height:clamp(1.7rem,15cqw,2.4rem);color:var(--color-ink-900);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f1b2b40,0 6px 16px -4px #00000080}.cmp-grip[data-astro-cid-vujd4idp] svg{flex:none;width:.8em;height:.8em}.cmp[data-astro-cid-vujd4idp]:focus-visible .cmp-grip[data-astro-cid-vujd4idp]{outline:3px solid var(--color-brand-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){.device[data-astro-cid-vujd4idp]{transition:none}}.device-btn[data-astro-cid-vujd4idp]{background:#1c2633;border-radius:2px;width:3px;position:absolute}.device-btn-a[data-astro-cid-vujd4idp]{height:7%;top:18%;left:-2.5px}.device-btn-b[data-astro-cid-vujd4idp]{height:11%;top:26%;right:-2.5px}.device-glare[data-astro-cid-vujd4idp]{pointer-events:none;background:linear-gradient(115deg,#ffffff24 0%,#fff0 32%);position:absolute;inset:0}.placeholder[data-astro-cid-vujd4idp]{text-align:center;background:repeating-linear-gradient(135deg,#f4f7fa 0 10px,#eaf0f5 10px 20px);flex-direction:column;justify-content:center;align-items:center;gap:.55rem;height:100%;padding:2.6rem 1.1rem 1.4rem;display:flex}.ph-tag[data-astro-cid-vujd4idp]{letter-spacing:.1em;text-transform:uppercase;color:var(--color-sun-800);background:var(--color-sun-100);border:1px dashed var(--color-sun-600);border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700}.ph-text[data-astro-cid-vujd4idp]{color:var(--color-ink-700);font-size:.82rem;font-weight:500;line-height:1.35}.ph-file[data-astro-cid-vujd4idp]{color:var(--color-ink-500);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.app-theme[data-astro-cid-uwqn54os]{justify-items:center;gap:.4rem;display:grid}html:not(.js) .app-theme[data-astro-cid-uwqn54os]{display:none}.seg[data-astro-cid-uwqn54os]{border:1px solid var(--color-ink-200);background:#fff;border-radius:999px;gap:.1rem;padding:.2rem;display:inline-flex;box-shadow:0 6px 16px -10px #0f1b2b59}.seg[data-astro-cid-uwqn54os] button[data-astro-cid-uwqn54os]{min-height:2.5rem;color:var(--color-ink-700);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.seg[data-astro-cid-uwqn54os] button[data-astro-cid-uwqn54os]:hover{background:var(--color-ink-100)}.seg[data-astro-cid-uwqn54os] button[data-astro-cid-uwqn54os][aria-pressed=true]{background:var(--color-ink-900);color:#fff}.hint[data-astro-cid-uwqn54os]{color:var(--color-muted);text-align:center;max-width:18rem;font-size:.78rem}@media (prefers-reduced-motion:reduce){.seg[data-astro-cid-uwqn54os] button[data-astro-cid-uwqn54os]{transition:none}}