@import url('/shared/theme.css');
:root{--ink:#202c28;--muted:#58645e;--line:#d8ded7;--surface:#fff;--space:1rem;--danger:#a52c35;--focus:#2861c7;color-scheme:light;font-family:var(--font,system-ui);color:var(--ink);background:var(--paper,#f7f6f2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:16px;line-height:1.7}a{color:var(--accent,#285b49);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{max-width:100%;height:auto}button{cursor:pointer}p,h1,h2,h3{overflow-wrap:anywhere}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-size:clamp(2.1rem,5vw,3.5rem);font-weight:650}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.15rem}button:disabled{cursor:not-allowed;opacity:.6}.ui-button,.ui-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem 1.2rem;min-height:46px;border:1px solid var(--accent);border-radius:var(--radius);text-decoration:none;background:var(--accent);color:white;font-weight:600}.ui-button-secondary{color:var(--accent);background:transparent}.ui-field{display:grid;gap:.45rem;min-width:0}.ui-input,.ui-select,.ui-textarea{width:100%;min-width:0;padding:.7rem .85rem;border:1px solid #9baaa1;border-radius:calc(var(--radius)/2);background:white;color:var(--ink)}.ui-textarea{min-height:130px;resize:vertical}.ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem}.ui-result{padding:1.25rem;background:#eff4ef;border:1px solid var(--line);border-radius:var(--radius);min-height:3.5rem}.ui-notice{padding:1rem;border-inline-start:3px solid var(--accent);background:#eef4ef}.ui-error{padding:1rem;border-inline-start:3px solid var(--danger);background:#fff1f1;color:var(--danger)}.app-root{container-type:inline-size;max-width:100%;overflow-wrap:anywhere}.app-root [hidden]{display:none}.app-root .ui-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-block:1.2rem}pre{overflow-x:auto;padding:1rem;background:#eef1ec;border-radius:8px}code{font-size:.9em}table{display:block;overflow-x:auto;border-collapse:collapse}td,th{padding:.6rem;border:1px solid var(--line)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}