:root{--color-brand-yellow: #FDD55B;--color-brand-yellow-soft: #F7B733;--color-sky-blue: #6FB8FF;--color-mint-green: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-accent-purple: #DAB6FC;--color-accent-coral: #FF6B6B;--surface-app-bg: #0A0A0A;--surface-panel: rgba(22, 22, 25, .96);--surface-panel-raised: rgba(255, 255, 255, .025);--surface-panel-subtle: rgba(255, 255, 255, .02);--surface-panel-hover: rgba(255, 255, 255, .04);--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-muted: 1px solid rgba(255, 255, 255, .08);--border-strong: 1px solid rgba(255, 255, 255, .12);--border-brand: 1px solid rgba(253, 213, 91, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .55);--text-faint: rgba(255, 255, 255, .4);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 999px;--gradient-brand-primary: linear-gradient(135deg, #FDD55B, #F7B733);--gradient-brand-hero: linear-gradient(135deg, rgba(253, 213, 91, .12), rgba(247, 183, 51, .04) 50%, transparent);--gradient-brand-corner: radial-gradient(circle, rgba(253, 213, 91, .15), transparent 70%);--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--motion-fast: .12s ease;--motion-base: .18s ease;--motion-slow: .32s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Poppins", "Inter", -apple-system, sans-serif;color-scheme:dark}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.96) translateY(-8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}