.pp{--accent:#6366f1;--pp-bg:#0a0a0a;--pp-bg-image:radial-gradient(ellipse at center top, #1a1a1a 0%, #0a0a0a 60%), linear-gradient(135deg, #111 0%, #1c1c1c 50%, #0a0a0a 100%);--pp-glow:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 50%), radial-gradient(circle at 70% 80%, #8b5cf612 0%, transparent 50%), radial-gradient(circle at 50% 50%, #3b82f60a 0%, transparent 50%);--pp-grid:#ffffff04;--pp-card-bg:#17171766;--pp-card-border:#ffffff0f;--pp-text:#fff;--pp-muted:#9ca3af;--pp-btn-bg:#1f1f1f99;--pp-btn-bg-hover:#1f1f1fd9;--pp-btn-border:#ffffff14;--pp-btn-text:#fff;--pp-social-bg:#1f1f1f66;--pp-shadow:0 8px 40px #0006;min-height:100dvh;color:var(--pp-text);background:var(--pp-bg);background-image:var(--pp-bg-image);isolation:isolate;justify-content:center;align-items:flex-start;padding:clamp(16px,5vw,48px) 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.pp[data-theme=midnight]{--accent:#38bdf8;--pp-bg:#0b1120;--pp-bg-image:radial-gradient(ellipse at top, #13213f 0%, #0b1120 55%), linear-gradient(180deg, #0b1120, #060a14);--pp-glow:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 45%), radial-gradient(circle at 80% 90%, #6366f11f 0%, transparent 50%);--pp-grid:#94a3b808;--pp-card-bg:#0f172a8c;--pp-card-border:#94a3b81f;--pp-muted:#94a3b8;--pp-btn-bg:#1e293bb3;--pp-btn-bg-hover:#1e293bf2;--pp-btn-border:#94a3b826;--pp-social-bg:#1e293b80}.pp[data-theme=paper]{--accent:#0f172a;--pp-bg:#f8fafc;--pp-bg-image:linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--pp-glow:none;--pp-grid:#0f172a08;--pp-card-bg:#fff;--pp-card-border:#e2e8f0;--pp-text:#0f172a;--pp-muted:#475569;--pp-btn-bg:#fff;--pp-btn-bg-hover:#f1f5f9;--pp-btn-border:#cbd5e1;--pp-btn-text:#0f172a;--pp-social-bg:#f1f5f9;--pp-shadow:0 10px 30px #0f172a14}.pp[data-theme=sunset]{--accent:#fff;--pp-bg:#db2777;--pp-bg-image:linear-gradient(160deg, #f97316 0%, #db2777 55%, #7c3aed 100%);--pp-glow:radial-gradient(circle at 20% 15%, #ffffff2e 0%, transparent 45%);--pp-grid:#ffffff0a;--pp-card-bg:#ffffff1a;--pp-card-border:#ffffff40;--pp-muted:#ffffffd9;--pp-btn-bg:#ffffff29;--pp-btn-bg-hover:#ffffff47;--pp-btn-border:#ffffff4d;--pp-social-bg:#ffffff29;--pp-shadow:0 10px 40px #4c051940}.pp[data-theme=forest]{--accent:#4ade80;--pp-bg:#052e16;--pp-bg-image:radial-gradient(ellipse at top, #0b3d22 0%, #052e16 55%), linear-gradient(180deg, #052e16, #021a0d);--pp-glow:radial-gradient(circle at 25% 15%, color-mix(in srgb, var(--accent) 12%, transparent) 0%, transparent 45%);--pp-grid:#bbf7d008;--pp-card-bg:#022c2280;--pp-card-border:#bbf7d01f;--pp-muted:#a7c4b5;--pp-btn-bg:#064e3b8c;--pp-btn-bg-hover:#064e3bd9;--pp-btn-border:#bbf7d024;--pp-social-bg:#064e3b73}.pp[data-mode=preview]{min-height:100%;padding:28px 14px}.pp-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--pp-grid) 1px, transparent 1px), linear-gradient(90deg, var(--pp-grid) 1px, transparent 1px);background-size:80px 80px;position:absolute;inset:0}.pp-bg:after{content:"";background:var(--pp-glow);position:absolute;inset:0}.pp-card{border:1px solid var(--pp-card-border);background:var(--pp-card-bg);-webkit-backdrop-filter:blur(20px);width:100%;max-width:600px;box-shadow:var(--pp-shadow), inset 0 1px 0 #ffffff0d;border-radius:24px;padding:clamp(24px,6vw,40px)}.pp-header{text-align:center;margin-bottom:36px}.pp-avatar{border:2px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);width:130px;height:130px;box-shadow:0 8px 32px #00000040, 0 0 40px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid;overflow:hidden}.pp-avatar img{object-fit:cover;width:100%;height:100%;display:block}.pp-initials{color:var(--pp-text);font-size:44px;font-weight:600}.pp-name{color:var(--pp-text);overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(26px,6vw,34px);font-weight:650;line-height:1.2}.pp-bio{color:var(--pp-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.5}.pp-links{flex-direction:column;gap:14px;display:flex}.pp-link{border:1px solid var(--pp-btn-border);background:var(--pp-btn-bg);min-height:60px;color:var(--pp-btn-text);border-radius:16px;align-items:center;gap:16px;padding:16px 24px;font-size:16px;font-weight:550;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.pp-link:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 16%, transparent), transparent);width:100%;transition:left .6s;position:absolute;inset:0 0 0 -100%}.pp-link:hover{background:var(--pp-btn-bg-hover);border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 8px 30px #0003, 0 0 40px color-mix(in srgb, var(--accent) 12%, transparent);transform:translate(4px)}.pp-link:hover:before{left:100%}.pp-link:focus-visible,.pp-social:focus-visible,.pp-brand a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-link-icon{flex-shrink:0;font-size:20px;display:flex}.pp-link-title{overflow-wrap:anywhere}.pp-socials{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.pp-social{width:48px;height:48px;color:var(--pp-muted);background:var(--pp-social-bg);border:1px solid var(--pp-card-border);border-radius:50%;place-items:center;font-size:21px;transition:color .3s,transform .3s,border-color .3s;display:grid}.pp-social:hover{color:var(--pp-text);border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)scale(1.05)}.pp-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:36px;font-size:13px;display:flex}.pp-legal{opacity:.7;font-size:11px}.pp-legal a{color:var(--pp-muted)}.pp-brand a{color:var(--pp-muted);opacity:.8;text-decoration:none}.pp-brand a:hover{opacity:1;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.pp-card{animation:.9s ease-out both pp-rise}.pp-link{animation:.6s ease-out both pp-slide-in;animation-delay:calc(.15s + var(--i,0) * 80ms)}.pp-bg:after{animation:20s ease-in-out infinite pp-float}}@keyframes pp-rise{0%{transform:translateY(20px)scale(.97)}to{transform:none}}@keyframes pp-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}@keyframes pp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pp-audio-control{top:20px;z-index:20;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);-webkit-backdrop-filter:blur(20px);cursor:pointer;width:52px;height:52px;box-shadow:0 4px 20px #0000004d, 0 0 20px color-mix(in srgb, var(--accent) 12%, transparent);background:#171717cc;border-radius:50%;place-items:center;font-size:18px;transition:transform .3s,border-color .3s;display:grid;position:fixed;inset-inline-end:20px}.pp-audio-control:hover{transform:scale(1.05)}.pp-audio-control:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-audio-control.is-playing{background:#22c55e1f;border-color:#22c55e59}.pp-audio-control.is-paused{background:#f59e0b1a;border-color:#f59e0b4d}.pp-audio-notice{top:28px;z-index:20;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);-webkit-backdrop-filter:blur(20px);color:#e8e8e8;pointer-events:none;background:#171717e6;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:500;position:fixed;inset-inline-end:84px}.pp-audio-notice:before{content:"♪";color:var(--accent);margin-inline-end:8px}@media (prefers-reduced-motion:no-preference){.pp-audio-notice{animation:3s ease-in-out infinite pp-gentle-pulse}.pp-audio-control.is-playing{animation:2s infinite pp-audio-glow}}@keyframes pp-gentle-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes pp-audio-glow{0%,to{box-shadow:0 4px 20px #0000004d,0 0 20px #22c55e1a}50%{box-shadow:0 6px 30px #0006,0 0 30px #22c55e4d}}@media (max-width:480px){.pp-audio-control{top:14px;width:46px;height:46px;font-size:16px;inset-inline-end:14px}.pp-audio-notice{top:20px;inset-inline-end:70px}}.pp-embed{aspect-ratio:16/9;border:1px solid var(--pp-btn-border);color:#fff;width:100%;font:inherit;text-align:start;cursor:pointer;background:#000;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.pp-embed:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-embed img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pp-embed-shade{background:linear-gradient(#0000000d 35%,#000000c7 100%);position:absolute;inset:0}.pp-embed-play{background:#0000008c;border:2px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:20px;transition:transform .2s,background .2s;display:grid;position:absolute;top:46%;left:50%;translate:-50% -50%}.pp-embed-play svg{margin-inline-start:3px}.pp-embed:hover .pp-embed-play{background:#000000bf;transform:scale(1.08)}.pp-embed-meta{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:12px;left:16px;right:16px}.pp-embed-title{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.pp-embed-note{opacity:.75;font-size:11px}.pp-embed iframe{border:0;width:100%;height:100%;display:block}.pp-embed.is-spotify{aspect-ratio:auto;background:linear-gradient(135deg,#1ed760 0%,#0d5c2b 100%)}.pp-embed.is-spotify:not(.is-playing){align-items:center;gap:14px;padding:12px;display:flex}.pp-embed.is-spotify img{aspect-ratio:1;border-radius:8px;flex-shrink:0;width:auto;height:100%;position:static}.pp-embed.is-spotify .pp-embed-shade{display:none}.pp-embed.is-spotify .pp-embed-meta{flex:1;min-width:0;position:static}.pp-embed.is-spotify .pp-embed-play{color:#000;background:#fff;border:0;flex-shrink:0;width:48px;height:48px;position:static;translate:none}.pp-embed.is-spotify.is-playing{background:0 0;border:0}.pp-embed.is-spotify iframe{border-radius:12px}.pp-subscribe{border:1px solid var(--pp-btn-border);background:var(--pp-btn-bg);text-align:center;border-radius:16px;margin-top:28px;padding:20px}.pp-subscribe-title{color:var(--pp-text);overflow-wrap:anywhere;margin:0 0 12px;font-size:16px;font-weight:600}.pp-subscribe-form{gap:8px;display:flex}.pp-subscribe-input{border:1px solid var(--pp-btn-border);background:var(--pp-card-bg);min-width:0;min-height:46px;color:var(--pp-text);font:inherit;border-radius:12px;flex:1;padding:10px 14px;font-size:15px}.pp-subscribe-input::placeholder{color:var(--pp-muted)}.pp-subscribe-input:focus{outline:2px solid var(--accent);outline-offset:1px}.pp-subscribe-btn{background:var(--accent);min-height:46px;color:var(--pp-bg);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 18px;font-size:15px;font-weight:650}.pp-subscribe-btn:disabled{opacity:.6;cursor:wait}.pp-subscribe-btn:focus-visible{outline:2px solid var(--pp-text);outline-offset:2px}.pp-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.pp-subscribe-done{color:var(--pp-text);margin:0;font-weight:600}.pp-subscribe-error{text-align:start;color:var(--pp-text);border-inline-start:3px solid #ef4444;margin:10px 0 0;padding-inline-start:10px;font-size:13px}.pp-subscribe-consent{color:var(--pp-muted);margin:10px 0 0;font-size:11px;line-height:1.45}.pp-subscribe-consent a{color:inherit}@media (max-width:420px){.pp-subscribe-form{flex-direction:column}}@media (prefers-reduced-motion:no-preference){.pp-embed,.pp-subscribe{animation:.6s ease-out both pp-slide-in;animation-delay:calc(.15s + var(--i,0) * 80ms)}}