:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--border:#ccc;--muted:#666;--error:#b3261e}*{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}main{max-width:32rem;margin:0 auto;padding:1rem 1rem 3rem}h1{font-size:1.25rem}h2{margin:0 0 .5rem;font-size:1.1rem}fieldset{border:1px solid var(--border);border-radius:6px;margin:0 0 1rem;padding:.5rem .75rem .75rem}legend{padding:0 .25rem;font-size:.9rem}.row{flex-wrap:wrap;gap:.75rem;display:flex}.field{flex-direction:column;flex:5rem;gap:.25rem;margin:0 0 .5rem;display:flex}label{color:var(--muted);font-size:.85rem}select{border:1px solid var(--border);background:#fff;border-radius:4px;width:100%;min-height:2.75rem;padding:.4rem;font-size:1rem}button{color:#fff;cursor:pointer;background:#222;border:0;border-radius:6px;width:100%;min-height:3rem;font-size:1rem}.error{color:var(--error);border:1px solid var(--error);border-radius:6px;padding:.75rem}.warning{border:1px solid var(--border);border-radius:6px;padding:.75rem;font-size:.9rem}#result{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}dl{margin:0}dt{color:var(--muted);margin-top:1rem;font-size:.85rem}dd{margin:0;font-size:1.5rem}footer{color:var(--muted);margin-top:2.5rem;font-size:.75rem}footer p{margin:.25rem 0}[hidden]{display:none!important}