:root{--pm-player-h:64px;--pm-mobile-nav-h:60px;--pm-header-h:58px;--pm-brand-grad:linear-gradient(135deg,var(--ui-primary),var(--ui-accent))}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body.pm-body,.pm-install-body{font-family:var(--ui-font-family);background:var(--ui-bg);color:var(--ui-text);overflow-x:hidden}
.pm-shell{width:min(calc(100% - 24px),1180px);margin-inline:auto}.pm-header{position:sticky;inset-block-start:0;z-index:var(--ui-z-sticky);height:var(--pm-header-h);border-block-end:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-surface),transparent 5%);backdrop-filter:blur(16px)}
.pm-header-inner{height:100%;display:flex;align-items:center;gap:var(--ui-space-3)}.pm-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ui-text);text-decoration:none;min-width:max-content}.pm-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px 7px 12px 7px;background:var(--pm-brand-grad);color:#fff;font:800 17px/1 Arial;box-shadow:var(--ui-shadow-1)}.pm-brand strong{display:block;font-size:14px}.pm-brand small{display:block;color:var(--ui-muted);font:700 8px/1.1 Arial;letter-spacing:1.6px;margin-top:2px}.pm-nav{display:flex;gap:2px;align-items:center;margin-inline-start:var(--ui-space-2)}.pm-header-actions{margin-inline-start:auto;display:flex;gap:var(--ui-space-2);align-items:center}
.pm-main{padding-block:var(--ui-space-5) calc(var(--ui-space-6) + 20px)}.pm-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:center;min-height:390px;gap:var(--ui-space-6);padding-block:var(--ui-space-6)}.pm-hero-copy h1{font-size:clamp(30px,5vw,62px);line-height:1.15;margin:14px 0;max-width:820px;letter-spacing:-1px}.pm-hero-copy p{max-width:760px;color:var(--ui-muted);font-size:15px;line-height:2;margin:0 0 20px}.pm-hero-actions{display:flex;align-items:center;gap:var(--ui-space-3);flex-wrap:wrap}.pm-muted{color:var(--ui-muted)}
.pm-hero-art{height:290px;display:grid;place-items:center;position:relative}.pm-disc{width:210px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,var(--ui-surface) 0 12%,var(--ui-text) 12.5% 14%,color-mix(in srgb,var(--ui-primary),#000 35%) 14.5% 17%,#111827 17.5% 44%,#020617 44.5% 46%,#111827 46.5% 72%,#020617 72.5% 74%,#111827 74.5%);box-shadow:0 28px 70px rgb(0 0 0/.24);transform:rotate(-9deg)}.pm-disc span{width:46px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--pm-brand-grad);color:#fff;font:800 11px Arial;transform:rotate(9deg)}.pm-wave{position:absolute;inset-inline:12%;inset-block-end:10px;display:flex;align-items:end;justify-content:center;height:74px;gap:5px}.pm-wave i{display:block;width:5px;border-radius:4px;background:var(--ui-primary);animation:pm-wave 1.4s ease-in-out infinite alternate}.pm-wave i:nth-child(1){height:18%}.pm-wave i:nth-child(2){height:56%;animation-delay:.12s}.pm-wave i:nth-child(3){height:88%;animation-delay:.22s}.pm-wave i:nth-child(4){height:44%;animation-delay:.32s}.pm-wave i:nth-child(5){height:73%;animation-delay:.42s}.pm-wave i:nth-child(6){height:35%;animation-delay:.52s}.pm-wave i:nth-child(7){height:64%;animation-delay:.62s}.pm-wave i:nth-child(8){height:23%;animation-delay:.72s}@keyframes pm-wave{to{height:16%}}
.pm-section{margin-block:var(--ui-space-6)}.pm-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:var(--ui-space-3)}.pm-section h2{margin:0 0 4px;font-size:21px}.pm-section-head p{margin:0;color:var(--ui-muted)}.pm-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);text-align:center;padding:var(--ui-space-5)}.pm-empty-icon{font-size:36px;color:var(--ui-primary)}.pm-empty span{color:var(--ui-muted)}.pm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-3)}.pm-feature-card{padding:var(--ui-space-4);display:grid;gap:6px}.pm-feature-card span{color:var(--ui-muted);line-height:1.8}
.pm-mobile-nav{display:none}.pm-player{position:fixed;inset-inline:0;inset-block-end:0;height:var(--pm-player-h);z-index:calc(var(--ui-z-sticky) + 5);background:var(--ui-surface);border-block-start:1px solid var(--ui-border)}
.pm-admin-shell{padding-block:var(--ui-space-4)}.pm-admin-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:var(--ui-space-4)}.pm-admin-title h1{margin:6px 0 0}.pm-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-3)}.pm-health-card{padding:var(--ui-space-3);display:flex;align-items:center;gap:10px}.pm-health-card small,.pm-check small{display:block;color:var(--ui-muted);margin-top:2px;direction:ltr;text-align:start}.pm-health-status{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--ui-muted)}.pm-health-status.is-ok{background:var(--ui-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-success),transparent 84%)}.pm-health-status.is-bad{background:var(--ui-danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-danger),transparent 84%)}.pm-health-status.is-warn{background:var(--ui-warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-warning),transparent 84%)}
.pm-install-body{padding:20px}.pm-install{width:min(760px,100%);margin:0 auto}.pm-install-head{display:flex;justify-content:center;padding:12px}.pm-install-steps{list-style:none;margin:10px 0 16px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.pm-install-steps li{text-align:center;padding:8px 4px;border-radius:var(--ui-radius-sm);background:var(--ui-surface-2);color:var(--ui-muted);font-size:11px}.pm-install-steps li.is-active{background:var(--ui-selected);color:var(--ui-primary);font-weight:700}.pm-install-card{padding:var(--ui-space-5)}.pm-install-card h1{margin-top:0}.pm-check-list{display:grid;gap:6px;margin:14px 0 20px}.pm-check{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--ui-separator)}.pm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pm-form-grid label{display:grid;gap:5px;font-weight:700}.pm-span-2{grid-column:1/-1}
@media(max-width:760px){:root{--pm-header-h:54px}.pm-shell{width:min(calc(100% - 18px),1180px)}.pm-nav{display:none}.pm-header-actions .ui-btn-primary{display:none}.pm-main{padding-bottom:calc(var(--pm-mobile-nav-h) + 22px)}.pm-hero{grid-template-columns:1fr;min-height:auto;padding-block:24px;gap:14px}.pm-hero-copy h1{font-size:34px}.pm-hero-copy p{font-size:14px}.pm-hero-art{height:210px}.pm-disc{width:160px}.pm-feature-grid,.pm-health-grid{grid-template-columns:1fr}.pm-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);inset-inline:0;inset-block-end:0;height:calc(var(--pm-mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:var(--ui-z-sticky);background:color-mix(in srgb,var(--ui-surface),transparent 3%);border-top:1px solid var(--ui-border);backdrop-filter:blur(16px)}.pm-mobile-nav-item{border:0;background:transparent;color:var(--ui-muted);display:grid;place-items:center;align-content:center;gap:2px;text-decoration:none;font:inherit;min-width:0}.pm-mobile-nav-item span{font-size:20px;line-height:1}.pm-mobile-nav-item small{font-size:10px}.pm-mobile-nav-item.is-active{color:var(--ui-primary)}.pm-install-body{padding:10px}.pm-install-steps li{font-size:9px;padding-inline:2px}.pm-form-grid{grid-template-columns:1fr}.pm-span-2{grid-column:auto}}
@media(max-width:360px){.pm-hero-copy h1{font-size:29px}.pm-brand strong{font-size:12px}.pm-header-actions{gap:2px}.pm-install-steps{grid-template-columns:1fr 1fr}.pm-install-steps li:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.pm-wave i{animation:none}}