:root{--color-background:#ffffff;--color-surface:#f8f9fa;--color-surface-elevated:#ffffff;--color-border:#e9ecef;--color-border-subtle:#f1f3f4;--color-text-primary:#1a1a1a;--color-text-secondary:#666666;--color-text-muted:#999999;--color-text-inverse:#ffffff;--color-text-inverse-light:#ffffff;--color-primary:#0066cc;--color-primary-hover:#0052a3;--color-primary-active:#004080;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--color-error-hover:#c82333;--color-error-background:#fee2e2;--color-error-border:#fecaca;--color-error-text:#dc2626;--color-button-background:#ffffff;--color-button-border:#d1d5db;--color-button-text:#374151;--color-button-hover-background:#f9fafb;--color-button-hover-border:#9ca3af;--color-surface-hover:#f3f4f6;--color-input-background:#ffffff;--color-input-border:#d1d5db;--color-input-focus-border:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem}@media (prefers-color-scheme:dark){:root{--color-background:#0f1419;--color-surface:#1a1f29;--color-surface-elevated:#242936;--color-border:#2d3748;--color-border-subtle:#1a202c;--color-text-primary:#f7fafc;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-text-inverse:#1a1a1a;--color-text-inverse-light:#ffffff;--color-primary:#4299e1;--color-primary-hover:#3182ce;--color-primary-active:#2b77cb;--color-success:#38a169;--color-warning:#d69e2e;--color-error:#e53e3e;--color-error-hover:#c53030;--color-error-background:#2d1b1b;--color-error-border:#553c3c;--color-error-text:#feb2b2;--color-button-background:#2d3748;--color-button-border:#4a5568;--color-button-text:#f7fafc;--color-button-hover-background:#4a5568;--color-button-hover-border:#718096;--color-surface-hover:#2d3748;--color-choice-button-background:#2d3748;--color-choice-button-border:#4a5568;--color-choice-button-text:#f7fafc;--color-choice-button-hover-background:#4a5568;--color-input-background:#2d3748;--color-input-border:#4a5568;--color-input-focus-border:#4299e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3)}}*{box-sizing:border-box;margin:0;padding:0}p{margin:0 0 1em}ol,ul{padding-left:1.5em}h1,h2,h3,h4,h5,h6,ol,ul{margin:.5em 0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .2s ease,color .2s ease;line-height:1.6}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}