:root{--color-bg: #0D0F12;--color-bg-deep: #0A0C0E;--color-surface: #14171B;--color-surface-elevated: #1B1F25;--color-surface-glass: #14171B;--color-primary: #81C5DA;--color-primary-light: #A0D4E3;--color-primary-dark: #59B3CF;--color-accent: #81C5DA;--color-accent-light: #A0D4E3;--color-highlight: #D9A441;--color-brand: #E8EAED;--color-positive: #3FBF7F;--color-positive-light: #62D19A;--color-negative: #E5484D;--color-negative-light: #EE6B6F;--color-benchmark: #8E97A3;--color-text: #E8EAED;--color-text-bright: #F4F5F7;--color-text-muted: #9AA3AD;--color-text-dim: #6B737D;--color-border: #262B33;--color-border-hover: #3A414B;--glow-primary: none;--glow-accent: none;--glow-positive: none;--glow-negative: none;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: none;--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: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono: "Red Hat Mono", "SFMono-Regular", Menlo, Consolas, monospace;--primary-color: var(--color-primary);--primary-dark: var(--color-primary-dark);--accent-color: var(--color-accent);--secondary-color: var(--color-accent);--secondary-dark: var(--color-bg-deep);--secondary-gradient: var(--color-primary);--text-primary: var(--color-text);--text-secondary: var(--color-text-muted);--card-background: var(--color-surface);--bg-void: var(--color-bg-deep);--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(129, 197, 218, .08);--subtle-grey-shadow: rgba(129, 197, 218, .06);--success-color: var(--color-positive);--danger-color: var(--color-negative);--primary-color-rgb: 129, 197, 218}@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);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-weight:450;position:relative;overflow-x:hidden;overflow-x:clip}@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:1px;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:600;font-size:2.5rem;letter-spacing:-.02em}h2{font-weight:600;font-size:2rem;letter-spacing:-.015em}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);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:border-color var(--transition-micro);position:relative;overflow:hidden}.card:hover,.glass-card:hover{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:1px solid transparent;padding:.7rem 1.4rem;font-size:.9rem;font-weight:500;line-height:1.5;border-radius:var(--radius-sm);transition:background-color var(--transition-micro),border-color var(--transition-micro),color var(--transition-micro);position:relative;overflow:hidden;cursor:pointer}.btn-primary{color:var(--color-bg);background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{color:var(--color-text);background:transparent;border-color:var(--color-border-hover)}.btn-secondary:hover{background:var(--color-surface-elevated)}.btn-success{color:var(--color-bg);background:var(--color-positive)}.btn-success:hover{background:var(--color-positive-light)}.btn-warning{color:var(--color-bg);background:var(--color-highlight)}.btn-warning:hover{filter:brightness(1.08)}.btn-danger{color:#fff;background:var(--color-negative)}.btn-danger:hover{background:var(--color-negative-light)}.text-gradient{color:var(--color-primary)}.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:40px;height:40px;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-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: 63, 191, 127}.signal--negative{--signal-hue: 229, 72, 77}.signal--neutral{--signal-hue: 154, 163, 173}.signal--info{--signal-hue: 129, 197, 218}.signal--warn{--signal-hue: 217, 164, 65}.signal--muted{--signal-hue: 107, 115, 125}.signal-plate{position:relative;border-radius:var(--radius-md);background-color:rgba(var(--signal-hue, 154, 163, 173),.05);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 154, 163, 173),.2);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.signal-plate>*{position:relative}.signal-plate--interactive:hover{background-color:rgba(var(--signal-hue, 154, 163, 173),.08);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 154, 163, 173),.4)}.signal-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:3px;white-space:nowrap;color:rgb(var(--signal-hue, 154, 163, 173));background:rgba(var(--signal-hue, 154, 163, 173),.08);box-shadow:inset 0 0 0 1px rgba(var(--signal-hue, 154, 163, 173),.3)}.signal-tag:before{content:"";flex-shrink:0;width:6px;height:6px;background:currentColor;border-radius:1px;transform:rotate(45deg)}.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, 154, 163, 173),.5),rgba(var(--signal-hue, 154, 163, 173),.08) 42%,transparent 88%)}.signal-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--signal-hue, 154, 163, 173));margin-bottom:10px}.signal-eyebrow:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--signal-hue, 154, 163, 173),.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:#e5484d12;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);box-shadow:inset 0 0 0 1px #e5484d4d;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)}}.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}::selection{background:#81c5da4d;color:#fff}