.phone-app{--p-ink:#eaf4f7;--p-muted:#9fb7c1;--p-accent:#38e878;--p-bg:#0f1c22;position:fixed;inset:0;background:var(--p-bg);color:var(--p-ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#p-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.phone-app[data-screen=track] #p-preview{display:block}.p-screen{position:absolute;inset:0;display:flex;flex-direction:column}.p-screen[hidden]{display:none}#p-screen-pair{padding:max(24px,env(safe-area-inset-top)) max(22px,calc((100% - 520px) / 2)) max(28px,env(safe-area-inset-bottom));gap:14px;justify-content:center;overflow-y:auto}#p-screen-loading{align-items:center;justify-content:center;gap:18px;padding:24px}#p-screen-loading .load-panel{width:min(100%,420px)}#p-screen-loading .p-secondary{min-width:160px}.p-brand{font-size:11px;letter-spacing:.16em;color:var(--p-muted);font-weight:700}#p-screen-pair h1{margin:0;font-size:32px;letter-spacing:-.02em}.p-copy{margin:0;line-height:1.5;font-size:15px}.p-copy,.p-field{color:var(--p-muted)}.p-field{display:grid;grid-gap:6px;gap:6px;font-size:11px;letter-spacing:.12em;font-weight:700}.p-field input{font:inherit;font-size:34px;letter-spacing:.28em;font-weight:800;text-transform:uppercase;padding:12px 14px;border-radius:14px;border:2px solid #2b4650;background:#16282f;color:var(--p-ink);text-align:center;text-indent:.28em;width:100%;min-width:0}.p-field input:focus{outline:none;border-color:var(--p-accent)}.p-primary,.p-secondary{font:inherit;font-weight:800;font-size:17px;padding:16px;border-radius:16px;border:0;cursor:pointer}.p-primary{background:var(--p-accent);color:#08301a}.p-primary:disabled{opacity:.5}.p-secondary{background:#ffffff22;color:var(--p-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.p-status{margin:0;min-height:1.4em;font-size:14px;color:var(--p-muted)}.p-status[data-error=true]{color:#ff8a9b}.p-fineprint{margin:0;font-size:12px;color:#6f8791}#p-screen-track{justify-content:space-between;pointer-events:none}#p-screen-track>*{pointer-events:auto}.p-bottombar,.p-topbar{display:flex;gap:8px;align-items:center;padding:14px}.p-topbar{padding-top:max(14px,env(safe-area-inset-top))}.p-bottombar{padding-bottom:max(14px,env(safe-area-inset-bottom));justify-content:center}.p-pill{padding:6px 10px;border-radius:999px;background:#000000aa;font-size:12px;font-weight:700;letter-spacing:.04em}.p-pill[data-state=datachannel]{color:var(--p-accent)}.p-pill[data-state=relay]{color:#ffd94a}.p-pill[data-state=off]{color:#ff8a9b}.p-icon{margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:#000000aa;color:var(--p-ink);font-size:20px}.p-hint-wrap{display:flex;justify-content:center;padding:0 16px}.p-hint{margin:0;padding:12px 18px;border-radius:16px;background:#000000aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:18px;font-weight:700;text-align:center;max-width:92%}.p-hint[data-tone=warn]{color:#ffd94a}.p-hint[data-tone=good]{color:var(--p-accent)}