:root{box-sizing:border-box;padding:16px 12px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));--bg:#eef1ee;--card:#fff;--tx:#14201a;--tx2:#5a6b61;--bd:#c9d3cc;--bd2:#a9b6ad;--ac:#0f7a4a;--acbg:#bfe8d1;--body:#f7f8f6;--pad:#e3e8e4;--well:#1d2421;--cap:#3a443f;--bif:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d1410;--card:#16201a;--tx:#e8f0ea;--tx2:#9db0a3;--bd:#2d3f33;--bd2:#45584b;--ac:#4fd08d;--acbg:#1f5a3a;--body:#1c2621;--pad:#26332c;--well:#0a0f0c;--cap:#33413a;--bif:drop-shadow(0 0 1.5px rgba(255,255,255,.75))}}
:root[data-theme="dark"]{--bg:#0d1410;--card:#16201a;--tx:#e8f0ea;--tx2:#9db0a3;--bd:#2d3f33;--bd2:#45584b;--ac:#4fd08d;--acbg:#1f5a3a;--body:#1c2621;--pad:#26332c;--well:#0a0f0c;--cap:#33413a;--bif:drop-shadow(0 0 1.5px rgba(255,255,255,.75))}
html,body{margin:0;background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto}
h1{font-size:20px;font-weight:600;margin:0 0 14px}
.row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
button,select,input{font:inherit;font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--card);color:var(--tx)}
button{cursor:pointer}select{flex:1;min-width:220px}input{flex:1;min-width:180px}
button.sel{border-color:var(--ac);background:var(--acbg);color:var(--tx)}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
p.n{font-size:13px;color:var(--tx2);margin:14px 0 0;line-height:1.5}
nav{display:flex;gap:14px;align-items:center;margin-bottom:16px;font-size:15px}nav a{color:var(--tx2);text-decoration:none}nav a.cur{color:var(--ac);font-weight:600}nav .brand{color:var(--tx);font-weight:700;margin-right:auto}
img.bi{height:1.9em;width:auto;vertical-align:-.6em;margin:-.25em 1px;filter:var(--bif)}
svg.ar{height:1.5em;width:1.5em;vertical-align:-.42em;margin:-.2em 1px;filter:var(--bif)}