:root{--text:#24272b;--bg:#fff;--border:#e5e4e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e7eb;--bg:#16171d;--border:#2e303a}}body{margin:0}#root{box-sizing:border-box;min-height:100svh}h1{margin:0 0 16px;font-size:28px}.centered{text-align:center;max-width:420px;margin:10vh auto}.app{max-width:900px;margin:0 auto;padding:24px 16px}header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}header div{align-items:center;gap:12px;display:flex}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:8px 16px}.tabs button.active{color:#fff;background:#3b6ea5;border-color:#3b6ea5}.panel{flex-direction:column;gap:12px;display:flex}.panel label{flex-direction:column;gap:4px;font-size:14px;display:flex}.panel label.row{flex-direction:row;align-items:center;gap:8px}input,select,textarea{border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:14px}.error{color:#c0392b}.result{border:1px solid #ccc;border-radius:6px;padding:12px}.stats{color:#555;margin-bottom:8px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:6px 8px}td input{border:1px solid #0000;width:100%}td input:focus{border-color:#ccc}