:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-input: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-placeholder: #64748b;--accent: #2dd4bf;--accent-hover: #5eead4;--accent-dark: #14b8a6;--success: #4ade80;--success-bg: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--error: #f87171;--error-bg: rgba(248, 113, 113, .15);--surface-ground: var(--bg-primary);--surface-card: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-border: #475569;--surface-border-light: #334155;--primary-color: var(--accent);--primary-color-dark: var(--accent-dark);--text-disabled: #64748b;--bg-disabled: #334155;--focus-ring: var(--accent);--focus-ring-offset: var(--bg-primary);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition: .2s ease;--min-touch-target: 44px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #e2e8f0;--bg-input: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--text-placeholder: #64748b;--accent: #0d9488;--accent-hover: #0f766e;--accent-dark: #0f766e;--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--surface-ground: var(--bg-primary);--surface-card: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-border: #cbd5e1;--surface-border-light: #e2e8f0;--text-disabled: #94a3b8;--bg-disabled: #e2e8f0;--focus-ring: var(--accent);--focus-ring-offset: var(--bg-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.6;font-weight:400;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.375rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}strong,b{font-weight:600;color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}.btn,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition)}.btn:disabled,.btn-secondary:disabled,.btn-primary:disabled{cursor:not-allowed;background:var(--bg-disabled);color:var(--text-disabled)}.btn-primary{background:var(--accent);color:#0f172a}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{background:var(--bg-disabled);color:var(--text-disabled)}.btn-secondary{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent);color:#0f172a}.btn-secondary:disabled{border-color:var(--text-disabled);color:var(--text-disabled);background:transparent}input,textarea,select{width:100%;padding:.875rem 1rem;background:var(--bg-input);border:2px solid var(--surface-border);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition)}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf33}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-placeholder)}input:disabled,textarea:disabled,select:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;border-color:var(--surface-border-light)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder,[data-theme=light] select::placeholder{color:#64748b}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{box-shadow:0 0 0 3px #0d948833;border-color:#0d9488}[data-theme=light] input:-webkit-autofill,[data-theme=light] input:-webkit-autofill:hover,[data-theme=light] input:-webkit-autofill:focus,[data-theme=light] textarea:-webkit-autofill,[data-theme=light] textarea:-webkit-autofill:hover,[data-theme=light] textarea:-webkit-autofill:focus,[data-theme=light] select:-webkit-autofill,[data-theme=light] select:-webkit-autofill:hover,[data-theme=light] select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f1f5f9 inset!important;-webkit-text-fill-color:#0f172a!important;caret-color:#0f172a}.card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--surface-border-light);padding:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-small{font-size:.875rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:1rem 2rem;background:var(--accent);color:#0f172a;font-weight:600;text-decoration:none;border-radius:0 0 var(--border-radius) 0;transition:top .2s}.skip-link:focus{top:0}*:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--bg-input: #0a0a0a;--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #d4d4d4;--text-placeholder: #a3a3a3;--accent: #5eead4;--accent-hover: #99f6e4;--surface-border: #525252;--surface-border-light: #404040;--text-disabled: #737373;--bg-disabled: #262626}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--bg-input: #fafafa;--text-primary: #000000;--text-secondary: #171717;--text-muted: #262626;--text-placeholder: #525252;--accent: #0f766e;--surface-border: #404040}button,a,input,select{border:2px solid currentColor!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .skip-link{left:auto;right:0;border-radius:0 0 0 var(--border-radius)}@media (pointer: coarse){button,a,input[type=checkbox],input[type=radio],select{min-height:var(--min-touch-target);min-width:var(--min-touch-target)}.btn,.btn-primary,.btn-secondary{min-height:var(--min-touch-target);padding:.875rem 1.5rem}}@media print{*{background:#fff!important;color:#000!important}a{text-decoration:underline}.skip-link,nav,footer{display:none!important}}img[loading=lazy]{background:var(--bg-tertiary)}[data-font-size=large]{font-size:18px}[data-font-size=large] h1{font-size:2.25rem}[data-font-size=large] h2{font-size:1.75rem}[data-font-size=large] h3{font-size:1.5rem}[data-font-size=large] .btn,[data-font-size=large] .btn-primary,[data-font-size=large] .btn-secondary{font-size:1.125rem;padding:.875rem 1.75rem}[data-font-size=x-large]{font-size:20px}[data-font-size=x-large] h1{font-size:2.5rem}[data-font-size=x-large] h2{font-size:2rem}[data-font-size=x-large] h3{font-size:1.75rem}[data-font-size=x-large] .btn,[data-font-size=x-large] .btn-primary,[data-font-size=x-large] .btn-secondary{font-size:1.25rem;padding:1rem 2rem}[data-contrast=high]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1a1a1a;--bg-input: #0a0a0a;--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-muted: #d4d4d4;--text-placeholder: #a3a3a3;--accent: #5eead4;--accent-hover: #99f6e4;--surface-border: #525252;--surface-border-light: #404040;--text-disabled: #737373;--bg-disabled: #262626}[data-contrast=high] button,[data-contrast=high] a,[data-contrast=high] input,[data-contrast=high] select,[data-contrast=high] textarea{border-width:2px}[data-contrast=high][data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--bg-input: #fafafa;--text-primary: #000000;--text-secondary: #171717;--text-muted: #262626;--text-placeholder: #525252;--accent: #0f766e;--accent-hover: #0d9488;--surface-border: #404040}[data-theme=midnight]{--bg-primary: #0c1021;--bg-secondary: #141b2d;--bg-tertiary: #1e293b;--bg-input: #141b2d;--text-primary: #e0e7ff;--text-secondary: #c7d2fe;--text-muted: #a5b4fc;--text-placeholder: #818cf8;--accent: #6366f1;--accent-hover: #818cf8;--accent-dark: #4f46e5;--success: #4ade80;--success-bg: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--error: #f87171;--error-bg: rgba(248, 113, 113, .15);--surface-ground: var(--bg-primary);--surface-card: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-border: #334155;--surface-border-light: #1e293b;--text-disabled: #64748b;--bg-disabled: #1e293b}[data-theme=nord]{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--bg-input: #3b4252;--text-primary: #eceff4;--text-secondary: #e5e9f0;--text-muted: #d8dee9;--text-placeholder: #81a1c1;--accent: #88c0d0;--accent-hover: #8fbcbb;--accent-dark: #5e81ac;--success: #a3be8c;--success-bg: rgba(163, 190, 140, .15);--warning: #ebcb8b;--warning-bg: rgba(235, 203, 139, .15);--error: #bf616a;--error-bg: rgba(191, 97, 106, .15);--surface-ground: var(--bg-primary);--surface-card: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-border: #4c566a;--surface-border-light: #434c5e;--text-disabled: #81a1c1;--bg-disabled: #434c5e}[data-theme=monokai]{--bg-primary: #272822;--bg-secondary: #2d2e27;--bg-tertiary: #3e3d32;--bg-input: #2d2e27;--text-primary: #f8f8f2;--text-secondary: #cfcfc2;--text-muted: #a6a594;--text-placeholder: #75715e;--accent: #66d9ef;--accent-hover: #a1efe4;--accent-dark: #4fc1d9;--success: #a6e22e;--success-bg: rgba(166, 226, 46, .15);--warning: #e6db74;--warning-bg: rgba(230, 219, 116, .15);--error: #f92672;--error-bg: rgba(249, 38, 114, .15);--surface-ground: var(--bg-primary);--surface-card: var(--bg-secondary);--surface-hover: var(--bg-tertiary);--surface-border: #49483e;--surface-border-light: #3e3d32;--text-disabled: #75715e;--bg-disabled: #3e3d32}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}@media (prefers-reduced-motion: reduce){.animate-fade-in,.animate-fade-in-up,.animate-slide-in-left,.animate-scale-in,.animate-pulse,.animate-spin{animation:none}.hover-lift:hover,.hover-scale:hover{transform:none}}