:root{color-scheme:light;--ink:#173735;--muted:#4b625f;--line:#cadbd6;--accent:#12675a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f8f6;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}header span,footer{font-size:.9rem;color:var(--muted)}.brand{font-weight:800;font-size:1.35rem;text-decoration:none}.eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:700;color:var(--accent);margin-top:30px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.04em}h2{font-size:1.25rem;margin-top:30px}p{line-height:1.6;max-width:68ch}a{color:var(--accent);text-underline-offset:3px}button,.button{font:inherit;font-weight:650;border:1px solid var(--accent);border-radius:10px;padding:12px 18px;min-height:46px;background:white;color:var(--accent);cursor:pointer}.button{display:inline-block;background:var(--accent);color:white;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){background:#e5f2ed}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.toolbar a{padding:12px 0;min-height:46px}.cards{list-style:none;margin:16px 0;padding:0;display:grid;gap:14px}.cards li{padding:20px;background:white;border:1px solid var(--line);border-radius:14px}.cards h3{margin:0;font-size:1.1rem}.cards p{margin:8px 0 16px}.danger{border-color:#983c33;color:#812e28}.help{border-top:1px solid var(--line);margin-top:36px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #b76b05;outline-offset:4px}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:26px;color:var(--ink)}dialog::backdrop{background:#17373599}dialog h2{margin-top:0}dialog form{display:flex;justify-content:flex-end;gap:12px}[hidden]{display:none!important}#message{border-left:4px solid var(--accent);padding:12px 16px;background:#e7f1ed;overflow-wrap:anywhere}@media(max-width:520px){header{align-items:flex-start}header span{display:none}main{padding:18px}button,.button{width:100%}.toolbar{gap:8px}.cards li{padding:16px}dialog form{flex-wrap:wrap}}

input{display:block;width:100%;font:inherit;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:8px;min-height:46px}details{margin-top:24px}summary{padding:12px 0;cursor:pointer}

.reference{overflow-wrap:anywhere}li{line-height:1.6;margin-bottom:12px}
select{display:block;width:100%;font:inherit;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:8px;min-height:46px}#pickup-review{border-left:4px solid #b76b05;padding:12px 16px;background:#fff4d6}

.cards li{overflow-wrap:anywhere}

fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:18px;min-width:0}legend{font-weight:700}textarea{display:block;width:100%;min-height:100px;font:inherit;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:8px}.check{display:flex;align-items:flex-start;gap:12px;margin:12px 0;line-height:1.6}.check input{width:24px;min-height:24px;flex-shrink:0;margin:0}input,textarea{max-width:100%}

main{overflow-wrap:anywhere}

.notice{border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;margin:20px 0;background:#fff}.notice h2{margin:0 0 6px;font-size:1.1rem}.notice p{margin:0 0 10px}.notice.warn{background:#fff4d6;border-color:#e8c35a}.notice.error{background:#ffe7e7;border-color:#f2b8b8}.notice.error h2{color:#9b1c1c}.notice.success{border-color:var(--accent);background:#e7f1ed}
.methods-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.methods-head h2{margin:0}.methods{list-style:none;margin:12px 0;padding:0;border-top:1px solid var(--line)}.methods li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:14px 0;margin:0;border-bottom:1px solid var(--line)}.methods strong{display:block}.methods span{color:var(--muted);font-size:.95rem}.method-state{font-weight:700;border-radius:999px;padding:2px 10px;background:#eef1f5;color:var(--ink);align-self:center}.method-state.ok{background:#e3f1ea;color:#14532d}.method-state.warn{background:#fff1e8;color:#9a3412}
.passkey-icon{display:block;width:56px;height:56px;border-radius:28px;background:var(--ink);margin-bottom:12px;position:relative}.passkey-icon::after{content:"";position:absolute;left:18px;top:14px;width:20px;height:26px;border:3px solid #fff;border-radius:10px;box-sizing:border-box}