:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#5e0f10;--fg:#f6ebe0;--muted:#dcbcae;--surface:#480b0c;--border:#9a3536;--accent:#e2b255;--accent-fg:#3a0708;--error-bg:#f6ebe0;--error-fg:#5e0f10}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}#app{max-width:32rem;margin:0 auto;padding:1.5rem 1rem 3rem}footer{max-width:32rem;color:var(--muted);text-align:center;margin:0 auto;padding:0 1rem 2rem;font-size:.9rem}footer a{color:var(--accent)}h1{margin:0 0 1.25rem;font-size:1.6rem}[hidden]{display:none}.panes{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.panes a{min-height:2.75rem;color:var(--fg);border:1px solid var(--border);border-radius:.5rem;align-items:center;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.panes a[aria-current=page]{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.controls{gap:1rem;display:grid}.field{gap:.25rem;display:grid}label{font-weight:600}select,button{min-height:2.75rem;font:inherit;border-radius:.5rem;padding:.5rem .75rem;font-size:1rem}select{color:var(--fg);background:var(--surface);border:1px solid var(--border)}button{color:var(--accent-fg);background:var(--accent);cursor:pointer;border:0;font-weight:600}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.result{margin-top:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.card h2{margin:0;font-size:1.4rem}.card p{margin:.5rem 0 0}.card .meta{color:var(--muted);margin-top:.1rem}.error{color:var(--error-fg);background:var(--error-bg);border-radius:.75rem;padding:1rem 1.25rem}.error h2{margin:0 0 .5rem;font-size:1.1rem}.error ul{overflow-wrap:anywhere;margin:0;padding-left:1.25rem}