.of{text-align:left;gap:10px;width:100%;display:grid}.of-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding-inline:6px;display:flex}.of-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.of-steps{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);gap:14px;font-size:10.5px;display:inline-flex}.of-steps span{opacity:.55}[data-step=address] .of-steps [data-s="1"],[data-step=scanning] .of-steps [data-s="1"],[data-step=email] .of-steps [data-s="2"],[data-step=code] .of-steps [data-s="3"]{opacity:1;color:var(--gold-ink)}.of-frame{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--sh-2);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);border-radius:22px;gap:8px;padding:8px;display:grid}.of-frame:has(.of-input:focus){border-color:var(--focus);box-shadow:var(--sh-2),0 0 0 4px color-mix(in srgb,var(--gold-fill) 24%,transparent)}@supports not selector(:has(*)){.of-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .of-frame{box-shadow:inset 0 1px #ffffff0a}}:root[data-theme=dark] .of-frame{box-shadow:inset 0 1px #ffffff0a}.of-row{flex-wrap:wrap;gap:8px;display:flex}.of-field{flex:260px;align-items:center;min-width:0;display:flex;position:relative}.of-glyph{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;left:16px}.of-field:focus-within .of-glyph{color:var(--gold-ink)}.of-input{width:100%;min-height:60px;color:var(--ink);font-family:var(--font-body);background:0 0;border:0;border-radius:14px;padding:0 18px;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.2}.has-glyph .of-input{padding-left:48px}.of-input::placeholder{color:var(--muted);opacity:.85}.of-input:focus{outline:none}.of-input[aria-invalid=true]{color:var(--error)}.of-code{font-family:var(--font-mono);letter-spacing:.3em}.of-local:not([hidden]){flex:0 auto;width:auto;min-width:0;padding-right:0}.of-at{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-family:var(--font-body);cursor:text;flex:0 auto;padding-right:18px;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.2;overflow:hidden}.of-field:has(.of-local:not([hidden])){cursor:text}.of-offer{color:var(--ink);padding-inline:6px;font-size:1rem;line-height:1.5}.of-bare .of-top{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.of-type{pointer-events:none;white-space:nowrap;color:var(--muted);font-family:var(--font-body);align-items:center;padding-left:18px;font-size:clamp(1.125rem,1.05rem + .3vw,1.25rem);line-height:1.2;display:flex;position:absolute;inset:0;overflow:hidden}.of-type[hidden]{display:none}.has-glyph .of-type{padding-left:48px}@media (width<=639px){.has-glyph .of-type{padding-left:44px}}.of-caret{background:var(--gold-ink);width:2px;height:1.15em;margin-left:1px;animation:1.06s step-end infinite of-blink;display:inline-block}@keyframes of-blink{50%{opacity:0}}.of-typing .of-input[data-of-in=address]{caret-color:#0000}@media (prefers-reduced-motion:reduce){.of-type{display:none!important}.of-typing .of-input[data-of-in=address]{caret-color:auto}}.of-offer .cur-eur,.of-offer .cur-usd{font-weight:600}.of-go{border-radius:16px;flex:none;min-height:60px}.of-go[aria-busy=true],.of-go[aria-disabled=true]{opacity:.75;cursor:progress}@media (width<=639px){.of-frame{border-radius:20px;padding:6px}.of-field,.of-go{flex:100%}.of-input,.of-go{min-height:56px}.has-glyph .of-input{padding-left:44px}.of-glyph{left:14px}}.of-prog{gap:8px;padding:2px 6px;display:grid}.of-bar{background:var(--surface-2);border-radius:4px;height:4px;display:block;overflow:hidden}.of-bar>span{background:var(--signal-fill);height:100%;transition:width .4s var(--ease);display:block}.of-line{font-family:var(--font-mono);color:var(--body);overflow-wrap:anywhere;font-size:.8125rem}.of-hint{color:var(--muted);padding-inline:6px;font-size:.9375rem;line-height:1.55}.of-err{padding-inline:6px}.of-links{flex-wrap:wrap;gap:0 18px;padding-inline:2px;display:flex}.of-link{min-height:48px;color:var(--ink);font:500 .9375rem/1.2 var(--font-body);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 4px}.of-link:hover{color:var(--gold-ink);text-decoration-color:currentColor}.of-link[aria-disabled=true]{color:var(--muted);cursor:default;text-decoration:none}.of-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.of-result{border:1px solid var(--line);background:var(--surface);border-radius:20px;gap:10px;padding:18px 20px;display:grid}.of-res-when{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding-bottom:10px;font-size:.875rem}.of-res-top{align-items:center;gap:16px;display:flex}.of-open{margin-top:10px;display:inline-flex}.of-res-score{font-family:var(--font-display);color:var(--ink);flex:none;margin:0;line-height:1}.of-res-score strong{letter-spacing:-.03em;font-size:2.6rem;font-weight:800}.of-res-score span{color:var(--muted);margin-left:2px;font-size:1rem}.of-res-host{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:600}.of-band-invisible{color:var(--ember)}.of-band-citable,.of-band-si-ready{color:var(--signal-ink)}.of-res-meta{color:var(--muted);margin:2px 0 0;font-size:.875rem}.of-res-verdict{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.55}.of-res-l{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:.6875rem}.of-res-fixes{color:var(--ink);gap:4px;margin:0;padding-left:1.2em;font-size:.9375rem;display:grid}.of-res-link{min-height:44px;color:var(--gold-ink);text-underline-offset:4px;justify-self:start;align-items:center;gap:.35em;font-weight:600;text-decoration:underline;display:inline-flex}[data-step=done] .of-frame,[data-step=done] .of-steps{display:none}[data-step=done] .of-hint{border:1px solid color-mix(in srgb,var(--signal-fill) 45%,transparent);background:var(--surface);color:var(--ink);border-radius:18px;padding:16px 18px 16px 50px;font-size:1rem;position:relative}[data-step=done] .of-hint:before{content:"✓";background:var(--signal-fill);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;top:15px;left:16px}
