:root{--color-bg: #0B0F1A;--color-bg-deep: #020617;--color-surface: #0E1223;--color-surface-elevated: #1A2332;--color-surface-glass: rgba(14, 18, 35, .85);--color-primary: #00B4D8;--color-primary-light: #48CAE4;--color-primary-dark: #0096B7;--color-accent: #8B5CF6;--color-accent-light: #A78BFA;--color-highlight: #F59E0B;--color-positive: #22C55E;--color-positive-light: #34D399;--color-negative: #EF4444;--color-negative-light: #F87171;--color-text: #F1F5F9;--color-text-bright: #F8FAFC;--color-text-muted: #94A3B8;--color-text-dim: #64748B;--color-border: #1E293B;--color-border-hover: #334155;--glow-primary: 0 0 20px rgba(0, 180, 216, .15);--glow-accent: 0 0 20px rgba(139, 92, 246, .15);--glow-positive: 0 0 12px rgba(34, 197, 94, .3);--glow-negative: 0 0 12px rgba(239, 68, 68, .3);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 4px 16px rgba(0, 180, 216, .15);--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--transition-micro: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-entrance: .4s cubic-bezier(.16, 1, .3, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--primary-color: var(--color-primary);--primary-dark: var(--color-primary-dark);--accent-color: var(--color-accent);--secondary-color: var(--color-accent);--secondary-dark: #080C14;--secondary-gradient: linear-gradient(90deg, #00B4D8, #8B5CF6);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--card-background: var(--color-surface);--bg-void: #080C14;--accent-urgency: var(--color-highlight);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--transition-fast: var(--transition-micro);--subtle-green-shadow: rgba(0, 180, 216, .08);--subtle-grey-shadow: rgba(139, 92, 246, .06);--success-color: var(--color-positive);--danger-color: var(--color-negative);--primary-color-rgb: 0, 180, 216}@media(max-width:768px){:root{--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 18px;--spacing-lg: 24px;--spacing-xl: 36px;--spacing-xxl: 48px}}@media(max-width:480px){:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px}}*{box-sizing:border-box;margin:0;padding:0}html,html body,#root{color-scheme:dark;overflow-x:hidden;overflow-x:clip;max-width:100vw}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;letter-spacing:.01em;font-weight:400;position:relative;overflow-x:hidden;overflow-x:clip;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}body:before{content:"";position:fixed;width:800px;height:800px;top:-300px;left:-200px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(150px);background:radial-gradient(circle,rgba(0,180,216,.04) 0%,transparent 70%);animation:ambientDrift1 30s ease-in-out infinite}body:after{display:none}@keyframes ambientDrift1{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}@media(max-width:768px){body:before{animation:none;opacity:.5;width:400px;height:400px}body:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}code{font-family:var(--font-mono)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-micro)}a:hover{color:var(--color-primary-light)}a.animated-link{position:relative}a.animated-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:var(--color-primary);transition:width var(--transition-normal)}a.animated-link:hover:after{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);line-height:1.2}h1{font-weight:700;font-size:2.5rem;letter-spacing:-.03em}h2{font-weight:700;font-size:2rem;letter-spacing:-.02em}h3{font-weight:600;font-size:1.75rem;letter-spacing:-.01em}h4{font-weight:600;font-size:1.5rem}h5{font-weight:600;font-size:1.25rem}h6{font-weight:600;font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-muted)}button{cursor:pointer;font-family:var(--font-sans);font-weight:500}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.card,.glass-card{background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-primary);border-color:var(--color-border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;line-height:1.5;border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;letter-spacing:.01em;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(135deg,#00b4d8,#0096b7);box-shadow:0 2px 8px #00b4d84d}.btn-primary:hover{box-shadow:0 4px 16px #00b4d866;transform:translateY(-1px) scale(1.02)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d}.btn-secondary:hover{box-shadow:0 4px 16px #8b5cf666;transform:translateY(-1px) scale(1.02)}.btn-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #10b9814d}.btn-success:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.btn-warning{color:#0b0f1a;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.btn-warning:hover{box-shadow:0 4px 16px #f59e0b66;transform:translateY(-1px)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.text-gradient{background:linear-gradient(135deg,#00b4d8,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}}@media(min-width:481px)and (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px)and (max-width:1440px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1441px){.container{max-width:1320px}}.spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,180,216,.15);border-radius:50%;border-top-color:var(--color-primary);box-shadow:var(--glow-primary);animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.signal--positive{--signal-hue: 34, 197, 94}.signal--negative{--signal-hue: 239, 68, 68}.signal--neutral{--signal-hue: 148, 163, 184}.signal--info{--signal-hue: 0, 180, 216}.signal--warn{--signal-hue: 245, 158, 11}.signal--muted{--signal-hue: 71, 85, 105}.signal-plate{position:relative;border-radius:var(--radius-md);background-color:rgba(var(--signal-hue, 148, 163, 184),.045);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 148, 163, 184),.18);transition:background-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.signal-plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 100% at 0% 0%,rgba(var(--signal-hue, 148, 163, 184),.1),transparent 60%)}.signal-plate>*{position:relative}.signal-plate--interactive:hover{background-color:rgba(var(--signal-hue, 148, 163, 184),.075);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 148, 163, 184),.38),0 8px 24px #0006}.signal-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;white-space:nowrap;color:rgb(var(--signal-hue, 148, 163, 184));background:rgba(var(--signal-hue, 148, 163, 184),.1);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 148, 163, 184),.24)}.signal-tag:before{content:"";flex-shrink:0;width:6px;height:6px;background:currentColor;border-radius:1px;transform:rotate(45deg);box-shadow:0 0 7px rgba(var(--signal-hue, 148, 163, 184),.65)}.signal-tag.signal--positive:before{clip-path:polygon(50% 0%,100% 100%,0% 100%);border-radius:0;transform:none;width:8px;height:7px}.signal-tag.signal--negative:before{clip-path:polygon(50% 100%,0% 0%,100% 0%);border-radius:0;transform:none;width:8px;height:7px}.signal-tag--bare{padding:0;background:none;box-shadow:none}.signal-rule{border:0;height:1px;width:100%;margin:0;background:linear-gradient(90deg,rgba(var(--signal-hue, 148, 163, 184),.5),rgba(var(--signal-hue, 148, 163, 184),.08) 42%,transparent 88%)}.signal-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--signal-hue, 148, 163, 184));margin-bottom:10px}.signal-eyebrow:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--signal-hue, 148, 163, 184),.32),transparent 85%)}@media(prefers-reduced-motion:reduce){.signal-plate{transition:none}}.is-draggable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.is-draggable.is-dragging{cursor:grabbing}.is-draggable a,.is-draggable span,.is-draggable img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.is-draggable.is-dragging a{cursor:grabbing}.is-draggable.is-dragging a:hover{transform:none}.error-message{color:var(--color-negative);background-color:#ef444414;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:inset 0 0 0 1px #ef44444d,0 4px 12px #ef44441a;animation:fadeIn .3s var(--transition-entrance)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 8px #00b4d84d}50%{opacity:1;box-shadow:0 0 16px #00b4d880}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .25s,transform .25s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .18s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.page-transition-enter,.page-transition-enter-active,.page-transition-exit-active{transition:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tabular-nums{font-variant-numeric:tabular-nums}.ai-indicator{position:relative;padding-left:14px}.ai-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 8px #8b5cf699;animation:ai-pulse 2s ease-in-out 3}@keyframes ai-pulse{0%,to{opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}::selection{background:#00b4d84d;color:#fff}