/* Собрано из design-system.css: только :root и правила .km-. Руками не править — tests/build-design-system-embed.php */ :root{ --km-accent: #E8703A; --km-accent-light: #EE8B5F; --km-peach: #FBE3D5; --km-warm-bg: #FDF2EB; --km-warm-border: #F3C9AE; --km-warm-text: #6B5347; --km-warm-text-strong: #8A4A28; --km-text: #3F4C5C; --km-text-secondary: #77869A; --km-text-muted: #9AA7B6; --km-page: #F6F8FB; --km-surface: #FFFFFF; --km-surface-alt: #FAFBFD; --km-lilac-bg: #F8F5FA; --km-lilac-line: #EEE7F3; --km-border: #E7EBF0; --km-border-soft: #F1F4F8; --km-track: #EDF1F6; --km-staff: #5B7089; --km-staff-bg: #EEF2F7; --km-staff-border: #D6DEE8; --km-warn-bg: #FEF8E7; --km-warn-border: #EFD9A0; --km-warn-text: #8A6A16; --km-brand-navy: #33315E; --km-brand-teal: #237C82; --km-danger: #B4432B; --km-live: #D33A3A; --km-danger-bg: #FBE0DA; --km-danger-border: #F0BDB0; --km-font: 'Open Sans', system-ui, sans-serif; --km-font-display: 'Roboto Condensed', 'Open Sans', sans-serif; --km-mono: ui-monospace, SFMono-Regular, Menlo, monospace; --km-ok: #2E7D5B; --km-done: var(--km-ok); --km-done-bg: #E9F4F2; --km-done-border: #CBE5DE; --km-done-light: #3A9A70; --km-warn: #C77700; --km-gap-label: 10px; --km-gap-group: 16px; --km-gap-paragraph: 12px; --km-radius-card: 16px; --km-radius-control: 10px; --km-radius-badge: 6px; --km-shadow-card: 0 2px 12px rgba(63, 76, 92, 0.06); --km-shadow-lift: 0 6px 18px rgba(63, 76, 92, 0.14); --km-chrome-top: 0px; --km-glyph: 19px; }.km-h1,.km-h2,.km-h3,.km-h4,.km-h5{ font-family: var(--km-font-display); font-weight: 700; margin: 0; }.km-h1{ font-size: 36px; line-height: 1.2; }.km-h2{ font-size: 32px; line-height: 1.25; }.km-h3{ font-size: 26px; line-height: 1.3; }.km-h4{ font-size: 24px; line-height: 1.35; }.km-h5{ font-size: 20px; line-height: 1.4; }.km-text{ font-size: 16px; line-height: 1.65; }.km-text-secondary{ font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); }.km-meta{ font-size: 12px; line-height: 1.4; color: var(--km-text-muted); }.km-eyebrow{ font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-section-title{ font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); }.km-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; border: none; border-radius: var(--km-radius-control); padding: 13px 26px; cursor: pointer; transition: background 0.16s, border-color 0.16s, color 0.16s; }.km-btn--primary,.km-btn--primary:hover,.km-btn--primary:focus,.km-btn--primary:active{ background: var(--km-accent); color: #fff; box-shadow: none; }.km-btn--primary:hover{ background: var(--km-accent-light); }.km-btn--secondary,.km-btn--secondary:hover,.km-btn--secondary:focus,.km-btn--secondary:active{ background: var(--km-surface); color: var(--km-text); border: 1px solid var(--km-border); box-shadow: none; }.km-btn--secondary,.km-btn--warm{ padding: 12px 25px; }.km-btn--secondary:hover{ border-color: var(--km-warm-border); color: var(--km-accent); }.km-btn--done,.km-btn--done:hover,.km-btn--done:focus,.km-btn--done:active{ background: var(--km-done); color: #fff; box-shadow: none; }.km-btn--done:hover{ background: var(--km-done-light); }.km-btn--muted,.km-btn--muted:hover,.km-btn--muted:focus,.km-btn--muted:active{ background: var(--km-peach); color: var(--km-warm-text-strong); box-shadow: none; }.km-btn--muted:hover{ background: #F7D6C3; }.km-btn--text,.km-btn--text:focus{ background: transparent; color: var(--km-accent); }.km-btn--text{ padding: 12px 14px; }.km-btn--text:hover{ color: var(--km-accent-light); }.km-btn--quiet,.km-btn--quiet:focus{ background: transparent; color: var(--km-text-secondary); border: 1px solid var(--km-border); font-weight: 500; }.km-btn--quiet{ font-size: 14px; padding: 12px 22px; }.km-btn--quiet:hover{ color: var(--km-accent); border-color: var(--km-warm-border); }.km-btn--danger,.km-btn--danger:hover,.km-btn--danger:focus,.km-btn--danger:active{ background: var(--km-surface); color: var(--km-danger); border: 1px solid var(--km-danger-border); font-weight: 500; box-shadow: none; }.km-btn--danger:hover{ background: #FDF0EC; }.km-btn--square{ width: 34px; height: 34px; padding: 0; }.km-btn--sm{ font-size: 13px; padding: 9px 18px; }.km-btn--lg{ font-size: 16px; padding: 15px 32px; border-radius: 12px; }.km-btn--block{ width: 100%; }.km-btn[disabled]{ background: #F1F4F8; color: #B6C0CC; cursor: not-allowed; }.km-badge{ display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; border-radius: var(--km-radius-badge); padding: 5px 9px; white-space: nowrap; }.km-badge--accent{ background: var(--km-accent); color: #fff; }.km-badge--peach{ background: var(--km-peach); color: #A8592F; }.km-badge--neutral{ background: #F1F4F8; color: var(--km-text-secondary); }.km-badge--outline{ background: var(--km-surface); border: 1px solid var(--km-border); color: var(--km-text-muted); padding: 4px 8px; }.km-badge--danger{ background: var(--km-danger-bg); color: var(--km-danger); }.km-badge--done{ display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; letter-spacing: 0; text-transform: none; padding: 5px 11px 5px 9px; border-radius: 8px; background: var(--km-done-bg); color: var(--km-done); border: 1px solid var(--km-done-border); }.km-badge--lg{ font-size: 11px; letter-spacing: 0.06em; border-radius: 8px; padding: 6px 12px; }.km-btn--primary,.km-btn--primary:link,.km-btn--primary:visited,.km-btn--primary:hover,.km-btn--primary:focus,.km-btn--primary:active{ color: #fff; }.km-hero__body .km-actions{ flex-direction: row-reverse; justify-content: flex-end; gap: 18px; }.km-hero__body .km-actions > .km-price{ flex: 1 1 0; min-width: 0; }.km-hero--tall .km-hero__body{ min-height: 500px; }.km-hero--over .km-price{ color: #fff; font-size: 17px; }.km-hero--over .km-price__from{ color: rgba(255, 255, 255, 0.85); font-size: 15px; }.km-hero--over .km-price__stages{ color: #fff; font-size: 15px; }.km-hero--over .km-meta{ color: rgba(255, 255, 255, 0.9); font-size: 14px; }.km-hero--over .km-hero__lead{ color: rgba(255, 255, 255, 0.9); font-size: 16px; max-width: 560px; }.km-hero__learners{ display: flex; align-items: center; gap: 12px; margin-top: 8px; }.km-hero--over .km-badge--peach{ background: rgba(251, 227, 213, 0.95); color: var(--km-warm-text-strong); }.km-hero--over .km-badge--accent{ background: rgba(232, 112, 58, 0.95); }.km-crumbs{ display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--km-text-muted); }.km-crumbs > *{ flex: none; }.km-crumbs a{ color: inherit; }.km-crumbs a:hover{ color: var(--km-accent); }.km-crumbs.km-crumbs--library a{ color: var(--km-accent); }.km-crumbs.km-crumbs--library .km-crumbs__here{ font-weight: 400; color: var(--km-text); }.km-crumbs.km-crumbs--library{ flex-wrap: wrap; row-gap: 2px; }.km-crumbs.km-crumbs--library .km-crumbs__here{ flex: 0 1 auto; overflow: visible; white-space: normal; }.km-crumbs__here{ flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--km-text); }.km-cover{ position: relative; overflow: hidden; border-radius: var(--km-radius-card); }.km-cover__badge{ position: absolute; top: 10px; left: 10px; pointer-events: none; background: rgba(255, 255, 255, 0.9); color: var(--km-warm-text-strong); line-height: 1.65; }.km-cover__badge--right{ left: auto; right: 10px; }.km-cover__badge--done{ background: var(--km-done); color: #fff; text-transform: none; letter-spacing: 0; font-size: 11px; }.km-note{ display: flex; align-items: flex-start; gap: 10px; border-radius: var(--km-radius-control); padding: 12px 14px; font-size: 14px; line-height: 1.55; }.km-note--warm{ background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); color: var(--km-warm-text); }.km-note--neutral{ background: var(--km-page); border: 1px solid var(--km-border); color: var(--km-text-secondary); }.km-note--danger{ background: #FDF0EC; border: 1px solid var(--km-danger-border); color: #8E3B27; }.km-note__icon{ flex: none; margin-top: 1px; }.km-note__icon--accent{ color: var(--km-accent); }.km-note__text{ flex: 1; }.km-note--action{ align-items: center; flex-wrap: wrap; }.km-note--action > .km-btn{ flex: none; margin-left: auto; }@media (max-width: 640px){.km-note--action > .km-btn{ width: 100%; margin-left: 0; text-align: center; }}.km-card{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); }.km-card--warm{ border-color: var(--km-warm-border); }.km-card--quiet{ background: var(--km-warm-bg); border-color: var(--km-warm-border); box-shadow: none; }.km-card--current{ border-color: var(--km-warm-border); }.km-card__body{ padding: 16px 18px 18px; display: flex; flex-direction: column; gap: var(--km-gap-label); }.km-card__pad{ padding: 24px; }.km-course-card{ display: flex; flex-direction: column; overflow: hidden; }.km-continue .km-card__body{ gap: 8px; }.km-continue__title{ margin: 0; font-size: 17px; font-weight: 700; line-height: 1.35; text-transform: uppercase; letter-spacing: 0.5px; color: var(--km-text); }.km-continue__list{ container: km-continue / inline-size; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }.km-continue__row{ display: flex; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--km-border-soft); }.km-continue__row:first-child{ border-top: none; }.km-continue__cover{ flex: none; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; background: var(--km-warm-bg); }.km-continue .km-continue__cover img{ width: 100%; height: 100%; object-fit: cover; display: block; }.km-continue__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }.km-continue__body > p{ margin: 0; }.km-continue__name{ font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--km-text); text-decoration: none; overflow-wrap: anywhere; }.km-continue__name:hover{ color: var(--km-accent); }.km-continue__lesson{ font-size: 13px; line-height: 1.4; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-continue__row > .km-btn{ flex: none; }@container km-continue (max-width: 379.98px){.km-continue__row{ flex-wrap: wrap; }.km-continue__row > .km-btn{ flex: 1 0 100%; }}.km-course-card__cover{ position: relative; aspect-ratio: 16 / 9; min-height: 0; }.km-course-card .km-course-card__cover img{ width: 100%; height: 100%; object-fit: cover; display: block; }.km-cover__title{ position: absolute; left: 14px; right: 14px; top: 58px; margin: 0; font-family: var(--km-font-display); font-size: 26px; font-weight: 700; line-height: 1.02; letter-spacing: -0.01em; text-transform: uppercase; z-index: 1; }.km-cover__title-lead,.km-cover__title-rest{ display: block; }.km-cover__title-lead{ overflow-wrap: anywhere; }.km-cover__title-rest{ margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }.km-cover--ink .km-cover__title-lead{ color: var(--km-brand-navy); }.km-cover--ink .km-cover__title-rest{ color: var(--km-brand-teal); }.km-cover--lume .km-cover__title-lead,.km-cover--lume .km-cover__title-rest{ color: #fff; }.km-cover--lume::after{ content: ''; position: absolute; inset: 0; background: radial-gradient( 125% 78% at 6% 12%, rgba(28, 26, 46, 0.74) 0%, rgba(28, 26, 46, 0.46) 38%, rgba(28, 26, 46, 0.12) 66%, rgba(28, 26, 46, 0) 82% ); pointer-events: none; }.km-cover__badge{ z-index: 2; }.km-course-card__title{ font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1.3; }.km-grid-cards--own{ align-items: start; }.km-grid-cards.km-grid-cards--own{ grid-template-columns: repeat(auto-fill, minmax(max(272px, calc((100% - 40px) / 3)), 1fr)); }.km-course-card__title,.km-course-card .km-card__body > .km-text-secondary{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }.km-course-card__group{ display: flex; flex-direction: column; gap: var(--km-gap-label); margin-top: calc(var(--km-gap-group) - var(--km-gap-label)); }.km-course-card--archived .km-course-card__cover{ filter: grayscale(1); }.km-price{ font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1.2; color: var(--km-text); }.km-price__from{ font-family: var(--km-font); font-size: 14px; font-weight: 600; color: var(--km-text-muted); }.km-price__stages{ font-family: var(--km-font); font-size: 14px; font-weight: 600; color: var(--km-text-secondary); margin-left: var(--km-gap-label); white-space: nowrap; }.km-price__note{ display: block; margin-top: 3px; font-family: var(--km-font); font-size: 13px; font-weight: 400; line-height: 1.35; color: var(--km-text-muted); white-space: normal; }.km-hero--over .km-price__note{ color: rgba(255, 255, 255, 0.75); }.km-tabs{ display: flex; flex-wrap: wrap; gap: 12px 28px; border-bottom: 1px solid var(--km-border); margin: calc(24px - var(--km-stack-gap, var(--km-gap-group))) 0; }.km-tab{ padding: 0 0 12px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); cursor: pointer; background: none; border: none; font-family: inherit; }.km-tab:focus{ color: var(--km-text-muted); }.km-tab:hover{ color: var(--km-text); }.km-tab,.km-tab:hover,.km-tab:focus,.km-tab:active{ background: none; border: none; border-radius: 0; }.km-tab:focus,.km-btn:focus,.km-chip:focus,.km-act:focus,.km-link:focus{ box-shadow: none; }.km-tab:focus-visible,.km-btn:focus-visible,.km-chip:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-btn--text,.km-btn--text:hover,.km-btn--text:focus,.km-btn--text:active{ background: transparent; }.km-btn--quiet,.km-btn--quiet:hover,.km-btn--quiet:focus,.km-btn--quiet:active{ background: transparent; }.km-tab.is-active,.km-tab.is-active:focus{ color: var(--km-accent); }.km-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.km-chip,.km-chip:hover,.km-chip:focus,.km-chip:active{ font-size: 13px; font-weight: 700; line-height: 1.15; letter-spacing: 0.05em; text-transform: uppercase; color: var(--km-text-secondary); background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 8px 17px; cursor: pointer; box-shadow: none; }.km-chip:hover{ color: var(--km-accent); border-color: var(--km-warm-border); }.km-chip.is-active{ background: var(--km-peach); border-color: transparent; color: #A8592F; padding: 9px 18px; }.km-chip__count{ font-weight: 600; opacity: 0.6; margin-left: 6px; }.km-picker__head{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }.km-picker__search{ flex: 1 1 240px; min-width: 0; max-width: 340px; }.km-picker{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); overflow: hidden; }.km-picker__row{ display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--km-border-soft); text-decoration: none; color: inherit; }.km-picker__row:last-child{ border-bottom: none; }.km-picker__row:hover{ background: var(--km-bg); }.km-picker__row--empty{ opacity: 0.62; }.km-picker__row--empty:hover{ background: transparent; }.km-picker__body{ flex: 1; min-width: 0; }.km-picker__name{ display: block; font-size: 15px; font-weight: 600; line-height: 1.35; }.km-picker__facts{ display: block; margin-top: 4px; font-size: 13px; color: var(--km-text-secondary); line-height: 1.5; }.km-picker__muted{ color: var(--km-text-muted); }.km-picker__state{ flex: none; font-size: 12px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }.km-picker__dot{ width: 7px; height: 7px; border-radius: 50%; flex: none; background: currentColor; }.km-picker__state--live{ color: var(--km-ok); }.km-picker__state--draft{ color: var(--km-text-muted); }.km-picker__go{ flex: none; width: 17px; height: 17px; color: var(--km-text-muted); }@media (max-width: 640px){.km-picker__row{ flex-wrap: wrap; }.km-picker__body{ flex: 1 1 100%; }.km-picker__state{ order: 3; }.km-picker__go{ margin-left: auto; order: 4; }.km-picker__search{ max-width: none; flex: 1 1 100%; }}.km-pair{ display: grid; grid-template-columns: 1fr 30px 1fr; gap: 10px; align-items: start; }.km-pair__arrow{ align-self: start; padding-top: calc(1.4em + var(--km-gap-label)); color: var(--km-text-muted); }.km-pair__arrow svg{ width: 20px; height: 20px; display: block; }.km-picked{ border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 9px 12px; background: var(--km-bg); display: flex; align-items: flex-start; gap: 8px; }.km-picked__body{ flex: 1; min-width: 0; }.km-picked__name{ font-weight: 600; }.km-picked__meta{ font-size: 12px; color: var(--km-text-muted); margin-top: 2px; }.km-picked__id{ font-family: var(--km-mono); font-size: 11px; }.km-picked__drop{ flex: none; font: inherit; font-size: 14px; line-height: 1; color: var(--km-text-muted); background: none; border: none; padding: 2px; cursor: pointer; }.km-picked__drop:hover{ color: var(--km-accent); }.km-picked--field{ padding: 12px 14px; align-items: center; font-size: 15px; line-height: 1.5; }.km-picked--field .km-picked__body{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-picked--field .km-picked__name,.km-picked--field .km-picked__meta{ display: inline; }.km-picked--field .km-picked__meta{ margin: 0 0 0 8px; }.km-sum{ border-top: 1px solid var(--km-border-soft); padding-top: 14px; }.km-sum__title{ font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--km-text-muted); font-weight: 600; margin: 0 0 10px; }.km-line{ display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--km-border-soft); }.km-line:last-child{ border-bottom: none; }.km-line__glyph{ width: 16px; height: 16px; flex: none; color: var(--km-text-muted); }.km-line__text{ flex: 1; min-width: 0; }.km-line__count{ font-weight: 600; white-space: nowrap; }.km-line__count--none{ font-weight: 400; color: var(--km-text-muted); }@media (max-width: 640px){.km-pair{ grid-template-columns: 1fr; }.km-pair__arrow{ transform: rotate(90deg); margin: 0 auto; padding-top: 0; }}.km-log{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); overflow: hidden; }.km-rec{ display: flex; align-items: flex-start; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--km-border-soft); }.km-rec:last-child{ border-bottom: none; }.km-rec:hover{ background: var(--km-bg); }.km-rec--none .km-rec__text{ color: var(--km-text-muted); }.km-rec__body{ flex: 1; min-width: 0; }.km-rec__text{ font: inherit; color: var(--km-text); background: none; border: none; padding: 0; margin: 0; text-align: left; line-height: 1.45; cursor: pointer; }.km-rec__text:hover{ color: var(--km-accent); }.km-rec__meta{ margin-top: 4px; font-size: 12px; color: var(--km-text-muted); display: flex; gap: 7px; flex-wrap: wrap; align-items: center; }.km-rec__when{ flex: none; font-size: 12px; color: var(--km-text-muted); white-space: nowrap; text-align: right; padding-top: 1px; }.km-rec__ago{ display: block; opacity: 0.75; }.km-rec__object{ font: inherit; font-size: 12px; color: var(--km-accent); background: none; border: none; padding: 0; cursor: pointer; }.km-rec__object:hover{ text-decoration: underline; }.km-sep{ color: var(--km-border); }.km-progress{ display: flex; flex-direction: column; gap: 7px; }.km-progress--row{ flex-direction: row; align-items: center; gap: 9px; min-width: 130px; }.km-progress--row .km-progress__bar{ flex: 1; min-width: 60px; }.km-progress__num{ font-size: 13px; color: var(--km-text-secondary); white-space: nowrap; font-variant-numeric: tabular-nums; }.km-progress__zero{ font-size: 13px; color: var(--km-text-muted); white-space: nowrap; }.km-progress__head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.km-progress__label{ font-size: 15px; font-weight: 600; }.km-progress__percent{ font-size: 14px; font-weight: 700; color: var(--km-accent); }.km-progress__track{ height: 5px; border-radius: 3px; background: var(--km-track); overflow: hidden; }.km-progress__fill{ height: 100%; border-radius: 3px; background: var(--km-accent); }.km-progress__meta{ font-size: 12px; color: var(--km-text-muted); }.km-progress--thin .km-progress__track{ height: 4px; border-radius: 2px; }.km-progress--soft .km-progress__fill{ background: var(--km-accent-light); }.km-progress__bar{ appearance: none; -webkit-appearance: none; display: block; width: 100%; min-width: 60px; height: 5px; border: none; border-radius: 3px; background: var(--km-track); overflow: hidden; }.km-progress__bar::-webkit-progress-bar{ background: var(--km-track); border-radius: 3px; }.km-progress__bar::-webkit-progress-value{ background: var(--km-accent); border-radius: 3px; }.km-progress__bar::-moz-progress-bar{ background: var(--km-accent); border-radius: 3px; }.km-progress--done .km-progress__percent{ color: var(--km-done); }.km-progress--done .km-progress__bar::-webkit-progress-value{ background: var(--km-done); }.km-progress--done .km-progress__bar::-moz-progress-bar{ background: var(--km-done); }.km-progress__bar--done::-webkit-progress-value{ background: var(--km-done); }.km-progress__bar--done::-moz-progress-bar{ background: var(--km-done); }.km-progress__bar--soft::-webkit-progress-value{ background: var(--km-accent-light); }.km-progress__bar--soft::-moz-progress-bar{ background: var(--km-accent-light); }.km-column{ width: 100%; max-width: 980px; margin: 0 auto; }.km-player{ display: grid; grid-template-columns: 320px minmax(0, 1fr); align-items: start; min-height: 100vh; }.km-player__side{ position: sticky; top: var(--km-chrome-top); height: calc(100vh - var(--km-chrome-top)); overflow-y: auto; background: var(--km-surface); border-right: 1px solid var(--km-border); padding: 22px 18px 32px; display: flex; flex-direction: column; gap: 10px; }.km-player__main{ min-width: 0; padding: 32px 28px 96px; }.km-player__toggle{ display: none; }.km-back{ display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--km-text-secondary); text-decoration: none; }.km-back:hover{ color: var(--km-accent); }.km-tree--compact .km-node{ padding: 8px 6px; gap: 9px; border-bottom: none; flex-wrap: nowrap; }.km-tree--compact .km-node__title{ font-size: 14px; font-weight: 400; }.km-tree--compact .km-tree__topics .km-node__title{ font-size: 13px; }.km-mapcount{ display: none; flex-direction: column; gap: 7px; }.km-mapcount__percent{ font-size: 13px; font-weight: 700; color: var(--km-accent); }.km-mapcount__bar{ display: none; }.km-mapcount:has( + .km-tree--compact ){ display: flex; padding: 0 6px 16px; border-bottom: 1px solid var(--km-border-soft); }.km-mapcount:has( + .km-tree--compact ) .km-mapcount__bar{ display: block; height: 5px; }.km-mapcount:has( + .km-tree--compact ) .km-meta{ font-size: 13px; color: var(--km-text-secondary); margin-left: 0; }.km-mapcount:has( + .km-tree--compact ) .km-mapcount__percent{ margin-left: auto; }.km-tree__heading{ font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--km-text); padding: 16px 4px 8px; }.km-tree__heading:first-child{ padding-top: 0; }.km-tree__heading--current{ color: var(--km-warm-text-strong); }.km-tree--compact .km-tree__card{ background: none; border: none; border-radius: 0; box-shadow: none; overflow: visible; margin-bottom: 0; }.km-tree--compact .km-tree__card > .km-node,.km-tree--compact .km-tree__fold-head > .km-node{ padding: 8px 6px; border-radius: 10px; }.km-tree--compact .km-node{ border-radius: 10px; }.km-tree--compact .km-node--current{ background: none; }.km-tree--compact .km-node--current .km-node__title{ font-weight: 400; }.km-tree--compact .km-node--current .km-tree__chevron{ color: var(--km-text-muted); }.km-tree--compact .km-node--active{ background: var(--km-warm-bg); }.km-tree--compact .km-node--active .km-node__title{ font-weight: 700; }.km-tree--compact .km-node__link{ flex: 1 1 auto; min-width: 0; }.km-tree--compact .km-node__tags{ display: none; }.km-tree--compact .km-node__state--here,.km-tree--compact .km-node__state--at,.km-tree--compact .km-node__state--when{ display: none; }.km-tree--compact .km-node__state--parts{ display: flex; font-size: 11px; }.km-tree--compact .km-node__why{ display: none; }.km-node--active{ background: var(--km-warm-bg); border-radius: var(--km-radius-control); }.km-node--active .km-node__title{ font-weight: 700; color: var(--km-text); }.km-node__link{ display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; color: inherit; text-decoration: none; }.km-tree__fold-head .km-node__link{ flex: 0 1 auto; margin-right: auto; }.km-divider{ height: 1px; background: var(--km-border); }.km-lesson-nav{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }.km-lesson-nav__middle{ flex: 1; display: flex; justify-content: center; }.km-nudge{ display: flex; flex-direction: column; gap: 10px; background: var(--km-warm-bg); border-radius: var(--km-radius-control); padding: 14px 18px; }.km-nudge__text{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--km-warm-text); }.km-nudge__mute{ font-size: 13px; color: var(--km-text-secondary); }.km-ask{ background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: var(--km-radius-card); padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; }.km-ask__title{ font-size: 17px; font-weight: 700; }.km-move{ max-height: 46vh; overflow-y: auto; border: 1px solid var(--km-border); border-radius: 10px; background: var(--km-surface); }.km-move__row{ display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; border: none; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }.km-move__row:hover{ background: var(--km-bg); }.km-move__row[aria-pressed="true"]{ background: var(--km-warm-bg); font-weight: 600; }.km-move__row--1{ padding-left: 32px; }.km-move__row--2{ padding-left: 56px; }.km-move__cost{ margin-left: auto; font-size: 12px; color: var(--km-text-muted); white-space: nowrap; }.km-ask__text{ font-size: 15px; line-height: 1.6; color: var(--km-warm-text); }.km-ask__actions{ display: flex; gap: 10px; flex-wrap: wrap; }.km-warn{ font-size: 13px; line-height: 1.4; color: var(--km-danger); margin: 0; }.km-caution{ font-size: 13px; line-height: 1.4; color: var(--km-warn); margin: 0; }.km-actions{ display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }.km-content{ display: flex; flex-direction: column; gap: 28px; }.km-content > [data-lms-block]{ margin-block: 0; }.km-content > [data-lms-block] [data-lms-block]:first-child{ margin-block-start: 0; }.km-content > [data-lms-block] [data-lms-block]:last-child{ margin-block-end: 0; }.km-content > .km-files,.km-content > .km-note,.km-content > .km-audio{ border-radius: 20px; }.km-content > .km-note{ padding-left: 18px; padding-right: 18px; }.km-card--media{ padding: 0; overflow: hidden; }.km-card--media > *{ display: block; width: 100%; }.km-prose{ padding: 28px 32px; }.km-prose > *{ margin: 0; }.km-prose > * + *{ margin-top: 16px; }.km-prose p{ line-height: 1.75; }.km-prose > h2 + *,.km-prose > h3 + *,.km-prose > h4 + *{ margin-top: 12px; }.km-prose > * + h2,.km-prose > * + h3,.km-prose > * + h4{ margin-top: 32px; }.km-prose ul,.km-prose ol{ padding-left: 22px; }.km-prose li{ line-height: 1.7; }.km-prose li + li{ margin-top: 6px; }.km-prose > p:empty,.km-prose > p > br:only-child{ display: none; }.km-lesson-place{ margin: 0; font-size: 12px; color: var(--km-text-muted); }.km-lesson-title{ margin: 0; font-family: var(--km-font-display); font-size: 34px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; }.km-lesson-place:empty,.km-lesson-title:empty{ display: none; }.km-lesson-head{ position: sticky; top: var(--km-chrome-top, 0px); z-index: 5; display: flex; align-items: flex-start; gap: var(--km-gap-group); padding: 12px 0 10px; border-bottom: 1px solid var(--km-border); }.km-lesson-head__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }.km-lesson-head__nav{ flex: none; display: flex; gap: 6px; padding-top: 4px; }.km-lesson-head__nav:empty{ display: none; }@media ( max-width: 560px ){.km-btn--square{ width: 32px; height: 32px; }.km-lesson-head{ gap: var(--km-gap-label); }}.km-lesson-title,.km-page.km-dashboard h1,.km-page.km-catalog h1{ padding-top: 0 !important; }.km-player__main .km-card{ border-radius: 20px; }.km-dashboard{ display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; }.km-page.km-dashboard{ padding-top: 0; }.km-page.km-catalog{ padding: 0; max-width: none; }.km-dashboard__main{ min-width: 0; }.km-course{ display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; align-items: start; }.km-course__main{ min-width: 0; }.km-course__side{ display: flex; flex-direction: column; gap: 20px; position: sticky; top: calc(var(--km-chrome-top) + 20px); }.km-tab__count{ font-weight: 600; opacity: 0.55; margin-left: 6px; }.km-hero{ position: relative; overflow: hidden; border-radius: var(--km-radius-card); }.km-hero__cover{ aspect-ratio: 21 / 9; background: var(--km-track); }.km-hero .km-hero__cover img{ width: 100%; height: 100%; object-fit: cover; display: block; }.km-hero__body{ display: flex; flex-direction: column; gap: 8px; padding: 20px 24px 24px; background: var(--km-surface); border: 1px solid var(--km-border); border-top: none; border-radius: 0 0 var(--km-radius-card) var(--km-radius-card); }.km-hero__title{ font-family: var(--km-font-display); font-size: 32px; font-weight: 700; line-height: 1.25; }.km-headline{ display: flex; align-items: center; gap: 28px; flex-wrap: wrap; }.km-headline > .km-progress{ flex: 1; min-width: 260px; }.km-headline > .km-actions{ flex: none; }.km-hero__ribbon{ position: absolute; top: 18px; right: 18px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; padding: 8px 14px 8px 11px; border-radius: 999px; background: var(--km-done); color: #fff; box-shadow: 0 2px 10px rgba(20, 28, 37, 0.3); }.km-hero--done:not(.km-hero--over) .km-hero__body{ padding-right: 170px; }@media (max-width: 640px){.km-hero--done:not(.km-hero--over) .km-hero__body{ padding-right: 24px; padding-top: 56px; }}.km-hero__badges{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hero__lead{ font-size: 15px; line-height: 1.6; max-width: 500px; text-wrap: pretty; }.km-hero--over .km-hero__cover{ position: absolute; inset: 0; aspect-ratio: auto; }.km-hero--over .km-hero__cover img{ width: 100%; height: 100%; object-fit: cover; display: block; }.km-hero--over::after{ content: ''; position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(63, 52, 46, 0.6) 0%, rgba(63, 52, 46, 0.22) 55%, rgba(63, 52, 46, 0.05) 100% ); }.km-hero--over .km-hero__body{ position: relative; z-index: 1; min-height: 320px; justify-content: center; gap: 12px; padding: 30px 36px 34px; background: none; border: none; border-radius: 0; color: #fff; }.km-hero--over .km-hero__title{ font-size: 42px; letter-spacing: -0.02em; line-height: 1.12; color: #fff; }.km-hero--over .km-hero__lead{ color: rgba(255, 255, 255, 0.9); }.km-hero--brand.km-hero--ink.km-hero--over::after{ content: none; }.km-hero--brand.km-hero--lume.km-hero--over::after{ background: linear-gradient( to right, rgba(28, 26, 46, 0.72) 0%, rgba(28, 26, 46, 0.55) 38%, rgba(28, 26, 46, 0.12) 72%, rgba(28, 26, 46, 0) 100% ); }.km-hero--brand.km-hero--over .km-hero__body{ color: inherit; min-height: 374px; justify-content: center; align-items: flex-start; gap: 6px; padding: 26px 32px 28px; color: var(--km-brand-navy); }.km-hero--brand .km-hero__eyebrow{ font-family: var(--km-font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }.km-hero--brand.km-hero--ink .km-hero__eyebrow{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume .km-hero__eyebrow{ color: rgba(255, 255, 255, 0.92); }.km-hero--brand.km-hero--over .km-hero__title{ font-family: var(--km-font-display); font-size: 58px; font-weight: 700; line-height: 0.98; letter-spacing: -0.01em; text-transform: uppercase; }.km-hero--brand.km-hero--ink.km-hero--over .km-hero__title{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume.km-hero--over .km-hero__title{ color: #fff; }.km-hero__title-lead,.km-hero__title-rest{ display: block; }.km-hero--brand.km-hero--ink .km-hero__title-rest{ color: var(--km-brand-teal); }.km-hero--brand.km-hero--ink.km-hero--over .km-hero__lead{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume.km-hero--over .km-hero__lead{ color: rgba(255, 255, 255, 0.92); }.km-hero--brand.km-hero--over .km-hero__lead{ font-size: 15px; line-height: 1.45; max-width: 430px; }.km-hero__eyebrow,.km-hero__author{ margin: 0; }.km-hero--brand .km-hero__author{ font-size: 14px; font-weight: 600; }.km-hero--brand.km-hero--ink .km-hero__author{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume .km-hero__author{ color: rgba(255, 255, 255, 0.92); }.km-headline .km-progress{ gap: 4px; }.km-headline .km-progress__caption{ font-family: var(--km-font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--km-text-muted); }.km-progress__caption-row{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }.km-headline .km-progress__head{ display: block; }.km-headline .km-progress__label{ font-size: 16px; font-weight: 700; }.km-headline .km-progress__line{ display: flex; align-items: center; gap: 12px; }.km-headline .km-progress__line .km-progress__bar{ flex: 1; }.km-headline .km-progress__line .km-progress__percent{ flex: none; }.km-stats{ display: flex; flex-wrap: wrap; gap: 28px; }.km-stat{ display: flex; flex-direction: column; gap: 2px; }.km-stat__value{ font-family: var(--km-font-display); font-size: 28px; font-weight: 700; line-height: 1.1; color: var(--km-accent); }.km-stat__label{ font-size: 13px; color: var(--km-text-secondary); }.km-materials{ display: block; }.km-grp{ margin-bottom: 20px; }.km-grp:last-child{ margin-bottom: 0; }.km-grp__h{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 8px; }.km-grp__name{ flex: 1; min-width: 140px; font-size: 14.5px; font-weight: 700; color: var(--km-text); }.km-grp__why{ flex: none; font-size: 12.5px; color: var(--km-text-muted); }.km-grp--locked .km-grp__name{ color: var(--km-text-muted); }.km-grp .km-file{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; padding: 12px 16px; margin-bottom: 7px; border-bottom: 1px solid var(--km-border); }.km-grp .km-file:last-child{ margin-bottom: 0; border-bottom: 1px solid var(--km-border); }.km-grp .km-file--locked{ background: var(--km-surface-alt); }.km-grp--locked .km-file__name{ color: var(--km-text-muted); }.km-grp--locked .km-file__glyph{ color: var(--km-text-muted); }.km-files{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); padding: 4px 18px; }.km-file{ display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--km-border-soft); text-decoration: none; color: inherit; }.km-file:last-child{ border-bottom: none; }.km-file--locked{ cursor: default; }.km-file--locked .km-file__action{ color: var(--km-text-muted); }.km-file__glyph{ flex: none; width: 22px; height: 22px; color: var(--km-accent); }.km-file__body{ flex: 1; min-width: 0; }.km-file__name{ display: block; font-size: 14.5px; line-height: 1.35; color: var(--km-text); }.km-file__meta{ display: block; font-size: 12px; color: var(--km-text-muted); margin-top: 2px; }.km-file__action{ flex: none; width: 19px; height: 19px; color: #B7C1CD; }.km-file:hover .km-file__name{ color: var(--km-accent); }.km-file:hover .km-file__action{ color: var(--km-accent); }.km-file--missing{ cursor: default; }.km-file--missing .km-file__glyph,.km-file--missing .km-file__name{ color: var(--km-text-muted); }.km-feedback{ background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 20px; padding: 16px 18px; color: var(--km-warm-text); }.km-feedback__head{ display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }.km-feedback__glyph{ flex: none; width: 22px; height: 22px; color: var(--km-accent); }.km-feedback__title{ margin: 0; font-family: var(--km-font); font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--km-warm-text); }.km-feedback__row{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }.km-feedback__row > .km-btn{ flex: none; }.km-feedback__text{ flex: 1; min-width: 180px; font-size: 14.5px; line-height: 1.5; }@media (max-width: 640px){.km-feedback__row > .km-btn{ width: 100%; text-align: center; }}.km-after__text{ font-size: 16px; line-height: 1.65; margin: 0; }.km-after__text a:hover{ text-decoration: underline; text-underline-offset: 2px; }.km-ed{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); overflow: hidden; }.km-ed__head{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 12px 16px; border-bottom: 1px solid var(--km-border); }.km-ed__title{ flex: 1; min-width: 150px; font-size: 13.5px; font-weight: 600; margin: 0; }.km-ed__kind{ flex: none; font-size: 11px; padding: 2px 8px; border-radius: 6px; background: var(--km-warm-bg); color: var(--km-warm-text); }.km-ed__body{ padding: 14px 16px 16px; }.km-preview{ margin-top: 14px; padding-top: 13px; border-top: 1px dashed var(--km-border); }.km-preview__cap{ font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--km-text-muted); margin: 0 0 9px; }.km-preview .km-files,.km-preview .km-audio,.km-preview .km-note{ border-radius: 20px; }.km-visually-hidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }.km-schedule-block{ margin-block: 28px 40px; }.km-cast .km-cast-prose .km-schedule-block:not(:last-child){ margin-bottom: 40px; }.km-schedule-block__title{ margin: 0 0 12px; }.km-schedule{ display: grid; grid-template-columns: minmax(210px, max-content) minmax(0, 1fr) auto; column-gap: 12px; padding: 10px; background: var(--km-lilac-bg); border: 1px solid var(--km-lilac-line); border-radius: 18px; }.km-schedule__row{ display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; padding: 14px 16px; border-radius: 12px; font-size: 16px; }.km-schedule__row + .km-schedule__row{ border-top: 1px solid var(--km-lilac-line); }.km-schedule__when{ grid-column: 1; white-space: nowrap; color: var(--km-brand-navy); }.km-schedule__day{ color: var(--km-text-muted); font-size: 14.5px; font-weight: 400; }.km-schedule__name{ grid-column: 2; min-width: 0; color: var(--km-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }.km-schedule__tag{ grid-column: 3; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 6px 11px; border-radius: 999px; }.km-schedule__row--next{ background: var(--km-surface); border-top-color: transparent; box-shadow: 0 1px 0 var(--km-lilac-line), 0 6px 18px rgba(63, 76, 92, 0.06); }.km-schedule__row--next + .km-schedule__row,.km-schedule__row--now + .km-schedule__row{ border-top-color: transparent; }.km-schedule__row--next .km-schedule__when{ font-weight: 700; }.km-schedule__row--next .km-schedule__tag{ background: var(--km-peach); color: var(--km-warm-text-strong); }.km-schedule__row--now{ background: var(--km-danger-bg); border-top-color: transparent; }.km-schedule__row--now .km-schedule__when{ font-weight: 700; color: var(--km-live); }.km-schedule__row--now .km-schedule__tag{ background: #F8D7D3; color: var(--km-live); }.km-schedule__row--now .km-schedule__name{ color: var(--km-live); font-weight: 600; }.km-schedule__foot{ grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px 6px; font-size: 14.5px; color: var(--km-text-secondary); }.km-schedule-block .km-schedule__foot .km-schedule__more{ margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--km-text-secondary); }.km-schedule__all{ flex: none; font-size: 14.5px; font-weight: 600; color: var(--km-accent); }.km-schedule--empty{ display: block; padding: 14px 16px; }.km-schedule__empty{ font-size: 14.5px; color: var(--km-text-secondary); line-height: 1.6; margin: 0; }@media (max-width: 560px){.km-schedule{ display: block; padding: 4px; }.km-schedule__row{ grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "when tag" "name name"; row-gap: 4px; column-gap: 6px; padding: 12px 8px; }.km-schedule__when{ grid-area: when; font-size: 15px; white-space: normal; }.km-schedule__name{ grid-area: name; }.km-schedule__tag{ grid-area: tag; justify-self: end; align-self: start; font-size: 10px; letter-spacing: 0.04em; padding: 4px 8px; }.km-schedule__foot{ flex-direction: column; align-items: flex-start; gap: 4px; padding: 12px 8px 6px; }}.km-staff{ border: 1px dashed var(--km-staff-border); border-radius: 20px; background: transparent; }.km-staff__bar{ display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; padding: 8px 14px; background: var(--km-staff-bg); border-radius: 19px 19px 0 0; border-bottom: 1px dashed var(--km-staff-border); }.km-staff__eye{ flex: none; width: 15px; height: 15px; color: var(--km-staff); position: relative; top: 2px; }.km-staff--alone .km-staff__bar{ border-bottom: none; }.km-staff__cond,.km-staff__you{ flex: 0 1 auto; min-width: 0; font-size: 12px; color: var(--km-staff); }.km-staff__cond{ font-weight: 600; }.km-staff__you{ font-weight: 500; }.km-staff__label{ flex: 0 1 auto; min-width: 0; font-size: 12px; color: var(--km-text-muted); }.km-staff__body{ padding: 18px 20px; }@media (max-width: 520px){.km-staff__bar{ gap: 6px; }}.km-ed__label{ flex: 1; min-width: 110px; font-size: 12.5px; font-style: italic; color: var(--km-text-muted); }.km-ed__head:has( .km-ed__label ) .km-ed__title{ flex: none; min-width: 0; }.km-cond{ border: 1px solid var(--km-border); border-radius: 11px; padding: 13px 14px; background: var(--km-page); }.km-outcome{ margin: 12px 0 0; background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); color: var(--km-warm-text); border-radius: var(--km-radius-control); padding: 10px 13px; font-size: 12.5px; line-height: 1.55; }.km-outcome--warn{ background: var(--km-warn-bg); border-color: var(--km-warn-border); color: var(--km-warn-text); }.km-slot{ margin-top: 14px; }.km-slot__cap{ font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--km-text-muted); margin: 0 0 7px; }.km-slot__area{ border: 1px dashed var(--km-border); border-radius: 11px; padding: 14px 15px; background: var(--km-surface); }.km-slot__area--empty{ color: var(--km-text-muted); }.km-slot--aside{ display: flex; align-items: flex-start; gap: 12px; margin: 12px 0; }.km-slot--aside .km-slot__cap{ flex: none; width: 144px; margin: 0; padding-top: 2px; }.km-slot--aside .km-slot__area,.km-slot--aside .km-slot__body{ flex: 1; min-width: 0; }@media (max-width: 640px){.km-slot--aside{ display: block; }.km-slot--aside .km-slot__cap{ width: auto; padding-top: 0; margin: 0 0 7px; }}.km-source{ display: flex; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); overflow: hidden; margin-bottom: 14px; }.km-source__pick{ flex: 1; border: 0; border-right: 1px solid var(--km-border); background: var(--km-surface); font: inherit; font-size: 12.5px; line-height: 1.3; padding: 8px 6px; cursor: pointer; color: var(--km-text-secondary); }.km-source__pick:last-child{ border-right: 0; }.km-source__pick:hover{ color: var(--km-text); }.km-source__pick[aria-pressed="true"]{ background: var(--km-warm-bg); color: var(--km-warm-text); font-weight: 600; }.km-source__pick:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: -2px; }@media (max-width: 782px){.km-source{ flex-direction: column; }.km-source__pick{ border-right: 0; border-bottom: 1px solid var(--km-border); }.km-source__pick:last-child{ border-bottom: 0; }}.km-after__when{ display: block; color: var(--km-text-muted); }.km-audio{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); padding: 16px 18px; }.km-audio__head{ display: flex; align-items: center; gap: 14px; }.km-audio__play{ flex: none; width: 44px; height: 44px; padding: 0; border: none; border-radius: 50%; background: var(--km-accent); cursor: pointer; display: flex; align-items: center; justify-content: center; }.km-audio__sign{ width: 19px; height: 19px; color: #FFFFFF; }.km-audio__body{ flex: 1; min-width: 0; }.km-audio__name{ display: block; font-size: 15px; line-height: 1.35; color: var(--km-text); }.km-audio__meta{ display: block; font-size: 12px; color: var(--km-text-muted); margin-top: 2px; }.km-audio__line{ margin-top: 14px; display: flex; align-items: center; gap: 12px; }.km-audio__time{ flex: none; font-size: 12px; color: var(--km-text-muted); font-variant-numeric: tabular-nums; }.km-audio__bar{ position: relative; flex: 1; min-width: 0; height: 12px; display: flex; align-items: center; }.km-audio__fill{ position: absolute; left: 0; right: 0; width: 100%; height: 4px; border: none; border-radius: 2px; background: var(--km-track); -webkit-appearance: none; appearance: none; }.km-audio__fill::-webkit-progress-bar{ background: var(--km-track); border-radius: 2px; }.km-audio__fill::-webkit-progress-value{ background: var(--km-accent); border-radius: 2px; }.km-audio__fill::-moz-progress-bar{ background: var(--km-accent); border-radius: 2px; }.km-audio__track{ position: relative; width: 100%; height: 12px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; }.km-audio__track::-webkit-slider-runnable-track{ height: 12px; background: transparent; }.km-audio__track::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; width: 12px; height: 12px; border: none; border-radius: 50%; background: var(--km-accent); }.km-audio__track::-moz-range-track{ height: 12px; background: transparent; }.km-audio__track::-moz-range-thumb{ width: 12px; height: 12px; border: none; border-radius: 50%; background: var(--km-accent); }.km-audio__el{ display: none; }.km-icon-circle{ width: 34px; height: 34px; border-radius: 50%; background: var(--km-peach); display: flex; align-items: center; justify-content: center; flex: none; color: var(--km-accent); }.km-icon-circle--lg{ width: 42px; height: 42px; }.km-icon-circle svg{ width: 28px; height: 28px; }.km-icon-circle--lg svg{ width: 36px; height: 36px; }.km-icon-circle--neutral{ background: #F1F4F8; color: var(--km-text-muted); }.km-icon-circle--accent{ background: var(--km-accent); color: #fff; }.km-icon-circle--open{ background: transparent; border: 1.3px solid #C9D3DE; color: var(--km-text-secondary); }.km-icon-circle svg{ display: block; }.km-peers{ display: flex; align-items: center; gap: 12px; }.km-peers > .km-avatars{ flex: none; }.km-editlinks{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; font-size: 13px; color: var(--km-text-muted); }.km-editlinks__label{ color: var(--km-text-muted); }.km-editlinks__item{ color: var(--km-text-secondary); text-decoration: none; }.km-editlinks__item:hover{ color: var(--km-accent); }.km-editlinks__item + .km-editlinks__item::before{ content: '\00B7'; margin-right: 10px; color: var(--km-text-muted); }.km-kit{ display: flex; flex-direction: column; gap: 10px; --km-node-glyph: var(--km-glyph); }.km-kit__glyph{ width: var(--km-node-glyph); height: var(--km-node-glyph); flex: none; display: flex; align-items: center; justify-content: center; color: var(--km-accent); }.km-kit__glyph svg{ display: block; width: var(--km-node-glyph); height: var(--km-node-glyph); }.km-kit--cards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.km-kit--cards .km-kit__item{ align-items: flex-start; gap: 14px; padding: 22px 24px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); }.km-kit--cards .km-kit__glyph{ width: 40px; height: 40px; border-radius: 12px; background: var(--km-warm-bg); }.km-kit__item{ display: flex; align-items: center; gap: 11px; }.km-kit__text{ font-size: 14px; line-height: 1.4; }.km-kit__lines{ display: flex; flex-direction: column; gap: 3px; min-width: 0; }.km-kit__value{ font-family: var(--km-font-display); font-size: 22px; font-weight: 700; line-height: 1.2; }.km-kit__note{ font-size: 14px; line-height: 1.5; color: var(--km-text-secondary); }@media (max-width: 900px){.km-kit--cards{ grid-template-columns: 1fr; }}.km-ptab{ display: flex; flex-direction: column; gap: 24px; }.km-ptab__part,.km-ptab__todo{ min-width: 0; }.km-ptab__stats{ display: flex; flex-wrap: wrap; gap: 14px; }.km-ptab__stat{ flex: 1; min-width: 110px; display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; border-radius: 12px; background: var(--km-lilac-bg); }.km-ptab__number{ font-size: 26px; font-weight: 700; line-height: 1; color: var(--km-brand-navy); }.km-ptab__of{ font-size: 14px; font-weight: 400; }.km-ptab__caption{ font-size: 12px; color: var(--km-text-secondary); }.km-ptab__stat--forms{ background: var(--km-done-bg); }.km-ptab__stat--forms .km-ptab__number{ color: var(--km-done); }.km-ptab__stat--lessons{ background: var(--km-warn-bg); }.km-ptab__stat--lessons .km-ptab__number{ color: var(--km-warn-text); }.km-ptab__label{ margin: 0 0 12px; font-size: 12px; font-weight: 600; color: var(--km-text-muted); text-transform: uppercase; letter-spacing: 0.06em; }.km-ptab__since{ margin: -4px 0 8px; font-size: 13px; color: var(--km-text-secondary); }.km-ptab__chart{ padding: 18px 20px; border: 1px solid var(--km-border); border-radius: 12px; }.km-chart{ width: 100%; }.km-chart__svg{ display: block; max-width: 100%; height: auto; }.km-chart__grid{ stroke: var(--km-border-soft); stroke-width: 1; }.km-chart__tick{ font-size: 10px; fill: var(--km-text-muted); }.km-chart__bar{ fill: var(--km-peach); stroke: var(--km-accent); stroke-width: 1; }.km-ptab__tag{ flex: none; padding: 2px 9px; border-radius: 20px; font-size: 11px; font-weight: 500; white-space: nowrap; color: var(--km-brand-navy); background: var(--km-lilac-line); }.km-ptab__tag--diary{ color: #1A5276; background: #E8F4FD; }.km-ptab__tag--homework{ color: #1E8449; background: #E9F7EF; }.km-ptab__tag--reflection{ color: #6C3483; background: #F5EEF8; }.km-ptab__tag--checklist{ color: #9A7D0A; background: #FEF9E7; }.km-ptab__tag--plan{ color: #1A6644; background: #E8F8F0; }.km-ptab__tag--trainer{ color: #A04000; background: #FDF2E9; }.km-ptab__tag--diagnostics{ color: #1A3A6B; background: #EAF2FF; }.km-ptab__tag--tracker{ color: #0E6655; background: #E8F8F5; }.km-ptab__tag--marathon{ color: #922B21; background: #FDEDEC; }.km-ptab__kinds{ display: flex; flex-direction: column; }.km-ptab .km-ptab__kind-row{ display: flex; align-items: center; gap: 8px; padding: 10px 8px; border-radius: 8px; color: var(--km-text); text-decoration: none; }.km-ptab .km-ptab__kind-row + .km-ptab__kind-row{ border-top: 1px solid var(--km-border-soft); }.km-ptab a.km-ptab__kind-row:hover{ background: var(--km-lilac-bg); color: var(--km-text); text-decoration: none; }.km-ptab .km-ptab__kind-row--still{ cursor: default; }.km-ptab a.km-ptab__kind-row:hover .km-ptab__kind-name{ color: var(--km-accent); }.km-ptab__kind-name{ font-size: 13px; font-weight: 600; }.km-ptab__count{ font-size: 12px; color: var(--km-text-muted); background: var(--km-border-soft); border-radius: 20px; padding: 1px 8px; }.km-ptab__arrow{ margin-left: auto; font-size: 16px; font-weight: 600; line-height: 1; color: var(--km-accent); }.km-ptab__kind{ margin: 0; padding: 14px 0 6px; border-bottom: 1px solid var(--km-border-soft); font-size: 11px; font-weight: 600; color: var(--km-text-muted); text-transform: uppercase; letter-spacing: 0.08em; }.km-ptab__kind:first-child{ padding-top: 0; }.km-ptab__row{ display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--km-border-soft); }.km-ptab__name{ flex: 1; min-width: 0; font-size: 14px; color: var(--km-text); }.km-ptab .km-ptab__fill{ flex: none; padding: 4px 14px; border-radius: 20px; font-size: 12px; color: #fff; background: var(--km-accent); text-decoration: none; white-space: nowrap; }.km-ptab .km-ptab__fill:hover{ color: #fff; background: var(--km-warm-text-strong); text-decoration: none; }.km-ptab__note{ margin: 10px 0 0; font-size: 12px; color: var(--km-text-muted); }.km-ptab__awards{ display: flex; flex-wrap: wrap; gap: 10px; }.km-ptab__award{ display: flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid var(--km-warm-border); border-radius: 10px; font-size: 14px; color: var(--km-warm-text-strong); background: var(--km-warm-bg); }.km-ptab__award img{ width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }.km-rating__head{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }.km-rating{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }.km-rating__row{ display: flex; align-items: flex-start; gap: 12px; padding: 10px 14px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-rating__row--top{ background: var(--km-warm-bg); border-color: var(--km-warm-border); }.km-rating__row--me{ border-color: var(--km-done); box-shadow: inset 0 0 0 1px var(--km-done); }.km-rating__place{ flex: none; min-width: 32px; margin-top: 5px; text-align: center; line-height: 1; font-size: 18px; font-weight: 700; color: var(--km-accent); }.km-rating__row--top .km-rating__place{ font-size: 24px; }.km-rating__photo,.km-rating__score{ align-self: center; }.km-rating__row--top .km-rating__place{ margin-top: 9.2px; }.km-rating__photo{ flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--km-border-soft); }.km-rating__who{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-rating .km-rating__name{ font-weight: 600; color: var(--km-text); text-decoration: none; overflow-wrap: anywhere; }.km-rating .km-rating__name:hover{ color: var(--km-accent); text-decoration: none; }.km-rating__parts{ font-size: 13px; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-rating__score{ flex: none; font-size: 20px; font-weight: 700; color: var(--km-accent); white-space: nowrap; }.km-rating__points{ font-size: 12px; font-weight: 400; color: var(--km-text-muted); }.km-rating__choice{ align-self: flex-start; max-width: 420px; }.km-rating__me{ margin: 0; font-size: 13px; font-weight: 600; color: var(--km-done); text-transform: uppercase; letter-spacing: 0.04em; }@media (max-width: 480px){.km-rating__choice{ max-width: none; width: 100%; }.km-rating__row{ padding: 10px; gap: 10px; }.km-rating__photo{ width: 32px; height: 32px; }.km-rating__score{ font-size: 17px; }}.km-card .km-filled__all{ align-self: flex-start; font-size: 14px; color: var(--km-accent); text-decoration: none; }.km-card .km-filled__all:hover{ color: var(--km-warm-text-strong); text-decoration: none; }.km-forms-more{ padding: 10px 0 4px; }.km-month{ --km-stack-gap: 10px; }.km-month__head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }.km-month__title{ margin: 0; text-align: center; flex: 1; font-size: 14px; font-weight: 600; color: var(--km-text); }.km-month__nav{ font-family: inherit; font-size: 15px; line-height: 1; color: var(--km-text-secondary); background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 6px 10px; cursor: pointer; flex: none; }.km-month__nav:hover:not(:disabled){ color: var(--km-accent); border-color: var(--km-warm-border); }.km-month__nav:disabled{ color: var(--km-text-muted); background: var(--km-page); cursor: default; }.km-month__dows,.km-month__grid{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }.km-month__dows{ font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--km-text-muted); text-align: center; }.km-month__cell{ aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 1; border-radius: 8px; background: var(--km-page); border: 1px solid var(--km-border-soft); color: var(--km-text-muted); }.km-month__cell--void{ background: none; border-color: transparent; }.km-month__cell[data-lms-level="1"]{ background: var(--km-warm-bg); border-color: var(--km-warm-bg); color: var(--km-warm-text); }.km-month__cell[data-lms-level="2"]{ background: var(--km-peach); border-color: var(--km-peach); color: var(--km-warm-text-strong); }.km-month__cell[data-lms-level="3"]{ background: var(--km-accent-light); border-color: var(--km-accent-light); color: var(--km-surface); }.km-month__cell[data-lms-level="4"]{ background: var(--km-accent); border-color: var(--km-accent); color: var(--km-surface); }.km-month__cell--today{ border-color: var(--km-accent); font-weight: 700; }.km-daygrid{ display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }.km-daygrid__cell{ aspect-ratio: 1; border-radius: 9px; background: var(--km-page); border: 1px solid var(--km-border); }.km-avatars{ display: flex; }.km-avatars__item{ width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--km-surface); background: var(--km-warm-border); object-fit: cover; }.km-avatars__item + .km-avatars__item{ margin-left: -11px; }.km-date-chip{ width: 48px; height: 48px; border-radius: 50%; background: var(--km-peach); color: #A8592F; display: flex; flex-direction: column; align-items: center; justify-content: center; flex: none; line-height: 1; }.km-date-chip__day{ font-size: 16px; font-weight: 700; }.km-date-chip__month{ font-size: 9px; letter-spacing: 0.04em; }.km-node{ display: flex; align-items: center; gap: 11px; padding: 10px 0; border-bottom: 1px solid var(--km-border-soft); }.km-node:last-child{ border-bottom: none; }.km-tree__card > .km-node,.km-tree__fold-head > .km-node{ padding: 14px 18px; gap: 12px; border-bottom: none; border-radius: 0; }.km-node__title{ flex: 1; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.35; }.km-node--done .km-node__title{ color: var(--km-text-secondary); }.km-node--current .km-node__title{ font-weight: 700; }.km-node--locked .km-node__title{ color: var(--km-text-muted); }.km-node__reason{ font-size: 13px; line-height: 1.5; color: var(--km-text-muted); padding: 0 18px 12px 49px; }.km-node__why{ flex: none; max-width: 45%; font-size: 12px; line-height: 1.4; color: var(--km-text-muted); text-align: right; }.km-node__why .km-link-out{ color: inherit; }.km-tree__when-all{ margin: 2px 0 8px; padding: 7px 12px; border-radius: 9px; background: var(--km-page); font-size: 13px; line-height: 1.45; color: var(--km-text-muted); }.km-tree__fold--one-day[open] > .km-tree__fold-head .km-node__why{ display: none; }.km-tree__topics .km-node__title{ font-size: 14px; font-weight: 400; color: var(--km-text-secondary); }.km-node-state{ width: var(--km-node-glyph, 19px); height: var(--km-node-glyph, 19px); flex: none; display: flex; align-items: center; justify-content: center; color: #fff; }.km-node-state svg{ display: block; width: var(--km-node-glyph, 16px); height: var(--km-node-glyph, 16px); }.km-node-state--done{ color: var(--km-done); }.km-node-state--locked{ color: var(--km-text-muted); }.km-node-state--current{ color: var(--km-accent); }.km-node-state--open{ color: var(--km-text-secondary); }.km-node__tags{ display: contents; }.km-node__state{ flex: none; display: flex; align-items: center; }.km-node__state--done{ width: 18px; height: 18px; color: var(--km-done); }.km-node__state--at,.km-node__state--when,.km-node__state--here,.km-node__state--parts{ font-size: 12px; color: var(--km-accent); white-space: nowrap; }.km-node__state--was{ color: var(--km-text-muted); }.km-node--current{ background: var(--km-warm-bg); border-radius: 10px; }.km-node--current .km-node__title{ font-weight: 700; }.km-tree__topics .km-node--current{ margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }.km-node--done .km-node__title{ color: var(--km-text-muted); }.km-table{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; box-shadow: var(--km-shadow-card); overflow-x: auto; width: 100%; }.km-table-scroll{ position: relative; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; box-shadow: var(--km-shadow-card); overflow-x: auto; max-width: 100%; }.km-table-scroll > .km-table{ background: none; border: none; border-radius: 0; box-shadow: none; }.km-table th{ text-align: left; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); padding: 12px 12px; white-space: nowrap; border-bottom: 1px solid var(--km-border); }.km-table td{ padding: 12px 12px; font-size: 14px; border-bottom: 1px solid var(--km-border-soft); vertical-align: middle; }.km-table tbody tr:last-child td{ border-bottom: none; }.km-table td .km-nowrap,.km-table__name,.km-state,.km-progress__num,.km-progress__zero{ white-space: nowrap; }.km-table tbody tr:hover{ background: var(--km-surface-alt); }.km-table__name{ font-size: 14px; font-weight: 600; line-height: 1.3; }.km-table__mail{ font-size: 12px; color: var(--km-text-muted); margin-top: 2px; display: block; max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-table__program{ display: block; margin-top: 6px; font-size: 13px; line-height: 1.35; color: var(--km-text-secondary); white-space: normal; }.km-quiet{ color: var(--km-text-muted); }.km-sub{ display: block; font-size: 12px; margin-top: 2px; }.km-alarm{ color: var(--km-danger); }.km-nowrap{ white-space: nowrap; }.km-state{ display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 14px; }.km-state__dot{ width: 7px; height: 7px; border-radius: 50%; flex: none; }.km-state--ok{ color: var(--km-text-secondary); }.km-state--ok .km-state__dot{ background: var(--km-ok); }.km-state--warn{ color: var(--km-warn); }.km-state--warn .km-state__dot{ background: var(--km-warn); }.km-state--alarm{ color: var(--km-danger); }.km-state--alarm .km-state__dot{ background: var(--km-danger); }.km-state--off{ color: var(--km-text-muted); }.km-state--off .km-state__dot{ background: var(--km-text-muted); }.km-table__row{ display: flex; align-items: center; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--km-border-soft); min-width: 1040px; }.km-table__row:last-child{ border-bottom: none; }.km-table__row:hover{ background: var(--km-surface-alt); }.km-table__row--head{ background: var(--km-surface-alt); border-bottom: 1px solid var(--km-border); padding: 12px 18px; }.km-table__row--selected{ background: var(--km-warm-bg); }.km-table__row--head > *{ font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); }.km-table__person{ flex: 1 1 260px; min-width: 220px; display: flex; align-items: center; gap: 11px; }.km-drop-line{ height: 2px; border-radius: 1px; background: var(--km-accent); }.km-drop-into{ background: var(--km-warm-bg); box-shadow: inset 0 0 0 2px var(--km-accent); border-radius: var(--km-radius-control); }.km-dragging{ background: var(--km-surface); border: 1px solid var(--km-warm-border); border-radius: var(--km-radius-control); box-shadow: var(--km-shadow-lift); }.km-sticky-bar{ position: sticky; top: 0; z-index: 20; background: rgba(246, 248, 251, 0.94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--km-border); padding: 12px 28px; display: flex; align-items: center; gap: 20px; }.km-sticky-bar--price{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); backdrop-filter: none; padding: 24px; gap: 28px; align-items: center; }.km-sticky-bar--price .km-sticky-bar__title{ font-family: var(--km-font-display); font-size: 19px; line-height: 1.3; white-space: normal; overflow: visible; }.km-sticky-bar--price .km-meta{ font-size: 14px; color: var(--km-text-secondary); }.km-sticky-bar--price .km-sticky-bar__main{ gap: 6px; }.km-hero + .km-sticky-bar--price{ margin-top: calc(-1 * var(--km-gap-group)); border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }.km-hero:has( + .km-sticky-bar--price ){ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.km-page--guest > .km-sticky-bar--price{ position: relative; top: auto; z-index: auto; }.km-sticky-bar__main{ display: flex; flex-direction: column; gap: 2px; min-width: 0; margin-right: auto; }.km-sticky-bar__title{ font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-page--guest .km-hero--brand.km-hero--over .km-hero__body,.km-page--guest .km-hero--brand .km-hero__body{ gap: var(--km-gap-label); }.km-page--guest .km-hero__body > .km-actions,.km-page--guest .km-hero__body > .km-hero__learners{ margin-top: calc( var(--km-gap-group) - var(--km-gap-label) ); }@media (min-width: 641px){.km-page--guest .km-hero--brand.km-hero--ink.km-hero--over .km-price,.km-page--guest .km-hero--brand.km-hero--ink.km-hero--over .km-price__from,.km-page--guest .km-hero--brand.km-hero--ink.km-hero--over .km-price__stages,.km-page--guest .km-hero--brand.km-hero--ink.km-hero--over .km-price__note,.km-page--guest .km-hero--brand.km-hero--ink.km-hero--over .km-hero__learners .km-meta{ color: var(--km-brand-navy); }.km-page--guest .km-hero--brand.km-hero--lume.km-hero--over .km-price,.km-page--guest .km-hero--brand.km-hero--lume.km-hero--over .km-price__from,.km-page--guest .km-hero--brand.km-hero--lume.km-hero--over .km-price__stages,.km-page--guest .km-hero--brand.km-hero--lume.km-hero--over .km-price__note,.km-page--guest .km-hero--brand.km-hero--lume.km-hero--over .km-hero__learners .km-meta{ color: rgba(255, 255, 255, 0.92); }}.km-plan .km-card__body{ gap: 12px; height: 100%; }.km-plan .km-btn{ margin-top: auto; }.km-grid-cards{ display: grid; grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); gap: 20px; }.km-grid-3{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.km-grid-3 > .wp-block-group__inner-container{ display: contents; }@media (max-width: 900px){.km-grid-3{ grid-template-columns: 1fr; }}.km-stack{ display: flex; flex-direction: column; gap: var(--km-stack-gap, var(--km-gap-group)); }.km-page--course{ --km-stack-gap: 24px; }.km-section{ display: flex; flex-direction: column; gap: 24px; }.km-section + .km-section{ margin-top: 28px; }.km-section--tight{ gap: var(--km-gap-label); }.km-section__sub{ max-width: 62ch; }.km-stack--tight{ gap: var(--km-gap-label); }.km-page{ max-width: 1180px; margin: 0 auto; padding: 32px 28px 96px; }.km-page--flush{ padding-left: 0; padding-right: 0; }.km-page.km-page--sides:not(.no-gutter){ padding-left: 20px; padding-right: 20px; }@media (max-width: 760px){.km-page.km-page--sides:not(.no-gutter){ padding-left: 16px; padding-right: 16px; }}.km-h1,.km-h2,.km-h3,.km-section-title,.km-meta,.km-eyebrow,.km-text,.km-text-secondary,.km-hint,.km-note,.km-hero__title,.km-hero__lead,.km-empty__title,.km-empty__text,.km-card__title,.km-course-card__title,.km-price,.km-progress__meta,.km-progress__label{ margin: 0; }.km-row > .km-meta{ margin-left: auto; }.km-placeholder{ background: repeating-linear-gradient(135deg, #EDF1F6 0 9px, #E4EAF1 9px 18px); display: flex; align-items: center; justify-content: center; font-family: var(--km-mono); font-size: 11px; color: var(--km-text-muted); width: 100%; height: 100%; }.km-field{ display: flex; flex-direction: column; gap: 7px; }.km-label{ font-size: 13px; font-weight: 600; color: var(--km-text-secondary); }.km-hint{ font-size: 12px; line-height: 1.5; color: var(--km-text-muted); }.km-hint--error{ color: var(--km-danger); }.km-input,.km-textarea,.km-select,.km-write__area{ font-family: inherit; font-size: 15px; line-height: 1.5; color: var(--km-text); background: var(--km-surface-alt); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 12px 14px; width: 100%; transition: border-color 0.16s, background 0.16s; }.km-input::placeholder,.km-textarea::placeholder{ color: var(--km-text-muted); }.km-select{ min-height: calc(1.5em + 26px); }.km-input:hover,.km-textarea:hover,.km-select:hover{ border-color: var(--km-warm-border); }.km-input:focus,.km-textarea:focus,.km-select:focus{ outline: none; background: var(--km-surface); border-color: var(--km-warm-border); box-shadow: 0 0 0 3px var(--km-warm-bg); }.km-textarea{ min-height: 116px; resize: vertical; }.km-input--number{ width: 120px; text-align: right; font-variant-numeric: tabular-nums; }.km-select{ appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.2l4 4 4-4' stroke='%239AA7B6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }.km-input-group{ position: relative; display: flex; align-items: center; }.km-input-group__icon{ position: absolute; left: 14px; display: flex; color: var(--km-text-muted); pointer-events: none; width: 18px; height: 18px; }.km-input-group__icon svg{ width: 100%; height: 100%; display: block; }.km-input-group .km-input{ padding-left: 40px; }.km-input-group:focus-within .km-input-group__icon{ color: var(--km-accent); }.km-input[type="date"]{ font-variant-numeric: tabular-nums; }.km-input[type="date"]{ height: calc(1.5em + 26px); }.km-input.is-error,.km-textarea.is-error,.km-select.is-error{ border-color: var(--km-danger-border); background: #FDF0EC; }.km-input.is-error:focus,.km-textarea.is-error:focus{ box-shadow: 0 0 0 3px var(--km-danger-bg); border-color: var(--km-danger-border); }.km-input:disabled,.km-textarea:disabled,.km-select:disabled{ background: var(--km-border-soft); border-color: var(--km-border); color: var(--km-text-muted); cursor: not-allowed; }.km-check{ display: inline-flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 15px; line-height: 1.5; user-select: none; }.km-checks{ display: flex; flex-direction: column; gap: 8px; }.km-check input{ position: absolute; opacity: 0; width: 0; height: 0; }.km-check__box{ width: 18px; height: 18px; flex: none; margin-top: 3px; border-radius: 5px; border: 1.5px solid #C9D3DE; background: var(--km-surface); display: flex; align-items: center; justify-content: center; transition: background 0.16s, border-color 0.16s; }.km-check__box svg{ opacity: 0; }.km-check:hover .km-check__box{ border-color: var(--km-warm-border); }.km-check input:checked + .km-check__box{ background: var(--km-accent); border-color: var(--km-accent); }.km-check input:checked + .km-check__box svg{ opacity: 1; }.km-check input:focus-visible + .km-check__box{ box-shadow: 0 0 0 3px var(--km-warm-bg); }.km-check input:indeterminate + .km-check__box{ background: var(--km-accent); border-color: var(--km-accent); }.km-check input:indeterminate + .km-check__box svg{ opacity: 1; }.km-check input:disabled + .km-check__box{ background: var(--km-border-soft); border-color: var(--km-border); }.km-check input:disabled ~ .km-check__label{ color: var(--km-text-muted); }.km-check--row{ gap: 0; }.km-check--row .km-check__box{ margin-top: 0; }.km-check__label{ display: flex; flex-direction: column; gap: 3px; }.km-check__note{ font-size: 12px; color: var(--km-text-muted); }.km-switch{ display: inline-flex; align-items: center; gap: 12px; cursor: pointer; font-size: 15px; user-select: none; }.km-switch input{ position: absolute; opacity: 0; width: 0; height: 0; }.km-switch__track{ width: 42px; height: 24px; flex: none; border-radius: 12px; background: var(--km-track); border: 1px solid var(--km-border); padding: 2px; display: flex; transition: background 0.16s, border-color 0.16s; }.km-switch__knob{ width: 18px; height: 18px; border-radius: 50%; background: var(--km-surface); box-shadow: var(--km-shadow-card); transition: transform 0.16s; }.km-switch input:checked + .km-switch__track{ background: var(--km-accent); border-color: var(--km-accent); }.km-switch input:checked + .km-switch__track .km-switch__knob{ transform: translateX(18px); }.km-switch input:focus-visible + .km-switch__track{ box-shadow: 0 0 0 3px var(--km-warm-bg); }.km-switch input:disabled + .km-switch__track{ background: var(--km-border-soft); }.km-tree{ display: flex; flex-direction: column; padding: 0; --km-node-glyph: var(--km-glyph); }.km-tree__topics{ --km-node-glyph: 16px; }.km-tree--compact{ --km-node-glyph: 17px; }.km-tree--compact .km-tree__topics{ --km-node-glyph: 14px; }.km-tree__card{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); overflow: hidden; margin-bottom: 10px; }.km-tree__fold{ display: block; }.km-tree__fold > .km-tree__topics{ display: none; }.km-tree__fold[open] > .km-tree__topics{ display: flex; }.km-tree__fold-head{ display: block; cursor: pointer; list-style: none; }.km-tree__fold-head::-webkit-details-marker{ display: none; }.km-tree__fold-head:focus{ outline: none; }.km-tree__fold-head:focus-visible .km-node{ outline: 2px solid var(--km-accent); outline-offset: -2px; }.km-tree__chevron{ color: var(--km-text-muted); transition: transform .15s; }.km-node--current .km-tree__chevron{ color: var(--km-accent); }.km-treerow{ display: flex; align-items: center; gap: 9px; padding: 9px 16px; border-bottom: 1px solid var(--km-border-soft); cursor: pointer; }.km-treerow:last-child{ border-bottom: none; }.km-treerow:hover{ background: var(--km-bg); }.km-treerow__grip{ width: 14px; height: 14px; flex: none; color: var(--km-text-muted); opacity: 0; cursor: grab; }.km-treerow:hover .km-treerow__grip{ opacity: 1; }.km-treerow__chev{ width: 16px; height: 16px; flex: none; color: var(--km-text-muted); cursor: pointer; transition: transform 0.15s; }.km-treerow--folded .km-treerow__chev{ transform: rotate( -90deg ); }.km-treerow__chev--empty{ visibility: hidden; }.km-treerow__name{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-treerow__meta{ display: flex; align-items: center; gap: 10px; flex: none; }.km-treerow--module{ background: var(--km-surface-soft, #FAFBFD); }.km-treerow--module .km-treerow__name{ font-size: 15px; font-weight: 700; }.km-treerow--lesson{ padding-left: 40px; }.km-treerow--lesson .km-treerow__name{ font-size: 14px; font-weight: 600; }.km-treerow--topic{ padding-left: 72px; }.km-treerow--topic .km-treerow__name{ font-size: 13px; font-weight: 400; color: var(--km-text-secondary); }.km-treerow--explained{ flex-wrap: wrap; row-gap: 6px; }.km-treerow--explained .km-treerow__name{ flex: 1 0 auto; }.km-treerow--explained .km-warn{ flex: 1 0 100%; }.km-count-in{ font-size: 12px; color: var(--km-text-muted); white-space: nowrap; }.km-rule{ font-size: 12px; color: var(--km-text-muted); white-space: nowrap; }.km-opt{ font-size: 12px; color: var(--km-text-muted); white-space: nowrap; }.km-tag{ font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--km-text-secondary); background: var(--km-bg); border: 1px solid var(--km-border); border-radius: 5px; padding: 2px 6px; white-space: nowrap; }.km-tag--cohort{ background: var(--km-warm-bg); border-color: var(--km-warm-bg); color: var(--km-accent-dark); }.km-tag--tariff{ background: var(--km-warm-bg); border-color: var(--km-warm-bg); color: var(--km-accent-dark); }@media ( max-width: 640px ){.km-treerow{ flex-wrap: wrap; row-gap: 6px; }.km-treerow__name{ flex: 1 0 100%; white-space: normal; }.km-treerow__meta{ flex: 1 1 100%; min-width: 0; flex-wrap: wrap; row-gap: 6px; }.km-treerow--lesson{ padding-left: 24px; }.km-treerow--topic{ padding-left: 44px; }}.km-tree__module{ display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid var(--km-border-soft); }.km-tree__module-title{ font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1.3; }.km-tree__lesson{ display: flex; align-items: center; gap: 12px; padding: 13px 20px 13px 52px; border-bottom: 1px solid var(--km-border-soft); }.km-tree__lesson--explained{ flex-wrap: wrap; row-gap: 6px; }.km-tree__lesson--explained .km-node__reason{ flex: 1 0 100%; margin-left: 0; }.km-tree__lesson-title{ flex: 1; font-size: 15px; }.km-tree__topics{ display: flex; flex-direction: column; padding: 0 18px 6px 46px; }.km-tree--compact .km-tree__topics{ margin: 2px 0 4px 14px; padding: 0; border-left: none; }.km-tree__topic{ display: flex; align-items: center; gap: 10px; padding: 9px 20px 9px 12px; border-radius: 8px; }.km-tree__topic-title{ flex: 1; font-size: 14px; }.km-tree--editable .km-tree__module,.km-tree--editable .km-tree__lesson,.km-tree--editable .km-tree__topic,.km-tree--editable .km-row{ cursor: pointer; }.km-accordion{ display: flex; flex-direction: column; gap: 12px; }.km-accordion__item{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); overflow: hidden; }.km-accordion__item--current{ border-color: var(--km-warm-border); }.km-accordion--joined{ gap: 0; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); overflow: hidden; }.km-accordion--joined .km-accordion__item{ background: transparent; border: 0; border-radius: 0; box-shadow: none; }.km-accordion--joined .km-accordion__item + .km-accordion__item{ border-top: 1px solid var(--km-border-soft); }.km-accordion--joined .km-accordion__head{ padding: 18px 24px; }.km-accordion--joined .km-accordion__title{ flex: 1; min-width: 0; }.km-accordion--joined .km-accordion__count{ flex: none; white-space: nowrap; }.km-accordion--joined .km-accordion__body{ padding: 2px 24px 18px 68px; }.km-accordion--joined .km-accordion__body--bare{ padding-left: 24px; }.km-accordion__above{ display: flex; justify-content: flex-end; }@media (max-width: 640px){.km-accordion--joined .km-accordion__body{ padding-left: 24px; }.km-accordion--joined .km-accordion__head{ flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px; }.km-accordion--joined .km-accordion__title{ flex: 1 1 auto; }.km-accordion--joined .km-accordion__count{ order: 1; flex: 1 0 100%; padding-left: 44px; }}.km-accordion__head{ display: flex; align-items: center; gap: 14px; padding: 18px 22px; cursor: pointer; }.km-accordion__item--current .km-accordion__head{ background: var(--km-warm-bg); }.km-accordion__title{ font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1.3; }.km-accordion__count{ font-size: 13px; color: var(--km-text-muted); }.km-accordion__num{ flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--km-warm-bg); color: var(--km-warm-text-strong); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }.km-accordion__body-head{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-accordion__chevron{ flex: none; color: var(--km-text-muted); transition: transform .15s; }.km-section__action{ margin-left: auto; }.km-accordion__state{ font-size: 13px; color: var(--km-text-muted); }.km-accordion__item--current .km-accordion__state{ color: var(--km-warm-text); }.km-accordion__chevron{ flex: none; color: var(--km-text-muted); transition: transform 0.18s; }.km-accordion__item[open] .km-accordion__chevron{ transform: rotate(180deg); }.km-accordion__lines{ display: flex; flex-direction: column; gap: 4px; flex: 1; }.km-accordion__toggle{ flex: none; font-size: 13px; color: var(--km-accent); }.km-accordion__body{ border-top: 1px solid var(--km-border-soft); padding: 6px 22px 14px; }.km-accordion__body--bare{ border-top: none; padding-top: 14px; }.km-accordion__item--current .km-accordion__body{ border-top-color: var(--km-warm-border); }.km-lineup{ display: flex; flex-direction: column; }.km-lineup__item{ display: flex; align-items: baseline; gap: 12px; padding: 12px 0; }.km-lineup__item + .km-lineup__item{ border-top: 1px solid var(--km-border-soft); }.km-lineup__title{ flex: 1; font-size: 15px; line-height: 1.5; }.km-lineup__type{ flex: none; font-size: 12px; color: var(--km-text-muted); }.km-lineup--glyph .km-lineup__item{ align-items: center; }.km-lineup__glyph{ flex: none; display: flex; width: 17px; height: 17px; color: var(--km-accent); }.km-lineup--center .km-lineup__item{ align-items: center; }.km-lineup__date{ flex: none; width: 108px; font-size: 13px; color: var(--km-text-muted); }.km-lineup__title--ahead{ color: var(--km-text-muted); }.km-lineup__date--right{ width: 120px; text-align: right; }.km-lineup__link{ flex: none; font-size: 13px; font-weight: 600; }.km-lineup__badge{ flex: none; }.km-upnext{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }.km-upnext__body{ flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 4px; }.km-upnext__body > .km-badge{ align-self: flex-start; }.km-upnext > .km-actions{ flex: none; }.km-invite{ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }.km-invite__body{ flex: 1; min-width: 240px; display: flex; flex-direction: column; gap: 5px; }.km-invite > .km-btn{ flex: none; }.km-empty{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin: 0; text-align: center; padding: 40px 28px; background: var(--km-surface-alt); border: 1px dashed #D9E1EA; border-radius: var(--km-radius-card); }.km-empty:hover{ border-color: var(--km-warm-border); }.km-empty__icon{ width: 46px; height: 46px; border-radius: 50%; background: var(--km-peach); color: var(--km-accent); display: flex; align-items: center; justify-content: center; }.km-empty__title{ font-size: 17px; font-weight: 700; }.km-empty__text{ font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); max-width: 320px; }.km-pagination{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }.km-pagination__info{ font-size: 13px; color: var(--km-text-muted); flex: 1; }.km-pagination__list{ display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }.km-page-btn{ font-family: inherit; font-size: 13px; font-weight: 600; color: var(--km-text); background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 9px 14px; cursor: pointer; font-variant-numeric: tabular-nums; }.km-page-btn:hover{ border-color: var(--km-warm-border); color: var(--km-accent); }.km-page-btn.is-active{ background: var(--km-accent); border-color: var(--km-accent); color: #fff; font-weight: 700; }.km-page-btn[disabled]{ color: #C9D3DE; background: var(--km-surface); border-color: var(--km-border); cursor: not-allowed; }.km-page-gap{ font-size: 13px; color: var(--km-text-muted); padding: 0 4px; }.km-page-jump{ display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--km-text-secondary); }.km-page-jump .km-input{ width: 72px; padding: 8px 10px; font-size: 13px; text-align: center; }.km-suggest{ display: flex; flex-direction: column; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); box-shadow: var(--km-shadow-card); max-height: 260px; overflow-y: auto; }.km-suggest__item{ display: flex; flex-direction: column; gap: 3px; padding: 10px 14px; border: none; border-bottom: 1px solid var(--km-border-soft); background: transparent; font-family: inherit; font-size: 15px; line-height: 1.4; color: var(--km-text); text-align: left; cursor: pointer; }.km-suggest__item:last-child{ border-bottom: none; }.km-suggest__item:hover,.km-suggest__item:focus{ background: var(--km-warm-bg); outline: none; }.km-suggest__where{ font-size: 12px; line-height: 1.4; color: var(--km-text-muted); }.km-suggest__empty{ padding: 12px 14px; font-size: 14px; color: var(--km-text-secondary); }.km-suggest__taken{ color: var(--km-warm-text-strong); }.km-drawer-scrim{ position: fixed; inset: 0; z-index: 100000; background: rgba(63, 76, 92, 0.28); }.km-drawer{ position: fixed; top: 0; right: 0; bottom: 0; z-index: 100001; display: flex; flex-direction: column; width: 480px; max-width: 100%; background: var(--km-surface); border-left: 1px solid var(--km-border); box-shadow: var(--km-shadow-lift); }.km-drawer__head{ display: flex; align-items: flex-start; gap: 14px; padding: 20px 24px; border-bottom: 1px solid var(--km-border); }.km-drawer__title{ font-family: var(--km-font-display); font-size: 24px; font-weight: 700; line-height: 1.3; }.km-drawer__close{ width: 34px; height: 34px; flex: none; border-radius: var(--km-radius-control); border: 1px solid var(--km-border); background: var(--km-surface); color: var(--km-text-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; }.km-drawer__close:hover{ border-color: var(--km-warm-border); color: var(--km-accent); }.km-drawer__body{ flex: 1; overflow-y: auto; padding: 22px 24px; display: flex; flex-direction: column; gap: 18px; }.km-drawer__group{ display: flex; flex-direction: column; gap: 18px; }.km-drawer__foot{ display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--km-border); background: var(--km-surface-alt); }.km-drawer__foot .km-drawer__spacer{ flex: 1; }.km-row{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }.km-row > .km-btn{ flex: none; }.km-row--top{ align-items: flex-start; }.km-row--middle{ align-items: center; }.km-list{ margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.6; color: var(--km-text); }.km-list li{ list-style: disc; }.km-row--flags{ align-items: flex-start; gap: 10px 28px; }.km-row > .km-field{ flex: 0 1 240px; min-width: 180px; }.km-row > .km-field--wide{ flex: 1 1 320px; max-width: 460px; }@media (max-width: 1100px){.km-player{ grid-template-columns: minmax(0, 1fr); min-height: 0; }.km-player__side{ position: static; height: auto; overflow-y: visible; border-right: none; border-bottom: 1px solid var(--km-border); padding: 16px 18px 18px; }.km-player__main{ padding: 24px 24px 80px; }.km-player__toggle{ display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); padding: 12px 16px; }.km-player__toggle::-webkit-details-marker{ display: none; }.km-player__toggle-title{ flex: 1; min-width: 0; font-family: var(--km-font-display); font-size: 17px; font-weight: 700; }.km-player__toggle-state{ flex: none; font-size: 13px; font-weight: 600; color: var(--km-accent); }.km-player__toggle-chevron{ flex: none; display: block; color: var(--km-accent); transition: transform 0.18s; }.km-player__side[open] .km-player__toggle-chevron{ transform: rotate(180deg); }.km-player__side .km-section-title{ display: none; }}@media (max-width: 640px){.km-player__main{ padding: 20px 18px 72px; }}@media (max-width: 640px){.km-accordion__head{ flex-direction: column; align-items: flex-start; gap: 8px; }.km-accordion__lines{ width: 100%; }.km-sticky-bar{ flex-wrap: wrap; gap: 10px; padding: 12px 16px; }.km-node{ flex-wrap: wrap; row-gap: 4px; }.km-node__title{ flex: 1 1 auto; min-width: 0; }.km-node__why{ flex: 1 0 100%; max-width: none; text-align: left; padding-left: calc( var( --km-node-glyph ) + 12px ); order: 2; }.km-node__tags{ display: flex; flex: 1 0 100%; flex-wrap: wrap; align-items: center; gap: 6px; order: 1; padding-left: calc( var( --km-node-glyph ) + 12px ); }.km-tree__card > .km-node,.km-tree__fold-head > .km-node{ row-gap: 4px; }.km-tree__module,.km-tree__lesson,.km-tree__topic{ flex-wrap: wrap; row-gap: 6px; }.km-tree__module-title,.km-tree__lesson-title,.km-tree__topic-title{ flex: 1 1 auto; min-width: 0; }.km-tree__lesson{ padding-left: 32px; }.km-lineup--center .km-lineup__item{ flex-wrap: wrap; row-gap: 6px; }.km-lineup--center .km-lineup__title{ order: -1; flex: 1 1 100%; }.km-lineup__date{ width: auto; }.km-lineup__date--right{ width: auto; text-align: left; }.km-upnext > .km-actions{ flex: 1 1 100%; }.km-lesson-nav > .km-btn,.km-lesson-nav__middle{ flex: 1 1 100%; }.km-lesson-nav__middle{ justify-content: stretch; }.km-course{ grid-template-columns: minmax(0, 1fr); gap: 24px; }.km-course__side{ position: static; top: auto; }.km-hero__title{ font-size: 24px; }.km-hero__body{ padding: 16px 18px 18px; }.km-hero--over .km-hero__title{ font-size: 26px; }.km-hero--over .km-hero__body{ min-height: 0; padding: 20px 18px 22px; gap: 10px; }.km-hero--brand.km-hero--over .km-hero__title{ font-size: 34px; }.km-hero--brand.km-hero--over .km-hero__body{ padding: 18px 18px 20px; gap: 4px; min-height: 200px; }.km-hero--brand .km-hero__eyebrow{ font-size: 11px; letter-spacing: 0.1em; }.km-hero--brand.km-hero--over .km-hero__lead{ font-size: 14px; max-width: none; }.km-hero--brand.km-hero--over .km-hero__cover{ position: static; aspect-ratio: auto; height: auto; }.km-hero--brand.km-hero--over .km-hero__cover img{ height: auto; }.km-hero--brand.km-hero--over .km-hero__body{ background: var(--km-surface); border: 1px solid var(--km-border); border-top: none; border-radius: 0 0 var(--km-radius-card) var(--km-radius-card); }.km-hero--brand.km-hero--lume.km-hero--over::after{ content: none; }.km-hero--brand.km-hero--lume .km-hero__eyebrow{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume.km-hero--over .km-hero__title{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume .km-hero__title-rest{ color: var(--km-brand-teal); }.km-hero--brand.km-hero--lume.km-hero--over .km-hero__lead{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--lume .km-hero__author{ color: var(--km-brand-navy); }.km-hero--brand.km-hero--over .km-price{ color: var(--km-text); }.km-hero--brand.km-hero--over .km-price__from{ color: var(--km-text-muted); }.km-hero--brand.km-hero--over .km-price__stages{ color: var(--km-text-secondary); }.km-hero--brand.km-hero--over .km-meta{ color: var(--km-text-muted); }.km-hero--brand.km-hero--over .km-price__note{ color: var(--km-text-muted); }.km-page--guest .km-hero--brand.km-hero--over .km-price,.km-page--guest .km-hero--brand.km-hero--over .km-price__from,.km-page--guest .km-hero--brand.km-hero--over .km-price__stages,.km-page--guest .km-hero--brand.km-hero--over .km-price__note,.km-page--guest .km-hero--brand.km-hero--over .km-hero__learners .km-meta{ color: var(--km-brand-navy); }.km-headline > .km-actions{ flex: 1 1 100%; flex-wrap: wrap; }.km-headline > .km-actions > .km-btn{ flex: 1 1 auto; justify-content: center; }.km-hero--over::after{ background: linear-gradient( to bottom, rgba(63, 52, 46, 0.72) 0%, rgba(63, 52, 46, 0.5) 100% ); }.km-tabs{ flex-wrap: nowrap; overflow-x: auto; gap: 18px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }.km-tabs::-webkit-scrollbar{ display: none; }.km-tabs > *{ flex: none; }.km-chips{ flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px; }.km-chips::-webkit-scrollbar{ display: none; }.km-chips > *{ flex: none; }.km-row > .km-field,.km-row > .km-field--wide{ flex: 1 1 100%; max-width: none; }.km-table,.km-table-scroll{ display: block; overflow-x: visible; background: none; border: none; box-shadow: none; border-radius: 0; }.km-table thead{ display: none; }.km-table tbody,.km-table tr,.km-table td{ display: block; width: auto; }.km-table tr{ position: relative; margin-bottom: 10px; padding: 14px 16px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; box-shadow: var(--km-shadow-card); }.km-table td{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 3px 0; border: none; }.km-table td[data-label]::before{ content: attr(data-label); flex: none; font-size: 12px; color: var(--km-text-secondary); }.km-table td:first-child{ position: absolute; top: 14px; right: 16px; padding: 0; }.km-table td:nth-child(2){ display: block; padding-right: 28px; padding-bottom: 8px; }.km-table td:nth-child(2) .km-text{ font-size: 15px; font-weight: 700; }.km-table--title-first td:first-child{ position: static; display: block; padding: 0 0 8px; }.km-table--title-first td:first-child::before{ content: none; }.km-table--title-first td:nth-child(2){ display: flex; padding-right: 0; }.km-table .km-lines{ align-items: flex-end; }.km-table td > span,.km-table td > div{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-table td:nth-child(2) > div{ white-space: normal; }}.km-offer{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); padding: 14px 18px; margin-bottom: 10px; }.km-offer--off{ opacity: 0.72; }.km-offer__head{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }.km-offer__num{ flex: none; font-family: var(--km-mono); font-size: 12px; color: var(--km-accent); background: var(--km-warm-bg); padding: 2px 7px; border-radius: 5px; }.km-offer--off .km-offer__num{ color: var(--km-text-muted); background: var(--km-page); }.km-offer__name{ flex: 1; min-width: 200px; border: 0; background: none; padding: 0; text-align: left; cursor: pointer; text-decoration: none; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.35; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-offer__name:hover{ color: var(--km-accent); }.km-offer--off .km-offer__name{ color: var(--km-text-secondary); }.km-offer__state{ flex: none; font-size: 12px; color: var(--km-ok); }.km-offer--off .km-offer__state{ color: var(--km-text-muted); }.km-offer__program{ margin: 0; font-size: 12px; color: var(--km-text-muted); line-height: 1.4; }.km-offer .km-offer__program{ margin-top: 6px; }.km-offer__terms{ margin-top: 8px; font-size: 13px; color: var(--km-text-secondary); line-height: 1.6; }.km-offer__shop,.km-offer__facts{ margin-top: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.km-offer__shop-name,.km-offer__fact{ font-size: 12px; color: var(--km-text-secondary); }.km-offer__fact--none{ color: var(--km-text-muted); }.km-offer__shop-id{ font-size: 11px; font-family: var(--km-mono); color: var(--km-text-muted); }.km-offer__glyph{ flex: none; width: 15px; height: 15px; color: var(--km-text-muted); }.km-copy{ border: 1px solid var(--km-border); background: transparent; color: var(--km-text-secondary); font-family: inherit; font-size: 11px; padding: 3px 9px; border-radius: var(--km-radius-badge); cursor: pointer; }.km-copy:hover{ background: var(--km-page); }.km-sticky-bar--bottom{ top: auto; bottom: 0; border-bottom: none; border-top: 1px solid var(--km-border); flex-wrap: wrap; row-gap: 10px; }.km-label--inline{ flex: none; }.km-select--inline{ width: auto; min-width: 190px; }.km-tree__pick{ flex: none; display: flex; align-items: center; margin-right: 2px; }.km-live{ background: var(--km-surface); border: 1px solid var(--km-warm-border); border-radius: var(--km-radius-card); padding: 20px 22px; }.km-live--past{ border-color: var(--km-border); }.km-live__kicker{ display: flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-live__kicker--now{ color: var(--km-live); font-weight: 700; }.km-live__dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--km-live); flex: none; }.km-live__when{ margin-top: 10px; font-size: 22px; font-weight: 700; line-height: 1.25; }.km-live__when small{ display: block; font-size: 14px; font-weight: 400; color: var(--km-text-secondary); margin-top: 4px; }.km-live__row{ margin-top: 16px; display: flex; gap: 10px; flex-wrap: wrap; }.km-live__cal{ margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--km-border); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }.km-live__cal-label{ font-size: 13px; color: var(--km-text-secondary); }.km-live__sep{ color: var(--km-text-muted); font-size: 13px; }.km-cal-link{ font-size: 13px; color: var(--km-accent); text-decoration: none; border-bottom: 1px solid transparent; }.km-cal-link:hover{ border-bottom-color: var(--km-accent); }.km-live__hint{ margin-top: 12px; font-size: 13px; color: var(--km-text-muted); line-height: 1.5; }.km-btn__glyph{ width: 17px; height: 17px; flex: none; }.km-plain-host{ display: block; min-width: 0; }.km-talk{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); padding: 20px 22px; gap: 14px; margin: 28px 0; }.km-talk__list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }.km-talk__item{ border-top: 1px solid var(--km-border); padding-top: 14px; }.km-talk__item:first-child{ border-top: none; padding-top: 0; }.km-talk__list--replies{ margin-top: 14px; padding-left: 16px; border-left: 2px solid var(--km-border); gap: 12px; }.km-talk__list--replies .km-talk__item{ border-top: none; padding-top: 0; }.km-talk__head{ margin: 0 0 4px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }.km-talk__author{ font-size: 14px; font-weight: 600; }.km-talk__when{ font-size: 12px; color: var(--km-text-muted); }.km-talk__body{ font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); }.km-talk__body p{ margin: 0 0 8px; }.km-talk__body p:last-child{ margin-bottom: 0; }.km-talk__form{ margin-top: 16px; }.km-toolbar{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 16px; }.km-toolbar .km-h1{ font-size: 24px; line-height: 1.2; }.km-toolbar__search{ flex: 1 1 240px; min-width: 200px; max-width: 380px; }.km-filters{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }.km-filters__more{ flex: none; }.km-filters__more[open]{ flex: 1 0 100%; }.km-filters__more-head{ cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; color: var(--km-text-secondary); padding: 8px 4px; white-space: nowrap; }.km-filters__more-head::-webkit-details-marker{ display: none; }.km-filters__more-head::after{ content: ' ▾'; }.km-filters__more[open] .km-filters__more-head::after{ content: ' ▴'; }.km-filters__more-head:hover{ color: var(--km-accent); }.km-filters__more-body{ padding-top: 12px; }.km-toolbar .km-input,.km-filters .km-chips{ flex: 1 1 auto; min-width: 0; }.km-toolbar .km-input.km-input--number{ flex: none; width: 96px; }.km-inline-field{ display: inline-flex; align-items: center; gap: 8px; flex: none; }.km-filters .km-select{ font-size: 14px; padding: 8px 12px; }.km-filters .km-select{ max-width: 260px; }.km-toolbar__search .km-input{ padding-left: 36px; }.km-toolbar__search .km-input-group__icon{ left: 12px; }.km-toolbar .km-btn{ padding: 9px 15px; }.km-segments{ display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 16px; }.km-segments .km-chips{ display: contents; }.km-segments__label{ font-size: 12px; color: var(--km-text-muted); flex: none; margin-right: 3px; }.km-chip--segment{ font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; padding: 5px 11px; border-radius: 20px; }.km-chip--segment.is-active{ padding: 5px 11px; }.km-chip--segment .km-chip__count{ opacity: 1; font-weight: 600; color: var(--km-text); margin-left: 6px; }@media (max-width: 640px){.km-toolbar .km-h1{ flex: 1 0 100%; font-size: 22px; }.km-toolbar__search{ flex: 1 0 100%; max-width: none; }.km-toolbar .km-btn{ flex: 1 1 0; }.km-filters{ flex-direction: column; align-items: stretch; flex-wrap: nowrap; }.km-filters .km-select{ width: 100%; }.km-filters__more-head{ padding-left: 0; }.km-toolbar .km-input,.km-filters .km-select{ font-size: 15px; padding: 12px 14px; }.km-toolbar__search .km-input{ padding-left: 40px; }.km-toolbar__search .km-input-group__icon{ left: 14px; }.km-filters .km-select{ max-width: none; }.km-toolbar .km-btn{ padding: 12px 18px; }}.km-lines{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-table .km-lines > *{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }.km-table .km-lines > .km-lines__long{ overflow: visible; text-overflow: clip; white-space: normal; max-width: min(280px, 100%); line-height: 1.4; }.km-toolbar--card{ align-items: flex-start; }.km-toolbar__who{ flex: 1 1 240px; min-width: 240px; }.km-back{ font-size: 13px; color: var(--km-text-secondary); text-decoration: none; display: inline-block; margin-bottom: 4px; }.km-back:hover{ color: var(--km-accent); }.km-toolbar--card .km-h1{ margin-bottom: 3px; }.km-card--pad{ padding: 16px 18px; margin-bottom: 12px; }.km-card__part{ margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--km-border-soft); display: flex; flex-direction: column; gap: 10px; }.km-card__part > .km-card__t{ margin: 0; }.km-card__t{ font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--km-text-muted); font-weight: 600; margin: 0 0 12px; }.km-facts{ display: grid; grid-template-columns: repeat( auto-fit, minmax( 200px, 1fr ) ); gap: 12px 22px; }.km-fact{ min-width: 0; }.km-fact__k{ font-size: 12px; color: var(--km-text-muted); }.km-fact__v{ margin-top: 2px; line-height: 1.4; font-size: 14px; }.km-cols{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.km-cols > *{ min-width: 0; }.km-line{ display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--km-border-soft); }.km-line:last-child{ border-bottom: none; }.km-line__n{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }.km-line__d{ font-size: 12px; color: var(--km-text-muted); white-space: nowrap; }.km-line--long{ flex-wrap: wrap; align-items: baseline; }.km-line--long .km-line__n{ white-space: normal; flex: 1 1 260px; line-height: 1.45; }.km-tag-sm{ font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--km-text-secondary); background: var(--km-bg); border: 1px solid var(--km-border); padding: 2px 7px; border-radius: 5px; white-space: nowrap; }.km-empty-line{ font-size: 13px; line-height: 1.5; color: var(--km-text-muted); margin: 0; padding: 8px 0; }.km-link-out{ color: var(--km-accent-dark, #C85A28); text-decoration: underline; }.km-link-out:hover{ color: var(--km-accent); }.km-tags{ grid-column: 1 / -1; margin-top: 4px; }.km-tags__head{ cursor: pointer; list-style: none; font-size: 12px; font-weight: 600; color: var(--km-text-secondary); }.km-tags__head::-webkit-details-marker{ display: none; }.km-tags__head::after{ content: ' ▾'; }.km-tags[open] .km-tags__head::after{ content: ' ▴'; }.km-tags__head:hover{ color: var(--km-accent); }.km-tags__cloud{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }.km-shopnotes{ display: flex; flex-direction: column; min-width: 0; }.km-shopnote{ display: flex; flex-direction: column; gap: 4px; padding: 10px 0; border-bottom: 1px solid var(--km-border-soft); min-width: 0; }.km-shopnote:last-child{ border-bottom: none; }.km-shopnote__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; color: var(--km-text-muted); }.km-shopnote__text{ margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-text); white-space: pre-wrap; overflow-wrap: anywhere; }.km-shopnote--trace .km-shopnote__text{ font-size: 13px; color: var(--km-text-muted); }.km-shopnotes__more{ margin-top: 6px; }.km-shopnotes__head{ cursor: pointer; list-style: none; padding: 6px 0; font-size: 12px; font-weight: 600; color: var(--km-text-secondary); }.km-shopnotes__head::-webkit-details-marker{ display: none; }.km-shopnotes__head::after{ content: ' ▾'; }.km-shopnotes__more[open] .km-shopnotes__head::after{ content: ' ▴'; }.km-shopnotes__head:hover{ color: var(--km-accent); }.km-shopnotes__send{ align-self: flex-start; }@media (max-width: 760px){.km-cols{ grid-template-columns: 1fr; }}@media (max-width: 640px){.km-toolbar--card .km-btn{ flex: 1 1 0; }.km-toolbar__who{ flex: 1 0 100%; }.km-facts{ grid-template-columns: 1fr; }}.km-sr{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect( 0 0 0 0 ); white-space: nowrap; border: 0; }.km-cell-act{ width: 44px; text-align: right; }.km-act,.km-act:focus{ display: inline-flex; opacity: 0; color: var(--km-text-muted); padding: 4px; border-radius: 6px; }.km-act:focus-visible{ opacity: 1; }.km-act:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-act:hover{ background: var(--km-border-soft); color: var(--km-text); }.km-act svg{ width: 18px; height: 18px; display: block; }@media (max-width: 640px){.km-act{ opacity: 1; }.km-table td.km-cell-act{ justify-content: flex-end; }.km-table td.km-cell-act::before{ content: none; }}.km-hook{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); padding: 14px 18px; margin-bottom: 10px; }.km-hook--done{ opacity: 0.75; }.km-hook__head{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }.km-hook__event{ flex: none; font-family: var(--km-mono); font-size: 12px; color: var(--km-text); background: var(--km-page); border: 1px solid var(--km-border); padding: 2px 8px; border-radius: 5px; }.km-hook__who{ flex: 1; min-width: 180px; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-hook__meta{ margin-top: 7px; font-size: 13px; color: var(--km-text-secondary); display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }.km-hook__id{ font-family: var(--km-mono); font-size: 12px; color: var(--km-text-muted); }.km-hook__sep{ color: var(--km-text-muted); }.km-hook__why{ margin-top: 11px; background: var(--km-page); border-radius: 10px; padding: 11px 14px; font-size: 13px; color: var(--km-text); line-height: 1.55; }.km-hook__why b{ font-weight: 600; }.km-hook__settled{ margin: 8px 0 0; font-size: 13px; line-height: 1.5; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-hook__act{ margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }.km-hook__payload{ margin-top: 10px; font-family: var(--km-mono); font-size: 12px; line-height: 1.5; background: var(--km-page); border: 1px solid var(--km-border); border-radius: 10px; padding: 11px 14px; max-height: 320px; overflow: auto; white-space: pre-wrap; word-break: break-word; color: var(--km-text); }.km-hook__note{ margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }.km-hook__note .km-input{ flex: 1; min-width: 220px; }@media (max-width: 640px){.km-hook__who{ min-width: 100%; white-space: normal; }.km-hook__act > .km-btn{ flex: 1; }}.km-switches{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }@media (max-width: 760px){.km-switches{ grid-template-columns: 1fr; }}.km-sw{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; padding: 14px 16px; }.km-sw--off{ background: var(--km-warm-bg); border-color: var(--km-warm-border); }.km-sw__top{ display: flex; align-items: center; gap: 9px; }.km-sw__name{ flex: 1; font-weight: 600; }.km-sw__why{ margin-top: 7px; font-size: 13px; color: var(--km-text-secondary); line-height: 1.5; }.km-sw__act{ margin-top: 11px; }.km-rules{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); overflow: hidden; }.km-rule{ display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--km-border-soft); }.km-rule:last-child{ border-bottom: none; }.km-rule:hover{ background: var(--km-page); }.km-rule--off{ opacity: 0.6; }.km-rule__body{ flex: 1; min-width: 0; }.km-rule__name{ font-weight: 600; line-height: 1.3; }.km-rule__when{ font-size: 12px; color: var(--km-text-muted); margin-top: 3px; }.km-rule__num{ flex: none; text-align: right; font-size: 13px; color: var(--km-text-secondary); min-width: 190px; }.km-rule__sent{ color: var(--km-ok); font-weight: 600; }.km-rule__sent--none{ color: var(--km-text-muted); font-weight: 400; }.km-rule__small{ display: block; font-size: 12px; color: var(--km-text-muted); margin-top: 2px; overflow-wrap: anywhere; }.km-rule__acts{ flex: none; display: flex; gap: 6px; opacity: 0; }.km-rule:hover .km-rule__acts,.km-rule:focus-within .km-rule__acts{ opacity: 1; }@media (max-width: 760px){.km-rule{ flex-wrap: wrap; }.km-rule__acts{ opacity: 1; }.km-rule__num{ flex: 1 1 100%; min-width: 0; text-align: left; }}.km-more{ margin-top: 12px; text-align: center; }.km-nums{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }.km-num{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); padding: 16px 18px; }.km-num__value{ font-size: 28px; font-weight: 700; line-height: 1.1; }.km-num__key{ font-size: 13px; color: var(--km-text-secondary); margin-top: 5px; line-height: 1.4; }.km-num__sub{ font-size: 12px; color: var(--km-text-muted); margin-top: 6px; }.km-card--flush{ overflow: hidden; }.km-loss{ display: flex; align-items: center; gap: 14px; padding: 13px 18px; border-bottom: 1px solid var(--km-border-soft); }.km-loss:last-child{ border-bottom: none; }.km-loss__count{ flex: none; width: 54px; text-align: right; font-size: 20px; font-weight: 700; color: var(--km-danger); font-variant-numeric: tabular-nums; }.km-loss__body{ flex: 1; min-width: 0; }.km-loss__title{ font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }.km-loss__where{ font-size: 12px; color: var(--km-text-muted); margin-top: 3px; overflow-wrap: anywhere; }.km-loss__act{ flex: none; opacity: 0; transition: opacity .12s ease; }.km-loss:hover .km-loss__act,.km-loss:focus-within .km-loss__act{ opacity: 1; }.km-folds{ display: flex; flex-direction: column; gap: 10px; }.km-fold{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); overflow: hidden; }.km-fold > summary{ display: flex; align-items: center; gap: 10px; padding: 13px 18px; cursor: pointer; font-weight: 600; list-style: none; }.km-fold > summary::-webkit-details-marker{ display: none; }.km-fold > summary::before{ content: ''; flex: none; width: 7px; height: 7px; border-right: 1.5px solid var(--km-text-muted); border-bottom: 1.5px solid var(--km-text-muted); transform: rotate(-45deg); transition: transform .15s ease; }.km-fold[open] > summary::before{ transform: rotate(45deg); }.km-fold__meta{ font-size: 13px; color: var(--km-text-muted); font-weight: 400; margin-left: auto; }.km-node-row{ display: flex; align-items: center; gap: 12px; padding: 9px 18px; border-top: 1px solid var(--km-border-soft); }.km-node-row__title{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-node-row__bar{ flex: none; width: 120px; }.km-node-row__value{ flex: none; width: 148px; text-align: right; font-size: 13px; color: var(--km-text-secondary); font-variant-numeric: tabular-nums; }.km-node-row__drop{ flex: none; min-width: 52px; text-align: right; white-space: nowrap; font-size: 13px; color: var(--km-text-muted); font-variant-numeric: tabular-nums; }.km-node-row__drop--bad{ color: var(--km-danger); font-weight: 600; }@media (max-width: 767px){.km-loss{ gap: 10px; padding: 12px 14px; flex-wrap: wrap; }.km-loss__count{ width: 44px; font-size: 18px; }.km-loss__act{ opacity: 1; flex: 1 1 100%; margin-left: 54px; }.km-node-row{ flex-wrap: wrap; gap: 4px 10px; padding: 10px 14px; }.km-node-row__title{ flex: 1 1 100%; white-space: normal; overflow: visible; text-overflow: clip; }.km-node-row__bar{ display: none; }.km-node-row__value{ width: auto; text-align: left; }.km-node-row__drop{ width: auto; margin-left: auto; }}.km-box{ background:var(--km-surface); border:1px solid var(--km-border); border-radius:var(--km-radius-card); overflow:hidden; }.km-box__head{ padding:13px 18px; border-bottom:1px solid var(--km-border); font-size:14px; font-weight:600; }.km-box__body{ padding:16px 18px 18px; }.km-picks{ border:1px solid var(--km-border); border-radius:10px; overflow:hidden; }.km-picks__scroll{ max-height:296px; overflow-y:auto; }.km-pick{ display:flex; align-items:flex-start; gap:11px; padding:9px 13px; border-bottom:1px solid var(--km-border); cursor:pointer; background:var(--km-surface); }.km-pick:last-child{ border-bottom:none; }.km-pick:hover{ background:var(--km-bg); }.km-pick input{ margin:2px 0 0; width:15px; height:15px; flex:none; accent-color:var(--km-accent); }.km-pick input:focus-visible{ outline:2px solid var(--km-accent); outline-offset:2px; }.km-pick__main{ flex:1; min-width:0; }.km-pick__name{ font-size:13.5px; line-height:1.4; }.km-pick__meta{ font-size:11.5px; color:var(--km-text-muted); margin-top:2px; }.km-pick__side{ flex:none; font-size:11.5px; color:var(--km-text-muted); padding-top:1px; text-align:right; max-width:170px; }.km-pick--on{ background:var(--km-warm-bg); }.km-pick--on:hover{ background:#FBE9DD; }.km-pick--on .km-pick__name{ font-weight:600; }.km-pick--locked{ cursor:default; background:var(--km-bg); }.km-pick--locked:hover{ background:var(--km-bg); }.km-pick--locked .km-pick__name{ color:var(--km-text-secondary); }.km-pick--locked input{ accent-color:var(--km-text-muted); }.km-picks__split{ padding:6px 13px; background:var(--km-bg); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--km-text-muted); border-bottom:1px solid var(--km-border); }.km-tag--from-course{ background:var(--km-warm-bg); color:var(--km-warm-text); }.km-offer__bonus{ margin-top:9px; padding-top:9px; border-top:1px solid var(--km-border); font-size:13px; line-height:1.6; display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; }.km-offer__bonus-label{ color:var(--km-text-secondary); flex:none; }.km-offer__bonus-list{ flex:1; min-width:180px; }.km-offer__bonus-list--empty{ color:var(--km-text-muted); }.km-link,.km-link:focus{ border:0; background:none; padding:0; font:inherit; font-size:12.5px; color:var(--km-accent); cursor:pointer; text-decoration:underline; text-underline-offset:2px; flex:none; }.km-link:focus-visible{ outline:2px solid var(--km-accent); outline-offset:2px; border-radius:3px; }.km-open{ margin-top:12px; padding-top:14px; border-top:1px dashed var(--km-border); }.km-set{ padding:15px 18px; border-bottom:1px solid var(--km-border); }.km-set:last-child{ border-bottom:none; }.km-set__top{ display:flex; align-items:baseline; gap:10px; }.km-set__name{ flex:1; font-size:13.5px; font-weight:600; }.km-set__row{ margin-top:9px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.km-set__row .km-input{ width:auto; min-width:210px; flex:1; font-size:13px; padding:6px 10px; }.km-set__row--num .km-input{ width:auto; min-width:150px; max-width:220px; flex:none; font-family:var(--km-mono); }.km-echo{ font-size:12px; line-height:1.5; flex:none; }.km-echo--ok{ color:var(--km-ok); }.km-echo--warn{ color:var(--km-warn); }.km-echo--muted{ color:var(--km-text-muted); }.km-found{ margin-top:8px; font-size:12px; color:var(--km-text-secondary); line-height:1.7; }.km-found__list{ margin:3px 0 0; padding:0; list-style:none; }.km-found__list li{ color:var(--km-text-muted); overflow-wrap:anywhere; }.km-found__more{ color:var(--km-text-muted); }.km-auto{ font-size:12px; color:var(--km-text-muted); background:var(--km-page); border-radius:7px; padding:7px 11px; margin-top:8px; line-height:1.55; }.km-auto b{ color:var(--km-text-secondary); font-weight:600; }.km-auto--on b{ color:var(--km-ok); }.km-mono{ font-family:var(--km-mono); font-size:.92em; color:var(--km-text-secondary); }.km-reviews{ overflow-x: auto; max-width: 100%; }:root{ --km-kind-doc: #C0392B; --km-kind-audio: #6B4FA8; --km-kind-image: #2E7D5B; --km-kind-other: #7C8A9B; }.km-lib__head{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }.km-lib__search{ flex: 1 1 220px; }.km-lib__head > .km-meta{ margin-left: auto; }.km-lib__form{ padding: 16px 18px; margin-bottom: 14px; }.km-lib{ padding: 4px 18px; }.km-lib__row{ display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--km-border); }.km-lib__row:last-child{ border-bottom: none; }.km-lib__kind{ flex: none; width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 9.5px; font-weight: 700; color: #FFFFFF; background: var(--km-kind-other); }.km-lib__kind--doc{ background: var(--km-kind-doc); }.km-lib__kind--audio{ background: var(--km-kind-audio); }.km-lib__kind--image{ background: var(--km-kind-image); }.km-lib__main{ flex: 1; min-width: 0; }.km-lib__name{ display: block; font-size: 14px; line-height: 1.4; color: var(--km-text); }.km-lib__meta{ display: block; font-size: 11.5px; color: var(--km-text-muted); margin-top: 2px; }.km-lib__where{ flex: none; max-width: 230px; text-align: right; font-size: 12px; color: var(--km-text-secondary); }.km-lib__where--none{ color: var(--km-warm-text-strong); }.km-lib__act{ flex: none; display: flex; gap: 10px; }.km-input--mono{ font-family: var(--km-mono); font-size: 12.5px; }@media (max-width: 560px){.km-lib__row{ flex-wrap: wrap; row-gap: 6px; }.km-lib__where{ flex-basis: 100%; max-width: none; text-align: left; margin-left: 46px; }}.km-head{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }.km-head__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.km-block{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; padding: 16px 18px; margin-bottom: 12px; }.km-letter{ max-width: 680px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); padding: 26px 30px 30px; }.km-letter + .km-letter{ margin-top: 16px; }.km-letter__subject{ font-family: var(--km-font-display); font-size: 21px; font-weight: 700; line-height: 1.3; margin: 0; color: var(--km-text); }.km-letter__body{ margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--km-border); }.km-letter-preview{ white-space: normal; overflow-wrap: anywhere; }.km-letter > .km-caution{ margin-top: 12px; }.km-letter > .km-caution + .km-caution{ margin-top: 6px; }.km-scn{ display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; align-items: start; }.km-scn-side{ position: sticky; top: calc( var(--km-chrome-top, 0px) + 20px ); max-height: calc( 100vh - var(--km-chrome-top, 0px) - 40px ); overflow-y: auto; }.km-scn-head{ margin: 12px 0 22px; }.km-scn-head__row{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 6px; }.km-scn-head__row .km-h1{ margin-right: auto; }.km-scn-state{ font-size: 12.5px; font-weight: 700; padding: 5px 11px; border-radius: var(--km-radius-badge); background: var(--km-warm-bg); color: var(--km-warm-text-strong); border: 1px solid var(--km-warm-border); }.km-scn-state--on{ background: #E9F4F2; color: #2E7D5B; border-color: #CBE5DE; }.km-scn-block{ padding: 22px 24px 24px; }.km-scn-block + .km-scn-block{ border-top: 1px solid var(--km-border-soft); }.km-scn-block__t{ display: flex; align-items: baseline; gap: 12px; margin-bottom: 14px; }.km-scn-block__d{ font-size: 13px; color: var(--km-text-secondary); margin-left: auto; }.km-chain{ position: relative; display: flex; flex-direction: column; gap: 0; }.km-chain::before{ content: ""; position: absolute; left: 17px; top: 18px; bottom: 18px; width: 2px; background: var(--km-border); }.km-chain > *{ position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; align-items: start; }.km-chain__glyph{ width: 36px; height: 36px; border-radius: 10px; background: var(--km-warm-bg); color: var(--km-accent); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }.km-chain__glyph--wait{ width: 24px; height: 24px; border-radius: 50%; margin: 6px; background: var(--km-surface); color: var(--km-text-muted); border: 1.5px solid var(--km-border); }.km-step{ background: var(--km-surface-alt); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); }.km-step__head{ display: flex; align-items: center; gap: 10px; padding: 12px 14px 12px 16px; min-height: 50px; border-bottom: 1px solid var(--km-border-soft); margin-bottom: 12px; }.km-step__kind{ font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); flex: 0 1 auto; min-width: 0; }.km-step__title{ font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-step__title--empty{ color: var(--km-text-muted); font-weight: 400; }.km-step__acts{ display: flex; gap: 4px; flex: none; margin-left: 6px; }.km-step__body{ display: flex; flex-direction: column; gap: 14px; padding: 2px 16px 16px; }.km-step .km-textarea,.km-step textarea.km-input{ min-height: 260px; font-size: 14.5px; line-height: 1.6; }.km-step__foot{ font-size: 12.5px; color: var(--km-text-muted); line-height: 1.5; margin: 0; }.km-scn-popform{ display: flex; flex-direction: column; gap: 14px; }.km-step .km-textarea.km-scn-poptext{ min-height: 110px; }.km-scn-popimg{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-scn-popimg__thumb{ display: block; width: 160px; max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); }.km-scn-popimg__acts{ display: flex; flex-wrap: wrap; gap: 8px; }.km-scn-popimg .km-hint{ margin: 0; flex: 1 1 200px; }.km-scn-popwhen{ display: flex; flex-wrap: wrap; gap: 10px; }.km-scn-popwhen > .km-input{ flex: 1 1 220px; width: auto; min-width: 0; }.km-scn-popwhen > .km-input.km-scn-popwhen__value{ flex: 0 1 140px; }.km-scn-popsite{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }.km-scn-popsite > .km-hint,.km-scn-popsite > .km-caution{ margin: 0; flex: 1 1 220px; }.km-scn-popview{ max-width: 680px; display: flex; flex-direction: column; gap: 10px; }.km-letter + .km-scn-popview,.km-scn-popview + .km-scn-popview{ margin-top: 20px; }.km-scn-popview__head{ margin: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); }.km-scn-popview__line{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-scn-popview__line a{ color: var(--km-accent); }.km-scn-popview > .km-hint,.km-scn-popview > .km-caution{ margin: 0; }.km-popup-sample{ display: flex; justify-content: center; padding: 24px 16px; background: rgba(63, 76, 92, 0.45); border-radius: var(--km-radius-card); }.km-ico{ width: 30px; height: 30px; border-radius: 8px; border: 1px solid transparent; background: transparent; display: inline-flex; align-items: center; justify-content: center; color: var(--km-text-muted); cursor: pointer; }.km-ico:hover:not(:disabled){ color: var(--km-accent); border-color: var(--km-warm-border); background: var(--km-surface); }.km-ico:disabled{ color: var(--km-border); cursor: default; }.km-ico--danger:hover{ color: var(--km-danger); border-color: #F0BDB0; }.km-wait{ padding: 8px 0; }.km-wait__body{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 36px; font-size: 14.5px; color: var(--km-text-secondary); }.km-wait .km-input{ width: 66px; text-align: center; padding: 7px 8px; font-weight: 600; font-variant-numeric: tabular-nums; }.km-wait .km-select{ width: auto; padding: 7px 34px 7px 12px; background-position: right 11px center; font-size: 14px; font-weight: 600; }.km-wait__acts{ margin-left: auto; display: flex; gap: 4px; }.km-scn-tagstep{ padding: 8px 0; }.km-scn-tagstep__body{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 36px; font-size: 14.5px; color: var(--km-text-secondary); }.km-scn-tagstep__body .km-input{ flex: 1 1 260px; min-width: 0; padding: 7px 10px; }.km-scn-tagstep__acts{ margin-left: auto; display: flex; gap: 4px; }.km-scn-tagstep__hint{ flex-basis: 100%; margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--km-text-muted); }.km-scn-tagnote{ margin: 12px 0 0; }.km-scn-tagnote--unchecked{ font-size: 13px; color: var(--km-text-muted); }.km-chain__add{ padding-top: 10px; }.km-chain__add .km-chain__glyph{ background: transparent; color: var(--km-text-muted); border: 1.5px dashed var(--km-border); }.km-chain__add-body{ display: flex; gap: 8px; flex-wrap: wrap; align-items: center; min-height: 36px; }.km-chain__add-note{ font-size: 12.5px; color: var(--km-text-muted); margin-top: 12px; padding-left: 50px; line-height: 1.5; }.km-vars{ padding: 18px 18px 16px; }.km-vars__hint{ font-size: 12.5px; color: var(--km-text-muted); line-height: 1.5; margin: 4px 0 12px; }.km-var{ display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--km-border-soft); }.km-var:first-of-type{ border-top: 0; }.km-var__key{ font-family: var(--km-mono); font-size: 12px; color: var(--km-warm-text-strong); background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 6px; padding: 3px 7px; cursor: pointer; white-space: nowrap; }.km-var__key:hover{ background: var(--km-peach); }.km-var__ex{ font-size: 13px; color: var(--km-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }.km-var__ex--none{ color: var(--km-text-muted); }.km-vars__foot{ font-size: 12px; color: var(--km-text-muted); line-height: 1.5; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--km-border-soft); }.km-write{ display: flex; flex-direction: column; }.km-write__bar{ display: flex; align-items: center; gap: 4px; flex-wrap: wrap; padding: 6px 8px; background: var(--km-bg); border: 1px solid var(--km-border); border-bottom: none; border-radius: var(--km-radius-control) var(--km-radius-control) 0 0; }.km-write__sep{ width: 1px; align-self: stretch; margin: 2px 4px; background: var(--km-border); }.km-write__btn{ font-family: inherit; font-size: 13px; line-height: 1; color: var(--km-text-secondary); background: transparent; border: 1px solid transparent; border-radius: var(--km-radius-control); padding: 7px 9px; min-width: 30px; cursor: pointer; transition: background 0.16s, color 0.16s, border-color 0.16s; }.km-write__btn:hover{ background: var(--km-surface); color: var(--km-text); }.km-write__btn[aria-pressed="true"]{ background: var(--km-surface); border-color: var(--km-warm-border); color: var(--km-accent); }.km-write__btn--b{ font-weight: 700; }.km-write__btn--i{ font-style: italic; }.km-write__area{ min-height: 220px; border-radius: 0 0 var(--km-radius-control) var(--km-radius-control); overflow-wrap: break-word; }.km-write__area:focus{ outline: none; }.km-write__area > *,.km-letter-preview > *{ margin: 0; }.km-write__area > * + *,.km-letter-preview > * + *{ margin-top: var(--km-gap-paragraph); }.km-write__area h3,.km-letter-preview h3{ font-size: 17px; font-weight: 700; line-height: 1.3; }.km-write__area ul,.km-write__area ol,.km-letter-preview ul,.km-letter-preview ol{ padding-left: 22px; }.km-write__area li + li,.km-letter-preview li + li{ margin-top: 4px; }.km-write__area a,.km-letter-preview a{ color: var(--km-accent); }.km-write__area[data-empty="да"]::before{ content: attr(data-placeholder); color: var(--km-text-muted); pointer-events: none; }.km-write__link{ display: flex; align-items: center; gap: 8px; padding: 8px; background: var(--km-bg); border: 1px solid var(--km-border); border-bottom: none; }.km-write__link .km-input{ padding: 8px 10px; font-size: 14px; }.km-scn-list__head{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 12px 0 8px; }.km-scn-list__head .km-h1{ font-size: 28px; }.km-scn-list__head .km-input{ width: auto; min-width: 220px; }.km-scn-list__spacer{ flex: 1 1 auto; }.km-scn-switches{ margin: 4px 0 20px; }.km-scn-lead{ font-size: 14px; color: var(--km-text-secondary); max-width: 70ch; margin: 0 0 20px; line-height: 1.6; }.km-scn-col--name{ flex: 1 1 260px; min-width: 0; }.km-scn-col--when{ flex: 0 1 190px; min-width: 0; }.km-scn-col--who{ flex: 1 1 240px; min-width: 0; }.km-scn-col--steps{ flex: 0 0 52px; text-align: right; }.km-scn-col--fired{ flex: 0 0 68px; text-align: right; }.km-scn-col--state{ flex: 0 0 104px; text-align: right; }.km-scn-row{ cursor: pointer; }.km-scn-row:hover{ background: var(--km-surface-alt); }.km-scn-row:hover .km-scn-row__name{ color: var(--km-accent); }.km-scn-row__name{ display: block; font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-scn-row__name--unnamed{ color: var(--km-text-muted); font-weight: 400; font-style: italic; }.km-scn-row__sub{ display: block; font-size: 12.5px; color: var(--km-text-muted); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-scn-row__sub.km-scn-row__sub--wrap{ overflow: visible; text-overflow: clip; white-space: normal; }.km-scn-row__when,.km-scn-row__who{ font-size: 13.5px; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-scn-row__num{ font-family: var(--km-font-display); font-size: 16px; font-variant-numeric: tabular-nums; }.km-scn-row__num--zero{ color: var(--km-text-muted); }.km-scn-state--off{ background: var(--km-track); color: var(--km-text-muted); border-color: var(--km-border); }.km-scn-warn{ display: flex; align-items: flex-start; gap: 10px; background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: var(--km-radius-control); padding: 11px 14px; font-size: 13.5px; line-height: 1.55; color: var(--km-warm-text); margin: var(--km-gap-group) 0; }.km-scn-warn b{ color: var(--km-warm-text-strong); font-weight: 700; }.km-scn-warn svg{ flex: none; margin-top: 2px; color: var(--km-warm-text-strong); }.km-scn-foot{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 14px; font-size: 13px; color: var(--km-text-muted); }.km-scn-foot a{ font-weight: 600; }.km-scn-shared{ margin-top: var(--km-gap-group); }.km-scn-shared__lead{ font-size: 13.5px; color: var(--km-text-secondary); max-width: 70ch; margin: 4px 0 12px; line-height: 1.55; }.km-scn-row--readonly{ cursor: default; }.km-scn-row--readonly:hover{ background: transparent; }.km-scn-row--readonly:hover .km-scn-row__name{ color: inherit; }.km-scn-row__off{ display: block; font-size: 12.5px; line-height: 1.45; color: var(--km-warm-text); margin-top: 4px; white-space: normal; overflow-wrap: anywhere; }.km-scn-row__edit{ display: inline-block; font-size: 12.5px; font-weight: 600; margin-top: 4px; }.km-scn-programs{ border: 0; padding: 0; margin: 14px 0 0; min-width: 0; }.km-scn-preview-on{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: var(--km-gap-group) 0 12px; }.km-scn-preview-on .km-label{ margin: 0; }.km-scn-preview-on .km-input{ width: auto; min-width: 220px; max-width: 100%; }@media ( max-width: 820px ){.km-scn-list__head .km-h1{ font-size: 24px; flex-basis: 100%; }.km-scn-row{ min-width: 0; flex-wrap: wrap; }.km-scn-colhead{ display: none; }.km-scn-tagstep__body .km-input{ order: 3; flex-basis: 100%; }.km-scn-tagstep__hint{ order: 4; }.km-scn-row__name,.km-scn-row__sub{ white-space: normal; overflow-wrap: anywhere; }.km-scn-col--name{ flex: 1 1 100%; }.km-scn-col--when{ flex: 1 1 100%; order: 3; }.km-scn-col--who{ flex: 0 0 auto; order: 4; }.km-scn-col--steps,.km-scn-col--fired{ flex: 0 0 auto; order: 5; text-align: left; }.km-scn-col--state{ flex: 0 0 auto; order: 2; margin-left: auto; text-align: right; }.km-scn-col--steps .km-scn-row__num::after,.km-scn-col--fired .km-scn-row__num::after{ font-family: var(--km-font); font-size: 12.5px; color: var(--km-text-muted); font-weight: 400; }.km-scn-col--steps .km-scn-row__num::after{ content: " шага"; }.km-scn-col--fired .km-scn-row__num::after{ content: " раз"; }}@media ( max-width: 860px ){.km-scn{ grid-template-columns: 1fr; }.km-scn-side{ position: static; }.km-scn-block{ padding: 18px 16px 20px; }.km-chain__add-note{ padding-left: 0; }}.km-kv{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 4px 12px; margin: 0; }.km-kv dt{ color: var(--km-text-secondary); }.km-kv dd{ margin: 0; overflow-wrap: anywhere; }@media (max-width: 600px){.km-kv{ grid-template-columns: minmax(0, 1fr); gap: 2px; }.km-kv dd{ margin-bottom: 6px; }}.km-modal{ position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 20px; }.km-modal__veil{ position: absolute; inset: 0; background: rgba(63, 76, 92, 0.45); }.km-modal__box{ position: relative; width: 100%; max-width: 720px; max-height: calc(100vh - 40px); overflow-y: auto; background: var(--km-surface); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-lift); }.km-modal__close{ position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; padding: 0; font-size: 22px; line-height: 1; color: var(--km-text-muted); background: none; border: none; border-radius: var(--km-radius-control); cursor: pointer; }.km-modal__close:hover{ color: var(--km-text); background: var(--km-surface-alt); }.km-modal.km-popup{ z-index: 2147483600; }.km-modal__box.km-popup__box{ max-width: 420px; overflow: hidden; }.km-popup__cover{ display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }.km-popup__body{ display: flex; flex-direction: column; gap: var(--km-gap-group); padding: 22px 24px 16px; }.km-popup__texts{ display: flex; flex-direction: column; gap: var(--km-gap-paragraph); }.km-popup__acts{ display: flex; flex-direction: column; gap: var(--km-gap-label); margin-top: 8px; }.km-popup .km-popup__title{ margin: 0; padding: 0; font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--km-text); overflow-wrap: anywhere; }.km-popup .km-popup__text{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-popup .km-popup__go{ text-decoration: none; }.km-popup .km-popup__later{ align-self: center; }.km-popup .km-modal__close{ z-index: 1; background: rgba(255, 255, 255, 0.92); box-shadow: none; }.km-popup .km-modal__close:hover,.km-popup .km-modal__close:focus{ background: var(--km-surface); color: var(--km-text); box-shadow: none; }.km-popup .km-popup__later,.km-popup .km-popup__later:hover,.km-popup .km-popup__later:focus,.km-popup .km-modal__close,.km-popup .km-modal__close:hover,.km-popup .km-modal__close:focus{ border-color: transparent; }.km-login{ display: grid; grid-template-columns: 1fr 1fr; }.km-login__half{ padding: 28px; }.km-login__half--aside{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; background: var(--km-warm-bg); border-left: 1px solid var(--km-warm-border); border-radius: 0 var(--km-radius-card) var(--km-radius-card) 0; }.km-login__title{ margin: 0 0 6px; font-size: 18px; font-weight: 700; color: var(--km-text); }.km-login__text{ margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--km-text-secondary); }.km-login__half--aside .km-login__text{ margin-bottom: 4px; }.km-login__link{ display: inline-block; margin-top: 12px; font-size: 13px; color: var(--km-text-secondary); }.km-login__link:hover{ color: var(--km-accent); }.km-login__form p{ margin: 0 0 12px; }.km-login__form label{ display: block; font-size: 13px; color: var(--km-text-secondary); }.km-login__form .input{ width: 100%; margin-top: 4px; padding: 11px 12px; font-family: inherit; font-size: 15px; color: var(--km-text); background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-login__form .input:hover{ border-color: var(--km-warm-border); }.km-login__form .input:focus{ border-color: var(--km-accent); outline: 2px solid var(--km-warm-border); outline-offset: 1px; }.km-login__form .login-remember label{ display: flex; gap: 8px; align-items: center; margin-top: 2px; }.km-login__form .login-submit{ margin: 0; }.km-login__form .button-primary{ width: 100%; padding: 12px 18px; font-family: inherit; font-size: 15px; font-weight: 600; color: #fff; background: var(--km-accent); border: none; border-radius: var(--km-radius-control); cursor: pointer; }.km-login__form .button-primary:hover{ background: var(--km-accent-light); }@media (max-width: 640px){.km-login{ grid-template-columns: 1fr; }.km-login__half{ padding: 22px; }.km-login__half--aside{ border-left: none; border-top: 1px solid var(--km-warm-border); border-radius: 0 0 var(--km-radius-card) var(--km-radius-card); }}.km-defect{ --km-defect-layer: 900; }.km-defect__tab{ position: fixed; top: 50%; right: 0; z-index: var(--km-defect-layer); transform: translateY(calc(-50% - max(0px, 50% + 153px - 50vh))); display: block; width: 34px; margin: 0; padding: 18px 10px; border-radius: var(--km-radius-control) 0 0 var(--km-radius-control); font-family: inherit; font-size: 14px; font-weight: 600; font-style: normal; line-height: 1; letter-spacing: 0.02em; text-align: center; vertical-align: baseline; cursor: pointer; transition: background-color 0.16s; }.km-defect__tab,.km-defect__tab:hover,.km-defect__tab:focus,.km-defect__tab:active{ border: 0; border-color: transparent; outline: 0; box-shadow: var(--km-shadow-lift); background-color: var(--km-accent); color: #fff; text-decoration: none; }.km-defect__tab:hover{ background-color: var(--km-accent-light); }.km-defect__label{ display: block; width: 14px; writing-mode: vertical-rl; transform: rotate(180deg); }.km-defect__tab:focus-visible{ outline: 2px solid var(--km-text); outline-offset: 2px; }.km-defect__panel{ position: fixed; top: 50%; right: 52px; z-index: var(--km-defect-layer); transform: translateY(-50%); box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; width: min(380px, calc(100vw - 72px)); max-height: calc(100vh - 32px); overflow-y: auto; padding: 18px 20px 20px; background-color: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-lift); }.km-defect__panel p{ margin: 0; }.km-defect__head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.km-defect__title{ font-size: 16px; font-weight: 600; line-height: 1.35; color: var(--km-text); }.km-defect__close{ flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -6px -8px 0 0; padding: 0; border-radius: var(--km-radius-control); font-family: inherit; font-size: 22px; font-weight: 400; line-height: 1; cursor: pointer; transition: background-color 0.16s; }.km-defect__close,.km-defect__close:hover,.km-defect__close:focus,.km-defect__close:active{ border: 0; border-color: transparent; outline: 0; box-shadow: none; background-color: transparent; color: var(--km-text-muted); text-decoration: none; }.km-defect__close:hover{ background-color: var(--km-surface-alt); color: var(--km-text); }.km-defect__close:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-defect__form{ display: flex; flex-direction: column; gap: 8px; }.km-defect__text{ resize: vertical; }.km-defect__actions{ display: flex; flex-wrap: wrap; gap: 8px; }.km-defect__said{ font-size: 14px; line-height: 1.45; color: var(--km-ok); }.km-defect__said--bad{ color: var(--km-warn); }.km-defect-row{ display: flex; flex-direction: column; gap: 6px; }.km-defect-row--done{ opacity: 0.6; }.km-defect-row__head{ margin: 0; font-weight: 600; }.km-defect-row__where{ margin: 0; color: var(--km-text-muted); font-size: 13px; }.km-defect-row__author{ margin: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; color: var(--km-text-muted); overflow-wrap: anywhere; }.km-defect-row__author span{ min-width: 0; }.km-defect-row__body{ margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }.km-defect-row__url{ font-size: 12px; color: var(--km-text-muted); overflow-wrap: anywhere; }.km-defect-row__actions{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }.km-defect-row__done{ color: var(--km-text-muted); font-size: 13px; }.km-defect-row__extras{ margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--km-border-soft); }.km-works-bar{ position: sticky; top: calc( var(--km-chrome-top, 0px) + 20px ); z-index: 5; background: var(--km-page); padding: 16px 0 12px; border-bottom: 1px solid var(--km-border); display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }.km-works-bar__search{ flex: 1; min-width: 220px; }.km-works-bar__sel{ max-width: 230px; }.km-works-bar__found{ width: 100%; }.km-works__more{ display: flex; justify-content: center; padding: 13px; }@media (max-width: 700px){.km-works-bar__sel{ max-width: none; flex: 1; }}.km-works{ display: flex; flex-direction: column; gap: 26px; }.km-works__group{ display: flex; flex-direction: column; gap: 10px; }.km-works__course{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 6px 2px 0; }.km-works__name{ font-size: 12px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--km-text-muted); }.km-works__count{ font-size: 12px; color: var(--km-text-muted); }.km-works__list{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); overflow: hidden; }.km-work + .km-work{ border-top: 1px solid var(--km-border-soft); }.km-work__head{ display: flex; align-items: center; gap: 13px; padding: 14px 18px; cursor: pointer; }.km-work__head:hover{ background: var(--km-surface-alt); }.km-work__ico{ flex: none; width: 32px; height: 32px; border-radius: 9px; background: var(--km-warm-bg); color: var(--km-accent); display: flex; align-items: center; justify-content: center; }.km-work__ico svg{ display: block; }.km-work__main{ flex: 1; min-width: 0; }.km-work__name{ display: block; font-weight: 600; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-work__where{ display: block; font-size: 12.5px; color: var(--km-text-muted); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-work__date{ font-size: 13px; color: var(--km-text-muted); flex: none; width: 112px; text-align: right; }.km-work__chev{ flex: none; color: #C2CBD6; transition: transform 0.15s; }.km-work__body{ padding: 2px 18px 18px; display: flex; flex-direction: column; gap: 14px; }.km-work__acts{ display: flex; gap: 10px; flex-wrap: wrap; padding-top: 2px; }.km-qa{ display: flex; flex-direction: column; gap: 5px; }.km-qa__q{ font-size: 13px; font-weight: 700; color: var(--km-text-secondary); }.km-qa__a{ font-size: 14.5px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }.km-qa__list{ margin: 0; padding-left: 20px; }.km-work__count{ font-size: 12.5px; color: var(--km-text-muted); flex: none; margin-right: 6px; }.km-answer{ display: flex; flex-direction: column; gap: 8px; }.km-answer + .km-answer{ margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--km-border-soft); }.km-answer__date{ font-size: 12.5px; font-weight: 700; color: var(--km-text-secondary); letter-spacing: 0.03em; }.km-work__more{ display: flex; gap: 16px; align-items: center; padding-top: 2px; }.km-work__more button,.km-work__more button:hover,.km-work__more button:focus,.km-work__more button:active{ background: none; border: 0; padding: 0; box-shadow: none; color: var(--km-accent); font-size: 14px; font-weight: 600; cursor: pointer; line-height: 1.4; }.km-work__more button:hover{ color: var(--km-accent-deep); }.km-work__link,.km-work__link:hover,.km-work__link:focus,.km-work__link:active{ font-size: 13px; color: var(--km-text-muted); text-decoration: none; box-shadow: none; }.km-work__link:hover,.km-work__link:focus{ color: var(--km-accent); }@media (max-width: 700px){.km-work__date{ display: none; }.km-work__name,.km-work__where{ white-space: normal; overflow: visible; }.km-work__body{ padding-left: 18px; }}.km-catalog-head{ display: flex; flex-direction: column; gap: 14px; margin-bottom: 30px; }.km-catalog-head__title{ margin: 0; font-family: var(--km-font-display); font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: 0.01em; color: var(--km-text); }.km-catalog-head__lead{ margin: 0; font-size: 17px; line-height: 1.55; color: var(--km-text-secondary); }.km-catalog-bar{ display: flex; flex-direction: column; gap: 16px; }.km-catalog-bar__search{ max-width: 460px; }.km-catalog-bar__search .km-input{ height: 48px; padding-top: 0; padding-bottom: 0; background: var(--km-surface); font-size: 15px; box-shadow: var(--km-shadow-card); }.km-catalog-bar__row{ display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid var(--km-border); }.km-catalog-tabs{ display: flex; gap: 2px; flex-wrap: wrap; }.km-catalog-tab,.km-catalog-tab:hover,.km-catalog-tab:focus,.km-catalog-tab:active{ appearance: none; border: none; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; background: transparent; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--km-text-secondary); padding: 0 4px 13px; margin: 0 12px -1px; height: auto; cursor: pointer; white-space: nowrap; }.km-catalog-tab:first-child{ margin-left: 0; }.km-catalog-tab:hover{ color: var(--km-text); }.km-catalog-tab.is-active,.km-catalog-tab.is-active:hover,.km-catalog-tab.is-active:focus,.km-catalog-tab.is-active:active{ color: var(--km-text); border-bottom-color: var(--km-accent); }.km-catalog-tab:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-catalog-tab__count{ font-weight: 600; font-size: 13.5px; color: var(--km-text-muted); margin-left: 6px; }.km-catalog-tab.is-active .km-catalog-tab__count{ color: var(--km-accent); }.km-catalog-sort{ display: flex; align-items: center; gap: 6px; margin-left: auto; padding-bottom: 11px; font-size: 14px; line-height: 1.4; }.km-catalog-sort__label{ font-size: 13.5px; color: var(--km-text-muted); white-space: nowrap; }.km-catalog-sort__select{ appearance: none; -webkit-appearance: none; border: 0; outline: 0; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--km-text); background: transparent url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%239AA7B6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center; padding: 0 20px 0 0; height: auto; min-height: 0; line-height: 1.4; vertical-align: baseline; cursor: pointer; }.km-catalog-sort__select:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-grid-cards--catalog{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; margin-top: 26px; }.km-grid-cards--catalog + .km-empty{ margin-top: 26px; }.km-catalog-card{ transition: box-shadow 0.15s; }.km-catalog-card:hover{ box-shadow: 0 6px 18px rgba(63, 76, 92, 0.14); }.km-catalog-card__body{ flex: 1; }.km-catalog-card .km-catalog-card__foot{ margin-top: auto; padding-top: calc(var(--km-gap-group) - var(--km-gap-label)); }.km-catalog-card .km-card__body > .km-btn{ margin-top: calc(var(--km-gap-group) - var(--km-gap-label)); }.km-catalog-card__row{ display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }.km-catalog-card__line{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }.km-catalog-card__meta{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-catalog-card__seats{ font-weight: 600; color: var(--km-warm-text-strong); }.km-catalog-card__seats--none{ color: var(--km-danger); }.km-catalog-card__price{ margin: 0; margin-left: auto; text-align: right; }.km-btn--warm,.km-btn--warm:hover,.km-btn--warm:focus,.km-btn--warm:active{ background: var(--km-warm-bg); color: var(--km-accent); border: 1px solid var(--km-warm-border); box-shadow: none; }.km-btn--warm:hover{ background: var(--km-peach); color: var(--km-warm-text-strong); }@media ( max-width: 1040px ){.km-grid-cards--catalog{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media ( max-width: 560px ){.km-catalog-head__title{ font-size: 30px; }.km-catalog-head__lead{ font-size: 15px; }.km-catalog-bar__search{ max-width: none; }.km-catalog-tabs{ width: 100%; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }.km-catalog-tabs::-webkit-scrollbar{ display: none; }.km-catalog-bar__row{ gap: 10px; }.km-catalog-sort{ margin-left: 0; padding-bottom: 12px; }.km-grid-cards--catalog{ grid-template-columns: 1fr; }}.km-filters__found{ margin-left: auto; font-size: 13px; color: var(--km-text-muted); }.km-chip.km-chip--alarm:not(.is-active),.km-chip.km-chip--alarm:not(.is-active):hover,.km-chip.km-chip--alarm:not(.is-active):focus,.km-chip.km-chip--alarm:not(.is-active):active{ color: var(--km-danger); border-color: var(--km-warm-border); }.km-table--link-rows tbody tr{ cursor: pointer; }.km-card__count{ margin-left: 8px; font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--km-text-muted); }.km-client-head{ display: flex; align-items: flex-start; gap: 18px; }.km-client-head__photo{ flex: none; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; background: var(--km-border-soft); display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: var(--km-text-muted); }.km-client-head__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }.km-client-head .km-client-head__name{ margin: 0; font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }.km-client-head__meta{ display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 13.5px; color: var(--km-text-secondary); }.km-client-head__meta > *{ overflow-wrap: anywhere; min-width: 0; }.km-client-mail{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; font-size: 13.5px; }.km-client-mail__state{ overflow-wrap: anywhere; min-width: 0; }.km-client-mail__state .km-state{ white-space: normal; align-items: flex-start; }.km-client-mail__state .km-state__dot{ margin-top: 0.45em; }.km-client-mail__hint{ flex: 1 1 100%; margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-text-muted); }.km-client-mail__hint--danger{ color: var(--km-danger); }.km-client-list{ display: flex; flex-direction: column; }.km-client-item{ display: flex; align-items: flex-start; gap: 14px; padding: 13px 0; border-top: 1px solid var(--km-border-soft); color: inherit; text-decoration: none; }.km-client-item:first-child{ border-top: none; padding-top: 4px; }.km-client-item__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-client-item__name{ font-size: 14.5px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }.km-client-item__meta{ font-size: 13px; line-height: 1.45; color: var(--km-text-muted); overflow-wrap: anywhere; }.km-client-item--link{ cursor: pointer; }.km-client-item--link:hover .km-client-item__name,.km-client-item--link:focus-visible .km-client-item__name{ color: var(--km-accent); }.km-client-item__side{ flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; text-align: right; font-size: 13px; color: var(--km-text-muted); }.km-client-item .km-progress{ max-width: 220px; margin-top: 6px; }@media (max-width: 640px){.km-client-head{ flex-wrap: wrap; }.km-client-head .km-head__acts{ width: 100%; }.km-client-item{ flex-wrap: wrap; }.km-client-item__side{ flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 12px; text-align: left; }}.km-ad-h2{ display: flex; align-items: baseline; gap: 10px; margin: 30px 0 14px; font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1.2; }.km-ad-h2 span{ font-family: var(--km-font); font-size: 14px; font-weight: 600; color: var(--km-text-muted); }.km-series{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }.km-series__card{ display: flex; align-items: center; gap: 14px; padding: 12px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); color: var(--km-text); text-decoration: none; }.km-series__card:hover{ border-color: var(--km-warm-border); color: var(--km-text); }.km-series__name{ font-family: var(--km-font-display); font-size: 17px; font-weight: 700; overflow-wrap: anywhere; }.km-series__line{ font-size: 13px; color: var(--km-text-muted); }.km-ad-list{ margin-top: 14px; overflow: hidden; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); }.km-ad-list > .km-empty{ margin: 0; padding: 16px 18px; }.km-ad-row{ display: flex; align-items: center; gap: 14px; padding: 12px 18px; color: var(--km-text); text-decoration: none; }.km-ad-row + .km-ad-row{ border-top: 1px solid var(--km-border-soft); }.km-ad-row:hover{ background: var(--km-surface-alt); color: var(--km-text); }.km-ad-row__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }.km-ad-row__title{ font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }.km-ad-row__where{ font-size: 13px; color: var(--km-text-muted); }.km-ad-row__meta{ flex: none; display: flex; align-items: center; gap: 16px; }.km-ad-row__badge{ width: 96px; display: flex; justify-content: flex-end; }.km-ad-more{ display: flex; justify-content: center; padding: 13px; border-top: 1px solid var(--km-border-soft); }.km-ad-more__button,.km-ad-more__button:hover,.km-ad-more__button:focus,.km-ad-more__button:active{ padding: 0; background: none; border: 0; box-shadow: none; color: var(--km-accent); font-size: 14px; font-weight: 600; cursor: pointer; }.km-date-chip--past,.km-date-chip--none{ background: var(--km-track); color: var(--km-text-secondary); }.km-panel{ display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); }.km-panel--narrow{ max-width: 520px; margin-top: 22px; }.km-panel__head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }.km-panel__title{ margin: 0; font-family: var(--km-font-display); font-size: 17px; font-weight: 700; line-height: 1.2; }@media (max-width: 900px){.km-series{ grid-template-columns: 1fr 1fr; }}@media (max-width: 640px){.km-series{ grid-template-columns: 1fr; }.km-ad-row{ flex-wrap: wrap; }.km-ad-row__meta{ width: 100%; padding-left: 62px; }.km-ad-row__badge{ width: auto; }}.km-weditor{ display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; margin-top: 22px; }.km-weditor__main,.km-weditor__side{ display: flex; flex-direction: column; gap: 16px; min-width: 0; }.km-weditor__title{ display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }.km-weditor__title .km-h1{ overflow-wrap: anywhere; }.km-weditor__pair{ display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 10px; }.km-weditor__when{ display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 10px; }.km-weditor__remove{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.km-weditor__remove > .km-ask{ align-self: stretch; }.km-blockfield{ min-height: 150px; padding: 10px 14px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-blockfield--tall{ min-height: 220px; }.km-blockfield .km-blockfield__canvas{ padding: 0; font-family: var(--km-font); font-size: 15px; line-height: 1.6; color: var(--km-text); }.km-blockfield .km-blockfield__canvas h2,.km-blockfield .km-blockfield__canvas h3,.km-blockfield .km-blockfield__canvas h4{ font-family: var(--km-font-display); }.km-blockfield__plain{ width: 100%; min-height: 130px; }.km-link-rows{ display: flex; flex-direction: column; gap: 8px; }.km-link-row{ display: grid; grid-template-columns: 150px minmax(0, 1fr) 40px; gap: 8px; align-items: center; }.km-link-row--file{ grid-template-columns: minmax(0, 1fr) 40px; }.km-link-rows--stacked .km-link-row{ grid-template-columns: minmax(0, 1fr) 40px; }.km-link-rows--stacked .km-link-row .km-select{ grid-column: 1 / -1; }.km-x,.km-x:hover,.km-x:focus,.km-x:active{ width: 40px; height: 40px; padding: 0; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); box-shadow: none; color: var(--km-text-muted); font-size: 18px; line-height: 1; cursor: pointer; }.km-x:hover{ color: var(--km-danger); border-color: var(--km-warm-border); }.km-add,.km-add:hover,.km-add:focus,.km-add:active{ align-self: flex-start; padding: 4px 0; background: none; border: 0; box-shadow: none; color: var(--km-accent); font-size: 14px; font-weight: 600; cursor: pointer; }.km-add:disabled{ color: var(--km-text-muted); cursor: default; }.km-parsed{ border: 1px solid var(--km-border); border-radius: 12px; overflow: hidden; }.km-parsed__row{ display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 8px 14px; font-size: 14px; line-height: 1.5; }.km-parsed__row + .km-parsed__row{ border-top: 1px solid var(--km-border-soft); }.km-parsed__row b{ color: #A8592F; font-weight: 700; font-variant-numeric: tabular-nums; }.km-parsed__row span{ min-width: 0; overflow-wrap: anywhere; }.km-parsed__row small{ font-size: 11.5px; font-weight: 700; color: #A8592F; background: var(--km-warm-bg); border-radius: 6px; padding: 2px 8px; }.km-parsed-issues{ margin: 0; padding-left: 20px; font-size: 13px; line-height: 1.5; color: var(--km-warn); }.km-parsed-issues li + li{ margin-top: 4px; }.km-step-rows{ display: flex; flex-direction: column; gap: 8px; }.km-step-row{ display: grid; grid-template-columns: 28px minmax(0, 1fr) 40px; gap: 8px; align-items: start; }.km-step-row__num{ width: 28px; height: 28px; margin-top: 6px; border-radius: 50%; background: var(--km-warm-bg); color: #A8592F; font-size: 13px; font-style: normal; font-weight: 700; display: flex; align-items: center; justify-content: center; }.km-textarea--short{ min-height: 60px; }.km-textarea--step{ min-height: 40px; }.km-cover-pick,.km-cover-pick:hover,.km-cover-pick:focus,.km-cover-pick:active{ position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; padding: 0; overflow: hidden; border: 1px dashed var(--km-border); border-radius: 12px; background: var(--km-track); box-shadow: none; cursor: pointer; }.km-cover-pick:hover{ border-color: var(--km-warm-border); }.km-cover-pick__image{ width: 100%; height: 100%; object-fit: cover; display: block; }.km-cover-pick__empty{ font-size: 12px; color: var(--km-text-muted); }.km-switch__text{ font-size: 14px; line-height: 1.4; }.km-switch__text small{ display: block; font-size: 12.5px; color: var(--km-text-muted); }@media (max-width: 900px){.km-weditor{ grid-template-columns: 1fr; }.km-link-row{ grid-template-columns: minmax(0, 1fr) 40px; }.km-link-row .km-select{ grid-column: 1 / -1; }}@font-face{ font-family: 'KM Manrope'; src: url('../fonts/manrope-latin.woff2') format('woff2'); font-weight: 200 800; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }@font-face{ font-family: 'KM Manrope'; src: url('../fonts/manrope-cyrillic.woff2') format('woff2'); font-weight: 200 800; font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }@font-face{ font-family: 'KM Oswald'; src: url('../fonts/oswald-latin.woff2') format('woff2'); font-weight: 200 700; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122; }@font-face{ font-family: 'KM Oswald'; src: url('../fonts/oswald-cyrillic.woff2') format('woff2'); font-weight: 200 700; font-display: swap; unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }.km-cast{ --km-cast-font: 'KM Manrope', Arial, sans-serif; --km-cast-display: 'KM Oswald', Arial, sans-serif; --km-cast-ink: #33315e; --km-cast-body: #51495f; --km-cast-red: #d54844; --km-cast-red-hover: #ad3533; --km-cast-line: #e7dfeb; --km-cast-focus: #9b7fb0; max-width: 1214px; font-family: var(--km-cast-font); font-size: 16px; line-height: 1.65; color: var(--km-cast-body); }.km-cast *,.km-cast *::before,.km-cast *::after{ box-sizing: border-box; }.km-cast h1:where(:not(.km-plain-host *)),.km-cast h2:where(:not(.km-plain-host *)),.km-cast h3:where(:not(.km-plain-host *)),.km-cast h4:where(:not(.km-plain-host *)),.km-cast h5:where(:not(.km-plain-host *)),.km-cast h6:where(:not(.km-plain-host *)){ margin: 0; padding: 0; font-family: var(--km-cast-display); font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-cast-ink); }.km-cast p:where(:not(.km-plain-host *)){ margin: 0; }.km-cast a:where(:not(.km-plain-host *)),.km-cast a:visited:where(:not(.km-plain-host *)),.km-cast a:hover:where(:not(.km-plain-host *)),.km-cast a:focus:where(:not(.km-plain-host *)),.km-cast a:active:where(:not(.km-plain-host *)),.km-cast button:where(:not(.km-plain-host *)),.km-cast button:hover:where(:not(.km-plain-host *)),.km-cast button:focus:where(:not(.km-plain-host *)),.km-cast button:active:where(:not(.km-plain-host *)){ margin: 0; text-decoration: none; text-transform: none; letter-spacing: normal; outline: 0; transition: color .18s, background .18s, box-shadow .18s, transform .18s; -webkit-tap-highlight-color: transparent; }.km-cast a:where(:not(.km-plain-host *)),.km-cast a:visited:where(:not(.km-plain-host *)),.km-cast a:hover:where(:not(.km-plain-host *)),.km-cast a:focus:where(:not(.km-plain-host *)),.km-cast a:active:where(:not(.km-plain-host *)){ background-color: transparent; }.km-cast button:where(:not(.km-plain-host *)){ cursor: pointer; font-family: inherit; }.km-cast a:focus-visible:where(:not(.km-plain-host *)),.km-cast button:focus-visible:where(:not(.km-plain-host *)){ outline: 3px solid var(--km-cast-focus); outline-offset: 4px; }.km-cast svg:where(:not(.km-plain-host *)){ width: 20px; height: 20px; flex-shrink: 0; stroke-width: 1.7; vertical-align: middle; }.km-cast .km-cast-card{ background: #fff; border: 1px solid var(--km-cast-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; }.km-cast .km-cast-eyebrow{ margin: 0 0 9px; font-size: 11px; font-weight: 800; line-height: 1.65; letter-spacing: 1.8px; text-transform: uppercase; color: #9a7dab; }.km-cast .km-cast-crumbs{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; font-size: 12px; line-height: 1.65; color: #9c8da6; }.km-cast .km-cast-crumbs a,.km-cast .km-cast-crumbs a:visited,.km-cast .km-cast-crumbs a:hover,.km-cast .km-cast-crumbs a:focus,.km-cast .km-cast-crumbs a:active{ color: #8e7a9b; text-decoration: none; }.km-cast .km-cast-crumbs svg{ width: 12px; height: 12px; }.km-cast .km-cast-crumbs__here{ color: #9c8da6; }.km-cast .km-cast-head{ max-width: 860px; margin-bottom: 26px; }.km-cast .km-cast-badge{ display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 5px; background: #efe7f5; font-family: 'KM Manrope'; font-size: 11px; font-weight: 750; line-height: 1.4; color: #88639c; }.km-cast .km-cast-badge--live{ background: #fae9e9; color: #bc5659; }.km-cast .km-cast-badge svg{ width: 12px; height: 12px; }.km-cast h1.km-cast-head__title{ margin: 12px 0; padding: 0 !important; font-family: var(--km-cast-display); font-size: 36px; font-weight: 500; line-height: 1.3; letter-spacing: -.4px; text-transform: uppercase; color: var(--km-cast-ink); }.km-cast .km-cast-head__meta{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 13px; line-height: 1.65; color: #9b81a7; }.km-cast .km-cast-head .km-editlinks{ margin: 12px 0 0; }.km-cast .km-editlinks__item,.km-cast .km-editlinks__item:visited,.km-cast .km-editlinks__item:focus{ color: var(--km-text-secondary); text-decoration: none; }.km-cast .km-editlinks__item:hover,.km-cast .km-editlinks__item:active{ color: var(--km-accent); text-decoration: none; }.km-cast .km-cast-head__meta a,.km-cast .km-cast-head__meta a:visited,.km-cast .km-cast-head__meta a:hover,.km-cast .km-cast-head__meta a:focus,.km-cast .km-cast-head__meta a:active{ color: #8c6b9c; text-decoration: none; }.km-cast .km-cast-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 330px; grid-template-areas: "main side" "talk side"; grid-template-rows: auto 1fr; column-gap: 23px; align-items: start; }.km-cast .km-cast-main{ grid-area: main; min-width: 0; }.km-cast .km-cast-side{ grid-area: side; min-width: 0; }.km-cast .km-cast-talk{ grid-area: talk; min-width: 0; }.km-cast .km-cast-player{ position: relative; padding: 13px; }.km-cast .km-cast-player__screen,.km-cast .km-cast-panel{ min-width: 0; }.km-cast .km-cast-player + .km-cast-panel{ margin-top: 23px; }.km-cast .km-cast-player__hint{ position: absolute; top: 13px; right: 15px; height: 41px; display: flex; align-items: center; margin: 0; font-size: 11px; line-height: 1.65; color: #a58bae; pointer-events: none; }.km-cast .km-cast-player__frame{ position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; background: #e7ddea; }.km-cast .km-cast-player__cover{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-cast .km-cast-player .omnivideo-block{ --omnivideo-embed-border-radius: 10px; margin: 0; padding: 0; border: 0; background: none; }.km-cast .km-cast-player .omnivideo-block .omnivideo-body{ gap: 0; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links{ display: flex; width: fit-content; align-self: flex-start; flex-wrap: wrap; align-items: center; gap: 4px; max-width: calc(100% - 4px); margin: 0 0 12px 2px; padding: 3px; border-radius: 7px; background: #f6f1f9; overflow: visible; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:visited,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:hover,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:focus,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:active{ display: flex; flex-direction: row; align-items: center; gap: 5px; width: auto; height: auto; padding: 6px 10px; border: 0; border-radius: 5px; background: transparent; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px; font-weight: 400; line-height: 1.65; color: #a18baa; text-align: center; text-decoration: none; transform: none; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link.current,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link.current:hover,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link.current:focus,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link.current:active,.km-cast .km-cast-player .omnivideo-block .omnivideo-links:not(:has(.current)) .omnivideo-link:first-child,.km-cast .km-cast-player .omnivideo-block .omnivideo-links:not(:has(.current)) .omnivideo-link:first-child:hover,.km-cast .km-cast-player .omnivideo-block .omnivideo-links:not(:has(.current)) .omnivideo-link:first-child:focus,.km-cast .km-cast-player .omnivideo-block .omnivideo-links:not(:has(.current)) .omnivideo-link:first-child:active{ background: #fff; box-shadow: 0 1px 4px #3f235d0c; color: #765389; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:focus-visible{ outline: 3px solid var(--km-cast-focus); outline-offset: 4px; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link svg,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link:hover svg,.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link .km-cast-pill__icon{ width: 13px; height: 20px; fill: none; stroke-width: 1.7; transform: none; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links .omnivideo-link span{ font: inherit; color: inherit; }.km-cast .km-cast-player .omnivideo-embed{ border-radius: 10px; }.km-cast .km-cast-player .omnivideo-poster,.km-cast .km-cast-player .omnivideo-poster:hover{ border-radius: 10px; filter: none; }.km-cast .km-cast-player .omnivideo-icon{ inset: 0; width: auto; height: auto; border-radius: 10px; background: linear-gradient(0deg, #28283c39, transparent 65%); transform: none; }.km-cast .km-cast-player .km-cast-stage__play{ position: absolute; top: 50%; left: 50%; width: 58px; height: 58px; display: grid; place-items: center; border-radius: 50%; background: #ffffffed; box-shadow: 0 4px 24px #36304d17; color: #826194; transform: translate(-50%, -50%); }.km-cast .km-cast-player .omnivideo-icon .km-cast-stage__play svg,.km-cast .km-cast-player .omnivideo-embed:hover .omnivideo-icon .km-cast-stage__play svg{ width: 22px; height: 22px; margin-left: 3px; fill: currentColor; stroke-width: 0; filter: none; transform: none; }.km-cast .km-cast-player .km-cast-stage__cap{ position: absolute; bottom: 21px; left: 0; right: 0; font-size: 13px; line-height: 1.65; text-align: center; color: #fff; text-shadow: 0 2px 10px #333; }.km-cast .km-cast-under{ display: flex; justify-content: space-between; align-items: center; gap: 9px; padding: 13px 4px 1px; }.km-cast .km-cast-under__btn,.km-cast .km-cast-under__btn:hover,.km-cast .km-cast-under__btn:focus,.km-cast .km-cast-under__btn:active{ display: flex; align-items: center; gap: 6px; padding: 4px; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.65; color: #9b7aab; }.km-cast .km-cast-under__btn[aria-pressed="true"],.km-cast .km-cast-under__btn[aria-pressed="true"]:hover,.km-cast .km-cast-under__btn[aria-pressed="true"]:focus,.km-cast .km-cast-under__btn[aria-pressed="true"]:active{ color: var(--km-cast-red); }.km-cast .km-cast-under__btn svg{ width: 16px; height: 16px; fill: none; }.km-cast .km-cast-live{ position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; background: #e7ddea; text-align: center; }.km-cast .km-cast-live::before{ content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(0deg, #f5eff9ee, #f5eff9ba); }.km-cast .km-cast-live__image{ position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }.km-cast .km-cast-live__icon,.km-cast .km-cast-live__body{ position: relative; z-index: 2; }.km-cast .km-cast-live__icon{ width: 53px; height: 53px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 50%; background: #fff; color: #ac8abc; }.km-cast h2.km-cast-live__title{ margin: 0 0 10px; font-size: 27px; color: #80588d; }.km-cast .km-cast-live__text{ max-width: 360px; margin: 0 0 20px; padding: 0 20px; font-size: 13px; line-height: 1.65; color: #9f81a9; }.km-cast .km-cast-live__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 13px 0 0; }.km-cast .km-cast-note{ display: flex; align-items: flex-start; gap: 10px; margin: 22px 0 0; padding: 14px 18px; border: 1px solid #e6ddeb; border-radius: 10px; background: #f0eaf5; font-size: 14px; line-height: 1.65; color: #8c729c; }.km-cast .km-cast-note svg{ width: 17px; height: 17px; margin-top: 2px; }.km-cast .km-cast-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-cast .km-cast-btn,.km-cast .km-cast-btn:visited,.km-cast .km-cast-btn:hover,.km-cast .km-cast-btn:focus,.km-cast .km-cast-btn:active{ display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 17px; border-radius: 8px; font-family: var(--km-cast-font); font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; }.km-cast .km-cast-btn svg{ width: 17px; }.km-cast .km-cast-btn--primary,.km-cast .km-cast-btn--primary:visited,.km-cast .km-cast-btn--primary:focus{ border: 0; background: var(--km-cast-red); box-shadow: 0 3px 7px #d5484418; color: #fff; }.km-cast .km-cast-btn--primary:hover,.km-cast .km-cast-btn--primary:active{ border: 0; background: #bd3e3a; box-shadow: 0 3px 7px #d5484418; color: #fff; }.km-cast .km-cast-btn--secondary,.km-cast .km-cast-btn--secondary:visited,.km-cast .km-cast-btn--secondary:focus{ border: 1px solid #dfd0e7; background: #fff; box-shadow: none; color: #856595; }.km-cast .km-cast-btn--secondary:hover,.km-cast .km-cast-btn--secondary:active{ border: 1px solid #dfd0e7; background: #f4edf8; box-shadow: none; color: #6b477f; }.km-cast .km-cast-btn--done,.km-cast .km-cast-btn--done:hover,.km-cast .km-cast-btn--done:focus,.km-cast .km-cast-btn--done:active{ border: 1px solid #edf4ef; background: #edf4ef; box-shadow: none; color: #688c79; }.km-cast .km-cast-link,.km-cast .km-cast-link:visited,.km-cast .km-cast-link:focus{ display: inline-flex; align-items: center; gap: 7px; font-size: 13px; line-height: 1.65; white-space: nowrap; color: var(--km-cast-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-cast .km-cast-link:hover,.km-cast .km-cast-link:active{ color: var(--km-cast-red-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-cast .km-cast-tabs{ display: flex; gap: 22px; margin: 28px 0 24px; border-bottom: 1px solid var(--km-cast-line); }.km-cast .km-cast-tab,.km-cast .km-cast-tab:hover,.km-cast .km-cast-tab:focus,.km-cast .km-cast-tab:active{ min-height: 39px; margin: 0 0 -1px; padding: 0 0 12px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; box-shadow: none; font-size: 14px; font-weight: 650; line-height: 1.65; color: #ab93b6; }.km-cast .km-cast-tab[aria-selected="true"],.km-cast .km-cast-tab[aria-selected="true"]:hover,.km-cast .km-cast-tab[aria-selected="true"]:focus,.km-cast .km-cast-tab[aria-selected="true"]:active{ border-bottom-color: #9c76ad; color: #785188; }.km-cast .km-cast-article{ padding: 29px; }.km-cast .km-cast-prose > *{ margin: 0 0 17px; }.km-cast .km-cast-prose > :last-child{ margin-bottom: 0; }.km-cast .km-cast-prose :where(.wp-block-group, .wp-block-group__inner-container) > *{ margin: 0 0 17px; }.km-cast .km-cast-prose :where(.wp-block-group, .wp-block-group__inner-container) > :last-child{ margin-bottom: 0; }.km-cast .km-cast-prose + .km-cast-prose{ margin-top: 17px; }.km-cast .km-cast-prose p{ font-size: 16px; line-height: 1.95; color: #756381; }.km-cast .km-cast-prose ul,.km-cast .km-cast-prose ol:not(.km-steps){ padding-left: 21px; font-size: 16px; line-height: 1.9; color: #756381; }.km-cast .km-cast-prose li + li{ margin-top: 4px; }.km-cast .km-cast-prose strong,.km-cast .km-cast-prose b{ font-weight: 700; }.km-cast .km-cast-prose a,.km-cast .km-cast-prose a:visited,.km-cast .km-cast-prose a:focus{ color: var(--km-cast-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-cast .km-cast-prose a:hover,.km-cast .km-cast-prose a:active{ color: var(--km-cast-red-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-cast .km-cast-prose h2,.km-cast .km-cast-prose .km-practice__title{ margin: 0 0 17px; font-family: var(--km-cast-display); font-size: 26px; font-weight: 500; line-height: 1.25; color: var(--km-cast-ink); }.km-cast .km-cast-prose h3,.km-cast .km-cast-prose h4,.km-cast .km-cast-prose h5,.km-cast .km-cast-prose .km-practice__head{ margin: 28px 0 14px; font-family: var(--km-cast-display); font-size: 23px; font-weight: 500; line-height: 1.25; color: var(--km-cast-ink); }.km-cast .km-cast-prose > h3:first-child,.km-cast .km-cast-prose > h4:first-child,.km-cast .km-cast-prose > .km-summary__head:first-child > *{ margin-top: 0; }.km-cast .km-cast-prose .km-practice__head strong{ font-weight: inherit; }.km-cast .km-cast-prose .km-practice__goal{ margin-top: 28px; }.km-cast h3.km-cast-article__sub{ margin: 28px 0 14px; font-size: 23px; }.km-cast .km-cast-summary > :is(h2, h3, h4):first-child,.km-cast .km-cast-summary > .km-summary__head:first-child > :is(h2, h3, h4){ margin: 0 0 17px; font-size: 26px; }.km-cast .km-cast-prose ol.km-steps{ counter-reset: km-step; margin: 20px 0; padding: 0; list-style: none; }.km-cast .km-cast-prose ol.km-steps > li{ counter-increment: km-step; position: relative; margin: 0; padding: 15px 0 15px 37px; border-top: 1px solid var(--km-cast-line); font-size: 16px; line-height: 1.8; color: #756381; }.km-cast .km-cast-prose ol.km-steps > li::before{ content: counter(km-step, decimal-leading-zero); position: absolute; top: 15px; left: 0; min-width: 24px; font-family: var(--km-cast-display); font-size: 20px; font-weight: 400; color: #b296c0; }.km-cast .km-cast-article > .km-cast-actions{ margin-top: 20px; }.km-summary__head{ display: flex; align-items: center; gap: 12px; }.km-cast .km-summary__head > h2,.km-cast .km-summary__head > h3,.km-cast .km-summary__head > h4{ margin: 0; }.km-cast .km-cast-prose > .km-summary__head{ margin: 28px 0 14px; }.km-time-btn,.km-time-btn:hover,.km-time-btn:focus,.km-time-btn:active{ height: 30px; flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfd0e7; border-radius: 8px; background: #fff; box-shadow: none; color: #856595; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; cursor: pointer; }.km-time-btn:hover,.km-time-btn:active{ background: #f4edf8; color: #6b477f; }.km-cast .km-cast-callout{ margin-top: 23px; padding: 22px 24px; border: 1px solid #e0d1e8; border-radius: 12px; background: #f0e7f5; }.km-cast .km-cast-callout .km-cast-eyebrow{ margin-bottom: 8px; }.km-cast h3.km-cast-callout__title{ margin: 0 0 11px; font-size: 25px; color: #785388; }.km-cast .km-cast-callout__text{ margin: 0 0 18px; font-size: 16px; line-height: 1.8; color: #7f698e; }.km-cast .km-cast-finish{ display: flex; justify-content: center; margin-top: 23px; }.km-cast .km-cast-date{ padding: 23px; }.km-cast .km-cast-date .km-cast-eyebrow{ margin-bottom: 13px; }.km-cast .km-cast-date__when{ display: flex; align-items: center; gap: 13px; margin: 13px 0 18px; }.km-cast .km-cast-date__day{ font-family: var(--km-cast-display); font-size: 47px; font-weight: 400; line-height: 1; color: #a080b2; }.km-cast .km-cast-date__month{ display: block; font-size: 15px; font-weight: 600; line-height: 1.65; color: #71527f; }.km-cast .km-cast-date__line{ font-size: 12px; line-height: 1.65; color: #a086ac; }.km-cast .km-cast-host{ display: flex; align-items: center; gap: 11px; padding-top: 18px; border-top: 1px solid var(--km-cast-line); }.km-cast .km-cast-host__icon{ width: 35px; height: 35px; flex: none; display: grid; place-items: center; border-radius: 50%; background: #eee5f4; color: #a081b1; }.km-cast .km-cast-host__label{ display: block; font-size: 12px; line-height: 1.65; color: #a990b2; }.km-cast .km-cast-host__name{ font-size: 13px; font-weight: 650; line-height: 1.65; color: #82648f; }.km-cast .km-cast-host__icon{ overflow: hidden; }.km-cast .km-cast-host__photo{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }.km-cast .km-cast-host__name:link,.km-cast .km-cast-host__name:visited,.km-cast .km-cast-host__name:focus{ color: #82648f; text-decoration: none; }.km-cast .km-cast-host__name:hover,.km-cast .km-cast-host__name:active{ color: var(--km-cast-red-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-cast .km-cast-date__cal{ display: grid; gap: 8px; margin-top: 18px; }.km-cast .km-cast-date__cal .km-cast-btn{ width: 100%; }.km-cast .km-cast-access{ display: flex; gap: 8px; margin-top: 18px; padding: 12px; border-radius: 8px; background: #f3edf8; font-size: 14px; line-height: 1.7; color: #9b7eab; }.km-cast .km-cast-access svg{ flex: none; width: 15px; height: 15px; margin-top: 4px; stroke-width: 1.7; }.km-cast .km-cast-closed{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; max-width: 805px; padding: 29px; }.km-cast .km-cast-closed__icon{ display: grid; place-items: center; width: 53px; height: 53px; border-radius: 50%; background: #f3edf8; color: #ac8abc; }.km-cast .km-cast-closed__icon svg{ width: 22px; height: 22px; stroke-width: 1.7; }.km-cast .km-cast-closed__title{ margin: 0; font-family: var(--km-cast-display); font-size: 26px; font-weight: 500; line-height: 1.25; color: var(--km-cast-ink); }.km-cast .km-cast-closed__line{ margin: 0; font-size: 16px; line-height: 1.8; color: #756381; }.km-cast .km-cast-closed .km-cast-btn{ margin-top: 6px; }.km-cast .km-cast-toc{ margin-top: 19px; padding: 21px; }.km-cast h2.km-cast-toc__title{ margin: 0 0 14px; font-size: 21px; }.km-cast .km-cast-toc__list{ max-height: 550px; overflow: auto; overscroll-behavior: contain; }.km-cast .km-cast-toc__item,.km-cast .km-cast-toc__item:hover,.km-cast .km-cast-toc__item:focus,.km-cast .km-cast-toc__item:active{ width: 100%; display: flex; gap: 10px; margin: 0; padding: 9px 0; border: 0; border-bottom: 1px solid #f0e9f4; border-radius: 0; background: transparent; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.7; color: #7f6a8b; text-align: left; }.km-cast .km-cast-toc__item:last-child,.km-cast .km-cast-toc__item:last-child:hover,.km-cast .km-cast-toc__item:last-child:focus,.km-cast .km-cast-toc__item:last-child:active{ border-bottom: 0; }.km-cast .km-cast-toc__item:hover,.km-cast .km-cast-toc__item:active{ color: var(--km-cast-red); }.km-cast .km-cast-toc__list + .km-cast-toc__item,.km-cast .km-cast-toc__list + .km-cast-toc__item:hover,.km-cast .km-cast-toc__list + .km-cast-toc__item:focus,.km-cast .km-cast-toc__list + .km-cast-toc__item:active{ border-top: 1px solid #f0e9f4; }.km-cast .km-cast-toc__time{ flex: none; padding-top: 1px; font-size: 11px; line-height: 1.7; color: #baa4c5; font-variant-numeric: tabular-nums; }.km-cast .km-cast-toc__item[aria-pressed="true"] .km-cast-toc__time{ color: #9c76ad; }.km-cast .km-cast-talk{ margin-top: 23px; padding: 29px; }.km-cast h2.km-cast-talk__title{ margin: 0 0 17px; font-size: 21px; font-weight: 500; color: var(--km-cast-ink); }.km-cast .km-cast-talk__count{ margin-left: 8px; font-family: var(--km-cast-font); font-size: 14px; font-weight: 800; letter-spacing: 1.8px; color: #9a7dab; }.km-cast .km-cast-talk #wpdcom{ max-width: none; margin: 0; padding: 0; font-family: var(--km-cast-font); color: var(--km-cast-body); }.km-cast .km-cast-talk #comments{ margin: 0; padding: 0; }.km-cast .km-cast-talk #wpdcom .wpd-form-head{ border: 0; margin: 0; padding: 0; }.km-cast .km-cast-talk #wpdcom .wpd-form-wrap,.km-cast .km-cast-talk #wpdcom .wpdiscuz-textarea-wrap{ padding: 0; }.km-cast .km-cast-talk #wpdcom .wpd-thread-wrapper{ margin: 0; }.km-cast .km-cast-talk #wpdcom .wpd-thread-list{ padding: 23px 0 0; }.km-cast .km-cast-talk #wpdcom .wpd-thread-list:not(:has(.wpd-comment)){ padding: 0; }.km-cast .km-cast-talk #wpdcom .wpd-avatar img,.km-cast .km-cast-talk #wpdcom .wpd-avatar img.avatar{ border-radius: 50%; border: 0; }.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:hover,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:focus,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:active{ min-height: 56px; margin: 0; padding: 14px 16px; border: 1px solid var(--km-cast-line); border-radius: 10px; background: #fff; box-shadow: none; outline: 0; font-family: var(--km-cast-font); font-size: 15px; line-height: 1.65; color: var(--km-cast-body); }.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:focus{ border-color: #ae91c0; box-shadow: 0 0 0 2px #dccbe766; }.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment::placeholder{ color: #aa98b4; opacity: 1; }.km-cast .km-cast-talk #wpdcom .wpd-prim-button,.km-cast .km-cast-talk #wpdcom .wpd-prim-button:hover,.km-cast .km-cast-talk #wpdcom .wpd-prim-button:focus,.km-cast .km-cast-talk #wpdcom .wpd-prim-button:active,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:hover,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:focus,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:active{ min-height: 44px; margin: 0; padding: 11px 17px; border: 0; border-radius: 8px; background: var(--km-cast-red); box-shadow: 0 3px 7px #d5484418; opacity: 1; outline: 0; text-decoration: none; font-family: var(--km-cast-font); font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: normal; text-transform: none; color: #fff; cursor: pointer; }.km-cast .km-cast-talk #wpdcom .wpd-prim-button:hover,.km-cast .km-cast-talk #wpdcom .wpd-prim-button:active,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:hover,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:active{ background: #bd3e3a; }.km-cast .km-cast-talk #wpdcom .wpd-prim-button:focus-visible,.km-cast .km-cast-talk #wpdcom input.wc_comm_submit:focus-visible{ outline: 3px solid var(--km-cast-focus); outline-offset: 4px; }.km-cast .km-cast-talk #wpdcom .wpd-thread-head{ margin-top: 23px; border-bottom: 1px solid var(--km-cast-line); }.km-cast .km-cast-talk #wpdcom .wpd-thread-head .wpd-thread-info{ padding: 0 0 12px; border-bottom: 2px solid #9c76ad; border-radius: 0; margin-bottom: -1px; letter-spacing: normal; font-family: var(--km-cast-font); font-size: 14px; font-weight: 650; line-height: 1.65; text-transform: none; color: #785188; }.km-cast .km-cast-talk #wpdcom .wpd-thread-head .wpd-thread-info .wpdtc{ font-size: inherit; color: inherit; }.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-author,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-author a{ font-family: var(--km-cast-font); font-size: 14px; font-weight: 650; color: var(--km-cast-ink); text-decoration: none; }.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-date{ font-size: 12px; color: #a28aac; }.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-text,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-text p{ font-family: var(--km-cast-font); font-size: 15px; line-height: 1.8; color: #756381; }.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-reply-button,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-reply-button span,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-vote,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-share{ font-size: 13px; color: #9b7aab; }.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-header,.km-cast .km-cast-talk #wpdcom .wpd-comment .wpd-comment-footer{ border-color: var(--km-cast-line); }.km-cast .km-cast-toast{ position: fixed; z-index: 100; bottom: 26px; left: 50%; width: max-content; max-width: calc(100% - 30px); padding: 12px 20px; border-radius: 10px; background: #4c385d; box-shadow: 0 7px 30px #3327442b; font-size: 14px; line-height: 1.65; color: #fff; opacity: 0; pointer-events: none; transform: translate(-50%, 20px); transition: opacity .2s, transform .2s; }.km-cast .km-cast-toast--on{ opacity: 1; transform: translate(-50%, 0); }.km-cast .km-cast-pager{ display: flex; gap: 23px; margin-top: 23px; }.km-cast .km-cast-pager__gap{ flex: 1 1 0; }.km-cast a.km-cast-pager__link,.km-cast a.km-cast-pager__link:visited,.km-cast a.km-cast-pager__link:hover,.km-cast a.km-cast-pager__link:focus,.km-cast a.km-cast-pager__link:active{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 5px; padding: 17px 21px; background: #fff; border: 1px solid var(--km-cast-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; text-decoration: none; color: var(--km-cast-ink); }.km-cast a.km-cast-pager__link--prev{ text-align: left; }.km-cast a.km-cast-pager__link--next{ text-align: right; }.km-cast .km-cast-pager__word{ font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #a08aad; }.km-cast .km-cast-pager__title{ font-family: var(--km-cast-display); font-size: 17px; font-weight: 500; line-height: 1.3; color: var(--km-cast-ink); }.km-cast a.km-cast-pager__link:hover .km-cast-pager__title,.km-cast a.km-cast-pager__link:active .km-cast-pager__title{ color: var(--km-cast-red); }.km-cast a.km-cast-pager__link:focus-visible{ outline: 3px solid var(--km-cast-focus); outline-offset: 3px; }@media (max-width: 700px){.km-cast .km-cast-pager{ gap: 12px; margin-top: 20px; }.km-cast a.km-cast-pager__link{ padding: 14px 15px; }.km-cast .km-cast-pager__title{ font-size: 15px; }}@media (max-width: 1250px){.km-cast .km-cast-layout{ column-gap: 17px; }.km-cast .km-cast-date,.km-cast .km-cast-toc{ padding: 18px; }}@media (max-width: 1199.98px){.km-cast .km-cast-layout{ grid-template-columns: minmax(0, 1fr) clamp(242px, 27.5vw, 330px); }}@media (max-width: 767px){.km-cast .km-cast-toc__list{ max-height: 300px; }}@media (max-width: 700px){.km-page.km-cast{ padding-left: 18px; padding-right: 18px; }.km-cast .km-cast-crumbs{ gap: 5px; margin-bottom: 15px; font-size: 11px; }.km-cast .km-cast-head{ margin-bottom: 21px; }.km-cast h1.km-cast-head__title{ margin: 12px 0 10px; font-size: 31px; }.km-cast .km-cast-head__meta{ gap: 9px; }.km-cast .km-cast-layout{ display: flex; flex-direction: column; gap: 20px; }.km-cast .km-cast-main,.km-cast .km-cast-side,.km-cast .km-cast-talk{ width: 100%; }.km-cast .km-cast-talk{ margin-top: 0; padding: 23px; }.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:hover,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:focus,.km-cast .km-cast-talk #wpdcom .wpd-form textarea.wc_comment:active{ min-height: 84px; font-size: 16px !important; }.km-cast .km-cast-player{ padding: 9px; }.km-cast .km-cast-player__hint{ display: none; }.km-cast .km-cast-player .omnivideo-block .omnivideo-links{ margin: 2px 0 12px 2px; }.km-cast .km-cast-player .km-cast-stage__play{ width: 43px; height: 43px; }.km-cast .km-cast-player .km-cast-stage__cap{ bottom: 12px; font-size: 11px; }.km-cast .km-cast-under{ flex-wrap: wrap; padding: 10px 2px 2px; }.km-cast .km-cast-under__btn,.km-cast .km-cast-under__btn:hover,.km-cast .km-cast-under__btn:focus,.km-cast .km-cast-under__btn:active{ font-size: 12px; }.km-cast .km-cast-live{ min-height: 270px; }.km-cast .km-cast-note{ margin-top: 18px; padding: 12px 14px; }.km-cast .km-cast-tabs{ gap: 24px; margin: 23px 0 19px; }.km-cast .km-cast-article{ padding: 23px; }.km-cast .km-cast-prose p{ line-height: 1.9; }.km-cast .km-cast-prose h2,.km-cast .km-cast-prose .km-practice__title,.km-cast .km-cast-summary > :is(h2, h3, h4):first-child,.km-cast .km-cast-summary > .km-summary__head:first-child > :is(h2, h3, h4){ font-size: 25px; }.km-cast .km-cast-prose h3,.km-cast .km-cast-prose h4,.km-cast .km-cast-prose h5,.km-cast .km-cast-prose .km-practice__head,.km-cast h3.km-cast-article__sub{ font-size: 22px; }.km-cast .km-cast-callout{ padding: 20px; }.km-cast .km-cast-date{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 15px; padding: 17px; }.km-cast .km-cast-date > .km-cast-eyebrow,.km-cast .km-cast-date__cal,.km-cast .km-cast-access{ grid-column: 1 / -1; }.km-cast .km-cast-access{ margin-top: 12px; padding: 9px; font-size: 12px; }.km-cast .km-cast-closed{ padding: 22px; }.km-cast .km-cast-closed__title{ font-size: 23px; }.km-cast .km-cast-date__when{ gap: 9px; margin: 8px 0 12px; }.km-cast .km-cast-date__day{ font-size: 39px; }.km-cast .km-cast-date__month{ font-size: 13px; }.km-cast .km-cast-host{ gap: 7px; padding-top: 12px; border-top: 0; }.km-cast .km-cast-host__icon{ width: 28px; height: 28px; }.km-cast .km-cast-host__label{ font-size: 11px; }.km-cast .km-cast-host__name{ font-size: 12px; }.km-cast .km-cast-toc{ margin-top: 20px; }.km-cast .km-cast-toast{ bottom: 83px; font-size: 12px; }}@media (prefers-reduced-motion: reduce){.km-cast *,.km-cast .km-cast-toast{ transition: none; }}.km-fav,.km-fav:hover,.km-fav:focus,.km-fav:active{ width: 40px; height: 40px; flex: none; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); box-shadow: none; color: var(--km-text-muted); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1; cursor: pointer; }.km-fav--sm,.km-fav--sm:hover,.km-fav--sm:focus,.km-fav--sm:active{ width: 32px; height: 32px; border-color: transparent; background: none; }.km-fav:hover{ color: var(--km-accent); }.km-fav[aria-pressed="true"],.km-fav[aria-pressed="true"]:hover,.km-fav[aria-pressed="true"]:focus{ color: var(--km-accent); }.km-fav:not(.km-fav--sm)[aria-pressed="true"],.km-fav:not(.km-fav--sm)[aria-pressed="true"]:hover,.km-fav:not(.km-fav--sm)[aria-pressed="true"]:focus,.km-fav:not(.km-fav--sm)[aria-pressed="true"]:active{ background: var(--km-warm-bg); border-color: var(--km-warm-border); }.km-done-mark{ display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--km-done); white-space: nowrap; }.km-feed{ max-width: 1000px; }.km-feed__bar{ position: sticky; top: var(--km-chrome-top, 0px); z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px 0 12px; background: var(--km-page); border-bottom: 1px solid var(--km-border); }.km-feed__h2{ margin: 30px 0 14px; font-family: var(--km-font-display); font-size: 21px; font-weight: 700; }.km-feed__next{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.km-live__title{ margin: 8px 0 0; font-family: var(--km-font-display); font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }.km-live__title a{ color: var(--km-text); text-decoration: none; }.km-live__title a:hover{ color: var(--km-accent); }.km-live__where{ margin-top: 2px; font-size: 13.5px; color: var(--km-text-secondary); }.km-live__foot{ display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--km-border-soft); }.km-feed__month{ margin: 22px 2px 10px; font-size: 13.5px; font-weight: 700; color: var(--km-text-secondary); }.km-feed__list{ overflow: hidden; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); }.km-feed__item{ display: flex; align-items: center; gap: 14px; padding: 13px 16px 13px 18px; }.km-feed__item + .km-feed__item{ border-top: 1px solid var(--km-border-soft); }.km-feed__item:hover{ background: var(--km-surface-alt); }.km-feed__item .km-date-chip{ text-decoration: none; }.km-feed__main{ position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; text-decoration: none; }.km-feed__title{ font-size: 15px; font-weight: 600; color: var(--km-text); overflow-wrap: anywhere; text-decoration: none; }.km-feed__where{ font-size: 13px; color: var(--km-text-muted); }.km-feed__meta{ flex: none; display: flex; align-items: center; gap: 18px; }.km-feed__state{ width: 92px; display: flex; justify-content: flex-end; }.km-feed__more{ display: flex; justify-content: center; padding: 13px; border-top: 1px solid var(--km-border-soft); }.km-feed__more-button,.km-feed__more-button:hover,.km-feed__more-button:focus,.km-feed__more-button:active{ padding: 0; border: 0; background: none; box-shadow: none; color: var(--km-accent); font-size: 14px; font-weight: 600; cursor: pointer; }@media (max-width: 760px){.km-feed__next{ grid-template-columns: 1fr; }.km-feed__item{ position: relative; align-items: flex-start; flex-wrap: wrap; }.km-feed__main{ padding-right: 36px; }.km-feed__meta{ width: 100%; padding-left: 62px; flex-wrap: wrap; gap: 4px 14px; }.km-feed__state{ width: auto; }.km-feed__meta .km-fav{ position: absolute; top: 10px; right: 10px; }}.km-sec{ position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; padding: 16px 18px 18px; border: 1px dashed var(--km-warm-border); border-radius: 14px; }.km-sec > .block-editor-inner-blocks > .block-editor-block-list__layout > :first-child{ margin-top: 0; }.km-sec > .block-editor-inner-blocks > .block-editor-block-list__layout > :last-child{ margin-bottom: 0; }.km-sec.is-selected{ border-style: solid; border-color: var(--km-accent); box-shadow: 0 0 0 1px var(--km-accent); }.km-sec__head{ display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }.km-sec__label{ display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 6px; background: var(--km-warm-bg); color: #A8592F; font-family: var(--km-font); font-size: 12px; font-weight: 700; letter-spacing: .02em; }.km-sec__fields{ display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 10px; }.km-sec__parsed{ display: flex; flex-direction: column; gap: 10px; }.km-parsed__head{ padding: 8px 14px; border-bottom: 1px solid var(--km-border-soft); background: var(--km-surface-alt); color: var(--km-text-secondary); font-size: 12.5px; font-weight: 700; }.km-sec__field--error .components-text-control__input{ border-color: var(--km-danger); }.km-sec__field--error .components-base-control__help{ color: var(--km-danger); }.km-sp .components-panel__body-title + *{ margin-top: 4px; }.km-sp .km-field{ margin-bottom: 13px; }.km-sp .km-select,.km-sp .km-input{ width: 100%; max-width: none; }.km-sp__stat{ display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px; font-size: 14px; }.km-sp__stat span{ color: var(--km-text-muted); }.km-sp__note{ margin: 0 0 12px; font-size: 12.5px; line-height: 1.5; color: var(--km-text-muted); }.km-sp__point{ display: grid; grid-template-columns: 14px 18px minmax(0, 1fr) 28px; gap: 6px; align-items: center; }.km-sp__point-grip{ font-size: 12px; letter-spacing: -2px; color: var(--km-text-muted); cursor: grab; user-select: none; }.km-sp__point--drag{ opacity: 0.45; }.km-sp__block{ display: grid; gap: 8px; margin: 0 0 14px; padding: 12px 0 0; border-top: 1px solid var(--km-border); }.km-sp__block-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; }.km-sp__block-title{ font-size: 13px; font-weight: 700; color: var(--km-text); }.km-sp__how{ display: grid; gap: 6px; margin: 0 0 10px; }.km-sp__point-n{ font-size: 12.5px; font-weight: 600; text-align: right; color: var(--km-text-muted); }.km-sp .km-sp__point-del{ width: 28px; height: 28px; margin: 0; padding: 0; border: 1px solid var(--km-border); border-radius: var(--km-radius-badge); background: var(--km-surface); box-shadow: none; font-size: 16px; line-height: 1; color: var(--km-text-secondary); cursor: pointer; }.km-sp .km-sp__point-del:hover{ border-color: var(--km-danger); color: var(--km-danger); }.km-sp .km-sp__link-btn{ justify-self: start; margin: 0; padding: 2px 0; border: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 600; color: var(--km-accent); cursor: pointer; }.km-address{ display: grid; gap: 6px; margin: 0 0 14px; }.km-address__url{ display: flex; flex-wrap: wrap; align-items: center; gap: 0; min-width: 0; padding: 6px 8px; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); font-family: var(--km-mono); font-size: 12.5px; line-height: 1.4; color: var(--km-text-secondary); cursor: text; }.km-address__url:focus-within{ border-color: var(--km-accent); box-shadow: 0 0 0 2px var(--km-peach); }.km-address__base{ overflow-wrap: anywhere; }.km-address .km-address__slug{ flex: 1 1 120px; min-width: 80px; width: auto; height: auto; min-height: 0; margin: 0; padding: 2px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: var(--km-mono); font-size: 12.5px; line-height: 1.4; color: var(--km-text); }.km-address .km-address__slug:focus{ outline: none; box-shadow: none; }.km-address__warn{ margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--km-danger); }.km-address__actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }.km-address .km-address__btn{ display: inline-flex; align-items: center; margin: 0; padding: 5px 10px; border: 1px solid var(--km-border); border-radius: var(--km-radius-badge); background: var(--km-surface); box-shadow: none; font-family: var(--km-font); font-size: 12.5px; font-weight: 600; line-height: 1.3; color: var(--km-text); text-decoration: none; cursor: pointer; }.km-address .km-address__btn:hover,.km-address .km-address__btn:focus{ border-color: var(--km-accent); color: var(--km-text); }.km-address .km-address__btn:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 1px; }.km-sp__wide,.km-sp__wide:hover,.km-sp__wide:focus,.km-sp__wide:active{ width: 100%; justify-content: center; margin-bottom: 12px; padding: 12px 14px; font-size: 14px; text-align: center; text-decoration: none; }.km-sp__link{ font-size: 14px; font-weight: 600; color: var(--km-accent); text-decoration: none; }.km-series__cover{ flex: none; width: 96px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px; background: var(--km-track); }.km-series__image{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-series__txt{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-lib-series{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }.km-lib-tile{ display: flex; flex-direction: column; overflow: hidden; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-card); box-shadow: var(--km-shadow-card); color: var(--km-text); text-decoration: none; }.km-lib-tile:hover{ border-color: var(--km-warm-border); color: var(--km-text); }.km-lib-tile__cover{ display: block; aspect-ratio: 16 / 9; background: var(--km-track); }.km-lib-tile__image{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-lib-tile__txt{ display: flex; flex-direction: column; gap: 2px; padding: 12px 14px 14px; }.km-lib-tile__name{ font-family: var(--km-font-display); font-size: 16px; font-weight: 700; overflow-wrap: anywhere; }.km-lib-tile__line{ font-size: 13px; color: var(--km-text-muted); }.km-feed__title::after{ content: ''; position: absolute; inset: 0; }.km-feed__where a{ position: relative; z-index: 1; color: var(--km-text-muted); text-decoration: underline; text-decoration-color: var(--km-border); text-underline-offset: 3px; }.km-feed__where a:hover{ color: var(--km-accent); }.km-ser-head{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 32px; align-items: start; margin-top: 4px; }.km-ser-head__main{ min-width: 0; }.km-ser-head__kicker{ font-size: 14px; font-weight: 600; color: #A8592F; }.km-ser-head__title{ margin: 6px 0 0; font-family: var(--km-font-display); font-size: 34px; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }.km-ser-head__about{ max-width: 62ch; margin-top: 14px; font-size: 16px; line-height: 1.75; }.km-ser-head__about p{ margin: 0; }.km-ser-head__about p + p{ margin-top: 12px; }.km-ser-head__meta{ display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; font-size: 13.5px; color: var(--km-text-muted); }.km-ser-cover{ overflow: hidden; aspect-ratio: 16 / 9; border-radius: 12px; background: var(--km-track); }.km-ser-cover__image{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-lib-next--one{ grid-template-columns: 1fr; }@media (max-width: 980px){.km-sec__fields{ grid-template-columns: 1fr; }}@media (max-width: 900px){.km-lib-series{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 860px){.km-ser-head{ grid-template-columns: 1fr; }.km-ser-cover{ order: -1; }}@media (max-width: 600px){.km-ser-head__title{ font-size: 26px; }}@media (max-width: 560px){.km-lib-series{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; margin-right: -16px; padding-right: 16px; }.km-lib-tile{ flex: 0 0 72%; scroll-snap-align: start; }}.km-lb *,.km-lb *::before,.km-lb *::after{ box-sizing: border-box; }.km-lb .km-lb-card[hidden],.km-lb .km-lb-empty[hidden],.km-lb .km-lb-more[hidden],.km-lb .km-lb-grid[hidden]{ display: none; }.km-lb svg.km-lb-i{ display: inline; width: 20px; height: 20px; flex-shrink: 0; stroke-width: 1.7; vertical-align: middle; fill: none; }.km-lb a:is(.km-lb-primary, .km-lb-secondary, .km-lb-quiet, .km-lb-card__action, .km-lb-card__link, .km-lb-card__image, .km-lb-feature__visual),.km-lb button:is(.km-lb-primary, .km-lb-secondary, .km-lb-chip, .km-lb-save){ transition: color .18s, background .18s, box-shadow .18s, transform .18s; -webkit-tap-highlight-color: transparent; outline: 0; text-transform: none; letter-spacing: normal; }.km-lb a:is(.km-lb-primary, .km-lb-secondary, .km-lb-quiet, .km-lb-card__action, .km-lb-card__link, .km-lb-card__image, .km-lb-feature__visual):focus-visible,.km-lb button:is(.km-lb-primary, .km-lb-secondary, .km-lb-chip, .km-lb-save):focus-visible{ outline: 3px solid var(--km-lb-focus); outline-offset: 4px; }.km-lb .km-lb-eyebrow{ margin: 0 0 9px; font-size: 11px; font-weight: 800; line-height: 1.65; letter-spacing: 1.8px; text-transform: uppercase; color: #9a7dab; }.km-lb .km-lb-badge{ display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 5px 8px; border-radius: 5px; background: #efe7f5; font-family: 'KM Manrope', Arial, sans-serif; font-size: 11px; font-weight: 750; line-height: 1.4; letter-spacing: normal; text-transform: none; color: #88639c; }.km-lb .km-lb-badge svg.km-lb-i{ width: 12px; height: 12px; }.km-lb .km-lb-badge--white{ background: #ffffffeb; color: #705382; }.km-lb :is(a, button):is(.km-lb-primary, .km-lb-secondary){ display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; margin: 0; padding: 11px 17px; border-radius: 8px; font-family: 'KM Manrope', Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: none; cursor: pointer; }.km-lb :is(a, button):is(.km-lb-primary, .km-lb-secondary) svg.km-lb-i{ width: 17px; }.km-lb a.km-lb-primary,.km-lb a.km-lb-primary:link,.km-lb a.km-lb-primary:visited,.km-lb a.km-lb-primary:focus,.km-lb a.km-lb-primary:active{ border: 0; background: var(--km-lb-red); box-shadow: 0 3px 7px #d5484418; color: #fff; text-decoration: none; }.km-lb a.km-lb-primary:hover{ border: 0; background: #bd3e3a; box-shadow: 0 3px 7px #d5484418; color: #fff; text-decoration: none; }.km-lb :is(a, button).km-lb-secondary,.km-lb :is(a, button).km-lb-secondary:link,.km-lb :is(a, button).km-lb-secondary:visited,.km-lb :is(a, button).km-lb-secondary:focus,.km-lb :is(a, button).km-lb-secondary:active{ border: 1px solid #dfd0e7; background: #fff; box-shadow: none; color: #856595; text-decoration: none; }.km-lb :is(a, button).km-lb-secondary:hover{ border: 1px solid #dfd0e7; background: #f4edf8; box-shadow: none; color: #6b477f; text-decoration: none; }.km-lb .km-lb-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-lb a.km-lb-quiet,.km-lb a.km-lb-quiet:link,.km-lb a.km-lb-quiet:visited,.km-lb a.km-lb-quiet:focus,.km-lb a.km-lb-quiet:active{ display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 13px; font-weight: 400; line-height: 1.65; white-space: nowrap; color: var(--km-lb-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb a.km-lb-quiet:hover{ background: transparent; color: var(--km-lb-red-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb .km-lb-play{ position: absolute; top: 50%; left: 50%; z-index: 1; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #ffffffed; box-shadow: 0 4px 24px #36304d17; color: #826194; transform: translate(-50%, -50%); }.km-lb .km-lb-play svg.km-lb-i{ width: 22px; height: 22px; margin-left: 3px; fill: currentColor; stroke-width: 0; }.km-lb .km-lb-play--small{ width: 39px; height: 39px; }.km-lb .km-lb-play--small svg.km-lb-i{ width: 16px; }.km-lb .km-lb-feature{ position: relative; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(250px, 1fr); min-height: 270px; margin: 0; background: #fff; border: 1px solid var(--km-lb-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; }.km-lb .km-lb-feature__copy{ position: relative; z-index: 1; padding: 29px 31px; }.km-lb h2.km-lb-feature__title{ max-width: 400px; margin: 12px 0; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 31px; font-weight: 500; line-height: 1.28; letter-spacing: normal; text-transform: none; color: var(--km-lb-ink); }.km-lb p.km-lb-feature__text{ max-width: 390px; margin: 0 0 22px; padding: 0; font-size: 16px; line-height: 1.7; color: #82708e; }.km-lb a.km-lb-feature__visual,.km-lb a.km-lb-feature__visual:hover,.km-lb a.km-lb-feature__visual:focus,.km-lb a.km-lb-feature__visual:active{ position: relative; display: block; min-height: 240px; margin: 14px 14px 14px 0; padding: 0; border: 0; border-radius: 11px; background: #eee5f3; box-shadow: none; overflow: hidden; text-decoration: none; }.km-lb a.km-lb-feature__visual::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #33315e2b, transparent 55%); }.km-lb img.km-lb-feature__img{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; object-position: center; }.km-lb .km-lb-feature__caption{ position: absolute; right: 15px; bottom: 16px; left: 20px; z-index: 1; font-size: 12px; line-height: 1.65; letter-spacing: .4px; text-transform: uppercase; color: #fff; }.km-lb .km-lb-heading{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 17px; }.km-lb h2.km-lb-heading__title{ margin: 0; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: uppercase; color: var(--km-lb-ink); }.km-lb .km-lb-heading__note{ font-size: 12px; line-height: 1.65; color: #a28dad; }.km-lb .km-lb-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 29px 0 23px; padding: 0 0 17px; border-bottom: 1px solid var(--km-lb-line); }.km-lb .km-lb-chips{ display: flex; flex-wrap: wrap; gap: 6px; }.km-lb button.km-lb-chip,.km-lb button.km-lb-chip:focus,.km-lb button.km-lb-chip:active{ margin: 0; padding: 8px 12px; border: 0; border-radius: 7px; background: transparent; box-shadow: none; font-family: 'KM Manrope', Arial, sans-serif; font-size: 14px; font-weight: 650; line-height: 1.65; color: #937d9f; cursor: pointer; }.km-lb button.km-lb-chip[aria-pressed="true"]{ background: #e9ddf0; color: #725182; }.km-lb button.km-lb-chip:hover{ border: 0; background: #eee5f4; box-shadow: none; color: #937d9f; }.km-lb button.km-lb-chip[aria-pressed="true"]:hover{ color: #725182; }.km-lb label.km-lb-search{ display: flex; align-items: center; gap: 9px; width: 470px; max-width: 100%; min-width: 205px; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid var(--km-lb-line); border-radius: 8px; background: #fff; font-size: 16px; font-weight: 400; line-height: 1.65; color: #8d759b; }.km-lb label.km-lb-search:focus-within{ border-color: #ae91c0; box-shadow: 0 0 0 2px #dccbe766; }.km-lb .km-lb-search svg.km-lb-i{ width: 17px; }.km-lb .km-lb-search input.km-lb-search__input,.km-lb .km-lb-search input.km-lb-search__input:hover,.km-lb .km-lb-search input.km-lb-search__input:focus,.km-lb .km-lb-search input.km-lb-search__input:focus-visible{ width: 100%; min-width: 0; height: auto; min-height: auto; margin: 0; padding: 1px 2px; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: 0; font-family: 'KM Manrope', Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.65; color: var(--km-lb-body); }.km-lb .km-lb-search input.km-lb-search__input::placeholder{ color: #aa98b4; opacity: 1; }.km-lb .km-lb-grid{ --km-lb-card-min: 250px; --km-lb-gap: 21px; container: km-lb-grid / inline-size; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--km-lb-card-min), (100% - 2 * var(--km-lb-gap)) / 3)), 1fr)); align-items: stretch; gap: var(--km-lb-gap); margin: 0; }.km-lb .km-lb-card{ position: relative; display: flex; flex-direction: column; margin: 0; background: #fff; border: 1px solid var(--km-lb-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; }.km-lb :is(a, span).km-lb-card__image,.km-lb a.km-lb-card__image:hover,.km-lb a.km-lb-card__image:focus,.km-lb a.km-lb-card__image:active{ position: relative; display: block; aspect-ratio: 1.85; margin: 10px 10px 0; padding: 0; border: 0; border-radius: 9px; background: #eee5f3; box-shadow: none; overflow: hidden; text-decoration: none; }.km-lb img.km-lb-card__img{ display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; transition: transform .3s; }.km-lb .km-lb-card__image .km-lb-badge{ position: absolute; top: 10px; left: 10px; }.km-lb .km-lb-badge.km-lb-badge--done{ background: var(--km-done-bg); color: var(--km-done); }.km-lb .km-lb-card__image .km-lb-badge.km-lb-badge--done{ right: 10px; left: auto; }.km-lb .km-lb-feature__visual .km-lb-badge.km-lb-badge--done{ position: absolute; top: 14px; right: 14px; z-index: 1; }.km-lb .km-lb-card__copy{ display: flex; flex: 1; flex-direction: column; padding: 17px 20px 18px; }.km-lb .km-lb-card__date{ display: block; margin: 0 0 7px; font-size: 13px; line-height: 1.65; color: #a28aac; }.km-lb a.km-lb-card__link,.km-lb a.km-lb-card__link:hover,.km-lb a.km-lb-card__link:focus,.km-lb a.km-lb-card__link:active{ display: block; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; text-decoration: none; }.km-lb h3.km-lb-card__title{ margin: 0 0 10px; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 23px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; overflow-wrap: break-word; color: #54405f; }.km-lb p.km-lb-card__text{ margin: 0; padding: 0; font-size: 14px; line-height: 1.7; color: #82708e; }.km-lb p.km-lb-card__inside{ margin: 0 0 8px; padding: 0; font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: break-word; color: var(--km-accent); }.km-lb .km-lb-card__bottom{ display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 17px; }.km-lb :is(a, span).km-lb-card__action,.km-lb a.km-lb-card__action:link,.km-lb a.km-lb-card__action:visited,.km-lb a.km-lb-card__action:focus,.km-lb a.km-lb-card__action:active{ margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 14px; font-weight: 400; line-height: 1.65; color: var(--km-lb-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb a.km-lb-card__action:hover{ background: transparent; color: var(--km-lb-red-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb .km-lb-lock{ display: inline-flex; color: var(--km-lb-body); }.km-lb button.km-lb-save,.km-lb button.km-lb-save:hover,.km-lb button.km-lb-save:focus,.km-lb button.km-lb-save:active{ display: grid; place-items: center; width: 33px; height: 33px; min-width: 36px; min-height: 36px; margin: 0; padding: 1px 6px; border: 0; border-radius: 50%; background: #f7f2fa; box-shadow: none; font: inherit; color: #a589b5; cursor: pointer; }.km-lb button.km-lb-save[aria-pressed="true"],.km-lb button.km-lb-save[aria-pressed="true"]:hover,.km-lb button.km-lb-save[aria-pressed="true"]:focus,.km-lb button.km-lb-save[aria-pressed="true"]:active{ background: #eee1f3; color: #805492; }.km-lb button.km-lb-save:disabled{ cursor: default; }.km-lb .km-lb-save svg.km-lb-i{ width: 16px; height: 16px; }.km-lb .km-lb-likes{ display: inline-flex; align-items: center; gap: 6px; }.km-lb .km-lb-actions .km-lb-likes{ margin-left: auto; }.km-lb .km-lb-likes__count{ font-size: 14px; font-weight: 600; line-height: 1; color: #a589b5; font-variant-numeric: tabular-nums; }.km-lb .km-lb-save[aria-pressed="true"] svg.km-lb-i{ fill: #805492; }.km-lb .km-lb-more{ margin: 26px 0 0; text-align: center; }.km-lb .km-lb-empty{ grid-column: 1 / -1; margin: 0; padding: 55px 20px; border: 1px dashed #d9c9e3; border-radius: 13px; background: #fff; text-align: center; color: #826c90; }.km-lb .km-lb-empty svg.km-lb-i{ width: 28px; height: 28px; margin-bottom: 12px; }.km-lb .km-lb-empty :is(a, button).km-lb-secondary svg.km-lb-i{ width: 28px; height: 28px; margin-bottom: 12px; }.km-lb h3.km-lb-empty__title{ margin: 0 0 9px; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-lb-ink); }.km-lb p.km-lb-empty__text{ margin: 0 0 18px; padding: 0; font-size: 14px; line-height: 1.65; color: #826c90; }.km-lb-toast{ position: fixed; bottom: 26px; left: 50%; z-index: 100000; width: max-content; max-width: calc(100% - 30px); padding: 12px 20px; border-radius: 10px; background: #4c385d; box-shadow: 0 7px 30px #3327442b; font-family: 'KM Manrope', Arial, sans-serif; font-size: 14px; line-height: 1.65; color: #fff; opacity: 0; pointer-events: none; transform: translate(-50%, 20px); transition: opacity .2s, transform .2s; }.km-lb-toast.km-lb-toast--on{ opacity: 1; transform: translate(-50%, 0); }@media (min-width: 1600px){.km-lb .km-lb-feature{ min-height: 284px; }}@media (max-width: 1250px){.km-lb .km-lb-feature{ grid-template-columns: 1.15fr 1fr; }.km-lb .km-lb-feature__copy{ padding: 24px; }.km-lb h2.km-lb-feature__title{ font-size: 28px; }.km-lb .km-lb-grid{ --km-lb-gap: 16px; }.km-lb .km-lb-card__copy{ padding: 17px; }.km-lb .km-lb-toolbar{ flex-wrap: wrap; }.km-lb .km-lb-chips{ flex: 1; }.km-lb label.km-lb-search{ width: 420px; min-width: 170px; }}@media (max-width: 1000px){.km-lb .km-lb-feature{ min-height: 260px; }.km-lb h2.km-lb-feature__title{ font-size: 29px; }}@media (max-width: 700px){.km-lb .km-lb-feature{ display: flex; flex-direction: column-reverse; }.km-lb a.km-lb-feature__visual,.km-lb a.km-lb-feature__visual:hover,.km-lb a.km-lb-feature__visual:focus,.km-lb a.km-lb-feature__visual:active{ min-height: 0; height: auto; margin: 11px 11px 0; aspect-ratio: 2.05; }.km-lb .km-lb-feature__copy{ padding: 21px 23px 24px; }.km-lb h2.km-lb-feature__title{ max-width: 340px; margin: 11px 0; font-size: 28px; }.km-lb p.km-lb-feature__text{ margin-bottom: 18px; font-size: 15px; }.km-lb .km-lb-feature__copy .km-lb-eyebrow{ font-size: 10px; }.km-lb .km-lb-feature__copy a.km-lb-primary{ font-size: 13px; }.km-lb .km-lb-feature__caption{ bottom: 12px; left: 15px; font-size: 11px; }.km-lb .km-lb-heading{ margin-bottom: 15px; }.km-lb h2.km-lb-heading__title{ font-size: 23px; }.km-lb .km-lb-heading__note{ display: none; }.km-lb .km-lb-grid{ --km-lb-gap: 13px; }.km-lb .km-lb-toolbar{ gap: 13px; margin: 22px 0 18px; }.km-lb .km-lb-chips{ flex-basis: 100%; gap: 4px; }.km-lb button.km-lb-chip,.km-lb button.km-lb-chip:focus,.km-lb button.km-lb-chip:active{ padding: 8px 10px; font-size: 13px; }.km-lb label.km-lb-search{ width: 100%; }.km-lb .km-lb-card__copy{ padding: 14px; }.km-lb .km-lb-card__date{ margin-bottom: 6px; }.km-lb p.km-lb-card__text{ font-size: 13px; }.km-lb p.km-lb-card__inside{ margin-bottom: 6px; font-size: 13px; }.km-lb :is(a, span).km-lb-card__image,.km-lb a.km-lb-card__image:hover,.km-lb a.km-lb-card__image:focus,.km-lb a.km-lb-card__image:active{ margin: 8px 8px 0; aspect-ratio: 1.5; }.km-lb .km-lb-card__image .km-lb-badge{ top: 7px; left: 7px; padding: 4px 6px; font-size: 10px; }.km-lb .km-lb-card__image .km-lb-badge.km-lb-badge--done{ right: 7px; left: auto; }.km-lb .km-lb-card__image .km-lb-play{ width: 32px; height: 32px; }.km-lb .km-lb-card__bottom{ padding-top: 10px; }.km-lb :is(a, span).km-lb-card__action,.km-lb a.km-lb-card__action:link,.km-lb a.km-lb-card__action:visited,.km-lb a.km-lb-card__action:focus,.km-lb a.km-lb-card__action:active,.km-lb a.km-lb-card__action:hover{ font-size: 13px; }.km-lb-toast{ bottom: 83px; font-size: 12px; }}@container km-lb-grid (max-width: 249.98px){.km-lb .km-lb-card{ display: grid; grid-template-columns: min(130px, 40%) minmax(0, 1fr); }.km-lb :is(a, span).km-lb-card__image,.km-lb a.km-lb-card__image:hover,.km-lb a.km-lb-card__image:focus,.km-lb a.km-lb-card__image:active{ height: calc(100% - 16px); margin: 8px 0 8px 8px; aspect-ratio: auto; }.km-lb .km-lb-card__copy{ padding: 12px; }.km-lb h3.km-lb-card__title{ font-size: 18px; hyphens: auto; }}@media (prefers-reduced-motion: reduce){.km-lb a:is(.km-lb-primary, .km-lb-secondary, .km-lb-quiet, .km-lb-card__action, .km-lb-card__link, .km-lb-card__image, .km-lb-feature__visual),.km-lb button:is(.km-lb-primary, .km-lb-secondary, .km-lb-chip, .km-lb-save),.km-lb img.km-lb-card__img,.km-lb-toast{ transition: none; }}.km-page.km-cast.km-lb-page{ max-width: 1164px; }.km-lb [data-lms-lb-item][hidden],.km-lb .km-lb-section[hidden]{ display: none; }.km-lb h1.km-lb-title{ margin: 0; padding: 0 !important; font-family: 'KM Oswald', Arial, sans-serif; font-size: 38px; font-weight: 500; line-height: 1.25; letter-spacing: -.4px; text-transform: uppercase; color: var(--km-lb-ink); }.km-lb p.km-lb-subtitle{ max-width: 710px; margin: 10px 0 24px; padding: 0; font-size: 16px; line-height: 1.7; color: #8a7896; }.km-lb .km-lb-quick{ display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 27px; }.km-lb a.km-lb-quick__link,.km-lb a.km-lb-quick__link:link,.km-lb a.km-lb-quick__link:visited,.km-lb a.km-lb-quick__link:focus,.km-lb a.km-lb-quick__link:active{ display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; margin: 0; padding: 10px 13px; border: 1px solid var(--km-lb-line); border-radius: 9px; background: #fff; box-shadow: none; font-size: 14px; font-weight: 400; line-height: 1.65; color: #80658e; text-decoration: none; }.km-lb a.km-lb-quick__link:hover{ border-color: #cdb9da; background: #f2eaf7; color: #694b7b; text-decoration: none; }.km-lb a.km-lb-quick__link--live,.km-lb a.km-lb-quick__link--live:link,.km-lb a.km-lb-quick__link--live:visited,.km-lb a.km-lb-quick__link--live:hover,.km-lb a.km-lb-quick__link--live:focus,.km-lb a.km-lb-quick__link--live:active{ border-color: #edcccf; background: #fcf0f0; color: var(--km-lb-red); }.km-lb .km-lb-quick svg.km-lb-i{ width: 17px; height: 17px; }.km-lb a.km-lb-quick__link:focus-visible{ outline: 3px solid var(--km-lb-focus); outline-offset: 4px; }.km-lb .km-lb-badge--live{ background: #fae9e9; color: #bc5659; }.km-lb .km-lb-section{ margin: 33px 0 0; }.km-lb .km-lb-heading a.km-lb-quiet,.km-lb .km-lb-heading a.km-lb-quiet:link,.km-lb .km-lb-heading a.km-lb-quiet:visited,.km-lb .km-lb-heading a.km-lb-quiet:focus,.km-lb .km-lb-heading a.km-lb-quiet:active,.km-lb .km-lb-heading a.km-lb-quiet:hover{ font-size: 14px; }.km-lb a.km-lb-tile,.km-lb a.km-lb-tile:link,.km-lb a.km-lb-tile:visited,.km-lb a.km-lb-tile:focus,.km-lb a.km-lb-tile:active{ display: flex; flex-direction: column; margin: 0; background: #fff; border: 1px solid var(--km-lb-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; color: inherit; text-decoration: none; transition: box-shadow .2s; }.km-lb a.km-lb-tile:hover{ box-shadow: 0 9px 24px #5b367515; color: inherit; text-decoration: none; }.km-lb a.km-lb-tile:focus-visible{ outline: 3px solid var(--km-lb-focus); outline-offset: 4px; }.km-lb .km-lb-tile__image{ position: relative; display: block; aspect-ratio: 1.8; margin: 11px 11px 0; border-radius: 9px; overflow: hidden; background: #eee7f3; }.km-lb img.km-lb-tile__img{ display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; }.km-lb .km-lb-tile__copy{ display: flex; flex: 1; flex-direction: column; padding: 18px 20px 21px; }.km-lb h3.km-lb-tile__title{ margin: 0 0 8px; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 23px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; overflow-wrap: break-word; color: #4a3858; }.km-lb p.km-lb-tile__text{ flex: 1; margin: 0; padding: 0; font-size: 15px; line-height: 1.7; color: #80708c; }.km-lb .km-lb-tile__bottom{ display: flex; align-items: center; justify-content: space-between; margin-top: 17px; font-size: 14px; line-height: 1.65; color: #9472a5; }.km-lb .km-lb-tile__open{ color: var(--km-lb-red); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }.km-lb .km-lb-tile__bottom svg.km-lb-i{ width: 16px; }.km-lb .km-lb-compacts{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }.km-lb a.km-lb-compact,.km-lb a.km-lb-compact:link,.km-lb a.km-lb-compact:visited,.km-lb a.km-lb-compact:focus,.km-lb a.km-lb-compact:active{ display: flex; align-items: flex-start; gap: 14px; margin: 0; padding: 13px; background: #fff; border: 1px solid var(--km-lb-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; color: inherit; text-decoration: none; }.km-lb a.km-lb-compact:hover{ border-color: #cdb9d8; color: inherit; text-decoration: none; }.km-lb a.km-lb-compact:focus-visible{ outline: 3px solid var(--km-lb-focus); outline-offset: 4px; }.km-lb img.km-lb-compact__img{ display: block; flex-shrink: 0; width: 77px; height: 98px; max-width: none; margin: 0; border: 0; border-radius: 7px; box-shadow: none; object-fit: cover; }.km-lb .km-lb-compact__copy{ display: block; min-width: 0; }.km-lb h3.km-lb-compact__title{ margin: 0 0 5px; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-lb-ink); }.km-lb p.km-lb-compact__text{ margin: 0; padding: 0; font-size: 14px; line-height: 1.65; color: #80708c; }.km-lb .km-lb-compact__open{ display: inline-block; margin-top: 8px; font-size: 14px; line-height: 1.65; color: var(--km-lb-red); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }.km-lb .km-lb-intro{ display: flex; align-items: flex-start; gap: 27px; margin: 0 0 26px; }.km-lb img.km-lb-intro__avatar{ display: block; flex-shrink: 0; width: 85px; height: 85px; max-width: none; margin: 0; border: 0; border-radius: 16px; box-shadow: none; object-fit: cover; }.km-lb .km-lb-intro__copy{ min-width: 0; }.km-lb p.km-lb-intro__text{ max-width: 650px; margin: 12px 0 0; }.km-lb .km-lb-intro__copy > .km-editlinks{ margin-top: 12px; }.km-lb .km-lb-intro--bare p.km-lb-intro__text{ max-width: none; }.km-lb .km-lb-rounds{ display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1px; margin: 24px 0; border: 1px solid var(--km-lb-line); border-radius: 11px; overflow: hidden; background: var(--km-lb-line); }.km-lb .km-lb-round{ display: flex; align-items: flex-start; gap: 11px; padding: 13px 17px; background: #fbf9fc; color: #9c89a6; }.km-lb b.km-lb-round__title{ display: block; font-size: 13px; font-weight: 650; line-height: 1.65; }.km-lb .km-lb-round__num{ font-family: 'KM Oswald', Arial, sans-serif; font-size: 18px; line-height: 1; margin-top: 4.35px; color: #b19bbe; }.km-lb small.km-lb-round__period{ font-size: 11px; line-height: 1.65; color: #a18bac; }.km-lb .km-lb-round--current{ background: #eee4f5; color: #785388; }.km-lb .km-lb-round--current .km-lb-round__num{ color: #9572a9; }.km-lb .km-lb-found{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }.km-lb .km-lb-found__card{ position: relative; display: flex; flex-direction: column; padding: 17px; background: #fff; border: 1px solid var(--km-lb-line); border-radius: 15px; box-shadow: 0 5px 20px #44255006; overflow: hidden; }.km-lb .km-lb-found__card--special{ background: #f1e9f6; }.km-lb .km-lb-found__num{ margin-bottom: 11px; font-family: 'KM Oswald', Arial, sans-serif; font-size: 24px; line-height: 1.65; color: #b398c1; }.km-lb h3.km-lb-found__title{ margin: 0 0 8px; padding: 0; font-family: 'KM Oswald', Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.35; letter-spacing: normal; text-transform: none; color: var(--km-lb-ink); }.km-lb p.km-lb-found__text{ flex: 1; margin: 0 0 18px; padding: 0; font-size: 14px; line-height: 1.6; color: #9b84a8; }.km-lb a.km-lb-found__link,.km-lb a.km-lb-found__link:link,.km-lb a.km-lb-found__link:visited,.km-lb a.km-lb-found__link:focus,.km-lb a.km-lb-found__link:active{ margin-top: auto; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 14px; font-weight: 400; line-height: 1.65; color: var(--km-lb-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb a.km-lb-found__link:hover{ background: transparent; color: var(--km-lb-red-hover); text-decoration: underline; }.km-lb a.km-lb-found__link:focus-visible{ outline: 3px solid var(--km-lb-focus); outline-offset: 4px; }.km-lb .km-lb-strip{ display: flex; align-items: flex-start; gap: 10px; margin: 22px 0; padding: 14px 18px; border: 1px solid #e6ddeb; border-radius: 10px; background: #f0eaf5; font-size: 14px; line-height: 1.65; color: #8c729c; }.km-lb .km-lb-strip svg.km-lb-i{ width: 17px; height: 17px; margin-top: 2px; }.km-lb a.km-lb-strip__link,.km-lb a.km-lb-strip__link:link,.km-lb a.km-lb-strip__link:visited,.km-lb a.km-lb-strip__link:focus,.km-lb a.km-lb-strip__link:active{ padding: 0; border: 0; background: transparent; box-shadow: none; color: var(--km-lb-red); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }.km-lb a.km-lb-strip__link:hover{ background: transparent; color: var(--km-lb-red-hover); text-decoration: underline; }@media (max-width: 1250px){.km-lb .km-lb-tile__copy{ padding: 16px; }.km-lb h3.km-lb-tile__title{ font-size: 21px; }.km-lb .km-lb-compacts{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.km-lb .km-lb-found{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 700px){.km-lb h1.km-lb-title{ font-size: 30px; }.km-lb p.km-lb-subtitle{ margin: 11px 0 19px; font-size: 15px; }.km-lb .km-lb-quick{ flex-wrap: nowrap; gap: 7px; margin: 20px -18px 23px; padding: 0 18px; overflow-x: auto; scrollbar-width: none; }.km-lb a.km-lb-quick__link,.km-lb a.km-lb-quick__link:link,.km-lb a.km-lb-quick__link:visited,.km-lb a.km-lb-quick__link:focus,.km-lb a.km-lb-quick__link:active{ flex-shrink: 0; padding: 9px 11px; font-size: 13px; white-space: nowrap; }.km-lb .km-lb-section{ margin-top: 28px; }.km-lb .km-lb-tile__image{ margin: 8px 8px 0; aspect-ratio: 1.3; border-radius: 7px; }.km-lb .km-lb-tile__copy{ padding: 14px; }.km-lb h3.km-lb-tile__title{ font-size: 23px; line-height: 1.3; }.km-lb p.km-lb-tile__text{ font-size: 14px; line-height: 1.65; }.km-lb .km-lb-tile__bottom{ margin-top: 14px; }.km-lb .km-lb-tile__bottom svg.km-lb-i{ width: 14px; }.km-lb .km-lb-compacts{ grid-template-columns: 1fr; gap: 11px; }.km-lb a.km-lb-compact,.km-lb a.km-lb-compact:link,.km-lb a.km-lb-compact:visited,.km-lb a.km-lb-compact:focus,.km-lb a.km-lb-compact:active{ gap: 17px; padding: 12px 15px; }.km-lb img.km-lb-compact__img{ width: 74px; height: 86px; }.km-lb h3.km-lb-compact__title{ font-size: 23px; }.km-lb .km-lb-compact__open{ margin-top: 6px; }.km-lb .km-lb-intro{ gap: 15px; }.km-lb img.km-lb-intro__avatar{ width: 58px; height: 58px; border-radius: 12px; }.km-lb .km-lb-intro h1.km-lb-title{ font-size: 29px; }.km-lb .km-lb-intro .km-lb-eyebrow{ font-size: 10px; }.km-lb p.km-lb-intro__text{ margin: 10px 0 0 -73px; padding-top: 10px; font-size: 15px; }.km-lb .km-lb-intro--bare p.km-lb-intro__text{ margin: 10px 0 0; padding-top: 0; }.km-lb .km-lb-rounds{ margin: 21px 0; }.km-lb .km-lb-round{ align-items: flex-start; gap: 8px; padding: 10px 9px; }.km-lb .km-lb-round__num{ font-size: 16px; margin-top: 2.15px; }.km-lb b.km-lb-round__title{ font-size: 11px; line-height: 1.45; }.km-lb small.km-lb-round__period{ display: block; margin-top: 4px; font-size: 9px; line-height: 1.5; }.km-lb .km-lb-found{ gap: 12px; }.km-lb .km-lb-found__card{ padding: 15px; }.km-lb h3.km-lb-found__title{ font-size: 22px; }.km-lb p.km-lb-found__text{ font-size: 13px; }.km-lb a.km-lb-found__link,.km-lb a.km-lb-found__link:link,.km-lb a.km-lb-found__link:visited,.km-lb a.km-lb-found__link:focus,.km-lb a.km-lb-found__link:active,.km-lb a.km-lb-found__link:hover{ font-size: 13px; }.km-lb .km-lb-strip{ margin: 18px 0; padding: 12px 14px; }}@media (max-width: 390px){.km-lb a.km-lb-tile,.km-lb a.km-lb-tile:link,.km-lb a.km-lb-tile:visited,.km-lb a.km-lb-tile:focus,.km-lb a.km-lb-tile:active{ flex-direction: row; }.km-lb .km-lb-tile__image{ flex-shrink: 0; width: 100px; height: auto; min-height: 125px; margin: 9px 0 9px 9px; aspect-ratio: auto; }.km-lb .km-lb-tile__copy{ padding: 16px; }.km-lb .km-lb-found{ grid-template-columns: 1fr 1fr; }.km-lb .km-lb-round__num{ display: none; }}@media (prefers-reduced-motion: reduce){.km-lb a.km-lb-tile{ transition: none; }}.km-lh__lead{ margin: 0 0 20px; max-width: 760px; font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); }.km-lh-block{ display: flex; flex-direction: column; gap: 16px; margin: 0 0 28px; padding: 22px 24px; }.km-lh-block .km-ad-h2{ margin: 0; }.km-lh-groups{ display: flex; flex-direction: column; gap: 18px; margin: 0 0 18px; }.km-lh-group{ display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; }.km-lh-group__head{ display: flex; align-items: flex-end; gap: 14px; }.km-lh-group__head > .km-row{ flex: 1; }.km-lh-cards{ display: flex; flex-direction: column; gap: 10px; }.km-lh-card{ display: grid; grid-template-columns: auto 120px minmax(0, 1fr) auto; align-items: start; gap: 16px; padding: 14px; border: 1px solid var(--km-border); border-radius: 12px; background: var(--km-track); }.km-lh-card__body{ display: flex; flex-direction: column; gap: 10px; min-width: 0; }.km-lh-media{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }.km-lh-thumb{ display: grid; place-items: center; width: 96px; height: 110px; border: 1px dashed var(--km-border); border-radius: 9px; background: var(--km-surface); overflow: hidden; }.km-lh-thumb__img{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-lh-thumb__none{ padding: 0 8px; font-size: 12px; text-align: center; color: var(--km-text-muted); }.km-lh-text{ min-height: 64px; }.km-lh-grip{ align-self: start; padding: 6px 4px; border: 0; background: transparent; font-size: 16px; line-height: 1; letter-spacing: -2px; color: var(--km-text-muted); cursor: grab; }.km-lh-grip:hover{ color: var(--km-text-secondary); }.km-lh-remove{ align-self: start; }.km-lh-spot{ min-height: 60px; border: 2px dashed var(--km-warm-border); border-radius: 12px; background: var(--km-warm-bg); }.km-lh-bar{ position: sticky; bottom: 0; display: flex; align-items: center; gap: 14px; margin-top: 24px; padding: 14px 0; background: #f0f0f1; }.km-lh-state{ font-size: 14px; color: var(--km-text-secondary); }@media (max-width: 900px){.km-lh-card{ grid-template-columns: auto minmax(0, 1fr); }.km-lh-group__head{ flex-wrap: wrap; }}.km-sp .km-sp-row{ position: relative; margin: 0 0 10px; padding: 12px 12px 2px; border: 1px solid var(--km-border); border-radius: 10px; background: var(--km-surface); }.km-sp .km-sp-row__x{ position: absolute; top: 6px; right: 6px; }.km-sp .km-sp-pair{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.km-sp .km-sp-sub{ display: block; margin: 10px 0 8px; }.km-sp .km-sp-check{ display: flex; margin: 0 0 10px; }.km-sp .km-sp-pick{ max-height: 240px; margin-top: 8px; padding: 8px 10px 0; overflow-y: auto; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-sp .km-sp-pick:empty{ display: none; }.km-sp .km-sp-pick .km-sp__note{ margin: 0 0 10px; }.km-page.km-wl{ max-width: none; margin: 0 0 0 -20px; padding: 0 0 60px; background: var(--km-page); min-height: calc(100vh - 32px); }.km-wl-top{ position: sticky; top: 32px; z-index: 5; display: flex; align-items: center; gap: 18px; padding: 14px 28px; background: var(--km-surface); border-bottom: 1px solid var(--km-border); }.km-wl-top__t{ flex: none; }.km-wl-top__cap{ display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-wl-top__name{ display: block; font-size: 16px; font-weight: 700; color: var(--km-text); }.km-wl-top__vr{ width: 1px; height: 34px; background: var(--km-border); flex: none; }.km-wl-top__sp{ flex: 1; }.km-wl-search{ display: flex; align-items: center; gap: 9px; width: 300px; margin: 0; padding: 0 14px; background: var(--km-page); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); color: var(--km-text-muted); }.km-wl-search svg{ width: 16px; height: 16px; flex: none; }.km-wl .km-wl-search__input{ flex: 1; min-width: 0; min-height: 0; margin: 0; padding: 10px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; font: inherit; font-size: 14px; color: var(--km-text); }.km-wl .km-wl-search__input:focus{ outline: none; box-shadow: none; }.km-wl-search:focus-within{ border-color: var(--km-warm-border); }.km-wl-cols{ display: grid; grid-template-columns: 272px minmax(0, 1fr); align-items: start; }.km-wl-side{ position: sticky; top: 95px; height: calc(100vh - 95px); overflow: auto; display: flex; flex-direction: column; gap: 4px; padding: 20px 16px 40px; background: var(--km-surface); border-right: 1px solid var(--km-border); }.km-wl-cap{ padding: 0 8px 8px; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-wl-hr{ height: 1px; margin: 12px; background: var(--km-border-soft); }.km-wl-seg{ display: flex; align-items: center; gap: 10px; border-radius: 10px; }.km-wl-seg:hover{ background: var(--km-page); }.km-wl-seg--on,.km-wl-seg--on:hover{ background: var(--km-warm-bg); }.km-wl a.km-wl-seg__link{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 10px 12px; color: var(--km-text); text-decoration: none; box-shadow: none; }.km-wl-seg__name{ flex: 1; min-width: 0; font-size: 14px; }.km-wl-seg__n{ font-size: 12px; color: var(--km-text-muted); }.km-wl-seg--on .km-wl-seg__name,.km-wl-seg--on .km-wl-seg__n{ color: var(--km-warm-text-strong); font-weight: 700; }.km-wl-seg__thumb{ width: 34px; height: 22px; flex: none; border-radius: 5px; background: var(--km-border); object-fit: cover; }.km-wl-seg--sub .km-wl-seg__link{ padding-left: 30px; }.km-wl-seg--sub .km-wl-seg__name{ font-size: 13px; color: var(--km-text-secondary); }.km-wl a.km-wl-seg__edit{ display: inline-flex; padding: 6px; margin-right: 6px; border-radius: 8px; color: var(--km-text-muted); opacity: 0; box-shadow: none; }.km-wl-seg:hover .km-wl-seg__edit,.km-wl a.km-wl-seg__edit:focus-visible{ opacity: 1; }.km-wl a.km-wl-seg__edit:hover{ color: var(--km-accent); background: var(--km-surface); }.km-wl-seg__edit svg{ width: 14px; height: 14px; }.km-wl a.km-wl-add{ padding: 8px 12px; font-size: 13px; font-weight: 600; color: var(--km-accent); text-decoration: none; box-shadow: none; }.km-wl-muted{ margin: 0; padding: 2px 12px 8px; font-size: 12.5px; line-height: 1.5; color: var(--km-text-muted); }.km-wl-main{ min-width: 0; padding: 24px 28px 60px; }.km-wl-head{ display: flex; align-items: baseline; gap: 10px; margin-bottom: 14px; }.km-wl .km-wl-head__h1{ margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--km-text); }.km-wl-head__n{ font-weight: 600; color: var(--km-text-muted); }.km-wl .km-wl-order{ margin-left: auto; min-height: 0; padding: 8px 30px 8px 12px; font: inherit; font-size: 13px; color: var(--km-text); background-color: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-wl-fbar{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }.km-wl-dd{ display: flex; align-items: center; gap: 8px; margin: 0; padding: 6px 6px 6px 12px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: var(--km-radius-control); }.km-wl-dd__label{ font-size: 12px; font-weight: 600; color: var(--km-text-muted); }.km-wl .km-wl-dd__select{ min-height: 0; padding: 6px 28px 6px 8px; font: inherit; font-size: 13px; color: var(--km-text); background-color: var(--km-page); border: 0; border-radius: 8px; box-shadow: none; }.km-wl-chips{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; }.km-wl-fchip{ display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px; font-size: 12.5px; font-weight: 600; color: var(--km-warm-text-strong); background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 999px; }.km-wl a.km-wl-fchip__x{ color: var(--km-accent); font-weight: 700; text-decoration: none; box-shadow: none; }.km-wl a.km-wl-reset{ margin-left: 4px; font-size: 12.5px; font-weight: 600; color: var(--km-accent); text-decoration: none; box-shadow: none; }.km-wl-tablebox{ background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 14px; }.km-wl-table{ width: 100%; border-collapse: separate; border-spacing: 0; }.km-wl-table th{ padding: 12px 14px; text-align: left; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; color: var(--km-text-muted); background: var(--km-surface-alt); border-bottom: 1px solid var(--km-border); }.km-wl-table th:first-child{ border-top-left-radius: 14px; }.km-wl-table th:last-child{ border-top-right-radius: 14px; }.km-wl-table td{ padding: 12px 14px; font-size: 14px; vertical-align: middle; border-bottom: 1px solid var(--km-border-soft); }.km-wl-table tbody tr:last-child td{ border-bottom: 0; }.km-wl-table tbody tr:hover td{ background: var(--km-surface-alt); }.km-wl-table__date{ width: 72px; }.km-wl-table__act{ width: 48px; text-align: right; }.km-wl-date{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 12px; background: var(--km-page); line-height: 1.05; }.km-wl-date__day{ font-size: 16px; font-weight: 700; color: var(--km-text); }.km-wl-date__month{ font-size: 10px; color: var(--km-text-muted); }.km-wl-date--none .km-wl-date__day{ color: var(--km-text-muted); }.km-wl a.km-wl-title{ font-size: 14.5px; font-weight: 600; color: var(--km-text); text-decoration: none; box-shadow: none; }.km-wl a.km-wl-title:hover{ color: var(--km-accent); }.km-wl-title--off{ font-size: 14.5px; font-weight: 600; color: var(--km-text-secondary); }.km-wl-sub{ margin-top: 2px; font-size: 12.5px; color: var(--km-text-muted); }.km-wl-sub__link{ color: inherit; text-decoration: none; }.km-wl-sub__link:hover,.km-wl-sub__link:focus-visible{ color: var(--km-accent); text-decoration: underline; }.km-wl-st{ display: inline-block; padding: 4px 10px; font-size: 12px; font-weight: 600; white-space: nowrap; border-radius: 999px; }.km-wl-st--rec{ color: var(--km-ok); background: var(--km-done-bg); }.km-wl-st--live{ color: var(--km-warm-text-strong); background: var(--km-warm-bg); }.km-wl-st--mat{ color: var(--km-text-secondary); background: var(--km-border-soft); }.km-wl-st--draft{ color: var(--km-text-muted); background: var(--km-border-soft); }.km-wl-st--trash{ color: var(--km-danger); background: var(--km-danger-bg); }.km-wl-acc{ display: inline-flex; align-items: center; gap: 6px; max-width: 190px; font-size: 12.5px; white-space: nowrap; color: var(--km-text-secondary); }.km-wl-acc__t{ overflow: hidden; text-overflow: ellipsis; }.km-wl-acc svg{ width: 13px; height: 13px; flex: none; }.km-wl-acc--own{ color: var(--km-warm-text-strong); }.km-wl-acc--empty{ font-weight: 600; color: var(--km-danger); }.km-wl-num{ white-space: nowrap; color: var(--km-text-secondary); }.km-wl-num svg{ width: 15px; height: 15px; margin-right: 6px; vertical-align: -3px; color: var(--km-text-muted); }.km-rowmenu{ position: relative; display: inline-block; text-align: left; }.km-rowmenu__btn{ display: inline-flex; padding: 6px; border-radius: 8px; color: var(--km-text-muted); cursor: pointer; list-style: none; }.km-rowmenu__btn::-webkit-details-marker{ display: none; }.km-rowmenu__btn::marker{ content: ''; }.km-rowmenu__btn:hover,.km-rowmenu[open] > .km-rowmenu__btn{ background: var(--km-border-soft); }.km-rowmenu__btn svg{ width: 18px; height: 18px; }.km-rowmenu__list{ position: absolute; top: calc(100% + 4px); right: 0; z-index: 10; display: flex; flex-direction: column; min-width: 210px; padding: 6px; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 12px; box-shadow: 0 8px 24px rgba(63, 76, 92, 0.14); }.km-wl a.km-rowmenu__item,.km-wl button.km-rowmenu__item{ display: block; width: 100%; padding: 8px 10px; font: inherit; font-size: 13.5px; text-align: left; white-space: nowrap; color: var(--km-text); text-decoration: none; background: none; border: 0; border-radius: 8px; box-shadow: none; cursor: pointer; }.km-wl a.km-rowmenu__item:hover,.km-wl button.km-rowmenu__item:hover{ background: var(--km-page); color: var(--km-text); }.km-wl button.km-rowmenu__item--danger{ color: var(--km-danger); }.km-wl button.km-rowmenu__item[disabled]{ color: var(--km-text-muted); cursor: default; }.km-wl-pager{ display: flex; align-items: center; gap: 8px; margin-top: 14px; font-size: 13px; color: var(--km-text-muted); }.km-wl-pager__info{ flex: 1; }.km-wl a.km-wl-pg{ display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; font-weight: 600; color: var(--km-text); text-decoration: none; background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 9px; box-shadow: none; }.km-wl a.km-wl-pg--on{ color: var(--km-warm-text-strong); background: var(--km-warm-bg); border-color: var(--km-warm-border); }@media (max-width: 1100px){.km-wl-cols{ grid-template-columns: minmax(0, 1fr); }.km-wl-side{ position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--km-border); }.km-wl-tablebox{ overflow-x: auto; }}@media (max-width: 782px){.km-page.km-wl{ margin-left: -10px; }.km-wl-top{ position: static; flex-wrap: wrap; padding: 14px 16px; }.km-wl-search{ width: 100%; }.km-wl-main{ padding: 20px 16px 48px; }}.km-guest{ --km-guest-bg: #f7f5f9; --km-guest-ink: #33315e; --km-guest-text: #5c5868; --km-guest-muted: #847c8e; --km-guest-line: #e7e1ec; --km-guest-lavender: #ede5f3; --km-guest-purple: #866591; --km-guest-red: #d54844; --km-guest-red-hover: #bd3d39; --km-guest-display: 'KM Oswald', 'Arial Narrow', sans-serif; font-family: 'KM Manrope', Arial, sans-serif; font-size: 16px; line-height: 1.7; color: var(--km-guest-text); -webkit-font-smoothing: antialiased; }.km-guest *,.km-guest *::before,.km-guest *::after{ box-sizing: border-box; }.km-guest .km-guest-prose{ display: flex; flex-direction: column; gap: 16px; max-width: 680px; font-size: 16px; line-height: 1.8; color: var(--km-guest-text); }.km-guest .km-guest-prose > *{ margin: 0; }.km-guest .km-guest-prose :where(ul, ol){ padding-left: 22px; }.km-guest .km-guest-prose :where(ul){ list-style: disc; }.km-guest .km-guest-prose :where(ol){ list-style: decimal; }.km-guest .km-guest-prose :where(li + li){ margin-top: 6px; }.km-guest .km-guest-prose :where(h2){ margin-top: 8px; font-size: 30px; }.km-guest .km-guest-prose :where(h3, h4){ margin-top: 4px; font-size: 20px; }.km-guest .km-guest-prose :where(strong, b){ color: var(--km-guest-ink); }.km-guest .km-guest-prose :where(a){ color: var(--km-guest-purple); text-decoration: underline; text-underline-offset: 3px; }.km-guest :where(h1, h2, h3){ margin: 0; padding: 0; letter-spacing: normal; text-transform: none; color: var(--km-guest-ink); }.km-guest :where(h1, h2){ font-family: var(--km-guest-display); font-weight: 500; line-height: 1.2; }.km-guest :where(h3){ font-family: inherit; font-size: 17px; font-weight: 700; line-height: 1.5; }.km-guest :where(p){ margin: 0; }.km-guest :where(ul, ol){ margin: 0; padding: 0; }.km-guest :where(a, a:visited){ color: inherit; text-decoration: none; background-color: transparent; }.km-guest :where(a:hover){ color: var(--km-guest-red); }.km-guest :where(button){ margin: 0; font: inherit; cursor: pointer; text-transform: none; letter-spacing: normal; box-shadow: none; }.km-guest :where(a, button, summary){ transition: background .18s, color .18s, box-shadow .18s; -webkit-tap-highlight-color: transparent; }.km-guest :where(a, button, summary):focus-visible{ outline: 3px solid #897093; outline-offset: 5px; }.km-guest :where(summary){ list-style: none; cursor: pointer; }.km-guest :where(summary)::-webkit-details-marker{ display: none; }.km-guest :where(img){ max-width: 100%; object-fit: cover; }.km-guest .km-guest-icon{ width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }.km-guest .km-guest-eyebrow{ display: block; margin-bottom: 13px; font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; line-height: 1.7; color: var(--km-guest-purple); }.km-guest .km-guest-h2{ font-size: 34px; margin-bottom: 20px; }.km-guest .km-guest-h3{ font-size: 17px; }.km-guest .km-guest-lead{ max-width: 680px; font-size: 17px; line-height: 1.8; color: #4e485f; }.km-guest .km-guest-text{ max-width: 680px; font-size: 16px; line-height: 1.8; }.km-guest .km-guest-section--about > .km-guest-text{ line-height: 1.7; }.km-guest .km-guest-lead + .km-guest-text,.km-guest .km-guest-text + .km-guest-text{ margin-top: 14px; }.km-guest a.km-guest-button,.km-guest button.km-guest-button{ display: inline-flex; justify-content: center; align-items: center; text-align: center; min-height: 46px; padding: 12px 23px; border: 1px solid transparent; border-radius: 7px; background: var(--km-guest-red); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.5; box-shadow: 0 4px 12px #d5484410; }.km-guest a.km-guest-button:hover,.km-guest button.km-guest-button:hover{ background: var(--km-guest-red-hover); color: #fff; box-shadow: 0 5px 16px #d5484428; }.km-guest a.km-guest-button--secondary,.km-guest button.km-guest-button--secondary{ background: #fff; border-color: #b6a0c1; color: #71557f; box-shadow: none; }.km-guest a.km-guest-button--secondary:hover,.km-guest button.km-guest-button--secondary:hover{ background: #f2ebf7; color: #71557f; box-shadow: none; }.km-guest .km-guest-button--full{ width: 100%; }.km-guest .km-guest-text-button{ border: 0; background: none; padding: 7px 0; font-size: 14px; font-weight: 600; color: var(--km-guest-purple); text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }.km-guest .km-guest-text-button:hover{ color: var(--km-guest-red); background: none; }.km-guest .km-guest-crumbs{ display: flex; align-items: center; gap: 13px; padding: 26px 0 20px; font-size: 12px; color: var(--km-guest-muted); }.km-guest .km-guest-crumbs a{ color: #62596d; }.km-guest .km-guest-hero{ position: relative; isolation: isolate; min-height: 395px; border-radius: 18px; overflow: hidden; background: #dcefe6; }.km-guest .km-guest-hero__image{ position: absolute; inset: 0; width: 100%; height: 100%; object-position: 50% 52%; z-index: -2; }.km-guest .km-guest-hero::after{ content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(239, 248, 240, .93), rgba(239, 248, 240, .7) 34%, transparent 63%); }.km-guest .km-guest-hero__content{ width: 59%; padding: 37px 42px; }.km-guest .km-guest-hero__label{ color: #47666a; }.km-guest h1.km-guest-hero__title{ margin: 11px 0 17px; padding: 0 !important; font-family: var(--km-guest-display); font-size: 53px; font-weight: 500; line-height: 1.07; letter-spacing: -.025em; text-transform: uppercase; color: var(--km-guest-ink); }.km-guest .km-guest-hero__summary{ font-size: 16px; line-height: 1.65; color: #4e6062; }.km-guest .km-guest-hero__author{ display: flex; align-items: center; gap: 9px; margin: 17px 0; font-size: 12px; color: #496064; }.km-guest .km-guest-hero__author img{ width: 36px; height: 36px; border: 2px solid #fff; border-radius: 50%; object-position: center 30%; }.km-guest .km-guest-hero__caption{ position: absolute; bottom: 19px; right: 24px; padding: 5px 11px; border: 1px solid #ffffff80; border-radius: 5px; background: #ffffffe3; font-size: 12px; color: #4f5e65; }.km-guest .km-guest-facts{ display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 23px; padding: 24px 0; border-bottom: 1px solid var(--km-guest-line); }.km-guest .km-guest-facts > div{ padding: 0 28px; border-right: 1px solid var(--km-guest-line); }.km-guest .km-guest-facts > div:first-child{ padding-left: 12px; }.km-guest .km-guest-facts > div:last-child{ border-right: 0; }.km-guest .km-guest-facts strong{ display: block; font-size: 17px; font-weight: 700; color: var(--km-guest-ink); }.km-guest .km-guest-facts span{ font-size: 12px; color: var(--km-guest-muted); }.km-guest .km-guest-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 302px; gap: 38px; align-items: start; }.km-guest .km-guest-layout--single{ grid-template-columns: minmax(0, 1fr); }.km-guest .km-guest-content{ min-width: 0; }.km-guest .km-guest-nav{ position: sticky; top: var(--km-chrome-top); z-index: 10; display: flex; justify-content: space-between; gap: 10px; padding: 8px 0 0; border-bottom: 1px solid var(--km-guest-line); background: var(--km-guest-bg); font-size: 14px; font-weight: 600; }.km-guest a.km-guest-nav__item{ display: inline-flex; align-items: center; gap: 6px; margin-bottom: -1px; padding: 14px 12px; border-bottom: 2px solid transparent; white-space: nowrap; color: #786d82; }.km-guest a.km-guest-nav__item:hover{ color: var(--km-guest-red); }.km-guest a.km-guest-nav__item.is-active{ color: var(--km-guest-ink); border-bottom-color: var(--km-guest-purple); }.km-guest .km-guest-nav__count{ display: inline-block; padding: 0 7px; border-radius: 10px; background: var(--km-guest-lavender); font-size: 11px; line-height: 1.7; color: var(--km-guest-purple); }.km-guest .km-guest-section{ padding: 39px 0; border-bottom: 1px solid var(--km-guest-line); scroll-margin-top: calc(var(--km-chrome-top) + 70px); }.km-guest .km-guest-section__head{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }.km-guest .km-guest-section__head .km-guest-h2{ margin-bottom: 13px; }.km-guest .km-guest-section__head + .km-guest-text{ margin-bottom: 25px; }.km-guest .km-guest-steps{ display: grid; gap: 24px; margin: 31px 0; }.km-guest .km-guest-step{ display: flex; align-items: flex-start; gap: 17px; }.km-guest .km-guest-step__number{ display: grid; place-items: center; min-width: 37px; height: 37px; border-radius: 50%; background: var(--km-guest-lavender); font-family: var(--km-guest-display); font-size: 17px; color: var(--km-guest-purple); }.km-guest .km-guest-step__number{ margin-top: -5.2px; }.km-guest .km-guest-step__text{ max-width: 545px; margin-top: 4px; font-size: 14px; line-height: 1.7; color: var(--km-guest-muted); }.km-guest .km-guest-for-you{ display: flex; gap: 15px; margin-top: 29px; padding: 20px; border-radius: 10px; background: #eee7f3; color: #6a5976; }.km-guest .km-guest-for-you .km-guest-icon{ margin-top: 4px; }.km-guest .km-guest-for-you p{ font-size: 14px; line-height: 1.8; }.km-guest .km-guest-for-you strong{ display: block; margin-bottom: 4px; color: #574366; }.km-guest .km-guest-intro{ display: flex; align-items: center; gap: 13px; margin: 25px 0 12px; padding: 18px 20px; border: 1px solid var(--km-guest-line); border-radius: 10px; background: #fff; }.km-guest .km-guest-intro__icon{ display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--km-guest-line); border-radius: 50%; color: var(--km-guest-purple); }.km-guest .km-guest-intro__icon .km-guest-icon{ width: 17px; height: 17px; }.km-guest .km-guest-intro strong{ display: block; font-size: 14px; color: var(--km-guest-ink); }.km-guest .km-guest-intro div > span{ font-size: 12px; color: var(--km-guest-muted); }.km-guest .km-guest-intro__tag{ margin-left: auto; padding: 3px 8px; border-radius: 4px; background: #f5eff8; font-size: 12px; white-space: nowrap; color: #82668c; }.km-guest .km-guest-modules{ display: grid; gap: 12px; }.km-guest .km-guest-module{ overflow: hidden; border: 1px solid var(--km-guest-line); border-radius: 11px; background: #fff; }.km-guest .km-guest-module > summary{ display: flex; align-items: center; gap: 18px; padding: 23px; }.km-guest .km-guest-module > summary:hover{ background: #faf7fc; }.km-guest .km-guest-module[open]{ border-color: #cbb9d4; }.km-guest .km-guest-module[open] > summary{ background: #f0e9f5; }.km-guest .km-guest-module__number{ align-self: flex-start; flex: none; width: 32px; margin-top: 2.6px; line-height: 1; font-family: var(--km-guest-display); font-size: 28px; font-weight: 500; color: #b2a1bd; }.km-guest .km-guest-module__title{ display: block; flex: 1; }.km-guest .km-guest-module__title small{ display: block; margin-bottom: 3px; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8e729a; }.km-guest .km-guest-module__title strong{ display: block; font-family: var(--km-guest-display); font-size: 24px; font-weight: 500; line-height: 1.4; color: var(--km-guest-ink); }.km-guest .km-guest-module__title > span{ display: block; margin-top: 4px; font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-plus{ position: relative; display: block; flex-shrink: 0; width: 25px; height: 25px; border-radius: 50%; background: #f7f3fa; color: var(--km-guest-purple); }.km-guest .km-guest-plus::before,.km-guest .km-guest-plus::after{ content: ''; position: absolute; top: 12px; left: 7.5px; width: 10px; height: 1.5px; background: currentColor; }.km-guest .km-guest-plus::after{ transform: rotate(90deg); transition: transform .2s; }.km-guest details[open] > summary .km-guest-plus::after{ transform: rotate(0); }.km-guest .km-guest-plus--small{ width: 21px; height: 21px; }.km-guest .km-guest-plus--small::before,.km-guest .km-guest-plus--small::after{ top: 10px; left: 5.5px; }.km-guest .km-guest-module__body{ padding: 6px 24px 20px 73px; }.km-guest .km-guest-lessons{ list-style: none; }.km-guest .km-guest-lesson{ display: flex; align-items: baseline; gap: 16px; padding: 13px 0; border-bottom: 1px solid #f0ebf3; font-size: 16.5px; line-height: 1.35; color: #534d63; }.km-guest .km-guest-lesson__number{ flex: none; min-width: 29px; color: #b1a4bb; }.km-guest .km-guest-lesson__more{ flex: 1; }.km-guest .km-guest-lesson__more > summary{ display: flex; align-items: baseline; gap: 16px; }.km-guest .km-guest-lesson__more > summary > .km-guest-plus{ align-self: center; }.km-guest .km-guest-lesson__name{ flex: 1; }.km-guest .km-guest-lesson__body{ padding: 8px 0 2px 45px; font-size: 13px; line-height: 1.6; color: var(--km-guest-muted); }.km-guest .km-guest-lesson__duration{ font-weight: 600; color: var(--km-guest-purple); }.km-guest .km-guest-lesson__topics{ margin-top: 4px; padding-left: 18px; list-style: disc; }.km-guest .km-guest-module__result{ padding: 16px 0 3px; font-size: 14px; line-height: 1.8; color: var(--km-guest-muted); }.km-guest .km-guest-module__result strong{ color: var(--km-guest-purple); }.km-guest .km-guest-module__after{ margin-top: 12px; padding: 9px 12px; border-radius: 4px; background: #f8f5fa; font-size: 12px; color: #897393; }.km-guest .km-guest-intro--end{ margin: 12px 0 0; }.km-guest details.km-guest-intro--end{ display: block; padding: 0; overflow: hidden; }.km-guest .km-guest-intro--end > summary{ display: flex; align-items: center; gap: 13px; padding: 18px 20px; cursor: pointer; }.km-guest .km-guest-intro--end > summary:hover{ background: #faf7fc; }.km-guest details.km-guest-intro--end[open]{ border-color: #cbb9d4; }.km-guest details.km-guest-intro--end[open] > summary{ background: #f0e9f5; }.km-guest .km-guest-intro--end .km-guest-intro__tag{ margin-left: auto; }.km-guest .km-guest-intro--end > summary > .km-guest-plus{ margin-left: 0; }.km-guest .km-guest-intro__body{ padding: 6px 24px 20px 67px; }.km-guest .km-guest-format{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 28px 0; }.km-guest .km-guest-format__icon{ display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 10px; background: #eee7f3; color: #9a7ea5; }.km-guest .km-guest-format h3{ margin-bottom: 8px; font-size: 14px; }.km-guest .km-guest-format p{ font-size: 16px; line-height: 1.8; color: var(--km-guest-muted); }.km-guest .km-guest-all-in-one{ padding: 20px 23px; border: 1px solid var(--km-guest-line); border-radius: 9px; background: #fff; }.km-guest .km-guest-all-in-one strong{ font-size: 14px; color: var(--km-guest-ink); }.km-guest .km-guest-all-in-one p{ margin-top: 5px; font-size: 16px; line-height: 1.8; }.km-guest .km-guest-teacher{ display: grid; grid-template-columns: 180px 1fr; gap: 26px; align-items: center; }.km-guest .km-guest-teacher--text{ grid-template-columns: 1fr; }.km-guest .km-guest-teacher__photo{ width: 180px; height: 225px; border-radius: 12px; object-position: center; }.km-guest .km-guest-teacher .km-guest-eyebrow{ margin-bottom: 10px; }.km-guest .km-guest-teacher__name{ margin-bottom: 6px; font-size: 28px; }.km-guest .km-guest-teacher__role{ margin-bottom: 16px; font-size: 12px; line-height: 1.8; color: var(--km-guest-purple); }.km-guest .km-guest-teacher__text{ font-size: 16px; line-height: 1.8; }.km-guest .km-guest-teacher__text + .km-guest-teacher__text{ margin-top: 14px; }.km-guest .km-guest-reviews{ display: grid; gap: 16px; }.km-guest .km-guest-section--before-quote{ border-bottom: 0; }.km-guest figure.km-guest-top-quote{ display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 0 12px; max-width: 760px; margin: 0 auto; padding: 22px 0 23px; border: 0; background: none; }.km-guest .km-guest-top-quote__mark{ font-family: var(--km-guest-display); font-size: 84px; font-weight: 500; line-height: 0.82; color: #d2bddc; }.km-guest .km-guest-top-quote__body{ min-width: 0; }.km-guest blockquote.km-guest-top-quote__text{ margin: 0; padding: 0; border: 0; background: none; quotes: none; font-family: inherit; font-size: 21px; font-style: normal; font-weight: 500; line-height: 1.57; color: var(--km-guest-ink); }.km-guest blockquote.km-guest-top-quote__text::before,.km-guest blockquote.km-guest-top-quote__text::after{ content: none; }.km-guest .km-guest-top-quote__foot{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px 12px; margin-top: 16px; }.km-guest .km-guest-top-quote__who{ font-size: 15px; color: var(--km-guest-muted); }.km-guest .km-guest-top-quote__who strong{ font-weight: 700; color: var(--km-guest-ink); }.km-guest a.km-guest-top-quote__all{ font-size: 15px; font-weight: 600; color: var(--km-guest-purple); text-decoration: none; white-space: nowrap; }.km-guest a.km-guest-top-quote__all:hover{ color: var(--km-guest-ink); }.km-guest .km-guest-reviews__head,.km-guest .km-guest-review{ padding: 22px 23px; border: 1px solid var(--km-guest-line); border-radius: 11px; background: #fff; }.km-guest .km-guest-reviews__head .km-guest-h2{ margin-bottom: 14px; font-size: 26px; }.km-guest .km-guest-reviews__head p{ font-size: 15px; line-height: 1.8; }.km-guest .km-guest-review{ display: grid; gap: 14px; }.km-guest .km-guest-review[hidden]{ display: none; }.km-guest h3.km-guest-review__quote{ font-size: 17px; font-weight: 600; line-height: 1.55; color: var(--km-guest-ink); }.km-guest .km-guest-review__pair{ display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 12px; }.km-guest .km-guest-review__pair > .km-guest-review__box:only-child{ grid-column: 1 / -1; }.km-guest .km-guest-review__box{ padding: 13px 15px; border-radius: 9px; background: #f6f2f8; }.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__quote,.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__box p,.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__recommend p,.km-guest blockquote.km-guest-top-quote__text{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__quote,.km-guest blockquote.km-guest-top-quote__text{ -webkit-line-clamp: 3; line-clamp: 3; }.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__box p{ -webkit-line-clamp: 4; line-clamp: 4; }.km-guest .km-guest-review:not(.km-guest-review--open) .km-guest-review__recommend p{ -webkit-line-clamp: 2; line-clamp: 2; }.km-guest .km-guest-review__box--after{ background: #efe7f4; }.km-guest .km-guest-review__box span,.km-guest .km-guest-review__recommend span,.km-guest .km-guest-review__answer span{ display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; color: #6c6275; }.km-guest .km-guest-review__box p,.km-guest .km-guest-review__recommend p,.km-guest .km-guest-review__answer p{ font-size: 15px; line-height: 1.7; color: var(--km-guest-text); }.km-guest .km-guest-review__full{ display: grid; gap: 14px; }.km-guest .km-guest-review__full[hidden]{ display: none; }.km-guest .km-guest-review__foot{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding-top: 14px; border-top: 1px solid var(--km-guest-line); }.km-guest .km-guest-review__avatar{ display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: var(--km-guest-lavender); font-size: 14px; font-weight: 700; color: var(--km-guest-purple); }.km-guest .km-guest-review__who{ display: grid; min-width: 0; }.km-guest .km-guest-review__who strong{ font-size: 15px; color: var(--km-guest-ink); }.km-guest .km-guest-review__who span{ font-size: 13px; color: var(--km-guest-muted); }.km-guest button.km-guest-review__more{ display: inline-flex; align-items: center; gap: 6px; border: 0; padding: 7px 0; background: none; font-size: 14px; font-weight: 600; color: var(--km-guest-purple); text-decoration: none; white-space: nowrap; }.km-guest button.km-guest-review__more:hover{ color: var(--km-guest-ink); background: none; }.km-guest button.km-guest-review__more[hidden]{ display: none; }.km-guest .km-guest-review__arrow{ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }.km-guest .km-guest-review--open .km-guest-review__arrow{ transform: rotate(180deg); }.km-guest .km-guest-reviews__more{ justify-self: center; }.km-guest .km-guest-faq .km-guest-h2{ font-size: 30px; }.km-guest .km-guest-faq details{ border-top: 1px solid var(--km-guest-line); }.km-guest .km-guest-faq summary{ display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; font-size: 14px; font-weight: 600; color: var(--km-guest-ink); }.km-guest .km-guest-faq summary:hover{ color: var(--km-guest-purple); }.km-guest .km-guest-faq details p{ padding: 0 34px 24px 0; font-size: 16px; line-height: 1.8; color: var(--km-guest-muted); }.km-guest .km-guest-aside{ align-self: stretch; padding-top: 8px; }.km-guest .km-guest-aside__sticky{ position: sticky; top: calc(var(--km-chrome-top) + 26px); }.km-guest .km-guest-card{ padding: 27px 24px 23px; border: 1px solid var(--km-guest-line); border-radius: 13px; background: #fff; box-shadow: 0 6px 24px #33315e05; }.km-guest .km-guest-card .km-guest-eyebrow{ margin-bottom: 12px; }.km-guest h2.km-guest-card__title{ margin-bottom: 16px; font-size: 27px; line-height: 1.3; }.km-guest .km-guest-card__tag{ display: inline-block; padding: 5px 8px; border-radius: 4px; background: #f1ebf6; font-size: 12px; white-space: nowrap; color: #806a8b; }.km-guest .km-guest-card__price{ margin-top: 22px; font-size: 32px; font-weight: 700; line-height: 1.3; letter-spacing: -.03em; color: var(--km-guest-ink); }.km-guest .km-guest-card__price span{ font-size: 24px; font-weight: 500; }.km-guest .km-guest-card__note{ margin: 4px 0 21px; font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-included{ display: grid; gap: 10px; margin: 22px 0; list-style: none; font-size: 14px; color: #6c6275; }.km-guest .km-guest-included li{ display: flex; align-items: baseline; gap: 9px; }.km-guest .km-guest-included li::before{ content: '✓'; font-size: 12px; color: #9a7da6; }.km-guest .km-guest-card__account{ display: flex; align-items: center; gap: 10px; padding-top: 18px; border-top: 1px solid var(--km-guest-line); font-size: 12px; line-height: 1.8; color: #998da3; }.km-guest .km-guest-card__account .km-guest-icon{ width: 16px; height: 16px; }.km-guest .km-guest-help{ display: grid; gap: 4px; margin-top: 19px; text-align: center; font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-help a{ font-size: 14px; color: var(--km-guest-purple); text-decoration: underline; text-underline-offset: 3px; }.km-guest .km-guest-pay{ margin: 52px 0 60px; padding: 38px 60px 28px; border: 1px solid #e5dbed; border-radius: 16px; background: #eee6f3; scroll-margin-top: calc(var(--km-chrome-top) + 30px); }.km-guest .km-guest-pay__head{ margin-bottom: 29px; text-align: center; }.km-guest .km-guest-pay__head .km-guest-eyebrow{ margin-bottom: 10px; }.km-guest .km-guest-pay__head .km-guest-h2{ margin-bottom: 12px; }.km-guest .km-guest-pay__head p{ font-size: 14px; color: #8a7893; }.km-guest h3.km-guest-pay__tariff{ max-width: 810px; margin: 22px auto 12px; font-family: var(--km-guest-display); font-size: 22px; font-weight: 500; color: var(--km-guest-ink); }.km-guest .km-guest-prices{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 810px; margin: 0 auto; }.km-guest .km-guest-prices--one{ grid-template-columns: minmax(0, 395px); justify-content: center; }.km-guest .km-guest-price{ display: flex; flex-direction: column; padding: 27px 29px; border: 1px solid #ded1e7; border-radius: 11px; background: #fff; }.km-guest .km-guest-price__body{ flex: 1 0 auto; padding-bottom: 22px; }.km-guest .km-guest-price__label{ font-size: 14px; font-weight: 600; color: var(--km-guest-purple); }.km-guest .km-guest-price__value{ margin-top: 10px; font-size: 35px; font-weight: 700; letter-spacing: -.03em; color: var(--km-guest-ink); }.km-guest .km-guest-price__value span{ font-size: 23px; font-weight: 500; }.km-guest .km-guest-price__note{ margin-top: 2px; font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-price .km-guest-included{ margin: 19px 0 0; }.km-guest .km-guest-price__why{ font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-pay__help{ margin-top: 23px; text-align: center; font-size: 14px; color: var(--km-guest-muted); }.km-guest .km-guest-pay__help a{ color: var(--km-guest-purple); text-decoration: underline; text-underline-offset: 3px; }.km-guest .km-guest-mobile{ display: none; }@media (min-width: 1450px){.km-page.km-page--guest{ max-width: 1240px; }.km-guest .km-guest-hero{ min-height: 412px; }.km-guest .km-guest-hero__content{ padding: 40px 46px; }.km-guest .km-guest-layout{ grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }.km-guest .km-guest-layout--single{ grid-template-columns: minmax(0, 1fr); }}@media (max-width: 1000px){.km-guest .km-guest-layout{ grid-template-columns: minmax(0, 1fr) 270px; gap: 24px; }.km-guest .km-guest-layout--single{ grid-template-columns: minmax(0, 1fr); }.km-guest .km-guest-card{ padding: 24px 20px; }.km-guest .km-guest-nav{ gap: 0; }.km-guest a.km-guest-nav__item{ padding: 14px 7px; }.km-guest .km-guest-hero__content{ width: 66%; }.km-guest .km-guest-hero__caption{ display: none; }.km-guest .km-guest-facts > div{ padding: 0 17px; }.km-guest .km-guest-teacher{ grid-template-columns: 140px 1fr; gap: 20px; }.km-guest .km-guest-teacher__photo{ width: 140px; height: 210px; }.km-guest .km-guest-pay{ padding: 36px; }}@media (max-width: 760px){.km-guest .km-guest-crumbs{ padding: 19px 0 16px; font-size: 11px; }.km-guest .km-guest-hero{ min-height: 445px; border-radius: 12px; }.km-guest .km-guest-hero__image{ object-position: 62% 50%; opacity: .75; }.km-guest .km-guest-hero::after{ background: linear-gradient(90deg, rgba(239, 248, 240, .96), rgba(239, 248, 240, .7) 50%, rgba(239, 248, 240, .04)); }.km-guest .km-guest-hero__content{ width: 100%; padding: 31px 20px 31px 25px; }.km-guest h1.km-guest-hero__title{ margin: 15px 0 18px; font-size: 45px; }.km-guest .km-guest-hero__summary{ max-width: 280px; }.km-guest .km-guest-hero__author{ margin: 19px 0; }.km-guest .km-guest-facts{ grid-template-columns: 1fr 1fr; gap: 18px 0; margin-bottom: 6px; padding: 24px 0 20px; }.km-guest .km-guest-facts > div{ padding: 0 18px; }.km-guest .km-guest-facts > div:first-child{ padding-left: 18px; }.km-guest .km-guest-facts > div:nth-child(2){ border-right: 0; }.km-guest .km-guest-facts strong{ font-size: 16px; }.km-guest .km-guest-facts span{ display: block; line-height: 1.6; }.km-guest .km-guest-layout{ display: block; }.km-guest .km-guest-aside{ display: none; }.km-guest .km-guest-nav{ justify-content: space-between; gap: 13px; overflow-x: auto; padding-top: 4px; font-size: 13px; scrollbar-width: none; }.km-guest .km-guest-nav::-webkit-scrollbar{ display: none; }.km-guest a.km-guest-nav__item{ padding: 15px 3px; }.km-guest .km-guest-section{ padding: 31px 0; }.km-guest .km-guest-h2{ font-size: 30px; }.km-guest .km-guest-lead{ font-size: 16px; }.km-guest .km-guest-steps{ gap: 23px; margin: 27px 0; }.km-guest .km-guest-for-you{ gap: 12px; padding: 18px; }.km-guest .km-guest-for-you .km-guest-icon{ width: 18px; }.km-guest .km-guest-section__head{ align-items: flex-end; gap: 10px; margin-bottom: 12px; }.km-guest .km-guest-intro{ gap: 10px; padding: 15px; }.km-guest .km-guest-intro div > span{ display: block; }.km-guest .km-guest-intro__tag{ display: none; }.km-guest .km-guest-module > summary{ gap: 14px; padding: 20px 17px; }.km-guest .km-guest-module__number{ width: 28px; font-size: 25px; }.km-guest .km-guest-module__title strong{ font-size: 23px; }.km-guest .km-guest-module__title > span{ max-width: 230px; }.km-guest .km-guest-module__body{ padding: 5px 18px 18px; }.km-guest .km-guest-intro--end > summary{ gap: 10px; padding: 15px; }.km-guest .km-guest-intro__body{ padding: 5px 18px 18px; }.km-guest .km-guest-format{ grid-template-columns: 1fr; gap: 17px; }.km-guest .km-guest-format article{ display: grid; grid-template-columns: 40px 1fr; column-gap: 14px; }.km-guest .km-guest-format__icon{ grid-row: span 2; margin-bottom: 0; }.km-guest .km-guest-format h3{ margin-bottom: 3px; }.km-guest .km-guest-step .km-guest-h3{ font-size: 16px; }.km-guest .km-guest-text-button{ font-size: 12px; }.km-guest .km-guest-all-in-one{ padding: 18px; }.km-guest .km-guest-teacher{ grid-template-columns: 90px 1fr; align-items: start; gap: 18px; }.km-guest .km-guest-teacher__photo{ width: 90px; height: 125px; }.km-guest .km-guest-teacher__name{ font-size: 26px; }.km-guest .km-guest-teacher .km-guest-eyebrow{ font-size: 10px; }.km-guest .km-guest-teacher__text{ font-size: 14px; }.km-guest .km-guest-review__pair{ grid-template-columns: 1fr; }.km-guest .km-guest-review{ padding: 18px 17px; }.km-guest .km-guest-review__foot{ grid-template-columns: auto minmax(0, 1fr); }.km-guest button.km-guest-review__more{ grid-column: 2; justify-self: start; }.km-guest h3.km-guest-review__quote{ font-size: 16px; }.km-guest figure.km-guest-top-quote{ grid-template-columns: 36px minmax(0, 1fr); gap: 0 10px; padding: 31px 0 38px; }.km-guest .km-guest-top-quote__mark{ font-size: 64px; }.km-guest blockquote.km-guest-top-quote__text{ font-size: 18px; }.km-guest .km-guest-top-quote__foot{ grid-template-columns: auto minmax(0, 1fr); }.km-guest a.km-guest-top-quote__all{ grid-column: 2; justify-self: start; }.km-guest .km-guest-faq .km-guest-h2{ font-size: 28px; }.km-guest .km-guest-pay{ margin: 33px 0 32px; padding: 27px 18px 22px; }.km-guest .km-guest-pay__head .km-guest-h2{ font-size: 30px; }.km-guest .km-guest-prices,.km-guest .km-guest-prices--one{ grid-template-columns: 1fr; gap: 16px; }.km-guest .km-guest-price{ padding: 24px; }.km-guest .km-guest-mobile{ position: fixed; z-index: 15; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding: 12px 19px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--km-guest-line); background: #fffffff5; box-shadow: 0 -4px 22px #33315e09; }.km-guest .km-guest-mobile > span{ display: grid; line-height: 1.5; }.km-guest .km-guest-mobile strong{ font-size: 17px; color: var(--km-guest-ink); }.km-guest .km-guest-mobile small{ font-size: 12px; color: var(--km-guest-muted); }.km-guest .km-guest-mobile a.km-guest-button{ min-height: 43px; padding: 12px 18px; font-size: 12px; }}@media (prefers-reduced-motion: reduce){.km-guest *,.km-guest *::before,.km-guest *::after{ transition: none !important; }}.km-gp{ border: 1px solid var(--km-border); border-radius: 10px; background: var(--km-surface); }.km-gp__head{ display: flex; align-items: center; gap: 12px; padding: 12px 16px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; color: var(--km-text); }.km-gp__head::-webkit-details-marker{ display: none; }.km-gp__head::after{ content: '+'; width: 14px; text-align: center; color: var(--km-text-muted); font-weight: 400; }.km-gp[open] > .km-gp__head::after{ content: '−'; }.km-gp__head:hover{ color: var(--km-accent); }.km-gp__state{ margin-left: auto; font-size: 12.5px; font-weight: 500; color: var(--km-ok); white-space: nowrap; }.km-gp__state--off{ color: var(--km-text-muted); }.km-gp__body{ padding: 14px 16px 16px; border-top: 1px solid var(--km-border-soft); }.km-gp__node{ padding: 12px 14px; border: 1px solid var(--km-border-soft); border-radius: 8px; background: var(--km-surface-alt); }.km-gp__node-title{ font-size: 14px; font-weight: 600; color: var(--km-text); }.km-gp__lessons{ border-top: 1px dashed var(--km-border); padding-top: 8px; }.km-gp__lessons-head{ cursor: pointer; font-size: 13px; font-weight: 600; color: var(--km-text-secondary); }.km-gp__lessons-head:hover{ color: var(--km-accent); }.km-gp__lesson{ padding: 12px 0 4px; border-bottom: 1px solid var(--km-border-soft); }.km-gp__lesson:last-child{ border-bottom: 0; }.km-gp__lesson-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }.km-gp__map{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }@media (max-width: 782px){.km-gp__map{ grid-template-columns: 1fr; }.km-gp__state{ white-space: normal; text-align: right; }}.km-tm-pick{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }.km-tm-pick .km-field{ min-width: 0; flex: 1 1 360px; max-width: 560px; }.km-tm-summary{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 18px; font-size: 14px; }.km-tm-summary p{ margin: 0; }.km-tm{ display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; border: 1px solid var(--km-border); border-radius: var(--km-radius-card); background: var(--km-surface); }.km-tm--hidden{ border-style: dashed; }.km-tm--hidden .km-tm__quote,.km-tm--hidden .km-tm__pairs{ opacity: 0.55; }.km-tm__head{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }.km-tm__when{ flex: 1 1 auto; font-size: 13px; color: var(--km-text-muted); }.km-tm__handle{ display: grid; place-items: center; flex: none; width: 28px; height: 28px; padding: 0; border: 1px solid var(--km-border); border-radius: 7px; background: var(--km-surface); color: var(--km-text-muted); cursor: grab; }.km-tm__handle:hover{ color: var(--km-text); border-color: var(--km-warm-border); }.km-tm__handle:focus-visible{ outline: none; box-shadow: 0 0 0 3px var(--km-warm-bg); }.km-tm__handle svg{ width: 16px; height: 16px; fill: currentColor; }.km-tm__top{ font-size: 14px; }.km-tm-top{ margin: 0; font-size: 14px; color: var(--km-text-secondary); }.km-tm-order{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; min-height: 28px; }.km-tm__quote{ margin: 0; font-family: var(--km-font-display); font-size: 20px; line-height: 1.4; color: var(--km-text); overflow-wrap: anywhere; }.km-tm__pairs{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; }.km-tm__pair{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }.km-tm__pair p{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-tm__all{ border-top: 1px dashed var(--km-border); padding-top: 10px; }.km-tm__all > summary{ cursor: pointer; font-size: 13px; font-weight: 600; color: var(--km-text-secondary); }.km-tm__all > summary:hover{ color: var(--km-accent); }.km-tm__all .km-tm__pair{ padding-top: 10px; }.km-tm__status{ margin: 0; min-height: 20px; font-size: 13px; color: var(--km-ok); }.km-tm__status--error{ color: var(--km-danger); }@media (max-width: 960px){.km-tm__pairs{ grid-template-columns: 1fr; }}.km-page.km-ce{ font-family: var(--km-font); }.km-page.km-ce .km-guest{ --km-guest-display: var(--km-font-display); font-family: var(--km-font); }.km-page.km-ce .km-guest :where(h1, h2, h3){ font-family: var(--km-font-display); }.km-page.km-ce .km-guest :where(input, button, select, textarea){ font-family: var(--km-font); }.km-hero--brand.km-hero--ink.km-hero--over.km-hero--veil::after{ content: ""; background: linear-gradient( to right, color-mix(in srgb, var(--km-page) 97%, transparent) 0%, color-mix(in srgb, var(--km-page) 90%, transparent) 40%, color-mix(in srgb, var(--km-page) 0%, transparent) 74% ); }.km-page.km-ce .km-hero__eyebrow.km-ce__eyebrow{ display: flex; align-items: center; gap: 7px; }.km-page.km-ce svg.km-ce__lock{ flex: none; width: 14px; height: 14px; }.km-page.km-ce .km-guest .km-guest-prose{ max-width: none; line-height: 1.7; }.km-page.km-ce .km-hero--brand.km-hero--over .km-hero__title{ max-width: 66%; letter-spacing: normal; text-transform: none; color: var(--km-brand-navy); -webkit-hyphens: manual; hyphens: manual; overflow-wrap: normal; }@media (min-width: 761px){.km-page.km-ce .km-hero--brand.km-hero--over .km-hero__title.km-ce__title--l{ font-size: 46px; }.km-page.km-ce .km-hero--brand.km-hero--over .km-hero__title.km-ce__title--m{ font-size: 38px; }.km-page.km-ce .km-hero--brand.km-hero--over .km-hero__title.km-ce__title--s{ font-size: 32px; }}.km-page.km-ce.km-ce.km-ce,.km-page.km-ce.km-ce.km-ce *{ text-transform: none; letter-spacing: normal; }@media (min-width: 1001px){.km-page.km-ce .km-guest .km-guest-layout{ grid-template-columns: minmax(0, 1fr) 380px; }}.km-page.km-ce div.km-ce__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 14px; }.km-page.km-ce a.km-ce__edit{ flex: none; font-family: var(--km-font); font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--km-text-muted); text-decoration: none; }.km-page.km-ce a.km-ce__edit:hover,.km-page.km-ce a.km-ce__edit:focus-visible{ color: var(--km-guest-purple); text-decoration: underline; }.km-page.km-ce .km-hero__lead a.km-ce__edit{ margin-left: 6px; }.km-page.km-ce div.km-ce__pills{ display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }.km-page.km-ce span.km-ce__pill{ display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 14px; border-radius: 999px; background: var(--km-surface); box-shadow: var(--km-shadow-card); font-family: var(--km-font-display); font-size: 17px; font-weight: 700; line-height: 1.2; color: var(--km-brand-navy); }.km-page.km-ce span.km-ce__pill-note{ font-family: var(--km-font); font-size: 13px; font-weight: 400; color: var(--km-text-secondary); }.km-page.km-ce section.km-ce__state{ display: grid; gap: 14px; margin: 0 0 8px; padding: 22px 24px; border: 1px solid var(--km-guest-line); border-radius: 13px; background: var(--km-surface); }.km-page.km-ce section.km-ce__state--live{ border-color: var(--km-live); }.km-page.km-ce p.km-ce__state-title{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-family: var(--km-font-display); font-size: 22px; font-weight: 600; line-height: 1.25; color: var(--km-guest-ink); }.km-page.km-ce span.km-ce__live{ display: inline-flex; padding: 3px 10px; border-radius: 999px; background: var(--km-live); font-family: var(--km-font); font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; }.km-page.km-ce div.km-ce__count{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.km-page.km-ce div.km-ce__count-cell{ padding: 12px 6px; border-radius: 12px; background: var(--km-guest-bg); text-align: center; }.km-page.km-ce b.km-ce__count-num{ display: block; font-family: var(--km-font-display); font-size: 28px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--km-guest-ink); }.km-page.km-ce span.km-ce__count-word{ font-size: 13px; color: var(--km-guest-muted); }.km-page.km-ce div.km-ce__go{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.km-page.km-ce .km-ce__btn{ display: flex; align-items: center; justify-content: center; margin: 0; padding: 13px 16px; border: 0; border-radius: 12px; box-shadow: none; font-family: var(--km-font); font-size: 15px; font-weight: 600; line-height: 1.3; text-transform: none; text-decoration: none; color: #fff; cursor: pointer; }.km-page.km-ce .km-ce__btn.km-ce__btn--youtube{ background: var(--km-live); }.km-page.km-ce .km-ce__btn.km-ce__btn--kinescope{ background: var(--km-brand-navy); }.km-page.km-ce a.km-ce__btn:hover,.km-page.km-ce a.km-ce__btn:focus{ color: #fff; filter: brightness(0.92); }.km-page.km-ce a.km-ce__btn:focus-visible{ outline: 2px solid var(--km-brand-navy); outline-offset: 2px; }.km-page.km-ce button.km-ce__btn:disabled{ opacity: 0.45; cursor: not-allowed; }.km-page.km-ce div.km-ce__player{ overflow: hidden; border-radius: 12px; }.km-page.km-ce p.km-ce__small{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-guest-muted); }.km-page.km-ce .km-guest-card p.km-ce__small{ margin-top: 10px; text-align: center; }.km-page.km-ce ol.km-ce__points{ display: grid; gap: 12px; margin: 18px 0 0; padding: 0; list-style: none; }.km-page.km-ce li.km-ce__point{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; align-items: start; margin: 0; padding: 0; }.km-page.km-ce span.km-ce__point-n{ display: grid; place-items: center; width: 28px; height: 28px; margin-top: 0; border-radius: 50%; background: var(--km-guest-lavender); font-family: var(--km-font-display); font-size: 15px; font-weight: 600; line-height: 1; color: var(--km-guest-purple); }.km-page.km-ce span.km-ce__point-text{ font-size: 16px; line-height: 1.75; color: var(--km-guest-text); }.km-page.km-ce div.km-ce__how{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }.km-page.km-ce div.km-ce__how-item{ display: grid; gap: 4px; align-content: start; padding: 16px 18px; border-radius: 13px; background: var(--km-guest-bg); }.km-page.km-ce b.km-ce__how-title{ font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--km-guest-ink); }.km-page.km-ce span.km-ce__how-text{ font-size: 14px; line-height: 1.55; color: var(--km-guest-text); }.km-page.km-ce form.km-ce__form{ display: grid; gap: 12px; margin: 0; }.km-page.km-ce label.km-ce__field{ margin: 0; }.km-page.km-ce .km-ce__field input.km-input{ width: 100%; height: auto; min-height: 0; margin: 0; box-shadow: none; }.km-page.km-ce label.km-ce__trap{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }.km-page.km-ce label.km-ce__check{ font-size: 13px; line-height: 1.45; color: var(--km-guest-text); }.km-page.km-ce span.km-ce__check-text a{ color: var(--km-guest-purple); text-decoration: underline; text-underline-offset: 3px; }.km-page.km-ce p.km-ce__status{ margin: 0; font-size: 13px; line-height: 1.45; color: var(--km-danger); }.km-page.km-ce p.km-ce__ok{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 8px; font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--km-guest-ink); }.km-page.km-ce span.km-ce__tick{ display: inline-flex; flex: none; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--km-done-bg); font-size: 13px; line-height: 1; color: var(--km-ok); }.km-page.km-ce div.km-ce__free{ display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--km-guest-line); font-size: 14px; color: var(--km-guest-muted); }.km-page.km-ce div.km-ce__free b{ color: var(--km-guest-ink); }.km-page.km-ce div.km-ce__mail-hint{ display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin: -4px 0 0; padding: 8px 10px; border: 1px solid var(--km-guest-line); border-radius: 10px; background: var(--km-guest-bg); font-family: var(--km-font); font-size: 13px; line-height: 1.45; color: var(--km-guest-text); }.km-page.km-ce div.km-ce__mail-hint--block{ border-color: var(--km-danger); background: var(--km-surface); color: var(--km-danger); }.km-page.km-ce span.km-ce__mail-text{ flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; }.km-page.km-ce button.km-ce__mail-fix{ flex: none; margin: 0; padding: 5px 12px; border: 1px solid var(--km-guest-purple); border-radius: 8px; background: var(--km-surface); box-shadow: none; font-family: var(--km-font); font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--km-guest-purple); cursor: pointer; }.km-page.km-ce button.km-ce__mail-fix:hover,.km-page.km-ce button.km-ce__mail-fix:focus{ border-color: var(--km-guest-ink); background: var(--km-surface); box-shadow: none; color: var(--km-guest-ink); }.km-page.km-ce button.km-ce__mail-fix:focus-visible{ outline: 2px solid var(--km-guest-purple); outline-offset: 2px; }@media (max-width: 760px){.km-page.km-ce .km-hero--brand.km-hero--ink.km-hero--over.km-hero--veil::after{ content: none; }.km-page.km-ce .km-hero--brand.km-hero--over .km-hero__title{ max-width: none; }.km-page.km-ce .km-guest .km-guest-layout{ display: flex; flex-direction: column; gap: 18px; }.km-page.km-ce .km-guest aside.km-ce__aside{ display: block; order: -1; padding-top: 0; }.km-page.km-ce .km-guest aside.km-ce__aside .km-guest-aside__sticky{ position: static; }.km-page.km-ce div.km-ce__how,.km-page.km-ce div.km-ce__go{ grid-template-columns: minmax(0, 1fr); }.km-page.km-ce section.km-ce__state{ padding: 18px 16px; }}