:root{color-scheme:light;font-family:Arial,sans-serif;background:#f5f7fa;color:#17212b}body{margin:0}body.dark{color-scheme:dark;background:#121820;color:#e7edf4}header{display:flex;gap:1rem;align-items:center;padding:1rem 2rem;background:#17365d;color:#fff}header span{flex:1}main{max-width:900px;margin:2rem auto;padding:0 1rem}.card{background:Canvas;color:CanvasText;padding:2rem;border-radius:.5rem;box-shadow:0 2px 10px #0002}button,select{padding:.5rem .75rem}.hint{color:#64748b;font-size:.9rem}html:has(body.dark),body.dark,body.dark tbf-root{background:#121820}body.dark tbf-root{display:block;min-height:100vh}main:has(.results-shell.use-full-width){max-width:none;margin-inline:1rem}@media (max-width:700px){header{gap:.5rem;flex-wrap:wrap;padding:.75rem 1rem}header strong{width:100%}header span{flex:1 1 auto;font-size:.85rem}header button,header select{margin:0}main{margin:1rem auto;padding:0 .5rem}}