.ph{container-type:inline-size;position:relative;width:min(320px,84vw);aspect-ratio:390/800;border-radius:48px;background:linear-gradient(180deg,#22242a,#121317);padding:10px;box-shadow:inset 0 0 0 1.5px #3d4048,inset 0 0 0 4px #0e0f12,0 44px 88px -32px rgba(56,42,20,.55),0 12px 32px -12px rgba(56,42,20,.35)}.ph--sm{width:min(250px,76vw);border-radius:40px;padding:8px}.ph-screen{position:relative;display:flex;flex-direction:column;height:100%;border-radius:12.5cqw;background:#faf7f2;color:#29241c;overflow:hidden;font-size:11px;font-size:3.5cqw;line-height:1.45}.ph-island{position:absolute;top:1em;left:50%;transform:translateX(-50%);width:7.4em;height:2em;border-radius:999px;background:#101114;z-index:5}.ph-status{display:flex;align-items:center;justify-content:space-between;padding:1.1em 2em .4em;font-size:.95em;font-weight:600}.ph-status svg{display:block}.ph-body{flex:1 1;display:flex;flex-direction:column;gap:.95em;padding:.8em 1.5em 1em;overflow:hidden;min-height:0}.ph-tabs{display:flex;justify-content:space-around;align-items:flex-end;padding:.8em .6em 1.7em;border-top:1px solid #ece4d6;background:#fffdf9}.ph-tab{display:flex;flex-direction:column;align-items:center;gap:.25em;color:#a29a8a;font-size:.72em;font-weight:500}.ph-tab svg{width:1.9em;height:1.9em}.ph-tab.is-active{color:#ff8a00;font-weight:600}.ph-card{background:#ffffff;border:1px solid #efe7da;border-radius:1.35em;padding:1.1em 1.2em;box-shadow:0 2px 10px rgba(41,36,28,.05)}.ph-card--brand{background:#fff2df;border-color:#ffd9a3}.ph-h{font-weight:700;letter-spacing:-.01em}.ph-title{font-size:1.35em;line-height:1.25}.ph-big,.ph-title{font-weight:700;letter-spacing:-.02em}.ph-big{font-size:1.5em;line-height:1.2}.ph-sm{font-size:.95em}.ph-xs{font-size:.82em}.ph-muted{color:#94897a}.ph-brand{color:#ff8a00}.ph-label{font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b3a892}.ph-center{text-align:center}.ph-row-between{justify-content:space-between;gap:.8em}.ph-row-between,.ph-row-center{display:flex;align-items:center}.ph-row-center{justify-content:center;gap:.6em}.ph-btn{justify-content:center;padding:.55em 1.3em;background:#ff8a00;color:#fff;font-size:.95em;white-space:nowrap}.ph-btn,.ph-pill{display:inline-flex;align-items:center;border-radius:999px;font-weight:600}.ph-pill{gap:.35em;padding:.35em .95em;border:1px solid #ecdfc9;background:#fff;font-size:.82em;color:#6f6656}.ph-pill--brand{background:#fff2df;border-color:#ffd9a3;color:#e67a00}.ph-progress{position:relative;height:.7em;margin:.7em 0 .5em;border-radius:999px;background:#f1e9db;overflow:hidden}.ph-progress>span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ffb84d)}.ph-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.6em;height:2.6em;border-radius:50%;background:#ffe3bd;color:#b25f00;font-weight:700;font-size:.95em}.ph-greet{display:flex;align-items:center;justify-content:space-between;padding-top:.3em}.ph-stat-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8em;gap:.8em}.ph-stat{display:flex;align-items:center;gap:.7em;padding:.9em 1em}.ph-emoji{font-size:1.5em;line-height:1}.ph-chip-row{display:flex;flex-wrap:wrap;gap:.6em}.ph-chip{padding:.55em 1em;border-radius:1em;border:1px solid #efe7da;background:#fff;font-size:.85em;font-weight:600;color:#59503f}.ph-resume{display:flex;align-items:center;gap:.8em;padding:.9em 1em}.ph-resume-art{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.9em;height:2.9em;border-radius:.9em;background:linear-gradient(135deg,#ffb84d,#ff8a00);color:#fff}.ph-resume-art svg{width:1.3em;height:1.3em}.ph-nav{display:flex;align-items:center;justify-content:space-between;padding-top:.2em}.ph-back{font-size:1.5em;line-height:1;color:#ff8a00;font-weight:600}.ph-nav-title{font-weight:700;font-size:.95em}.ph-nav-spacer{width:1em}.ph-art{position:relative;display:flex;align-items:center;justify-content:center;height:8.5em;border-radius:1.4em;background:linear-gradient(135deg,#ffb84d,#ff8a00 60%,#e05e00);overflow:hidden}.ph-eq{display:flex;align-items:flex-end;gap:.45em;height:3.4em}.ph-eq span{width:.75em;height:100%;border-radius:999px;background:rgba(255,255,255,.92);transform-origin:bottom;animation:ph-eq 1.15s ease-in-out infinite}.ph-eq span:first-child{animation-delay:-.9s}.ph-eq span:nth-child(2){animation-delay:-.6s}.ph-eq span:nth-child(3){animation-delay:-.2s}.ph-eq span:nth-child(4){animation-delay:-.7s}.ph-eq span:nth-child(5){animation-delay:-.4s}@keyframes ph-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.ph-hosts{position:absolute;right:.9em;bottom:.9em;display:flex}.ph-host{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;border:2px solid #fff;font-size:.8em;font-weight:700;color:#fff}.ph-host--a{background:#7c3aed;z-index:1}.ph-host--b{background:#2563eb;margin-left:-.6em}.ph-transcript{display:flex;flex-direction:column;gap:.6em}.ph-turn{padding:.8em 1em;border-radius:1.1em;background:#fff;border:1px solid #efe7da;font-size:.88em;line-height:1.5;color:#59503f}.ph-turn.is-active{border-color:#ffca80;background:#fff4e3;color:#43392a}.ph-turn-host{display:block;font-size:.75em;font-weight:700;letter-spacing:.1em;color:#b3a892;margin-bottom:.2em}.ph-turn.is-active .ph-turn-host{color:#e67a00}.ph-seek{position:relative;height:.5em;border-radius:999px;background:#f1e9db;margin-top:.4em}.ph-seek-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:#ff8a00}.ph-seek-knob{position:absolute;top:50%;width:1.2em;height:1.2em;border-radius:50%;background:#fff;border:2.5px solid #ff8a00;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(41,36,28,.25)}.ph-times{display:flex;justify-content:space-between;font-size:.75em;font-weight:600;color:#94897a;margin-top:.35em}.ph-controls{display:flex;align-items:center;justify-content:center;gap:2.2em;margin-top:.2em;color:#43392a}.ph-controls svg{width:1.7em;height:1.7em}.ph-play{display:inline-flex;align-items:center;justify-content:center;width:4em;height:4em;border-radius:50%;background:#ff8a00;color:#fff;box-shadow:0 6px 18px -6px rgba(255,138,0,.7)}.ph-play svg{width:1.8em;height:1.8em}.ph-feed{display:flex;flex-direction:column;gap:.8em}.ph-feed-card .ph-h{font-size:.98em;line-height:1.35}.ph-feed-meta{display:flex;align-items:center;gap:.5em;margin-top:.4em;font-size:.8em;color:#94897a}.ph-feed-avatar{width:1.6em;height:1.6em;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72em;font-weight:700;color:#fff}.ph-feed-stats{display:flex;align-items:center;gap:1em;margin-top:.7em;font-size:.78em;font-weight:600;color:#94897a}.ph-feed-stats .ph-star{color:#eab308}.ph-audio-badge{padding:.2em .7em;border-radius:999px;background:#fff2df;color:#e67a00;font-size:.72em;font-weight:700}.ph-crop{max-height:400px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}.ph-crop,.ph-flash{display:flex;justify-content:center}.ph-flash{align-items:center;text-align:center;padding:1.4em 1.2em;height:14em}.ph-flash-term{font-size:1.3em;font-weight:700;letter-spacing:-.02em;line-height:1.3}.ph-sheet{margin:0 -1.5em;padding:1.2em 1.6em 2em;border-radius:1.8em 1.8em 0 0;background:#fff;border:1px solid #efe7da;border-bottom:none;box-shadow:0 -8px 24px rgba(41,36,28,.1)}.ph-sheet-handle{width:3em;height:.4em;border-radius:999px;background:#e8dfd0;margin:0 auto .9em}.ph-sheet-title{display:flex;align-items:center;gap:.5em;font-weight:700;font-size:.95em;margin-bottom:.5em}.ph-sheet-title svg{width:1.3em;height:1.3em;color:#ff8a00}.ph-sheet-body{font-size:.88em;color:#59503f;line-height:1.55}.ph-sheet-body strong{color:#e67a00}.ph-cs{display:flex;flex-direction:column;gap:.7em;padding:1em;border-radius:1.4em;background:#fffdf6;border:1px solid #efe7da;box-shadow:0 2px 10px rgba(41,36,28,.05)}.ph-cs-band{text-align:center;padding:.5em;border-radius:.7em;background:#ffe9cc;color:#b25f00;font-weight:700;font-size:.85em;letter-spacing:.08em}.ph-cs-row{display:flex;gap:.7em;align-items:flex-start}.ph-cs-dot{flex:none;width:1.7em;height:1.7em;border-radius:.55em;margin-top:.15em}.ph-cs-lines{flex:1 1;display:grid;grid-gap:.4em;gap:.4em;padding-top:.3em}.ph-cs-lines i{display:block;height:.5em;border-radius:999px;background:#ece2cf}.ph-cs-lines i:first-child{width:55%;background:#d9cbb0}.ph-cs-actions{display:flex;gap:.6em;justify-content:center}.ph-loop,.ph-loop-layer{position:absolute;inset:0}.ph-loop-layer{display:flex;flex-direction:column;background:#faf7f2}.ph-loop-layer--player{opacity:0;animation:ph-loop-player 9s ease-in-out infinite}.ph-loop-layer--lock{opacity:1;animation:ph-loop-lock 9s ease-in-out infinite}@keyframes ph-loop-player{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes ph-loop-lock{0%,42%{opacity:0;transform:scale(1.04)}50%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.ph-loop-layer--lock,.ph-loop-layer--player{animation:none;transform:none}}.ph-screen--dark{background:linear-gradient(180deg,#232c4d,#3a3d66 45%,#6a5578 74%,#8f6a72);color:#fff}.ph-lock{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;min-height:0}.ph-lock-dot{position:absolute;width:.22em;height:.22em;border-radius:50%;background:rgba(255,255,255,.8)}.ph-lock-date{margin-top:.7em;font-size:.95em;font-weight:600;color:rgba(255,255,255,.92)}.ph-lock-clock{font-size:4.3em;font-weight:600;letter-spacing:-.02em;line-height:1.05;color:rgba(255,255,255,.95)}.ph-lock-card{width:100%;margin-top:auto;border-radius:1.5em;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.1);padding:1em 1.1em .9em}.ph-lock-np{display:flex;align-items:center;gap:.8em;min-width:0}.ph-lock-art{flex:none;display:inline-flex;align-items:center;justify-content:center;width:3.2em;height:3.2em;border-radius:.9em;background:linear-gradient(135deg,#ffb84d,#ff8a00)}.ph-eq--mini{height:1.5em;gap:.26em}.ph-eq--mini span{width:.4em}.ph-lock-meta{min-width:0}.ph-lock-title{font-weight:700;font-size:.95em;color:#fff}.ph-lock-sub,.ph-lock-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-lock-sub{font-size:.78em;color:rgba(255,255,255,.65)}.ph-lock-progress{position:relative;height:.42em;border-radius:999px;background:rgba(255,255,255,.3);margin-top:.95em;overflow:hidden}.ph-lock-progress>span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:rgba(255,255,255,.95)}.ph-lock-times{display:flex;justify-content:space-between;font-size:.72em;font-weight:600;color:rgba(255,255,255,.7);margin-top:.35em}.ph-lock-controls{display:flex;align-items:center;justify-content:center;gap:2.6em;margin-top:.55em;color:#fff}.ph-lock-controls svg{width:1.8em;height:1.8em;display:block}.ph-lock-actions{width:100%;display:flex;justify-content:space-between;padding:1.5em .5em .4em}.ph-lock-action{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}.ph-lock-action svg{width:1.4em;height:1.4em}.ph-lock-home{width:36%;height:.4em;border-radius:999px;background:rgba(255,255,255,.9);margin:.9em auto 0}@media (prefers-reduced-motion:reduce){.ph-eq span{animation:none;transform:scaleY(.65)}.ph-eq span:nth-child(odd){transform:scaleY(.4)}}