:root{--bg: #05060f;--surface: rgba(12, 16, 32, .65);--surface-border: rgba(0, 240, 255, .1);--surface-glow: rgba(0, 240, 255, .04);--accent: #00f0ff;--accent-dim: rgba(0, 240, 255, .15);--accent-glow: rgba(0, 240, 255, .08);--accent-bright: #7df9ff;--accent-secondary: #818cf8;--text: #d0e8ff;--text-dim: rgba(180, 210, 255, .5);--text-faint: rgba(180, 210, 255, .25);--success: #00ff9d;--success-dim: rgba(0, 255, 157, .1);--warning: #ffb800;--warning-dim: rgba(255, 184, 0, .1);--error: #ff3366;--error-dim: rgba(255, 51, 102, .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--glass: blur(20px) saturate(1.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(129,140,248,.03) 0%,transparent 50%);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-user-select:none;user-select:none}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px);pointer-events:none;z-index:9999}.harp-nav{display:flex;align-items:center;gap:2px}.harp-nav a{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b4d2ff59;padding:5px 12px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:pointer;transition:color .2s,background .2s,border-color .2s;text-decoration:none;font-family:var(--font);white-space:nowrap}.harp-nav a:hover{color:#b4d2ffb3;background:#00f0ff0a;border-color:#00f0ff14}.harp-nav a.active{color:var(--accent);background:#00f0ff14;border-color:#00f0ff26;text-shadow:0 0 8px rgba(0,240,255,.3)}@media(max-width:480px){.harp-nav{gap:1px}.harp-nav a{font-size:10px;padding:4px 6px;letter-spacing:.04em}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.glass-panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);box-shadow:0 0 15px var(--surface-glow),inset 0 1px #ffffff08}.btn-primary{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:14px 32px;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s,border-color .3s,color .3s;font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 20px #00f0ff1a,inset 0 0 20px #00f0ff08;text-shadow:0 0 8px rgba(0,240,255,.4);display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary:hover{background:#00f0ff14;transform:translateY(-2px);box-shadow:0 0 35px #00f0ff33,inset 0 0 30px #00f0ff0f;border-color:var(--accent-bright)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 15px #00f0ff1a}.btn-primary:disabled{opacity:.3;cursor:default;transform:none;box-shadow:none;border-color:var(--text-faint);color:var(--text-faint);text-shadow:none}.badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}body:after{display:none}}