.pf-root{min-height:100dvh;display:grid;grid-template-columns:minmax(0,420px) auto;justify-content:center;align-items:center;gap:clamp(32px,6vw,88px);padding:24px clamp(16px,4vw,48px);background:var(--pf-bg);color:var(--pf-ink)}.pf-side{min-width:0;display:grid;gap:18px}.pf-stagewrap{display:flex;align-items:center;gap:20px}.pf-stage{position:relative;flex:none}.pf-hint{width:136px;display:grid;gap:4px;justify-items:start;transition:opacity .6s ease}.pf-hint[data-used]{opacity:0}.pf-hint-arrow{margin-bottom:6px;color:var(--pf-accent);animation:pf-nudge 1.6s ease-in-out 1s 4}.pf-hint b{font:800 24px/1.1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--pf-accent)}.pf-hint span{font:400 16px/1.35 ui-sans-serif,system-ui,sans-serif;opacity:.75}@keyframes pf-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(-8px)}}@media (prefers-reduced-motion:reduce){.pf-hint-arrow{animation:none}}.pf-phone{position:absolute;top:0;left:0;width:418px;height:872px;padding:14px;border-radius:64px;background:#0b0b0c;box-shadow:0 0 0 2px #2a2a2e,0 30px 80px rgba(0,0,0,.35);transform-origin:0 0}.pf-screen{position:relative;width:390px;height:844px;overflow:hidden;border-radius:50px;background:#000}.pf-screen iframe{display:block;border:0;background:#fff}.pf-bar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 44px;font:600 16px/1 -apple-system,SF Pro Text,system-ui,sans-serif;color:#000}.pf-bar[data-tone=light]{color:#fff}.pf-island{width:120px;height:34px;border-radius:20px;background:#000}.pf-icons{display:flex;gap:5px}.pf-icons i{width:17px;height:11px;border-radius:3px;background:currentColor;opacity:.85}.pf-home{position:absolute;left:50%;bottom:8px;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:rgba(0,0,0,.55);pointer-events:none}.pf-video{display:block;width:100%;height:100%;object-fit:cover}.pf-narrow .pf-video{width:min(390px,100%);height:auto;margin:0 auto;border-radius:36px;border:1px solid color-mix(in srgb,var(--pf-ink) 20%,transparent)}@media (max-width:760px){.pf-root{grid-template-columns:minmax(0,1fr);align-items:start}}