:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--option-hover-filter:brightness(1.2);--btn-hover-filter:brightness(1.15);--tab-bg:var(--bg-card);--text-primary:#f5f5f5;--text-secondary:#d4d4d4;--text-muted:#b0b0b0;--bg-main:#171717;--bg-card:#2e2e2e;--bg-input:#1f1f1f;--border-color:#404040;--primary-accent:#dc2626;--accent-glow:#dc262633;--card-shadow:0 0 0 1px #ffffff0d, 0 4px 20px #0006;--color-pros:#16a34a;--color-cons:#dc2626;--badge-lang-bg:#ef444426;--badge-lang-text:#ef4444;--badge-lang-border:#ef44444d;--badge-front-bg:#2563eb26;--badge-front-text:#60a5fa;--badge-front-border:#2563eb4d;--badge-back-bg:#05966926;--badge-back-text:#34d399;--badge-back-border:#0596694d;--badge-db-bg:#d9770626;--badge-db-text:#fbbf24;--badge-db-border:#d977064d;--badge-infra-bg:#8b5cf626;--badge-infra-text:#a78bfa;--badge-infra-border:#8b5cf64d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--option-hover-filter:brightness(.92);--btn-hover-filter:brightness(.9);--tab-bg:var(--bg-main);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--bg-main:#f8fafc;--bg-card:#fff;--bg-input:#fff;--border-color:#cbd5e1;--primary-accent:#dc2626;--accent-glow:#dc262626;--card-shadow:0 0 0 1px #0000000d, 0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--badge-lang-bg:#ef44441a;--badge-lang-text:#dc2626;--badge-lang-border:#ef444440;--badge-front-bg:#2563eb1a;--badge-front-text:#2563eb;--badge-front-border:#2563eb40;--badge-back-bg:#0596691a;--badge-back-text:#059669;--badge-back-border:#05966940;--badge-db-bg:#d977061a;--badge-db-text:#d97706;--badge-db-border:#d9770640;--badge-infra-bg:#dc26261a;--badge-infra-text:#dc2626;--badge-infra-border:#dc262640}html,body{box-sizing:border-box;-webkit-text-size-adjust:100%;width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}*,:before,:after{box-sizing:inherit}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;transition:background-color .25s,color .25s}a,button{color:inherit;font-family:inherit}button{background:0 0;border:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;box-sizing:border-box;transition:background-color .25s,color .25s,border-color .25s}[data-theme] :not(button):not(.btn-interactive):not(.option-card){transition:background-color .25s,color .25s,border-color .25s}.btn-interactive{transition:filter .15s,box-shadow .15s,background-color .15s,border-color .15s}.btn-interactive:hover:not(:disabled){filter:var(--btn-hover-filter)}.btn-interactive:active:not(:disabled){filter:brightness(.95)}.option-card{transition:border-color .2s,filter .2s,box-shadow .2s}.option-card:hover{border-color:var(--primary-accent);filter:var(--option-hover-filter)}.option-card.btn-interactive:hover{filter:var(--option-hover-filter)}.tab-btn:hover:not([data-active=true]){background-color:var(--accent-glow)}.delete-btn:hover{background-color:var(--accent-glow);color:var(--primary-accent)!important}.theme-toggle:hover{border-color:var(--primary-accent)}.app-shell{width:100%;max-width:680px}@media (width>=900px){.app-shell-wide{max-width:880px}}@media (width>=1280px){.app-shell-wide{max-width:1100px}}.comparison-columns{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=640px){.comparison-columns{flex-direction:row;align-items:stretch}.comparison-columns>div{flex:1;min-width:0}}.results-grid,.history-grid{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=720px){.results-grid,.history-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;display:grid}.results-grid>div,.history-grid>div{height:100%}}.narrow-content{width:100%;max-width:640px;margin:0 auto}.animate-fade{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--accent-glow);color:var(--primary-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-color:var(--border-color) var(--bg-main);scrollbar-width:thin}