
:root{--cream:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--fg);font:16px/1.55 Golzheim,-apple-system,BlinkMacSystemFont,Arial,sans-serif}main{width:min(560px,calc(100% - 48px));margin:52px auto 72px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:38px}header img{width:150px;height:auto;filter:brightness(0);opacity:.8}a{color:inherit;text-underline-offset:3px}h1{font-size:64px;line-height:1;letter-spacing:-1.7px;font-weight:650;font-feature-settings:'ss09' 1;margin:0 0 20px}h2{font-size:25px;font-weight:600;font-feature-settings:'ss09' 1;letter-spacing:-.3px;margin:0 0 16px}p{margin:0 0 20px}.muted,small{color:var(--muted)}.intro{font-size:19px;max-width:450px;margin-bottom:32px}.test{color:var(--ink);font-size:12px;font-weight:600;background:var(--yellow);padding:5px 9px;border-radius:6px}.notice{font-size:13px;color:var(--muted);margin-bottom:26px}.field{display:grid;gap:9px;margin:0 0 16px}label{font-weight:500;font-size:14px}input{font:inherit;width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--field);color:var(--fg)}a:focus-visible,input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:12px 19px;background:var(--yellow);color:var(--ink);font-weight:550}button:disabled{cursor:default;opacity:.6}.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--line)}button{transition:background-color .16s}button:hover:not(:disabled){background:#f6c500}.secondary:hover:not(:disabled){background:var(--control-hover)}details{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}summary{cursor:pointer;list-style:none;font-weight:550}summary::-webkit-details-marker{display:none}summary::after{content:'+';float:right}details[open] summary::after{content:'−'}details form{padding-top:22px}.status{font-size:14px;margin:14px 0 0;min-height:22px;overflow-wrap:anywhere}.status:empty{display:none}#enter-code{display:inline-flex;align-items:center;min-height:44px}#enter-code[hidden]{display:none}.status[data-error=true]{color:var(--error)}.key{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;margin:26px 0;background:var(--well);border:1px solid var(--line);border-radius:16px;padding:22px}.key label,.key .status{grid-column:1/-1}.key input{font:19px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:transparent;border:0;padding:0;min-height:40px}.key button{white-space:nowrap}.key .status:empty{display:none}ol{padding-left:23px}li{padding:0 0 8px}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:38px}footer nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px}footer .footer-climate{margin-top:14px}.privacy h1{font-size:44px}.privacy h2{margin-top:30px}.privacy p{font-size:15px}.privacy ul{padding-left:22px}[hidden]{display:none!important}@media(max-width:540px){.key{grid-template-columns:1fr;row-gap:12px}.key button{width:100%}}@media(max-width:420px){main{width:calc(100% - 36px);margin-top:30px}h1{font-size:49px}.intro{font-size:17px}.key{padding:18px}.key input{font-size:clamp(14px,4vw,16px)}header img{width:132px}}
@media(prefers-color-scheme:dark){header img{filter:none;opacity:1}}
@media(pointer:coarse){footer nav a,summary{min-height:44px;align-content:center}footer nav{flex-wrap:wrap}}
