:root{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292623;background:#f5f2ec;--accent:#715844;--line:#ddd6ca}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font:32px Georgia,serif}.brand span{font:10px sans-serif;letter-spacing:3px;display:block}.pill,.eyebrow{font-size:11px;letter-spacing:2px}.pill{border:1px solid var(--line);padding:8px 12px;border-radius:20px}h1{font:clamp(36px,5vw,64px)/1.1 Georgia,serif;letter-spacing:-1px;margin:12px 0 20px}h2{font:28px Georgia,serif}h3{font-size:18px}.intro{padding:32px 0}.intro p{color:#655d55}.card,article{background:#fffdf9;padding:24px;border:1px solid var(--line);border-radius:18px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid article{margin:0}form{display:grid;gap:14px;max-width:620px}label{display:grid;gap:5px;font-size:14px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:11px;border:1px solid #b9afa2;border-radius:8px;background:white}textarea{min-height:90px}input[type=checkbox]{width:auto;margin-right:8px}label:has(input[type=checkbox]){display:block}button{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;background:var(--accent);color:white}button.secondary{background:#eae4da;color:#352b24}button.danger{background:#923c32}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #4e7bc4;outline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.muted,small,footer{color:#6f665d}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f0e9;padding:14px;border-radius:10px;font-size:12px}#status{min-height:24px}#status.error{color:#a32924}dialog{border:1px solid var(--line);border-radius:20px;width:min(950px,95vw);max-height:90vh;padding:24px;background:#fffdf9}dialog::backdrop{background:#25211da8}canvas{display:block;width:100%;height:420px;border-radius:16px;touch-action:none;background:#e5e1d9}img.still{width:100%;max-height:600px;object-fit:contain}.badge{font-size:12px;background:#eee9df;border-radius:20px;padding:5px 9px}footer{font-size:12px;border-top:1px solid var(--line);margin-top:40px}@media(max-width:600px){header,main,footer{padding:18px}.pill{font-size:9px;letter-spacing:1px}.card,article{padding:18px}canvas{height:320px}}main.legal{max-width:720px}main.legal h1{font-size:clamp(32px,4vw,44px)}main.legal li{margin:6px 0}

button.is-loading::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;animation:button-spin .8s linear infinite}
@keyframes button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button.is-loading::before{animation:none}}