:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--text:#1b1f24;--muted:#5b6470;--border:#d7dbe0;--accent:#2563eb;--accent-contrast:#fff;--danger:#c2312f;--danger-bg:#fbecec;--success:#1a7f4b;--radius:10px;--shadow:0 1px 3px #0f172a14}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--bg:#14171c;--surface:#1e232b;--text:#e7eaee;--muted:#98a1ad;--border:#343c47;--accent:#5b8def;--accent-contrast:#10131a;--danger:#ef6a67;--danger-bg:#3a2426;--success:#4fc286;--shadow:0 1px 3px #0006}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.5}.layout{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}.header{display:flex;justify-content:space-between;align-items: center;gap:1rem;padding:.5rem 0 1rem}.header h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}h2{margin:0 0 1rem;font-size:1.15rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1.5rem 0 .5rem;font-size:.95rem}.tabs{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:.25rem;margin-bottom:1rem;padding:.25rem}.tab{border-radius:calc(var(--radius) - 4px);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem 1rem;transition:background-color .15s,color .15s;font-weight:500}.tab:hover{color:var(--text)}.tab-active,.tab-active:hover{background:var(--accent);color:var(--accent-contrast)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width:480px){.field-row{grid-template-columns:1fr}}label,.block-field span{color:var(--muted);font-size:.85rem;font-weight:500}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);min-width:0;padding:.45rem .6rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.blocks{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}.block{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:.6rem}.block-invalid{border-color:var(--danger);background:var(--danger-bg)}.block-inputs{display:flex;align-items: end;gap:.6rem}.block-field{display:flex;flex-direction:column;flex:1;gap:.3rem}.block-error{color:var(--danger);margin:.4rem 0 0;font-size:.85rem}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:calc(var(--radius) - 4px);font:inherit;cursor:pointer;padding:.45rem .7rem;line-height:1.5}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.secondary{border:1px solid var(--border);color:var(--accent);border-radius:calc(var(--radius) - 4px);font:inherit;cursor:pointer;background:0 0;margin-top:.75rem;padding:.45rem .9rem;font-weight:500}.secondary:hover{border-color:var(--accent)}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1.25rem 0 0}.result{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:.75rem}.result dt{color:var(--muted);font-size:.85rem;font-weight:500}.result dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.6rem;font-weight:600}.result-done dd{color:var(--success)}.result .hint{color:var(--muted);margin:.25rem 0 0;font-size:.75rem}.prompt{color:var(--muted);margin:1.25rem 0 0}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}