:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base:16px;--font-line-height-base:24px;--font-weight-base:400;--font-size-xs:9px;--font-size-sm:10px;--font-size-md:11px;--font-size-lg:12px;--font-size-xl:13px;--font-size-2xl:14px;--font-size-3xl:15px;--font-size-4xl:16px;--font-size-h3:18px;--font-size-h2:22px;--font-size-h1:28px;--color-surface-base:#000;--color-surface-muted:#123853;--color-surface-raised:#0e2d49;--color-surface-strong:#fff;--color-surface-hover:#164368;--color-text-primary:#90a7c0;--color-text-secondary:#9fb3c8;--color-text-tertiary:#e8f1f8;--color-text-inverse:#46586b;--color-border-default:#2a4a6e;--color-border-muted:#1a3652;--color-border-focus:#00c2ff;--color-accent-primary:#00c2ff;--color-accent-hover:#38d1ff;--color-accent-glow:rgba(0,194,255,.25);--color-accent-bg:rgba(0,194,255,.12);--color-success:#10b981;--color-success-bg:rgba(16,185,129,.12);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,.12);--color-error:#ef4444;--color-error-bg:rgba(239,68,68,.12);--space-1:3px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:24px;--space-12:32px;--space-16:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-1:rgba(0,0,0,.08) 1px 2px 40px 0px;--shadow-2:rgba(0,194,255,.15) 0px 0px 0px 1px,rgba(0,194,255,.8) 0px 18px 44px -28px;--shadow-3:rgba(0,194,255,.08) 0px 0px 0px 1px,rgba(0,125,176,.75) 0px 30px 70px -40px;--motion-instant:150ms cubic-bezier(0.16,1,0.3,1);--motion-fast:200ms cubic-bezier(0.16,1,0.3,1);--motion-normal:250ms cubic-bezier(0.16,1,0.3,1);--motion-slow:260ms cubic-bezier(0.16,1,0.3,1);--motion-slower:300ms cubic-bezier(0.16,1,0.3,1);--bg-primary:var(--color-surface-base);--bg-surface:var(--color-surface-raised);--bg-card:var(--color-surface-raised);--border-color:var(--color-border-default);--text-primary:var(--color-text-tertiary);--text-secondary:var(--color-text-primary);--accent-color:var(--color-accent-primary);--accent-hover:var(--color-accent-hover);--success-color:var(--color-success);--warning-color:var(--color-warning);--error-color:var(--color-error)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family-primary);background-color:var(--color-surface-base);color:var(--color-text-primary);min-height:100vh;line-height:var(--font-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--motion-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.design-card{background-color:var(--color-surface-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast)}.design-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-base)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-muted)}