.ph-frame{position:relative;width:100%;padding:3.4%;border-radius:15%/7%;background:var(--surf2);box-shadow:var(--shadow);font-family:Manrope,system-ui,sans-serif}.ph-screen{position:relative;width:100%;aspect-ratio:1080 / 2400;overflow:hidden;border-radius:12%/5.4%;background:var(--bg);container-type:inline-size}.ph-layer{--u: calc(100cqw / 300);position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(12 * var(--u)) calc(18 * var(--u)) calc(20 * var(--u));color:var(--ink2);font-size:calc(13 * var(--u));line-height:1.4}.ph-layer *{box-sizing:border-box}.ph-status{display:flex;align-items:center;justify-content:space-between;height:calc(22 * var(--u));font-family:Space Grotesk,system-ui,sans-serif;font-size:calc(12 * var(--u));font-weight:600}.ph-status .cam{width:calc(9 * var(--u));height:calc(9 * var(--u));border-radius:50%;background:var(--surf3)}.ph-status .icons{display:flex;gap:calc(5 * var(--u));font-size:calc(13 * var(--u))}.ph-body{flex:1 1 auto;display:flex;flex-direction:column;gap:calc(11 * var(--u));padding-top:calc(16 * var(--u));min-height:0}.ph-tag{font-family:Space Grotesk,system-ui,sans-serif;font-size:calc(11.5 * var(--u));letter-spacing:.14em;color:var(--ink3)}.ph-back{display:flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(14 * var(--u));font-weight:700;color:var(--ink)}.ph-back span[class*=ph-]{font-size:calc(14 * var(--u));color:var(--ink3)}.ph-num{font-family:Space Grotesk,system-ui,sans-serif;white-space:nowrap}.ph-muted{color:var(--ink3)}.ph-small{font-size:calc(11 * var(--u))}.ph-xs{font-size:calc(10.5 * var(--u))}.ph-out{color:var(--coral)}.ph-in{color:var(--mint)}.ph-card{display:flex;flex-direction:column;gap:calc(11 * var(--u));padding:calc(15 * var(--u));border-radius:calc(17 * var(--u));background:var(--surf);border:1px solid var(--border)}.ph-rule{height:1px;background:var(--border)}.ph-row{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u))}.ph-row>.k{font-size:calc(12 * var(--u));color:var(--ink3)}.ph-row>.v{font-size:calc(13.5 * var(--u));color:var(--ink2);display:flex;align-items:center;gap:calc(5 * var(--u))}.ph-row>.v span[class*=ph-]{font-size:calc(12 * var(--u));color:var(--ink3)}.ph-cta{margin-top:auto;padding:calc(14 * var(--u));border-radius:calc(15 * var(--u));background:var(--cta);color:var(--ctaOn);font-size:calc(14 * var(--u));font-weight:700;text-align:center}.ph-seg{display:grid;padding:calc(3 * var(--u));border-radius:calc(12 * var(--u));background:var(--surf);border:1px solid var(--border)}.ph-seg>span{padding:calc(7 * var(--u)) 0;text-align:center;font-size:calc(12.5 * var(--u));color:var(--ink3)}.ph-seg>span.on{border-radius:calc(9 * var(--u));background:var(--surf2);border:1px solid var(--border2);font-weight:700;color:var(--ink)}.ph-chip{padding:calc(6 * var(--u)) calc(10 * var(--u));border-radius:999px;border:1px solid var(--border2);font-size:calc(11.5 * var(--u));color:var(--ink2)}.ph-chip.on{border:1.5px solid var(--ink);font-weight:700;color:var(--ink)}.ph-acc{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) 0;border-bottom:1px solid var(--border)}.ph-acc:last-child{border-bottom:0}.ph-acc .name{display:flex;flex-direction:column;gap:calc(2 * var(--u))}.ph-acc .name b{font-weight:400;font-size:calc(13.5 * var(--u));color:var(--ink2)}.ph-acc .amt{display:flex;flex-direction:column;align-items:flex-end;gap:calc(2 * var(--u))}.ph-acc .amt .ph-num:first-child{font-size:calc(14.5 * var(--u));color:var(--ink)}.ph-coin{position:absolute;right:calc(2 * var(--u));top:50%;width:calc(36 * var(--u));height:calc(36 * var(--u));margin-top:calc(-18 * var(--u));display:grid;place-items:center;border-radius:50%;background:var(--surf2);border:1.5px solid var(--amber);font-family:Space Grotesk,system-ui,sans-serif;font-size:calc(14 * var(--u));font-weight:700;color:var(--ink);opacity:0;pointer-events:none}.ph-mini{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--u));padding:calc(11 * var(--u)) calc(13 * var(--u));border-radius:calc(13 * var(--u));background:var(--surf);border:1px solid var(--border)}.ph-wave{margin-top:calc(14 * var(--u));display:flex;align-items:flex-end;justify-content:center;gap:calc(5 * var(--u));height:calc(56 * var(--u))}.ph-wave span{width:calc(5 * var(--u));height:100%;border-radius:calc(3 * var(--u));background:var(--amber);transform:scaleY(.5)}@media(prefers-reduced-motion:no-preference){.ph-wave span{animation:smWave 1s ease-in-out infinite}.ph-wave span:nth-child(2){animation-delay:.12s}.ph-wave span:nth-child(3){animation-delay:.24s}.ph-wave span:nth-child(4){animation-delay:.36s}.ph-wave span:nth-child(5){animation-delay:.48s}.ph-wave span:nth-child(6){animation-delay:.6s}.ph-wave span:nth-child(7){animation-delay:.72s}}.ph-said{margin-top:calc(10 * var(--u));font-size:calc(18 * var(--u));line-height:1.4;color:var(--ink)}.ph-tabs{display:flex;gap:calc(6 * var(--u))}.ph-tabs span{flex:1 1 auto;height:calc(34 * var(--u));display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--u));border-radius:calc(10 * var(--u));border:1px solid var(--border2);font-size:calc(12 * var(--u));color:var(--ink2)}.ph-tabs span.on{border:1.5px solid var(--ink);background:var(--surf);font-weight:700;color:var(--ink)}.ph-badge{padding:calc(2 * var(--u)) calc(6 * var(--u));border-radius:calc(5 * var(--u));border:1px solid var(--border2);font-family:Space Grotesk,system-ui,sans-serif;font-size:calc(9.5 * var(--u));letter-spacing:.08em;color:var(--ink2)}.ph-doc{width:calc(30 * var(--u));height:calc(36 * var(--u));flex:none;border-radius:calc(7 * var(--u));background:var(--surf2);border:1px solid var(--border2);display:grid;place-items:center;color:var(--ink3);font-size:calc(15 * var(--u))}.ph-q{align-self:flex-end;max-width:86%;padding:calc(11 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u)) calc(16 * var(--u)) calc(5 * var(--u)) calc(16 * var(--u));background:var(--surf2);border:1px solid var(--border);font-size:calc(13 * var(--u));color:var(--ink2)}.ph-a{align-self:flex-start;max-width:92%;display:flex;flex-direction:column;gap:calc(6 * var(--u));padding:calc(13 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)) calc(5 * var(--u));background:var(--faint);border:1px solid var(--ring);font-size:calc(14 * var(--u));color:var(--ink)}.ph-a.plain{background:var(--surf);border-color:var(--border);font-size:calc(13 * var(--u));color:var(--ink2)}.ph-ask{margin-top:auto;display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(15 * var(--u));border-radius:999px;background:var(--surf);border:1px solid var(--border);font-size:calc(12.5 * var(--u));color:var(--ink3)}.ph-keys{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(7 * var(--u));font-family:Space Grotesk,system-ui,sans-serif;font-size:calc(17 * var(--u));color:var(--ink2);text-align:center}.ph-keys span{padding:calc(10 * var(--u)) 0;border-radius:calc(12 * var(--u));background:var(--surf);border:1px solid var(--border)}.ph-bar{height:calc(8 * var(--u));border-radius:999px;background:var(--surf2);overflow:hidden}.ph-bar>i{display:block;height:100%;border-radius:999px;background:var(--mint)}
