.ph-stage{--s:.7;isolation:isolate;justify-items:center;padding:24px 0 8px;display:grid;position:relative}@media (min-width:768px){.ph-stage{--s:.78}}@media (min-width:1024px){.ph-stage{--s:.74;padding-top:16px}}@media (min-width:1024px) and (max-height:960px){.ph-stage{--s:.68}}@media (min-width:1024px) and (max-height:860px){.ph-stage{--s:.6}}@media (min-width:1024px) and (max-height:760px){.ph-stage{--s:.52}}.ph-beam{z-index:-1;background:radial-gradient(circle, #f2662b38 0 18%, transparent 58%), conic-gradient(from 0deg, transparent 0 300deg, #f2662b33 340deg, transparent 360deg);pointer-events:none;border-radius:50%;width:760px;height:760px;margin:-380px 0 0 -380px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 68%);mask-image:radial-gradient(circle,#000 25%,#0000 68%)}.ph-float{margin:0;position:relative}.ph-scale{width:calc(410px * var(--s));height:calc(864px * var(--s))}.ph-frame{background:var(--frame);width:410px;height:864px;transform:scale(var(--s));transform-origin:0 0;box-shadow:0 40px 80px -30px #00000073, 0 0 0 1px var(--line), inset 0 0 0 1.5px #ffffff14;border-radius:62px;padding:10px;position:relative}.ph-frame:after{content:"";z-index:50;background:#000;border-radius:20px;width:122px;height:35px;margin-left:-61px;position:absolute;top:21px;left:50%}.ph-screen{background:var(--bg);height:100%;color:var(--text);text-align:start;border-radius:52px;font-size:16px;line-height:1.3;position:relative;overflow:hidden}.ph-sb{justify-content:space-between;align-items:center;height:54px;padding:6px 30px 0 46px;font-size:16px;font-weight:600;display:flex}.ph-sb-r{align-items:center;gap:6px;display:flex}.ph-sig{clip-path:polygon(0 100%,100% 0,100% 100%);background:linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px,currentColor 5px 8px,#0000 8px 10px,currentColor 10px 13px,#0000 13px 15px,currentColor 15px);border-radius:1px;width:18px;height:11px}.ph-bat{opacity:.9;background:linear-gradient(90deg,currentColor 0 72%,#0000 72%) content-box content-box;border:1.5px solid;border-radius:4px;width:26px;height:13px;padding:1.5px}.ph-ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.ph-faint{color:var(--text-3)}.ph-pill{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;height:40px;margin:6px 0 0 16px;padding:0 12px 0 5px;font-size:15px;font-weight:600;display:inline-flex}.ph-logo{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:15px;place-items:center;font-size:14px;font-weight:700;display:grid}.ph-sync{color:var(--text-2);align-items:center;gap:6px;padding:8px 20px 0;font-size:13.5px;display:flex}.ph-sync .ph-ic{color:var(--ok)}.ph-h1{letter-spacing:-.02em;padding:18px 20px 0;font-size:30px;font-weight:700}.ph-card{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;gap:16px;margin:14px 16px 0;padding:16px;display:flex}.ph-cover{aspect-ratio:1;border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,0 1px 2px #0000001f;container-type:inline-size}.ph-cover svg{width:100%;height:100%;position:absolute;inset:0}.ph-cv-t{inset-inline:9cqw;position:absolute;bottom:8cqw}.ph-cv-a{letter-spacing:.07em;text-transform:uppercase;opacity:.82;margin-bottom:2.5cqw;font-size:5.6cqw;font-weight:600;display:block}.ph-cv-n{letter-spacing:-.012em;text-wrap:balance;font-size:10.5cqw;font-weight:700;line-height:1.02;display:block}.ph-cover-hero{border-radius:12px;width:118px}.ph-info{flex-direction:column;flex:1;min-width:0;display:flex}.ph-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-size:12.5px;font-weight:600}.ph-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:17px;font-weight:700;display:-webkit-box;overflow:hidden}.ph-author{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ph-grow{flex:1;min-width:0}.ph-row{align-items:flex-end;gap:10px;display:flex}.ph-prog{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.ph-prog>i{background:var(--accent);border-radius:2px;height:100%;display:block}.ph-prog-hero{width:47%}.ph-thin{height:3px;margin-top:7px}.ph-left{color:var(--text-2);margin-top:6px;font-size:12px}.ph-play{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ph-play svg{fill:currentColor;width:24px;height:24px}.ph-sec{justify-content:space-between;align-items:baseline;padding:26px 20px 12px;display:flex}.ph-sec b{font-size:20px;font-weight:700}.ph-sec span{color:var(--accent-fg);font-size:15px;font-weight:600}.ph-shelf{gap:14px;padding-inline:20px;display:flex;overflow:hidden}.ph-it{flex:none;width:124px}.ph-it .ph-cover{width:124px}.ph-it b{white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.ph-new{background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-inline-end:6px;display:inline-block}.ph-tabbar{inset-inline:0;background:var(--glass);border-top:1px solid var(--line);justify-content:space-around;height:86px;padding:8px 8px 0;display:flex;position:absolute;bottom:0}.ph-tab{width:84px;color:var(--text-3);flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.ph-tab-pill{border-radius:50%;place-items:center;width:44px;height:40px;display:grid}.ph-tab .ph-ic{width:22px;height:22px}.ph-on{color:var(--text)}.ph-on .ph-tab-pill{background:var(--accent);width:40px;color:var(--accent-ink);outline:1.5px dashed var(--accent);outline-offset:2px;transform:rotate(-8deg)}.ph-on .ph-ic{width:20px;height:20px;transform:rotate(8deg)}.ph-caption{text-align:center;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-top:14px;font-size:12px}.ph-chips{z-index:2;pointer-events:none;position:absolute;inset:0}.ph-chip{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);font-family:var(--font-mono);white-space:nowrap;color:var(--text);border-radius:999px;padding:6px 10px;font-size:12px;position:absolute}.ph-chip:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-inline-end:7px;display:inline-block}.ph-chip-1{top:1%;left:0}.ph-chip-2{top:44%;right:0}.ph-chip-3{bottom:18%;left:2%}.ph-chip-3:before{background:var(--ok)}@media (prefers-reduced-motion:no-preference){.ph-beam{animation:9s linear infinite ph-sweep}.ph-float{animation:.9s cubic-bezier(.2,.7,.2,1) .15s both rise,7s ease-in-out 1s infinite alternate ph-bob}.ph-prog-hero{animation:2.4s cubic-bezier(.3,.6,.2,1) .9s both ph-fill}.ph-play:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:2.4s ease-out 1.6s infinite ph-pulse;position:absolute;inset:0}.ph-check{stroke-dasharray:10;animation:.6s ease-out 1.2s both ph-draw}.ph-it{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.ph-chip{animation:.6s cubic-bezier(.3,.7,.2,1.3) both ph-pop,5s ease-in-out infinite alternate ph-bob}.ph-chip-1{animation-delay:1.1s,1.7s}.ph-chip-2{animation-delay:1.4s,2.4s}.ph-chip-3{animation-delay:1.7s,2s}@keyframes ph-sweep{to{transform:rotate(360deg)}}@keyframes ph-bob{to{translate:0 -10px}}@keyframes ph-fill{0%{width:38%}}@keyframes ph-pulse{to{opacity:0;transform:scale(1.7)}}@keyframes ph-draw{0%{stroke-dashoffset:10px}}@keyframes ph-pop{0%{opacity:0;transform:scale(.6)}}}