@import"https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&f[]=gambetta@400,500&display=swap";:root{--bg:#f8f9fc;--surface:#fff;--ink:#1e264a;--muted:#68718a;--line:#e1e5ed;--accent:#c53329;--hover:#ac2b23;--danger:#b52629;--focus:#eb4034;font-family:General Sans,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface);cursor:pointer;font-weight:500}button:hover{background:#edf0f6}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--hover)}button.danger{background:var(--danger);color:#fff}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:600}.brand span{font-size:12px;color:var(--muted);letter-spacing:0;border-left:1px solid var(--line);padding-left:16px;margin-left:12px;font-weight:400}nav{display:flex;gap:24px;align-items:center;font-size:14px}main{max-width:1120px;margin:auto;padding:32px 24px 64px}#status{font-size:14px;color:var(--muted);min-height:24px;margin-bottom:24px}#status.error{color:var(--danger)}#login{padding:64px 0 96px;background:url(/hero-water.svg) right bottom/55% auto no-repeat;min-height:560px}h1{font-size:40px;letter-spacing:-1.5px;font-weight:500;line-height:1.15;margin:12px 0 16px;text-wrap:balance}#login h1{font-family:Gambetta,serif;font-size:clamp(42px,6vw,72px);font-weight:400;max-width:650px}#login>p{max-width:430px;line-height:1.8;color:var(--muted)}#login button{margin:16px 0}.eyebrow{font-size:12px;font-weight:500;color:var(--accent);letter-spacing:.06em}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.heading p{color:var(--muted);font-size:14px}.preview{font-size:12px;padding:8px 12px;border:1px solid var(--line);border-radius:20px;white-space:nowrap}h2{font-size:20px;letter-spacing:-.4px;font-weight:500;margin:0 0 12px}p{line-height:1.65}.usage{display:grid;grid-template-columns:1.2fr .8fr 1fr;border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:32px 0 48px}.usage>div{padding:24px}.usage>div+div{border-left:1px solid var(--line)}.usage h2{font-size:12px;color:var(--muted);letter-spacing:0}.usage p{margin:10px 0}.usage strong{font-size:32px;font-weight:500}.usage span{font-size:12px;color:var(--muted)}.usage code{font-size:14px}progress{width:100%;height:5px;accent-color:var(--accent)}.muted{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading p{font-size:14px;color:var(--muted);margin:0}form{margin:24px 0}label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.create-row{display:flex;gap:12px;max-width:520px}input{width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink)}.create-row button{white-space:nowrap}.key-row{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.key-row h3{font-size:15px;font-weight:500;margin:0 0 8px;overflow-wrap:anywhere}.key-row p{font-size:12px;color:var(--muted);margin:4px 0}.key-row code{font-size:12px;color:var(--muted)}.empty{padding:40px 24px;text-align:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:14px}.quickstart{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;margin-top:64px;align-items:center}.quickstart h2{font-family:Gambetta,serif;font-size:32px;margin:12px 0}.quickstart p,.quickstart a{font-size:14px}.quickstart p{color:var(--muted)}pre{margin:0;padding:24px;background:#24292e;color:#e1e4e8;border-radius:8px;font-size:13px;line-height:1.8;overflow:auto}code{font-family:ui-monospace,monospace}.small{font-size:12px;color:var(--muted);margin-top:24px;font-variant-numeric:tabular-nums}.usage,.key-row{font-variant-numeric:tabular-nums}footer{max-width:1120px;margin:auto;padding:24px;display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{max-width:540px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;padding:32px;color:var(--ink);box-shadow:0 24px 80px #1e264a25}dialog::backdrop{background:#1e264a70}dialog p{font-size:14px;color:var(--muted)}#new-key{font-family:ui-monospace,monospace;font-size:12px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.skip{position:fixed;top:-100px;background:var(--surface);padding:16px;z-index:10}.skip:focus{top:8px}@media(max-width:700px){header{padding:0 20px}.brand span{display:none}nav{gap:16px}main{padding:24px 20px 48px}.heading{align-items:flex-start;flex-direction:column;gap:0}.heading h1{font-size:34px}.usage{grid-template-columns:1fr}.usage>div+div{border-left:0;border-top:1px solid var(--line)}.quickstart{grid-template-columns:1fr;gap:24px;margin-top:48px}.key-row{grid-template-columns:1fr auto;gap:12px}.key-row .key-meta{grid-column:1}.key-row button{grid-column:2;grid-row:1/3}.create-row{flex-wrap:wrap}.create-row input{flex:1;min-width:180px}#login{background-size:100%;padding-top:32px}.preview{display:none}dialog{padding:24px}.dialog-actions{flex-wrap:wrap}}