:where(html.theme-keynote) .ks-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}:where(html.theme-keynote) .ks-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-pill);background:var(--glass-1);box-shadow:inset 0 0 0 1px var(--hair-2);font:500 14px/1 var(--font-body);color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:color .15s var(--ease),background-color .15s var(--ease)}:where(html.theme-keynote) .ks-chip:hover{color:var(--ink);background:var(--glass-2)}:where(html.theme-keynote) .ks-badge{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 9px;border-radius:var(--r-pill);font:600 11px/1 var(--font-body);letter-spacing:.02em;background:var(--glass-2);color:var(--ink)}:where(html.theme-keynote) .ks-badge--pro{background:var(--orange);color:var(--orange-ink)}:where(html.theme-keynote) .ks-chip .ks-badge{height:18px;font-size:10px}:where(html.theme-keynote) .k-bento.ks-fluid{grid-auto-rows:minmax(92px,auto)}@media(max-width:640px){:where(html.theme-keynote) .k-bento.ks-fluid{grid-auto-rows:minmax(84px,auto)}}:where(html.theme-keynote) .ks-chapter-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;align-items:end;padding:0 8px 40px}:where(html.theme-keynote) .ks-chapter-title{margin:0;max-width:none;font-family:var(--font-display);font-size:72px;font-weight:600;letter-spacing:-.035em;line-height:.95;text-wrap:balance;color:var(--ink)}:where(html.theme-keynote) .ks-chapter-lede{margin:0;max-width:44ch;font:400 19px/1.45 var(--font-body);color:var(--ink-2);text-wrap:pretty}:where(html.theme-keynote) .ks-link{display:inline-flex;align-items:center;gap:4px;font:500 15px/1.3 var(--font-body);color:var(--accent-ink);text-decoration:none}:where(html.theme-keynote) .ks-link:hover{text-decoration:underline;text-underline-offset:3px}:where(html.theme-keynote) .ks-paper{background:var(--paper);color:var(--silver-ink);--focus-ring: var(--orange-deep);--accent-ink: var(--orange-text)}:where(html.theme-keynote) .ks-band{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:72px;align-items:start;padding:88px 32px;box-shadow:inset 0 1px 0 var(--hair-dark)}:where(html.theme-keynote) .ks-band--first{box-shadow:none}:where(html.theme-keynote) .ks-h2{margin:0;max-width:none;font-family:var(--font-display);font-size:56px;font-weight:600;letter-spacing:-.035em;line-height:1;text-wrap:balance;color:var(--silver-ink);scroll-margin-top:calc(var(--header-height) + 24px)}:where(html.theme-keynote) .ks-h3{margin:0;font:600 22px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--silver-ink)}:where(html.theme-keynote) .ks-read{max-width:68ch;font:400 19px/1.62 var(--font-body);color:var(--silver-ink-2);text-wrap:pretty}:where(html.theme-keynote) .ks-read p{max-width:none;margin:0}:where(html.theme-keynote) .ks-read p+p{margin-top:1em}:where(html.theme-keynote) .ks-read b,:where(html.theme-keynote) .ks-read strong{color:var(--silver-ink);font-weight:600}:where(html.theme-keynote) .ks-muted{color:var(--silver-ink-3);font:600 13px/1.4 var(--font-body)}:where(html.theme-keynote) .ks-card-light{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:24px;border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-ui-light);color:var(--silver-ink);text-decoration:none;transition:box-shadow .2s var(--ease),translate .2s var(--ease)}:where(html.theme-keynote) .ks-card-light:hover{translate:0 -2px;box-shadow:var(--shadow-ui-light),0 0 0 1.5px var(--orange-text)}:where(html.theme-keynote) .ks-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:where(html.theme-keynote) .ks-scene{display:flex;flex-direction:column;gap:14px;padding:22px}:where(html.theme-keynote) .ks-scene-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}:where(html.theme-keynote) .ks-scene-title{margin:0;max-width:none;font:600 22px/1.05 var(--font-display);letter-spacing:-.03em;color:var(--tile-ink);text-wrap:balance}:where(html.theme-keynote) .ks-scene-meta{flex:none;font:400 12px/1.2 var(--font-body);color:var(--tile-ink-2);white-space:nowrap}:where(html.theme-keynote) .ks-grow{flex:1;min-height:0}:where(html.theme-keynote) .ks-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:where(html.theme-keynote) .ks-browser{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:var(--r-md);background:var(--paper);box-shadow:var(--shadow-ui-light);color:var(--silver-ink)}:where(html.theme-keynote) .ks-browser-bar{display:flex;align-items:center;gap:5px;flex:none;height:24px;padding:0 10px;background:var(--paper-2)}:where(html.theme-keynote) .ks-browser-bar i{width:7px;height:7px;border-radius:50%;background:var(--paper-3)}:where(html.theme-keynote) .ks-browser-url{margin-left:8px;font:400 10px/1 var(--font-mono);color:var(--silver-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(html.theme-keynote) .ks-browser-page{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:14px;min-height:0}:where(html.theme-keynote) .ks-bar{display:block;height:9px;border-radius:3px;background:var(--shot-block)}:where(html.theme-keynote) .ks-field{display:flex;align-items:center;height:26px;padding:0 10px;border-radius:5px;background:var(--shot-sky);font:400 10px/1 var(--font-mono);color:var(--silver-ink-2)}:where(html.theme-keynote) .ks-pay{position:relative;display:flex;align-items:center;justify-content:center;height:30px;border-radius:7px;background:var(--silver-ink);color:var(--ink);font:600 11px/1 var(--font-body)}:where(html.theme-keynote) .ks-row-line{display:flex;justify-content:space-between;gap:8px;font:500 11px/1.3 var(--font-body);color:var(--silver-ink-2)}:where(html.theme-keynote) .ks-row-line b{color:var(--silver-ink);font-weight:600}:where(html.theme-keynote) .ks-log{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;font:400 11px/1.35 var(--font-mono);min-width:0}:where(html.theme-keynote) .ks-log li{display:flex;gap:10px;padding:5px 10px;border-radius:var(--r-xs);color:var(--tile-ink-2)}:where(html.theme-keynote) .ks-log time{flex:none;color:var(--ink-3)}:where(html.theme-keynote) .ks-log span{overflow-wrap:anywhere}:where(html.theme-keynote) .ks-log .is-err{color:var(--err)}:where(html.theme-keynote) .ks-log .is-warn{color:var(--warn)}:where(html.theme-keynote) .ks-log .is-event{color:var(--orange-2)}:where(html.theme-keynote) .ks-log .is-now{background:var(--glass-2);box-shadow:inset 2px 0 0 var(--orange)}:where(html.theme-keynote) .ks-track{position:relative;height:4px;border-radius:2px;background:var(--glass-3)}:where(html.theme-keynote) .ks-track-played{position:absolute;inset:0 auto 0 0;border-radius:2px;background:var(--ink)}:where(html.theme-keynote) .ks-track-mark{position:absolute;top:-3px;width:2px;height:10px}:where(html.theme-keynote) .ks-track-knob{position:absolute;top:-4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ink);box-shadow:var(--knob)}:where(html.theme-keynote) .ks-card-dark{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 9px;border-radius:var(--r-sm);background:var(--glass-1);box-shadow:var(--card-shadow)}:where(html.theme-keynote) .ks-card-dark.is-lifted{box-shadow:var(--card-lift);rotate:-2deg;translate:0 -2px}:where(html.theme-keynote) .ks-card-id{font:400 9px/1.2 var(--font-mono);color:var(--ink-3)}:where(html.theme-keynote) .ks-card-t{font:500 11px/1.25 var(--font-body);color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:where(html.theme-keynote) .ks-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%}@media(max-width:640px){:where(html.theme-keynote) .ks-chapter-head{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 4px 28px}:where(html.theme-keynote) .ks-chapter-title{font-size:44px}:where(html.theme-keynote) .ks-chapter-lede{font-size:17px}:where(html.theme-keynote) .ks-band{grid-template-columns:minmax(0,1fr);gap:28px;padding:56px 16px}:where(html.theme-keynote) .ks-h2{font-size:38px}:where(html.theme-keynote) .ks-read{font-size:18px}:where(html.theme-keynote) .ks-grid-3{grid-template-columns:minmax(0,1fr)}:where(html.theme-keynote) .ks-scene{padding:18px}}