:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg-deep:#090d16;--color-bg-base:#0f1524;--color-glass-base:#121a2fa6;--color-glass-highlight:#1e293bd9;--color-border-glass:#ffffff14;--color-border-focus:#6366f180;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-morning:#f59e0b;--color-morning-glow:#f59e0b26;--color-day:#06b6d4;--color-day-glow:#06b6d426;--color-night:#8b5cf6;--color-night-glow:#8b5cf626;--color-control-within:#10b981;--color-control-influence:#3b82f6;--color-control-outside:#ef4444;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 8px 30px #0009;--shadow-lg:0 20px 40px -5px #000c;--glow-morning:0 0 25px #f59e0b33;--glow-day:0 0 25px #06b6d433;--glow-night:0 0 25px #8b5cf633;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:radial-gradient(circle at 10% 20%, #0c1222 0%, var(--color-bg-deep) 90%);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-deep)}::-webkit-scrollbar-thumb{background:var(--color-border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{max-width:1000px;margin:0 auto;padding:1.5rem}.card-glass{background:var(--color-glass-base);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-md);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:20px;padding:2rem}.card-glass:hover{border-color:#ffffff26}.input-field,.select-field,.textarea-field{border:1px solid var(--color-border-glass);width:100%;color:var(--color-text-primary);font-family:var(--font-body);transition:all var(--transition-fast);background:#080c17b3;border-radius:12px;outline:none;padding:.85rem 1rem;font-size:.95rem}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-border-focus);background:#0f1524e6;box-shadow:0 0 10px #6366f140}.textarea-field{resize:vertical;min-height:120px}.btn-glass{border:1px solid var(--color-border-glass);color:var(--color-text-primary);font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-glass:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.btn-glass:active:not(:disabled){transform:translateY(0)}.btn-glass:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent-color,var(--color-morning));color:#000;font-family:var(--font-heading);box-shadow:0 4px 14px -3px var(--accent-color,var(--color-morning));border:none;font-weight:600}.btn-accent:hover:not(:disabled){background:var(--accent-color-hover,var(--color-morning));color:#000;box-shadow:0 6px 20px -3px var(--accent-color,var(--color-morning));transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn var(--transition-fast) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-smooth) cubic-bezier(.16, 1, .3, 1) forwards}.animate-scale{animation:scaleIn var(--transition-smooth) cubic-bezier(.16, 1, .3, 1) forwards}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-within{color:var(--color-control-within);background:#10b98126;border:1px solid #10b9814d}.badge-influence{color:var(--color-control-influence);background:#3b82f626;border:1px solid #3b82f64d}.badge-outside{color:var(--color-control-outside);background:#ef444426;border:1px solid #ef44444d}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1;width:100%;padding:2rem 0}