:root{--color-bg-base:#e5e5ea;--color-bg-panel:#fffffff2;--color-bg-panel-border:#00000026;--color-accent-blue:#007aff;--color-accent-blue-glow:#007aff4d;--color-accent-orange:#ff9500;--color-accent-cyan:#32ade6;--color-text-main:#000;--color-text-muted:#636366;--color-text-alert:#ff3b30;--color-canvas-bg:#fff;--color-canvas-target:#00000008;--color-canvas-stroke:#0003;--color-canvas-center:#000;--color-bg-inner:#fffc;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--hud-radius:24px;--hud-padding:2rem;--inner-padding:1.5rem}body.dark{--color-bg-base:#121212;--color-bg-panel:#1c1c1ebf;--color-bg-panel-border:#ffffff1a;--color-text-main:#e5e5ea;--color-text-muted:#8e8e93;--color-canvas-bg:#1c1c1e;--color-canvas-target:#ffffff0d;--color-canvas-stroke:#ffffff26;--color-canvas-center:#e5e5ea;--color-bg-inner:#0000004d;--color-accent-blue:#5e9cff;--color-accent-orange:#ffb347;--color-accent-cyan:#64d2ff;letter-spacing:.015em}@keyframes ambientPulse{0%{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.25;transform:translate(-50%,-50%)scale(1.1)}to{opacity:.15;transform:translate(-50%,-50%)scale(1)}}@keyframes impactPulse{0%{box-shadow:0 0 #ff3b3099}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}body:before{content:"";background:radial-gradient(circle, var(--color-accent-cyan) 0%, transparent 40%);opacity:.1;z-index:-1;pointer-events:none;width:150vw;height:150vw;animation:15s ease-in-out infinite ambientPulse;position:fixed;top:0;left:50%;transform:translate(-50%,-50%)}body:after{content:"";background:radial-gradient(circle, var(--color-accent-orange) 0%, transparent 40%);opacity:.05;z-index:-1;pointer-events:none;width:100vw;height:100vw;animation:20s ease-in-out infinite alternate-reverse ambientPulse;position:fixed;bottom:-20%;right:-20%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;padding:2rem;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.015em;font-weight:600}.hud-panel{background:var(--color-bg-panel);border:1px solid var(--color-bg-panel-border);border-radius:var(--hud-radius);-webkit-backdrop-filter:blur(24px);padding:var(--hud-padding);border-top:1px solid #ffffff26;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 20px 50px #00000026,inset 0 2px 10px #ffffff05}.hud-input{background:var(--color-bg-base);border:1px solid var(--color-bg-panel-border);color:var(--color-text-main);font-family:var(--font-sans);border-radius:12px;outline:none;width:100%;padding:.85rem 1.2rem;font-size:1rem;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 8px #00000005}.hud-input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px var(--color-accent-blue-glow)}.hud-label{font-family:var(--font-sans);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.hud-button{background:var(--color-bg-base);border:1px solid var(--color-bg-panel-border);color:var(--color-text-main);font-family:var(--font-sans);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.hud-button:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.hud-button:hover:not(:disabled){border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.hud-button:hover:not(:disabled):after{opacity:1}.hud-button:active:not(:disabled){opacity:.8;transform:scale(.97)}.hud-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.hud-button.primary{background:var(--color-accent-blue);color:#fff;box-shadow:0 4px 14px var(--color-accent-blue-glow);border:none}.hud-button.primary:hover:not(:disabled){box-shadow:0 6px 20px var(--color-accent-blue-glow);background:#006ae6}.text-cyan{color:var(--color-accent-blue)}.text-orange{color:var(--color-accent-orange)}.text-alert{color:var(--color-text-alert)}.app-header{border-bottom:1px solid var(--color-bg-panel-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.progress-tracker{align-items:center;gap:2rem;font-size:.85rem;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=768px){body{padding:1rem}.app-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-tracker{justify-content:space-between;gap:.5rem;width:100%;font-size:.75rem}.form-grid{grid-template-columns:1fr;gap:1rem}:root{--hud-padding:1rem;--inner-padding:.85rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}