:root{--pm-bg-page: #06080c;--pm-bg-board: #0a0d13;--pm-bg-header: #0d1119;--pm-bg-card: #11151d;--pm-fg-primary: #f4f5f7;--pm-fg-secondary: #8a92a1;--pm-fg-tertiary: #6b7384;--pm-fg-dim: #5a6172;--pm-border-subtle: rgba(255, 255, 255, .07);--pm-sev-critical: #ff5630;--pm-sev-critical-text: #ff8f73;--pm-sev-critical-soft: rgba(255, 86, 48, .14);--pm-sev-warning: #ff8b00;--pm-sev-warning-text: #ffb766;--pm-sev-warning-soft: rgba(255, 139, 0, .14);--pm-sev-low: #ffc400;--pm-sev-low-text: #ffd84d;--pm-sev-low-soft: rgba(255, 196, 0, .14);--pm-sev-ok: #36b37e;--pm-sev-ok-text: #57d9a3;--pm-sev-ok-soft: rgba(54, 179, 126, .14);--pm-font-body: "Inter", system-ui, sans-serif;--pm-font-display: "Inter Display", "Inter", system-ui, sans-serif}html,body{margin:0;padding:0;background:var(--pm-bg-page);font-family:var(--pm-font-body);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.pm-pairing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--pm-bg-page);color:var(--pm-fg-primary);font-family:var(--pm-font-body);text-align:center}.pm-pairing__title{font-family:var(--pm-font-display);font-size:1.75rem;font-weight:600;margin:0}.pm-pairing__code{font-family:var(--pm-font-display);font-size:4rem;font-weight:700;letter-spacing:.3em;margin:0;color:var(--pm-fg-primary)}.pm-pairing__qr{border-radius:8px;background:#fff;padding:12px}.pm-pairing__hint{color:var(--pm-fg-secondary);font-size:1rem;max-width:28rem}.pm-auth-form,.pm-auth-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--pm-bg-page);color:var(--pm-fg-primary);font-family:var(--pm-font-body);padding:2rem}.pm-auth-panel__form{display:flex;flex-direction:column;align-items:center;gap:.75rem}.pm-auth-form__title,.pm-auth-panel__title{font-family:var(--pm-font-display);font-size:1.5rem;font-weight:600;margin:0}.pm-auth-form input,.pm-auth-panel input{background:var(--pm-bg-card);border:1px solid var(--pm-border-subtle);border-radius:6px;color:var(--pm-fg-primary);padding:.6rem .8rem;font-size:1rem;min-width:16rem}.pm-auth-form button,.pm-auth-panel button{background:var(--pm-sev-ok);border:none;border-radius:6px;color:#06080c;padding:.6rem 1.2rem;font-weight:600;cursor:pointer}.pm-auth-form__error,.pm-auth-panel__message{color:var(--pm-sev-critical-text);font-size:.9rem}.pm-auth-panel__message--success{color:var(--pm-sev-ok-text);font-size:.9rem}