:root{color-scheme:dark;--color-midnight-canvas:#05060f;--color-steel-plate:#2f343e;--color-fog-veil:#9da7ba;--color-moon-mist:#c7d3ea;--color-frost-glow:#d1e4fa;--color-ice-highlight:#d8ecf8;--color-pure-white:#ffffff;--color-void-violet:#663af3;--color-blueprint-blue:#b6d9fc;--color-glass-edge:rgba(186,215,247,0.12);--color-luminous-fill:rgba(199,211,234,0.12);--gradient-skywash:linear-gradient(0deg,#d8ecf8,#98c0ef);--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--status-info:#b6d9fc;--surface-frosted-glass:rgba(186,214,247,0.03);--surface-deep-glass:rgba(5,6,15,0.97);--surface-ghost-fill:rgba(186,214,247,0.06);--surface-ghost-fill-hover:rgba(186,214,247,0.12);--font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk","Inter",ui-sans-serif,system-ui,sans-serif;--font-eyebrow:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--text-caption:12px;--text-body-sm:14px;--text-body:16px;--text-subheading:18px;--text-heading-sm:24px;--text-heading:28px;--text-heading-lg:44px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--radius-cards:16px;--radius-badges:6px;--radius-inputs:6px;--radius-buttons:999px;--radius-icon:9999px;--elevation-card:inset 0 1px 1px rgba(199,211,234,0.12),inset 0 24px 48px rgba(199,211,234,0.05),0 24px 32px rgba(6,6,14,0.7);--elevation-modal:inset 0 1px 1px rgba(216,236,248,0.2),inset 0 24px 48px rgba(168,216,245,0.06),0 16px 32px rgba(0,0,0,0.3);--hairline:inset 0 0 0 1px rgba(186,215,247,0.12);--focus-ring:0 0 0 2px #05060f,0 0 0 4px #b6d9fc}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background-color:var(--color-midnight-canvas);color:var(--color-frost-glow);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.5;letter-spacing:-.16px;-webkit-font-smoothing:antialiased}.pp-canvas:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(186,215,247,.06) 1px,transparent 0),linear-gradient(90deg,rgba(186,215,247,.06) 1px,transparent 0);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000 40%,transparent 85%);mask-image:radial-gradient(ellipse at 50% 0,#000 40%,transparent 85%)}.pp-canvas>*{position:relative;z-index:1}a{color:var(--color-frost-glow)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-badges)}.pp-eyebrow{font-family:var(--font-eyebrow);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-moon-mist)}.pp-card{background:var(--surface-frosted-glass);padding:var(--spacing-24);box-shadow:var(--elevation-card)}.pp-card,.pp-modal-card{border-radius:var(--radius-cards)}.pp-modal-card{background:var(--surface-deep-glass);padding:var(--spacing-32);box-shadow:var(--elevation-modal)}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);border:0;border-radius:var(--radius-buttons);padding:8px 16px;font-family:var(--font-ui);font-size:var(--text-body-sm);font-weight:500;cursor:pointer;text-decoration:none;background:var(--surface-ghost-fill);color:var(--color-pure-white);box-shadow:var(--hairline)}.pp-btn:hover:not(:disabled){background:var(--surface-ghost-fill-hover)}.pp-btn--ghost{background:transparent;color:var(--color-frost-glow)}.pp-btn--primary{background:var(--color-void-violet);color:var(--color-pure-white);padding:12px 24px;box-shadow:none}.pp-btn--primary:hover:not(:disabled){background:#7a52f5}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-alert{border-radius:var(--radius-badges);padding:var(--spacing-12) var(--spacing-16);font-size:var(--text-body-sm);display:flex;gap:var(--spacing-8);align-items:flex-start}.pp-alert--critical{background:rgba(208,59,59,.12);color:#ffb3b3;box-shadow:inset 0 0 0 1px rgba(208,59,59,.4)}.pp-alert--warning{background:rgba(250,178,25,.1);color:#ffd98a;box-shadow:inset 0 0 0 1px rgba(250,178,25,.35)}.pp-muted{color:var(--color-moon-mist)}.pp-helper{color:var(--color-fog-veil);font-size:var(--text-body-sm)}.pp-badge{border-radius:var(--radius-badges);background:var(--color-luminous-fill);color:var(--color-frost-glow);padding:4px 8px;font-size:var(--text-caption);font-weight:500}h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0}