.gok-container{box-sizing:border-box;inline-size:100%;max-inline-size:var(--gok-container-content);padding-inline:var(--gok-container-inline-pad);margin-inline:auto}.gok-container--prose{max-inline-size:var(--gok-container-prose)}.gok-container--wide{max-inline-size:var(--gok-container-wide)}.gok-container--bleed{max-inline-size:none}.gok-grid{grid-template-columns:repeat(var(--gok-grid-columns), minmax(0, 1fr));gap:var(--gok-grid-gutter);display:grid}.gok-grid--auto{grid-template-columns:repeat(auto-fill, minmax(var(--gok-grid-min), 1fr))}*,:before,:after{box-sizing:border-box}html{background-color:var(--gok-color-bg)}body{background-color:var(--gok-color-bg);color:var(--gok-color-text);font-family:var(--gok-font-family-text);font-size:var(--gok-type-body-regular-size);line-height:var(--gok-type-body-regular-line);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--gok-motion-duration-moderate) var(--gok-motion-ease-standard), color var(--gok-motion-duration-moderate) var(--gok-motion-ease-standard);margin:0}.wrap{box-sizing:border-box;inline-size:100%;max-inline-size:var(--gok-container-content);padding-inline:var(--gok-container-inline-pad);margin-inline:auto}code{font-family:var(--gok-font-family-mono);font-size:.85em}.topbar{z-index:var(--gok-z-sticky);justify-content:space-between;align-items:center;gap:var(--gok-space-400);padding-block:var(--gok-space-400);background-color:color-mix(in srgb, var(--gok-color-bg) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-end:1px solid var(--gok-color-border);display:flex;position:sticky;inset-block-start:0}.brand{align-items:baseline;gap:var(--gok-space-300);display:flex}.brand__mark{font-family:var(--gok-font-family-display);font-weight:var(--gok-font-weight-semibold);letter-spacing:-.01em;font-size:1.0625rem}.brand__dot{color:var(--gok-color-primary)}.brand__sub{font-family:var(--gok-font-family-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gok-color-text-muted);font-size:.6875rem}.themes{border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-pill);background-color:var(--gok-color-surface);gap:2px;padding:3px;display:inline-flex}.themes button{appearance:none;cursor:pointer;padding-inline:var(--gok-space-300);border-radius:var(--gok-radius-pill);color:var(--gok-color-text-muted);font-family:var(--gok-font-family-mono);letter-spacing:.06em;text-transform:uppercase;transition:background-color var(--gok-motion-duration-fast) var(--gok-motion-ease-standard), color var(--gok-motion-duration-fast) var(--gok-motion-ease-standard);background:0 0;border:0;padding-block:5px;font-size:.6875rem}.themes button[aria-pressed=true]{background-color:var(--gok-color-text);color:var(--gok-color-bg)}.themes button:focus-visible{outline:var(--gok-focus-ring-width) solid var(--gok-color-focus-ring);outline-offset:var(--gok-focus-ring-offset)}.nav{gap:var(--gok-space-400);display:inline-flex}.nav a{font-family:var(--gok-font-family-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gok-color-text-muted);transition:color var(--gok-motion-duration-fast) var(--gok-motion-ease-standard), border-color var(--gok-motion-duration-fast) var(--gok-motion-ease-standard);border-block-end:1px solid #0000;padding-block:2px;font-size:.6875rem;text-decoration:none}.nav a:hover{color:var(--gok-color-text)}.nav a[aria-current=page]{color:var(--gok-color-text);border-block-end-color:var(--gok-color-primary)}.nav a:focus-visible{outline:var(--gok-focus-ring-width) solid var(--gok-color-focus-ring);outline-offset:var(--gok-focus-ring-offset)}.hero{padding-block:var(--gok-space-1100) var(--gok-space-900);border-block-end:1px solid var(--gok-color-border)}.eyebrow{font-family:var(--gok-type-eyebrow-family);font-weight:var(--gok-type-eyebrow-weight);font-size:var(--gok-type-eyebrow-size);line-height:var(--gok-type-eyebrow-line);letter-spacing:var(--gok-type-eyebrow-tracking);text-transform:uppercase;color:var(--gok-color-text-muted);align-items:center;gap:var(--gok-space-200);display:inline-flex}.eyebrow:before{content:"";background-color:var(--gok-color-primary);block-size:2px;inline-size:18px}.hero h1{margin:var(--gok-space-400) 0 0;font-family:var(--gok-type-expressive-family);font-weight:var(--gok-type-expressive-weight);font-size:var(--gok-type-expressive-size);line-height:var(--gok-type-expressive-line);letter-spacing:var(--gok-type-expressive-tracking);max-inline-size:14ch}.hero p{margin:var(--gok-space-500) 0 0;max-inline-size:54ch;font-size:var(--gok-type-body-large-size);line-height:var(--gok-type-body-large-line);color:var(--gok-color-text-muted)}.section{padding-block:var(--gok-space-900);border-block-end:1px solid var(--gok-color-border)}.section__head{gap:var(--gok-space-300);margin-block-end:var(--gok-space-700);display:grid}.section__head h2{font-family:var(--gok-type-headline-2-family);font-weight:var(--gok-type-headline-2-weight);font-size:var(--gok-type-headline-3-size);line-height:var(--gok-type-headline-3-line);letter-spacing:var(--gok-type-headline-3-tracking);margin:0}.section__head p{max-inline-size:60ch;color:var(--gok-color-text-muted);margin:0}.swatches{gap:var(--gok-space-400);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.swatch{border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-l);background-color:var(--gok-color-surface);overflow:hidden}.swatch__chip{border-block-end:1px solid var(--gok-color-border);block-size:76px}.swatch__meta{padding:var(--gok-space-300);gap:2px;display:grid}.swatch__name{font-size:.8125rem;font-weight:var(--gok-font-weight-medium)}.swatch__token,.swatch__hex{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem}.ramp{border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-l);grid-template-columns:repeat(9,1fr);margin-block-start:var(--gok-space-500);display:grid;overflow:hidden}.ramp__step{block-size:88px;padding:var(--gok-space-200);font-family:var(--gok-font-family-mono);align-items:flex-end;font-size:.625rem;display:flex}.specimen{gap:var(--gok-space-600);display:grid}.specimen__row{gap:var(--gok-space-500);border-block-end:1px solid var(--gok-color-border);grid-template-columns:130px 1fr;align-items:baseline;padding-block-end:var(--gok-space-500);display:grid}.specimen__row:last-child{border-block-end:0;padding-block-end:0}.specimen__label{font-family:var(--gok-font-family-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gok-color-text-muted);padding-block-start:.4em;font-size:.6875rem}.scale{gap:var(--gok-space-400);display:grid}.scale__row{gap:var(--gok-space-500);grid-template-columns:120px 1fr;align-items:center;display:grid}.scale__key{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.75rem}.bar{background-color:var(--gok-color-primary);border-radius:var(--gok-radius-s);block-size:16px}.sspace-row{gap:var(--gok-space-500);flex-wrap:wrap;margin-block-start:var(--gok-space-400);display:flex}.sspace{gap:var(--gok-space-200);justify-items:start;margin:0;display:grid}.sspace figcaption{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem}.sspace__inset{background-color:var(--gok-color-surface-strong);border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-m);block-size:88px;inline-size:120px}.sspace__inset span{background-color:var(--gok-color-accent-subtle);border-radius:var(--gok-radius-s);block-size:100%;display:block}.sspace__stack{flex-direction:column;inline-size:120px;display:flex}.sspace__stack span{background-color:var(--gok-color-surface-strong);border-radius:var(--gok-radius-s);block-size:16px}.sspace__inline{align-items:center;block-size:88px;display:flex}.sspace__inline span{background-color:var(--gok-color-surface-strong);border-radius:var(--gok-radius-s);block-size:24px;inline-size:24px}.sspace-note{max-inline-size:60ch;color:var(--gok-color-text-muted);margin-block-start:var(--gok-space-600)}.radii{gap:var(--gok-space-500);flex-wrap:wrap;display:flex}.radii figure{gap:var(--gok-space-200);justify-items:center;margin:0;display:grid}.radii .box{background-color:var(--gok-color-surface-strong);border:1px solid var(--gok-color-border);block-size:88px;inline-size:88px}.radii figcaption{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem}.borders{gap:var(--gok-space-500);flex-wrap:wrap;display:flex}.borders figure{gap:var(--gok-space-200);justify-items:center;margin:0;display:grid}.borders .bbox{background-color:var(--gok-color-surface);border-style:solid;border-color:var(--gok-color-border-emphasis);border-radius:var(--gok-radius-m);block-size:88px;inline-size:88px}.borders figcaption{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem}.elevation{gap:var(--gok-space-600);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.elevation .card{border-radius:var(--gok-radius-l);background-color:var(--gok-color-surface);border:1px solid var(--gok-color-border);block-size:120px;padding:var(--gok-space-300);font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);align-items:flex-end;font-size:.6875rem;display:flex}table.motion{border-collapse:collapse;inline-size:100%;font-size:.875rem}table.motion th,table.motion td{text-align:start;padding:var(--gok-space-300);border-block-end:1px solid var(--gok-color-border);vertical-align:top}table.motion th{font-family:var(--gok-font-family-mono);font-weight:var(--gok-font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--gok-color-text-muted);font-size:.6875rem}table.motion code{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.75rem}.ease-demo{border-radius:var(--gok-radius-pill);background-color:var(--gok-color-primary);block-size:10px;inline-size:10px;display:inline-block}.bp-readout{align-items:center;gap:var(--gok-space-200);padding-inline:var(--gok-space-400);padding-block:var(--gok-space-200);border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-pill);background-color:var(--gok-color-surface);font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);margin-block-start:var(--gok-space-400);font-size:.75rem;display:inline-flex}.bp-readout strong{color:var(--gok-color-text);font-weight:var(--gok-font-weight-medium)}.container-demo{gap:var(--gok-space-300);margin-block:var(--gok-space-600);display:grid}.cbar{box-sizing:border-box;inline-size:100%;padding-block:var(--gok-space-400);padding-inline:var(--gok-space-400);background-color:var(--gok-color-surface-strong);border-radius:var(--gok-radius-m);font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);text-align:center;margin-inline:auto;font-size:.6875rem}.cbar--prose{max-inline-size:var(--gok-container-prose)}.cbar--content{max-inline-size:var(--gok-container-content)}.cbar--wide{max-inline-size:var(--gok-container-wide)}.cbar--bleed{background-color:var(--gok-color-accent-subtle);max-inline-size:none}.demo-grid{margin-block-start:var(--gok-space-400)}.demo-cell{padding-block:var(--gok-space-500);background-color:var(--gok-color-surface-strong);border-radius:var(--gok-radius-m);font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);text-align:center;font-size:.6875rem}.states{gap:var(--gok-space-500);flex-wrap:wrap;display:flex}.states figure{gap:var(--gok-space-200);justify-items:center;margin:0;display:grid}.states figcaption{font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem}.state-tile{background-color:color-mix(in srgb, var(--gok-color-text) calc(var(--wash,0) * 100%), var(--gok-color-surface-strong));border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-m);block-size:88px;inline-size:132px;font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.scrim-demo{block-size:88px;inline-size:200px;padding-inline:var(--gok-space-400);background-color:var(--gok-color-accent-subtle);border:1px solid var(--gok-color-border);border-radius:var(--gok-radius-m);align-items:center;display:flex;position:relative;overflow:hidden}.scrim-demo__content{font-family:var(--gok-font-family-mono);color:var(--gok-color-text);font-size:.6875rem}.scrim-demo__fill{background-color:var(--gok-color-scrim);inline-size:55%;position:absolute;inset-block:0;inset-inline-end:0}.zstack{block-size:200px;margin-block-start:var(--gok-space-400);position:relative}.zstack__card{inline-size:240px;padding:var(--gok-space-400);border-radius:var(--gok-radius-l);border:1px solid var(--gok-color-border);background-color:var(--gok-color-surface);box-shadow:var(--gok-shadow-2);font-family:var(--gok-font-family-mono);color:var(--gok-color-text-muted);font-size:.6875rem;position:absolute}.foot{padding-block:var(--gok-space-700) var(--gok-space-1000);color:var(--gok-color-text-muted);font-size:var(--gok-type-body-small-size)}.foot a,a{color:var(--gok-color-link)}@media (forced-colors:active){.cbar,.demo-cell,.bar{border:1px solid canvastext}.ramp__step,.swatch__chip,.state-tile,.scrim-demo__fill{forced-color-adjust:none}}