@font-face{font-family:'SA Hazm';src:url('/fonts/SAHazmVF.ttf') format('truetype');font-display:swap;font-weight:300 700}
@font-face{font-family:'SM Sham';src:local('SM Sham');font-display:swap}
:root{--paper:#f5f1e7;--ink:#101110;--muted:#68675f;--yellow:#ffc900;--border:#dfdbd0;color-scheme:light;font-family:'SM Sham','SA Hazm',Arial,sans-serif;font-size:16px;line-height:1.8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a.button{min-height:44px}h1{font-size:clamp(26px,5vw,40px);line-height:1.5}h2{font-size:24px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c69500;outline-offset:3px}[hidden]{display:none!important}dialog button{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--paper);color:var(--ink)}dialog .primary{background:var(--yellow);color:#111}dialog label{display:grid}dialog input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px}small{color:var(--muted)}.primary{background:var(--yellow);color:#111}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[data-theme="dark"]{--paper:#111412;--ink:#f3f2e9;--muted:#b5b9ae;--border:#393e35;color-scheme:dark}
[data-theme="dark"] .sn-panel{background:#191d1a}[data-theme="dark"] .sn-steps span,[data-theme="dark"] .sn-choice{background:#202621;color:var(--ink);border-color:var(--border)}[data-theme="dark"] .sn-steps .done,[data-theme="dark"] .sn-steps [aria-current]{background:var(--yellow);color:#111}[data-theme="dark"] .sn-choice:has(input:checked){background:#39351d;border-color:var(--yellow)}

button[aria-busy="true"]{cursor:progress;opacity:.75}button[aria-busy="true"]::after{content:'';display:inline-block;width:10px;height:10px;margin-inline-start:6px;border:1.5px solid currentColor;border-inline-end-color:transparent;border-radius:50%;vertical-align:middle;animation:das-action-spin .7s linear infinite}@keyframes das-action-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button[aria-busy="true"]::after{animation:none;border-style:dotted}}
