:root{color-scheme:light;--bg:#f5f5f0;--card:#fff;--ink:#172c2b;--muted:#60706b;--line:#dfe5df;--brand:#126b5f;--soft:#e3f0e8;--warn:#fff0c9;--warning:#574214}html[data-theme=dark]{color-scheme:dark;--bg:#101a1b;--card:#192628;--ink:#eef4ef;--muted:#a4b8af;--line:#324542;--brand:#82d2b2;--soft:#263d36;--warn:#3c3420;--warning:#ead7a3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:840px;margin:auto;padding:28px 20px calc(30px + env(safe-area-inset-bottom))}header{display:flex;gap:14px;align-items:center;margin-bottom:24px}.mark{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#126b5f;color:#fff;font-weight:850;font-size:28px}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.2;letter-spacing:-.7px}h2{font-size:25px;line-height:1.25;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--muted);margin-bottom:3px}.small{margin-left:auto}.notice{border:1px solid color-mix(in srgb,var(--warning) 20%,transparent);border-radius:12px;background:var(--warn);color:var(--warning);font-size:14px;padding:13px 15px;margin-bottom:18px}.hero,.sample,.guide,details{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:24px;margin-bottom:20px}.hero{border-top:4px solid var(--brand)}.chip{display:inline-block;font-size:12px;font-weight:700;border-radius:20px;background:var(--soft);color:var(--brand);padding:5px 11px;margin-bottom:17px}.hero h2{margin-bottom:12px}.hero p{max-width:620px}.stamp{font-size:13px;color:var(--muted);margin-top:12px!important;font-variant-numeric:tabular-nums}button{border:0;border-radius:12px;padding:12px 18px;min-height:46px;background:var(--brand);color:var(--card);font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,summary:focus-visible{outline:3px solid #df9f34;outline-offset:3px}.small,.secondary{background:var(--soft);color:var(--ink);font-size:14px}.small{padding:7px 12px;min-height:40px}.text{background:transparent;color:var(--muted);font-size:13px;padding:8px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}#start{margin-top:22px}.error{color:#c44435;font-size:14px;margin-top:13px!important}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:24px 0 13px}.sectionhead h2,.guide h2{font-size:19px}.muted{color:var(--muted);font-size:12px}.sample>div:not(.track){display:flex;justify-content:space-between;gap:12px;font-size:14px}.track{height:9px;border-radius:9px;background:var(--line);margin:9px 0 23px;overflow:hidden}.track:last-child{margin-bottom:0}.track i{display:block;height:100%;background:var(--brand);border-radius:9px}.guide ol{padding-left:22px;margin:18px 0}.guide li{padding-left:5px;margin-bottom:14px}.guide p,details p{font-size:14px;color:var(--muted)}details{font-size:14px}details summary{font-weight:700;cursor:pointer}details p{margin-top:13px}footer{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 4px}footer p{flex-basis:100%}[hidden]{display:none!important}@media(min-width:700px){main{padding:44px 30px}.hero{padding:32px}h2{font-size:31px}}@media(max-width:360px){main{padding:20px 14px}.hero,.sample,.guide,details{padding:19px}h2{font-size:23px}.sectionhead{align-items:flex-start;flex-direction:column}}

.fill60{width:60%}.fill40{width:40%}
