@layer reset,tokens,base;@layer components{.kn-player{--kn-bg:var(--md-sys-color-surface-container);--kn-edge:var(--md-sys-color-on-surface);--kn-rope:var(--md-sys-color-tertiary-fixed-dim);--kn-work:var(--md-sys-color-primary-fixed-dim);--kn-now:color-mix(in srgb, var(--md-sys-color-primary) 80%, var(--md-sys-color-surface-container-lowest));--kn-done:color-mix(in srgb, var(--md-sys-color-primary-fixed-dim) 35%, var(--kn-bg));--kn-arrow:var(--md-sys-color-tertiary);--kn-obj:color-mix(in srgb, var(--md-sys-color-on-surface) 22%, var(--kn-bg));--kn-obj-line:var(--md-sys-color-outline);--kn-ground:var(--md-sys-color-outline-variant);gap:16px;min-width:0;display:grid;container-type:inline-size}.kn-modes{width:100%;display:flex}.kn-modes>.vc-btn{flex:1 1 0}@container (width<=440px){.kn-modes>.vc-btn{--_pad:8px}.kn-modes>.vc-btn>.vc-icon{display:none}}.kn-view{gap:12px;min-width:0;display:grid}.kn-view[hidden]{display:none}.kn-stage{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--kn-bg);touch-action:pan-y;-webkit-user-select:none;user-select:none;margin:0;padding:8px;overflow:hidden}.kn-art svg{width:100%;height:min(50svh,460px);display:block}.kn-counter{color:var(--md-sys-color-on-surface-variant);margin:0}.kn-sentence{text-wrap:pretty;min-height:2lh;margin:0;font-weight:600}.kn-nav{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kn-nav>.vc-btn{width:100%}.kn-slider{height:48px;display:block}.kn-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kn-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,156px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.kn-list-item{cursor:pointer;border-radius:var(--md-sys-shape-corner-large);background:var(--kn-bg);width:100%;min-height:48px;color:var(--md-sys-color-on-surface);font:inherit;text-align:start;border:0;gap:8px;padding:8px;display:grid}.kn-list-item[aria-current=step]{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary)}.kn-list-item:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.kn-list-art svg{width:100%;height:168px;display:block}.kn-list-text{gap:4px;display:grid}.kn-list-n{color:var(--md-sys-color-on-surface-variant)}.kn-rope-edge{stroke:var(--kn-edge)}.kn-rope{stroke:var(--kn-rope)}.kn-rope-work{stroke:var(--kn-work)}.kn-rope-now{stroke:var(--kn-now)}.kn-rope-done{stroke:var(--kn-done)}.kn-arrow{fill:var(--kn-arrow)}.kn-objects>rect,.kn-objects>ellipse{fill:var(--kn-obj);stroke:var(--kn-obj-line);stroke-width:1.5px}.kn-objects>.kn-obj-ground{fill:var(--kn-ground);stroke:none}.kn-objects>.kn-obj-ring{fill:none;stroke:var(--kn-obj-line);stroke-width:3px}.kn-objects>.kn-obj-line{fill:var(--kn-obj-line);stroke:none}:root[data-theme=dark] .kn-player{--kn-edge:color-mix(in srgb, var(--md-sys-color-outline) 70%, var(--kn-bg));--kn-rope:var(--md-sys-color-tertiary);--kn-work:var(--md-sys-color-primary);--kn-now:var(--md-sys-color-primary-fixed);--kn-done:color-mix(in srgb, var(--md-sys-color-primary) 30%, var(--kn-bg));--kn-arrow:var(--md-sys-color-tertiary-fixed);--kn-obj:color-mix(in srgb, var(--md-sys-color-on-surface) 18%, var(--kn-bg))}}@layer layout{.kn-pub{grid-template-columns:minmax(0,1fr);gap:16px;max-width:72ch;margin-inline:auto;display:grid}.kn-pub-head{gap:8px;display:grid}.kn-pub h1{font:var(--md-sys-typescale-headline-large);text-wrap:balance;overflow-wrap:anywhere;font-weight:700}@media (min-width:840px){.kn-pub h1{font:var(--md-sys-typescale-display-small);font-weight:700}}.kn-pub h1,.kn-pub h2,.kn-pub h3,.kn-pub p{margin:0}.kn-h{margin-top:12px}.kn-sub{color:var(--md-sys-color-on-surface-variant)}.kn-up{justify-self:start;margin-inline-start:-12px}.kn-title{gap:4px;display:grid}.kn-note{align-items:flex-start;gap:12px;display:flex}.kn-note>.vc-icon{flex:none;font-size:22px}.kn-chips{flex-wrap:wrap;column-gap:8px;margin-block:-8px;display:flex}.kn-chip{min-height:48px;color:inherit;border-radius:var(--md-sys-shape-corner-small);align-items:center;text-decoration:none;display:inline-flex}.kn-chip:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-6px}.kn-sec{grid-template-columns:minmax(0,1fr);gap:8px;scroll-margin-top:16px;display:grid}.kn-sec-h{align-items:center;gap:8px;display:flex}.kn-sec-h>.vc-icon{color:var(--md-sys-color-primary);font-size:22px}.kn-bullets{gap:4px;margin:0;padding-inline-start:24px;display:grid}.kn-list{grid-template-columns:minmax(0,1fr)}.kn-pub .vc-list.kn-list{margin-inline:-16px}.kn-item{color:inherit;min-height:48px;text-decoration:none}.kn-item .vc-li-trail .vc-tag{white-space:nowrap}.kn-pub-static .kn-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin:0}.kn-pub-step{cursor:default;margin:0}.kn-pub-app{margin-top:8px}.kn-pub-app .vc-btn{justify-self:start}.kn-offline{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;display:flex}.kn-offline>.vc-icon{font-size:18px}}@layer utilities;@media (prefers-color-scheme:dark){@layer components{:root:not([data-theme=light]) .kn-player{--kn-edge:color-mix(in srgb, var(--md-sys-color-outline) 70%, var(--kn-bg));--kn-rope:var(--md-sys-color-tertiary);--kn-work:var(--md-sys-color-primary);--kn-now:var(--md-sys-color-primary-fixed);--kn-done:color-mix(in srgb, var(--md-sys-color-primary) 30%, var(--kn-bg));--kn-arrow:var(--md-sys-color-tertiary-fixed);--kn-obj:color-mix(in srgb, var(--md-sys-color-on-surface) 18%, var(--kn-bg))}}}