.ph{--ph-bezel:#1a120e;--ph-bg:var(--c-bg);--ph-fg:var(--c-fg);--ph-fg2:var(--c-fg-2);--ph-fg3:var(--c-fg-3);--ph-line:var(--c-line);--ph-accent:var(--c-primary);--ph-peach:var(--c-peach);background:var(--ph-bezel);border-radius:44px;flex:none;width:280px;height:572px;padding:10px;position:relative;box-shadow:0 40px 70px -26px #28120880,inset 0 0 0 1.5px #ffffff0f}.ph--stage{--ph-bg:var(--c-stage);--ph-fg:var(--c-on-stage);--ph-fg2:var(--c-stage-muted);--ph-fg3:var(--c-stage-muted);--ph-line:var(--c-stage-line);--ph-accent:var(--c-stage-accent)}.ph__screen{background:var(--ph-bg);height:100%;color:var(--ph-fg);font-family:var(--font-sans);border-radius:35px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ph__notch{background:var(--ph-bezel);border-radius:14px;width:88px;height:24px;margin-left:-44px;position:absolute;top:9px;left:50%}.ph__top{justify-content:space-between;align-items:center;padding:44px 18px 10px;display:flex}.ph__logo{border:1.5px dashed var(--ph-line);height:26px;color:var(--ph-fg3);border-radius:8px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:flex}.ph__lang{border:1px solid var(--ph-line);border-radius:999px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.ph__lang b{background:var(--ph-accent);color:#fff;padding:3px 8px}.ph--stage .ph__lang b{color:var(--c-stage)}.ph__lang i{color:var(--ph-fg3);padding:3px 8px;font-style:normal}.ph__prog{grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 18px 0;display:grid}.ph__prog i{background:var(--ph-line);border-radius:4px;height:4px}.ph__prog i.on{background:var(--ph-accent)}.ph__label{color:var(--ph-fg3);padding:6px 18px 0;font-size:11px;font-weight:600}.ph__title{font-family:var(--font-display);padding:14px 18px 0;font-size:21px;font-weight:600;line-height:1.15}.ph__body{color:var(--ph-fg2);padding:8px 18px 0;font-size:12.5px;line-height:1.5}.ph__cam{background:radial-gradient(120% 90% at 50% 40%,#3a2a22,#150d0a);border-radius:22px;height:236px;margin:16px 14px 0;position:relative;overflow:hidden}.ph__id{background:linear-gradient(135deg,#e9ded3,#cdbfb1);border-radius:12px;height:132px;position:absolute;top:46px;left:26px;right:26px;box-shadow:0 10px 24px #0006}.ph__portrait{background:#b8a999;border-radius:6px;width:52px;height:66px;position:absolute;top:16px;left:14px}.ph__line{background:#b8a999;border-radius:4px;height:7px;position:absolute}.ph__bars{opacity:.85;background:repeating-linear-gradient(90deg,#2b2320 0 2px,#0000 2px 4px,#2b2320 4px 5px,#0000 5px 8px);border-radius:3px;height:52px;position:absolute;top:34px;left:14px;right:14px}.ph__br{border:3px solid var(--ph-peach);width:26px;height:26px;position:absolute}.ph__br.c1{border-bottom:0;border-right:0;border-radius:10px 0 0;top:36px;left:16px}.ph__br.c2{border-bottom:0;border-left:0;border-radius:0 10px 0 0;top:36px;right:16px}.ph__br.c3{border-top:0;border-right:0;border-radius:0 0 0 10px;top:162px;left:16px}.ph__br.c4{border-top:0;border-left:0;border-radius:0 0 10px;top:162px;right:16px}.ph__scan{background:var(--ph-peach);height:2px;position:absolute;top:110px;left:28px;right:28px;box-shadow:0 0 16px 4px #fdba74b3}.ph__found{white-space:nowrap;color:#7be0a6;background:#4fd08a29;border:1px solid #4fd08a80;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;position:absolute;top:200px;left:50%;transform:translate(-50%)}.ph__foot{color:var(--ph-fg3);gap:8px;margin-top:auto;padding:12px 18px 18px;font-size:10.5px;line-height:1.45;display:flex}.ph__foot svg{flex:none;margin-top:1px}.ph__mrz{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.08em;color:#3a2e28;font-size:9px;line-height:1.35;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}
.pr{background:var(--c-surface);border:1px solid color-mix(in oklab, var(--c-accent) 28%, var(--c-line));color:var(--c-fg);border-radius:22px;font-size:13px;overflow:hidden;box-shadow:0 40px 80px -30px #5a28145c,0 2px 6px #5a28140f}:root[data-theme=dark] .pr{box-shadow:0 0 0 1px var(--c-line-strong), 0 40px 80px -30px #000000b3}.pr__bar{background:var(--c-bg-2);border-bottom:1px solid var(--c-line);align-items:center;gap:8px;height:42px;padding:0 16px;display:flex}.pr__bar i{background:var(--c-line-strong);opacity:.45;border-radius:50%;width:11px;height:11px}.pr__url{background:var(--c-surface);border:1px solid var(--c-line);width:320px;max-width:50%;height:26px;color:var(--c-fg-3);border-radius:8px;align-items:center;margin-left:12px;padding:0 12px;font-size:12px;display:flex}.pr__app{grid-template-columns:150px minmax(0,1fr);display:grid}.pr__side{background:var(--c-bg);border-right:1px solid var(--c-line);color:var(--c-fg-2);flex-direction:column;gap:2px;padding:18px 10px 18px 22px;display:flex}.pr__side span{border-radius:10px;justify-content:space-between;align-items:center;gap:4px;padding:8px 10px;display:flex}.pr__side .on{background:var(--c-primary-soft);color:var(--c-primary-text);font-weight:700}.pr__side small{color:var(--c-accent-text);background:var(--c-accent-soft);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.pr__brand{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--c-fg)!important;justify-content:flex-start!important;gap:8px!important;padding:0 8px 14px!important}.pr__brand svg{color:var(--c-primary)}.pr__main{min-width:0;padding:20px 22px 22px}.pr__crumb{color:var(--c-fg-3);font-size:12px}.pr__crumb code{font-family:var(--font-mono);font-size:11.5px}.pr__who{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:8px;display:flex}.pr__who b{font-family:var(--font-display);margin-right:4px;font-size:25px;font-weight:600}.pr__tag{white-space:nowrap;height:24px;color:var(--c-fg-2);background:var(--c-bg-2);border:1px solid var(--c-line);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.pr__tag--sample{border-style:dashed;margin-left:auto}.pr__grid{grid-template-columns:236px minmax(0,1fr);gap:16px;margin-top:18px;display:grid}.pr__card{border:1px solid var(--c-line);background:var(--c-surface);border-radius:16px;min-width:0;padding:14px 16px 8px}.pr__h{color:var(--c-fg-2);margin:0 0 8px;font-size:12.5px;font-weight:700}.pr__field{border-top:1px solid var(--c-line);justify-content:space-between;gap:8px;padding:8px 0;display:flex}.pr__field:first-of-type{border-top:0}.pr__field span{color:var(--c-fg-3);font-size:11.5px;display:block}.pr__field b{margin-top:2px;font-size:13px;font-weight:600;display:block}.pr__field em{color:var(--c-accent-text);background:var(--c-accent-soft);border-radius:6px;align-self:center;padding:2px 6px;font-size:10.5px;font-style:normal;font-weight:700}.pr__checks{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.pr__chk{border-top:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:600;display:flex}.pr__chk:nth-child(-n+2){border-top:0}.pr__chk em{color:var(--c-fg-3);font-size:11.5px;font-style:normal;font-weight:400;display:block}.pr__pill{white-space:nowrap;border-radius:999px;flex:none;align-items:center;height:23px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pr__pill.pass{color:var(--c-success);background:color-mix(in oklab, var(--c-success) 14%, var(--c-surface))}:root:not([data-theme=dark]) .pr__pill.pass{color:color-mix(in oklab, var(--c-success) 70%, #000)}.pr__pill.reported{color:var(--c-accent-text);background:var(--c-accent-soft)}.pr__pill.addon,.pr__pill.skipped{color:var(--c-fg-3);background:var(--c-bg-2);border:1px dashed var(--c-line-strong)}.pp{margin:3.5rem 0 0}.pp__stage{height:720px;position:relative}.pp__portal{width:min(872px,100% - 250px);position:absolute;top:0;right:0}.pp__phone{position:absolute;top:96px;left:0}.pp__lbl{color:var(--c-accent-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:absolute}.pp__lbl:before{content:"";opacity:.6;background:currentColor;width:22px;height:1.5px}.pp__lbl--phone{top:648px;left:300px}.pp__lbl--portal{top:670px;right:0}@media (max-width:1099px){.pp__stage{flex-direction:column;align-items:center;gap:18px;height:auto;display:flex}.pp__portal,.pp__lbl--portal{display:none}.pp__phone,.pp__lbl{position:static}}