:root{--color-paper:oklch(97% .008 255);--color-surface:oklch(93% .012 255);--color-ink:oklch(20% .02 255);--color-muted:oklch(48% .018 255);--color-rule:oklch(82% .014 255);--color-accent:oklch(48% .17 255);--color-danger:oklch(45% .18 25);--color-focus:oklch(55% .18 255);--font-display:"Space Grotesk",sans-serif;--font-body:"IBM Plex Sans",sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-display:clamp(2.6rem,6vw,5.5rem);--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.16s;--radius:1rem}.auth-card,.purchase{display:grid;gap:var(--space-md);max-width:32rem;margin-top:var(--space-xl);padding:var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-surface)}.auth-card label,.purchase label{display:grid;gap:var(--space-xs);font-weight:700}.auth-card input,.purchase input,.purchase select{min-height:44px;padding:0 var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink)}.notice{max-width:72rem;margin:0 auto var(--space-md);padding:var(--space-sm) var(--space-lg);border-left:3px solid var(--color-accent)}.notice.error{border-color:var(--color-danger)}aside span{padding:var(--space-sm);border-radius:var(--radius)}aside .active{background:var(--color-surface)}.key-list{display:grid;gap:var(--space-sm);max-width:40rem;margin-top:var(--space-xl)}.key-list article{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius)}.key-list span{color:var(--color-muted);font-size:.875rem}html,body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)}*{box-sizing:border-box}button,a{font:inherit}button{cursor:pointer}.nav-pill{position:sticky;top:var(--space-md);z-index:2;margin:var(--space-md) auto;max-width:52rem;width:calc(100% - 2rem);padding:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--color-rule);border-radius:999px;background:color-mix(in oklch,var(--color-paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wordmark,.nav-links button,aside button{border:0;background:none;color:var(--color-ink)}.wordmark{font-weight:700}.nav-links{display:flex;gap:var(--space-xs);margin:auto}.nav-links button{white-space:nowrap}.btn{min-height:44px;border-radius:var(--radius);padding:0 var(--space-md);white-space:nowrap;border:1px solid var(--color-rule);text-decoration:none;display:inline-flex;align-items:center}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-secondary{color:var(--color-ink)}.hero,.workbench,.console{max-width:72rem;margin:auto;padding:var(--space-3xl) var(--space-lg)}.hero{display:grid;grid-template-columns:minmax(0,.28fr) minmax(0,1fr);gap:var(--space-xl)}.kicker{font-size:.78rem;font-weight:700;color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}.hero h1,.console h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.05em;line-height:1.02;overflow-wrap:anywhere;margin:0}.hero p:not(.kicker){max-width:58ch;color:var(--color-muted);font-size:1.1rem;line-height:1.6}.actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.workbench{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:var(--space-md)}.workbench article,.stats article{border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-xl);background:var(--color-surface)}.workbench span{color:var(--color-accent);font-weight:700}.console{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:var(--space-2xl)}aside{display:flex;flex-direction:column;gap:var(--space-xs)}aside button{text-align:left;padding:var(--space-sm);border-radius:var(--radius)}aside button.active{background:var(--color-surface)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:var(--space-xl) 0}.stats span,.stats small{display:block;color:var(--color-muted)}.stats b{font:600 2rem var(--font-display);margin:var(--space-sm) 0;display:block}footer{margin:var(--space-xl) auto;padding:var(--space-lg);max-width:72rem;border-top:1px solid var(--color-rule);display:flex;justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:.875rem}.menu{display:none}@media(hover:hover){.btn-primary:hover{transform:translateY(-1px);transition:transform var(--dur-fast) var(--ease-out)}.btn-primary:active{transform:translateY(1px)}}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(max-width:40rem){.nav-links,.nav-pill>a.btn{display:none}.menu{display:block;margin-left:auto;border:0;background:none;min-height:44px}.hero,.console{grid-template-columns:1fr;padding:var(--space-2xl) var(--space-md)}.workbench,.stats{grid-template-columns:1fr}.hero{gap:var(--space-lg)}.hero h1,.console h1{font-size:clamp(2.3rem,13vw,3.4rem)}footer{flex-direction:column}.console aside{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-feedback{margin:0;max-width:none;padding:var(--space-sm);background:var(--color-paper)}.btn:disabled{cursor:wait;opacity:.65;transform:none}.auth-feedback.error{color:var(--color-danger)}.records-panel{margin-top:var(--space-xl)}.table-scroll{overflow:auto;margin:var(--space-md) 0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:var(--space-sm);border-bottom:1px solid var(--color-rule);vertical-align:top}th{white-space:nowrap;color:var(--color-muted)}td{overflow-wrap:anywhere;min-width:7rem}.record-empty{padding:var(--space-xl);border:1px dashed var(--color-rule);border-radius:var(--radius);color:var(--color-muted)}@media(max-width:40rem){.console aside{display:flex;flex-direction:row;align-items:center;overflow-x:auto;gap:var(--space-xs);padding-bottom:var(--space-xs);min-width:0}.console aside strong{display:none}.console aside button{flex:none;white-space:nowrap}.console{gap:var(--space-md)}}.verification-panel{max-width:32rem;margin-top:var(--space-md)}.verification-panel summary{cursor:pointer;padding:var(--space-sm);color:var(--color-accent)}.console h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.025em}.console:not(:has(>aside)){grid-template-columns:minmax(0,1fr);max-width:40rem}.console .auth-feedback,.key-management{margin-top:var(--space-md)}.secret-key{display:block;padding:var(--space-sm);margin:var(--space-sm) 0;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:all;user-select:all;border:1px solid var(--color-rule);border-radius:var(--radius)}