:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f8f2;--surface:#fff;--ink:#1c3025;--muted:#5a685d;--forest:#233d2c;--green:#466347;--lime:#dbeaaf;--tint:#edf0e5;--line:#d8dfd2;--danger:#862e21;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;background:var(--paper);color:var(--ink);font:16px/1.6 Segoe UI,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}h1,h2,p{margin:0}h1,h2{line-height:1.15}h1{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(2.25rem,6vw,3.75rem)}h2{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.2rem}a{color:inherit;text-underline-offset:.24em}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}::selection{background:var(--lime);color:var(--forest)}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.frame{width:min(1040px,100% - 2.5rem);margin-inline:auto}.topbar{border-bottom:1px solid var(--line)}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:74px;display:flex}.brand{letter-spacing:-.055em;align-items:center;gap:9px;font-size:24px;font-weight:750;text-decoration:none;display:inline-flex}.brand-dot{color:var(--green)}.brand-section{border-inline-start:1px solid var(--line);color:var(--muted);letter-spacing:0;padding-inline-start:10px;font-size:14px;font-weight:600}.website-link{font-size:14px;font-weight:600;text-decoration:none}.website-link:hover,.footer a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);min-height:80px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:18px;font-size:14px;display:flex}.footer nav{gap:18px;display:flex}.footer a{text-decoration:none}.skip,.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:2;clip-path:none;background:var(--surface);width:auto;height:auto;padding:8px 14px;top:8px;left:8px}.account{max-width:490px;padding-block:clamp(52px,9vw,112px)}.account-intro{margin-bottom:25px}.account-intro p,.signed-in{color:var(--muted);margin-top:10px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:clamp(18px,4vw,30px)}.account-form{gap:10px;display:grid}.account-form label:not(:first-child),.account-form button{margin-top:6px}.account-switch{color:var(--muted);margin-top:20px;font-size:14px}.account-switch a{color:var(--forest);font-weight:650}.hint{color:var(--muted);font-size:13px}label{font-size:14px;font-weight:650}input{background:var(--surface);width:100%;min-width:0;min-height:45px;color:var(--ink);border:1px solid #adb9ac;border-radius:6px;padding:8px 12px}.button{white-space:nowrap;min-height:44px;color:inherit;border:1px solid #0000;border-radius:6px;padding:8px 15px;font-size:14px;font-weight:650}.primary{background:var(--forest);color:#fff}.primary:hover:not(:disabled){background:var(--green)}.quiet{background:0 0;border-color:#b7c1b4}.quiet:hover:not(:disabled){background:var(--tint)}.danger{background:var(--danger);color:#fff}.danger:hover:not(:disabled){background:#6d2216}.workspace{padding-block:clamp(40px,7vw,82px)}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.signed-in{overflow-wrap:anywhere}.notice{background:var(--tint);color:var(--forest);border-radius:8px;margin-block:24px;padding:13px 16px;font-size:14px}.error{color:var(--danger);margin:0 0 14px;font-size:14px}.status:not(:empty){color:var(--green);margin:0 0 14px;font-size:14px}.inline-controls{align-items:center;gap:9px;display:flex}.create-form .inline-controls,.revoke-form .inline-controls,.reveal .inline-controls{margin-top:10px}.reveal{background:var(--tint);border-color:#b6c4a7}.reveal p,.revoke-form p{color:var(--muted);margin-top:8px;font-size:14px}.secret-input{font:13px var(--mono)}.revoke-form{margin-top:16px}.key-list{margin-top:34px}.key-list ul{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.key-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(12px,3vw,30px);padding-block:14px;display:grid}.key-identity{overflow-wrap:anywhere;gap:4px;display:grid}.key-identity code{font:13px var(--mono);color:var(--green)}.key-list time,.empty{color:var(--muted);font-size:14px}.empty{border-block:1px solid var(--line);margin-top:14px;padding:20px 0}@media (max-width:490px){.brand{gap:6px;font-size:21px}.brand-section{padding-inline-start:6px}.website-link{text-align:center;min-width:36px;font-size:0}.website-link span{font-size:18px}.workspace-heading{align-items:flex-start}.inline-controls{flex-wrap:wrap}.inline-controls input{flex-basis:100%}.key-list li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.key-list time{grid-row:2}.key-list .revoke{grid-area:1/2/span 2}}
