:root{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-elevated: #F1F5F9;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-soft: #EFF6FF;--color-secondary: #3B82F6;--color-accent: #F97316;--color-accent-hover: #EA580C;--color-success: #22C55E;--color-success-soft:#F0FDF4;--color-warning: #F59E0B;--color-warning-soft:#FFFBEB;--color-error: #EF4444;--color-error-soft: #FEF2F2;--color-info: #3B82F6;--color-info-soft: #EFF6FF;--color-text: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-text-inverse:#F8FAFC;--color-border: #E2E8F0;--color-border-light:#F1F5F9;--proficiency-mastered: #22C55E;--proficiency-proficient: #3B82F6;--proficiency-familiar: #F59E0B;--proficiency-planned: #6366F1;--proficiency-locked: #CBD5E1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 25px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.03);--shadow-xl: 0 20px 50px rgba(0,0,0,.08);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-heading: "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--font-body: "Fira Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg)}body{min-height:100vh;line-height:1.6;-webkit-tap-highlight-color:transparent;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}@media (max-width: 640px){html,input,textarea,select,button{font-size:16px}}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}::selection{background:var(--color-primary-soft);color:var(--color-primary)}