/* Собрано из 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-text-faint: #B5BFCA; --km-star-bg: #FFF4D6; --km-star-border: #F6D58A; --km-page: #F6F8FB; --km-surface: #FFFFFF; --km-surface-alt: #FAFBFD; --km-select-arrow: 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"); --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-medal-gold: #F4B740; --km-medal-gold-ink: #6B3F06; --km-medal-silver: #D5DCE4; --km-medal-bronze: #E9B48C; --km-medal-bronze-ink: #5C3216; --km-rank-dots: #B7C1CD; --km-ava-1: #E7D3E8; --km-ava-1-ink: #5E4270; --km-ava-2: #DCE4EF; --km-ava-2-ink: #2F5A7A; --km-ava-3: #F3EAD9; --km-ava-3-ink: #7A5A2A; --km-ava-4: #E3EEDF; --km-ava-4-ink: #3F6A3A; --km-ava-5: #F4DFD2; --km-ava-5-ink: #8A4A28; --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); }.km-line--noted{ flex-wrap: wrap; }.km-line__note{ flex-basis: 100%; padding-left: 26px; font-size: 13px; line-height: 1.45; 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-tree--compact .km-node{ --km-node-line: calc(14px * 1.35); }.km-tree--compact .km-tree__topics .km-node{ --km-node-line: calc(13px * 1.35); }.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-tree__topics .km-node--current{ margin-right: 0; padding-right: 6px; }.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: flex-start; 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; }@media (min-width: 641px){.km-course__main > .km-section + .km-section{ margin-top: 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-block > .km-files-block__title{ margin: 0 0 12px; }.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:not(:last-child)::after{ content: '\00B7'; margin-left: 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-toprank__bar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }.km-toprank__seg{ display: inline-flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--km-track); }.km-toprank button.km-toprank__tab,.km-toprank button.km-toprank__tab:hover,.km-toprank button.km-toprank__tab:focus,.km-toprank button.km-toprank__tab:active{ height: 40px; min-height: 0; margin: 0; padding: 0 18px; border: 0; border-radius: 9px; background: transparent; box-shadow: none; color: var(--km-text-secondary); font-family: var(--km-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-toprank button.km-toprank__tab:hover{ color: var(--km-text); }.km-toprank button.km-toprank__tab.is-active,.km-toprank button.km-toprank__tab.is-active:hover,.km-toprank button.km-toprank__tab.is-active:focus,.km-toprank button.km-toprank__tab.is-active:active{ background: #fff; color: var(--km-text); box-shadow: 0 1px 4px rgba(63, 76, 92, 0.14); }.km-toprank button.km-toprank__tab:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-toprank__choice{ display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; font-size: 14px; color: var(--km-text-secondary); }.km-toprank__choice[hidden]{ display: none; }.km-toprank .km-toprank__choice select.km-select{ flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%; height: 40px; }.km-toprank__card{ display: flex; flex-direction: column; gap: 6px; padding: 24px 24px 18px; border: 1px solid var(--km-border); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(63, 76, 92, 0.06); }.km-toprank__card[hidden]{ display: none; }.km-toprank__row{ display: flex; align-items: center; gap: 14px; margin: 0; padding: 10px 14px; border: 1px solid transparent; border-bottom-color: var(--km-border-soft); border-radius: 12px; }.km-toprank__row--me{ border-color: var(--km-warm-border); background: var(--km-warm-bg); }.km-toprank__place{ flex: none; width: 34px; font-family: var(--km-font-display); font-size: 18px; font-weight: 700; line-height: 1; text-align: center; color: var(--km-text-muted); }.km-toprank__place--1,.km-toprank__place--2,.km-toprank__place--3{ display: flex; align-items: center; justify-content: center; height: 34px; border-radius: 50%; font-size: 17px; }.km-toprank__place--1{ background: var(--km-medal-gold); color: var(--km-medal-gold-ink); }.km-toprank__place--2{ background: var(--km-medal-silver); color: var(--km-text); }.km-toprank__place--3{ background: var(--km-medal-bronze); color: var(--km-medal-bronze-ink); }.km-toprank__row--alone .km-toprank__place{ color: var(--km-warm-text-strong); }.km-toprank__ava--c1{ background: var(--km-ava-1); color: var(--km-ava-1-ink); }.km-toprank__ava--c2{ background: var(--km-ava-2); color: var(--km-ava-2-ink); }.km-toprank__ava--c3{ background: var(--km-ava-3); color: var(--km-ava-3-ink); }.km-toprank__ava--c4{ background: var(--km-ava-4); color: var(--km-ava-4-ink); }.km-toprank__ava--c5{ background: var(--km-ava-5); color: var(--km-ava-5-ink); }.km-toprank__who{ flex: 1; min-width: 0; overflow: hidden; font-size: 15px; font-weight: 600; line-height: 1.35; white-space: nowrap; text-overflow: ellipsis; color: var(--km-text); }.km-toprank__you{ font-weight: 700; color: var(--km-warm-text-strong); }.km-toprank__row--alone .km-toprank__who{ display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 1px; font-weight: 700; white-space: normal; }.km-toprank__row--alone .km-toprank__you{ color: var(--km-text); }.km-toprank__row--alone span.km-toprank__ava{ background: var(--km-peach); color: var(--km-warm-text-strong); }.km-toprank__gap{ flex-basis: 100%; font-size: 13px; font-weight: 400; color: var(--km-warm-text-strong); }.km-toprank__value{ flex: none; display: inline-flex; align-items: center; gap: 5px; font-family: var(--km-font-display); font-size: 20px; font-weight: 700; line-height: 1; color: var(--km-warm-text-strong); }.km-toprank__star{ flex: none; width: 18px; height: 18px; }.km-toprank__dots{ padding: 6px 0 4px; font-size: 18px; line-height: 1; letter-spacing: 4px; text-align: center; color: var(--km-rank-dots); }.km-toprank__dots[hidden],.km-toprank__mine[hidden]{ display: none; }.km-toprank__row--alone{ padding: 12px 14px; }@media (max-width: 640px){.km-toprank__seg{ display: flex; width: 100%; }.km-toprank__choice{ flex-direction: column; align-items: stretch; gap: 6px; width: 100%; }.km-toprank .km-toprank__choice select.km-select{ width: 100%; }.km-toprank button.km-toprank__tab,.km-toprank button.km-toprank__tab:hover,.km-toprank button.km-toprank__tab:focus,.km-toprank button.km-toprank__tab:active{ flex: 1; height: 44px; padding: 0 10px; }.km-toprank__card{ gap: 4px; padding: 18px 14px 14px; }.km-toprank__row{ gap: 10px; padding: 8px 10px; }.km-toprank__row--alone{ padding: 10px; }.km-toprank__place{ width: 28px; font-size: 16px; }.km-toprank__place--1,.km-toprank__place--2,.km-toprank__place--3{ height: 28px; font-size: 15px; }.km-toprank__row--alone .km-toprank__place{ font-size: 17px; }.km-toprank__who{ font-size: 14px; }.km-toprank__gap{ font-size: 12px; }.km-toprank__value{ gap: 4px; font-size: 18px; }.km-toprank__star{ width: 16px; height: 16px; }.km-toprank__dots{ padding: 4px 0; font-size: 16px; }}.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: flex-start; gap: 11px; padding: 10px 0; border-bottom: 1px solid var(--km-border-soft); --km-node-line: calc(15px * 1.35); }.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-tree__topics .km-node{ --km-node-line: calc(14px * 1.35); }.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 .km-badge{ line-height: 1.2; padding: 3px 8px; margin-top: calc( ( var( --km-node-line ) - 18px ) / 2 ); }.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; line-height: var(--km-node-line); 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-drop-note{ margin: 4px 0 8px; }.km-drop-note__text{ flex: 1 1 320px; min-width: 0; }.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: var(--km-select-arrow); 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-select:focus,.km-select.is-error,.km-select:disabled{ background-image: var(--km-select-arrow); background-repeat: no-repeat; background-position: right 14px center; }.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__add{ display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex: none; padding: 0; border: 1px solid var(--km-border); border-radius: 6px; background: var(--km-surface); color: var(--km-text-secondary); opacity: 0; cursor: pointer; }.km-treerow:hover .km-treerow__add,.km-treerow__add:focus-visible{ opacity: 1; }.km-treerow__add:hover{ color: var(--km-accent); border-color: var(--km-accent); }.km-treerow__add:disabled{ cursor: not-allowed; color: var(--km-text-faint); border-color: var(--km-border-soft); }.km-treerow__add svg{ width: 12px; height: 12px; }.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__body{ flex: 1; min-width: 0; display: flex; align-items: center; gap: 9px; }.km-treerow--explained .km-treerow__body{ align-items: flex-start; }.km-treerow__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }.km-treerow__name{ flex: none; 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{ align-items: flex-start; }.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); }.km-tag--star{ display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--km-warm-text-strong); background: var(--km-star-bg); border-color: var(--km-star-border); border-radius: 6px; padding: 3px 7px; font-variant-numeric: tabular-nums; }.km-tag--star-zero{ color: var(--km-text-muted); background: var(--km-surface); border-color: var(--km-border-soft); font-weight: 600; }.km-tree-stars{ display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px solid var(--km-warm-border); background: var(--km-warm-bg); border-radius: 10px; }.km-tree-stars__row{ display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }.km-tree-stars .km-hint{ margin: 0; }.km-tree-stars__fix{ padding-top: 10px; }@media ( max-width: 640px ){.km-treerow{ align-items: flex-start; }.km-treerow__body{ flex-wrap: wrap; row-gap: 6px; align-items: flex-start; }.km-treerow__text{ flex: 1 0 100%; }.km-treerow__name{ 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-lineup .km-lineup__badge{ line-height: 1.2; padding-top: 3px; padding-bottom: 3px; }.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-upnext.km-upnext--live{ align-items: flex-start; container: km-upnext / inline-size; }@container km-upnext (min-width: 284px){.km-upnext.km-upnext--live > .km-date-chip{ margin-top: 8px; }}.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-drawer__alert{ padding: 12px 24px; border-top: 1px solid var(--km-border); }.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__fold-head > .km-node .km-node__link{ flex: 1 1 0; pointer-events: none; }.km-tree__fold-head > .km-node .km-node__link > *{ pointer-events: auto; }.km-tree__fold-head > .km-node .km-node__title{ flex: 0 1 auto; }.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__header{ margin: 0 0 8px; font-size: 13px; line-height: 1.5; color: var(--km-text-secondary); }.km-letter__header b{ color: var(--km-text); }.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 [hidden]{ display: none !important; }.km-write,.km-write *,.km-write *::before,.km-write *::after{ box-sizing: border-box; }.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 ul,.km-letter-preview ul{ list-style: disc; }.km-write__area ol,.km-letter-preview ol{ list-style: decimal; }.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--blocks .km-write__area{ position: relative; }.km-write--blocks .km-write__area[data-empty="да"]::before{ position: absolute; top: 12px; left: 14px; right: 14px; }.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-write__emoji{ display: flex; flex-wrap: wrap; gap: 2px; padding: 8px; background: var(--km-bg); border: 1px solid var(--km-border); border-bottom: none; }.km-write__emoji[hidden]{ display: none; }.km-write__emoji-item{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; font-size: 20px; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: var(--km-radius-control); cursor: pointer; }.km-write__emoji-item:hover{ background: var(--km-surface); }.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-confirm{ z-index: 10001; }.km-confirm__box{ max-width: 440px; padding: 28px 24px 22px; }.km-confirm__text{ margin: 0 28px 20px 0; font-size: 16px; font-weight: 600; line-height: 1.55; color: var(--km-text); }.km-confirm__actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }.km-confirm__box:has(.km-confirm__lines){ max-width: 560px; }.km-confirm__lines{ display: grid; gap: 6px; margin: -8px 0 20px; padding: 0 0 0 18px; font-size: 14px; line-height: 1.5; color: var(--km-text); }.km-confirm__line{ margin: 0; }@media (max-width: 480px){.km-confirm__actions .km-btn{ flex: 1 1 auto; }}.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); }@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,.km-hub p.km-hub-meet__head,.km-hub p.km-hub-today__head{ 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-top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }.km-cast .km-cast-top > .km-cast-head{ flex: 0 1 860px; min-width: 0; }.km-cast .km-cast-arrows{ flex: none; display: flex; gap: 6px; padding-top: 4px; }.km-cast .km-cast-arrows a.km-btn--primary,.km-cast .km-cast-arrows a.km-btn--primary:visited,.km-cast .km-cast-arrows a.km-btn--primary:focus,.km-cast .km-cast-arrows a.km-btn--primary:active{ background: var(--km-accent); color: #fff; }.km-cast .km-cast-arrows a.km-btn--primary:hover{ background: var(--km-accent-light); color: #fff; }.km-cast .km-cast-arrows a.km-btn--secondary,.km-cast .km-cast-arrows a.km-btn--secondary:visited,.km-cast .km-cast-arrows a.km-btn--secondary:focus,.km-cast .km-cast-arrows a.km-btn--secondary:active{ background: var(--km-surface); color: var(--km-text); border-color: var(--km-border); }.km-cast .km-cast-arrows a.km-btn--secondary:hover{ background: var(--km-surface); color: var(--km-accent); border-color: var(--km-warm-border); }@media (max-width: 700px){.km-cast .km-cast-top{ gap: 12px; }}.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,.km-cast .km-cast-sched{ padding: 23px; }.km-cast .km-cast-date .km-cast-eyebrow{ margin-bottom: 13px; }.km-cast .km-cast-schedule{ margin-top: 19px; }.km-cast .km-cast-sched{ display: flex; flex-direction: column; gap: 14px; --km-leafs-side: 23px; }.km-cast .km-cast-sched .km-cast-eyebrow{ margin: 0; }.km-cast .km-leafs,.km-hub .km-leafs{ display: flex; flex-direction: column; gap: 6px; }.km-cast .km-leafs__row,.km-hub .km-leafs__row{ display: flex; align-items: flex-start; gap: 12px; margin: 0 calc(-1 * var(--km-leafs-side, 0px)); padding: 8px var(--km-leafs-side, 0px); }.km-cast .km-leafs__row--next,.km-hub .km-leafs__row--next{ background: #f6f1f8; }.km-cast .km-leafs__row--now,.km-hub .km-leafs__row--now{ background: var(--km-danger-bg); }.km-cast .km-leafs__leaf,.km-hub .km-leafs__leaf{ flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: 46px; height: 50px; margin-top: 5px; border: 1px solid #e2d8e8; border-radius: 10px; background: #fff; }.km-cast .km-leafs__day,.km-hub .km-leafs__day{ font-family: 'KM Oswald', Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1; color: #5e4270; }.km-cast .km-leafs__month,.km-hub .km-leafs__month{ margin-top: 3px; font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: #9a86a8; }.km-cast .km-leafs__row--next .km-leafs__leaf,.km-hub .km-leafs__row--next .km-leafs__leaf{ background: #6b4c7c; border-color: #6b4c7c; }.km-cast .km-leafs__row--now .km-leafs__leaf,.km-hub .km-leafs__row--now .km-leafs__leaf{ background: var(--km-live); border-color: var(--km-live); }.km-cast .km-leafs__row--next .km-leafs__day,.km-cast .km-leafs__row--next .km-leafs__month,.km-cast .km-leafs__row--now .km-leafs__day,.km-cast .km-leafs__row--now .km-leafs__month,.km-hub .km-leafs__row--next .km-leafs__day,.km-hub .km-leafs__row--next .km-leafs__month,.km-hub .km-leafs__row--now .km-leafs__day,.km-hub .km-leafs__row--now .km-leafs__month{ color: #fff; }.km-cast .km-leafs__text,.km-hub .km-leafs__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-family: 'KM Manrope', Arial, sans-serif; }.km-cast .km-leafs__name,.km-cast a.km-leafs__name,.km-cast a.km-leafs__name:visited,.km-cast a.km-leafs__name:focus,.km-hub .km-leafs__name,.km-hub a.km-leafs__name,.km-hub a.km-leafs__name:visited,.km-hub a.km-leafs__name:focus{ font-size: 15px; font-weight: 600; line-height: 1.35; color: #5e4270; text-decoration: none; overflow-wrap: anywhere; }.km-cast a.km-leafs__name:hover,.km-cast a.km-leafs__name:active,.km-hub a.km-leafs__name:hover,.km-hub a.km-leafs__name:active{ color: #5e4270; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }.km-cast .km-leafs__when,.km-hub .km-leafs__when{ display: flex; flex-wrap: wrap; align-items: center; row-gap: 2px; font-size: 13px; line-height: 1.45; color: #8e8496; }.km-cast .km-leafs__tag,.km-hub .km-leafs__tag{ margin-left: 6px; padding: 2px 7px; border-radius: 999px; background: #f7e4dc; font-size: 10px; font-weight: 800; line-height: 1.5; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; color: #9a4a3a; }.km-cast .km-leafs__tag--now,.km-hub .km-leafs__tag--now{ background: #f8d7d3; color: var(--km-live); }.km-cast .km-leafs__note,.km-hub .km-leafs__note{ margin-top: 1px; font-size: 12px; font-weight: 600; line-height: 1.4; color: #7e6a8c; overflow-wrap: anywhere; }.km-cast .km-cast-sched__foot{ display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 2px; }.km-cast p.km-cast-sched__more,.km-cast p.km-cast-sched__empty{ margin: 0; font-size: 13px; line-height: 1.6; color: #8e8496; }.km-cast a.km-cast-sched__all,.km-cast a.km-cast-sched__all:visited,.km-cast a.km-cast-sched__all:focus{ font-size: 14px; font-weight: 700; color: #5e4270; text-decoration: none; }.km-cast a.km-cast-sched__all:hover,.km-cast a.km-cast-sched__all:active{ color: #5e4270; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }.km-cast .km-cast-date__when{ display: flex; align-items: flex-start; 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 .km-cast-talk.km-cast-card:has(> .km-hub-discuss){ overflow: visible; }.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-sched,.km-cast .km-cast-toc{ padding: 18px; }.km-cast .km-cast-sched{ --km-leafs-side: 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-layout > .km-cast-main{ order: 1; }.km-cast .km-cast-layout > .km-cast-side{ order: 2; }.km-cast .km-cast-layout > .km-cast-talk{ order: 3; }.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: max-content minmax(0, 1fr); gap: 0 15px; padding: 17px; }.km-cast .km-cast-date__line{ white-space: nowrap; }.km-cast .km-cast-date > .km-cast-host,.km-cast .km-cast-date > .km-cast-host > div{ min-width: 0; }.km-cast .km-cast-date .km-cast-host__name{ overflow-wrap: anywhere; }.km-cast .km-cast-sched{ padding: 17px; --km-leafs-side: 17px; }.km-cast .km-cast-schedule{ margin-top: 20px; }.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: flex-start; 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{ margin-top: 8px; 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__fields.km-sec__fields--stack{ grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0 0 12px; }.km-sec__note{ margin: 0; font-family: var(--km-font); font-size: 12.5px; line-height: 1.5; color: var(--km-text-muted); }.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; font-size: 14px; }.km-source--states{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.km-source--states .km-source__pick:nth-child(3){ border-right: 0; }.km-source--states .km-source__pick:nth-child(4){ grid-column: 1 / -1; border-top: 1px solid var(--km-border); }.km-sp .km-weditor__when{ grid-template-columns: minmax(0, 1fr) 96px; }.km-sp .km-weditor__when .km-input{ height: 40px; min-height: 40px; padding: 0 10px; line-height: 38px; }.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__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-sec__event{ display: grid; gap: 10px; font-family: var(--km-font); }.km-sec__event .km-field{ margin: 0; }.km-sec__point{ display: grid; grid-template-columns: 14px 18px minmax(0, 1fr) 32px; gap: 8px; align-items: center; margin: 0 0 8px; }.km-sec__point-grip{ font-size: 12px; letter-spacing: -2px; color: var(--km-text-muted); cursor: grab; user-select: none; }.km-sec__point--drag{ opacity: 0.45; }.km-sec__point-n{ font-family: var(--km-font); font-size: 12.5px; font-weight: 600; text-align: right; color: var(--km-text-muted); }.km-sec__how{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 10px; }.km-sec .km-sec__point-del{ width: 32px; height: 32px; 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-sec .km-sec__point-del:hover{ border-color: var(--km-danger); color: var(--km-danger); }.km-sec .km-sec__add{ justify-self: start; margin: 0; padding: 2px 0; border: 0; background: none; box-shadow: none; font-family: var(--km-font); 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__note{ margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--km-text); }.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-card--fixed{ grid-template-columns: minmax(0, 1fr); }.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-page.km-ce{ --km-guest-purple: #866591; }.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-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{ font-family: var(--km-font); }.km-page.km-ce .km-guest :where(input, button, select, textarea){ font-family: var(--km-font); }.km-page.km-ce .km-guest .km-guest-section h2.km-guest-h2{ font-size: 27px; line-height: 1.3; }.km-page.km-ce .km-guest .km-guest-section{ border-bottom: 0; }.km-page.km-ce .km-guest .km-guest-section:has(+ .km-ce__player-section){ padding-bottom: 0; }.km-page.km-ce .km-guest .km-guest-section.km-ce__player-section{ padding: 36px 0; }.km-page.km-ce .km-guest .km-ce__player-section + .km-guest-section{ padding-top: 0; }.km-page.km-ce .km-ce__player > *{ margin-top: 0; margin-bottom: 0; }.km-page.km-ce .km-guest .km-guest-prose + .km-guest-prose{ margin-top: 16px; }.km-page.km-ce .km-guest .km-guest-section h2.km-guest-h2.km-ce__talk-title{ margin-bottom: 17px; font-size: 21px; line-height: 1.25; }.km-guest .km-ce__talk-count{ margin-left: 8px; font-family: var(--km-font); font-size: 14px; font-weight: 800; letter-spacing: 1.8px; color: #9a7dab; }.km-page.km-ce .km-ce__talk #comments{ margin: 0; padding: 0; }.km-page.km-ce .km-ce__talk #wpdcom{ max-width: none; margin: 0; padding: 0; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-form-head{ border: 0; margin: 0; padding: 0; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-form-wrap,.km-page.km-ce .km-ce__talk #wpdcom .wpdiscuz-textarea-wrap{ padding: 0; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-thread-wrapper{ margin: 0; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-thread-list:not(:has(.wpd-comment)){ padding: 0; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-login-to-comment{ display: none; }.km-page.km-ce .km-ce__talk #wpdcom .wpd-form textarea.wc_comment{ min-height: 56px; padding: 14px 16px; }.km-page.km-ce .km-guest > .km-editlinks{ margin: 0 0 var(--km-stack-gap, var(--km-gap-group)); }.km-page.km-ce .km-guest .km-guest-prose{ max-width: none; line-height: 1.7; }.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.km-ce.km-ce .km-ce__hero .km-hero__title{ letter-spacing: -0.01em; }.km-page.km-ce.km-ce.km-ce .km-ce__hero .km-hero__eyebrow{ text-transform: uppercase; letter-spacing: 0.14em; }@media (max-width: 640px){.km-page.km-ce.km-ce.km-ce .km-ce__hero .km-hero__eyebrow{ letter-spacing: 0.1em; line-height: 1.5; }}.km-page.km-ce .km-ce__hero h1.km-hero__title{ padding-top: 0 !important; }@media (max-width: 640px){.km-page.km-ce .km-hero--brand.km-hero--over.km-ce__hero .km-hero__body{ min-height: 0; }}@media (min-width: 641px){.km-page.km-ce .km-hero--brand.km-hero--over.km-ce__hero .km-hero__body{ justify-content: flex-start; padding-top: calc(374px / 3); }}.km-page.km-ce .km-hero--brand.km-hero--ink.km-hero--over.km-ce__hero::after{ content: ''; background: linear-gradient(to right, color-mix(in srgb, #fff 55%, transparent) 0%, color-mix(in srgb, #fff 0%, transparent) 50%); }@media (max-width: 640px){.km-page.km-ce .km-hero--brand.km-hero--ink.km-hero--over.km-ce__hero::after{ content: none; }}.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 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-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; }}.km-feed-article .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover{ min-height: 0; max-height: none; }.km-feed-article .activity-link-preview-container .activity-link-preview-image .activity-link-preview-image-cover img{ width: 100%; max-width: 100%; min-width: 0; height: auto; min-height: 0; object-fit: contain; }.km-feed-article .activity-link-preview-container .activity-link-preview-info .activity-link-preview-title,.km-feed-article .activity-link-preview-container .activity-link-preview-info .activity-link-preview-title a{ font-size: 18px; font-weight: 700; line-height: 1.35; }:root{ --km-hub-ink: #2E2433; --km-hub-title: #3B2A47; --km-hub-muted: #766C7E; --km-hub-line: #EAE5EE; --km-hub-chip-line: #E2DBE7; --km-hub-chip-ink: #4A3E52; --km-hub-accent: #6B4C7C; --km-hub-soft: #EDE5F1; --km-hub-hover: #F3EEF6; --km-hub-link: #5E4270; --km-hub-red: #C8433A; --km-hub-red-deep: #A9362E; --km-hub-red-hover: #B23A32; --km-hub-seg: #EDE7F1; --km-hub-seg-ink: #5E5466; --km-hub-pin: #F1E9F5; --km-hub-pin-line: #E2D3EA; --km-hub-pin-card-line: #D9C7E3; --km-hub-pin-strip: #F4EEF7; --km-hub-pin-strip-line: #EBE1F0; --km-hub-label: #F1EAF4; --km-hub-badge: #F1EDF4; --km-hub-line-soft: #F1EDF4; --km-hub-field: #FAF8FB; --km-hub-done: #2E7D5B; --km-hub-done-bg: #EEF7F2; --km-hub-done-line: #CFE7DA; --km-hub-mark: #FBE7B4; --km-hub-track: #ECE6F0; --km-hub-switch-off: #D9D3DE; --km-hub-dash: #C9B8D4; --km-hub-box-line: #D3CCD6; --km-hub-dark: rgba(46, 36, 51, 0.55); --km-hub-font: 'KM Manrope', Arial, sans-serif; --km-hub-display: 'KM Oswald', Arial, sans-serif; --km-hub-card-title-size: 20px; --km-hub-card-title-line: 1.25; --km-hub-read: #E7D3E8; --km-hub-site-ink: #C25A2A; --km-hub-guest: #D5D3D7; --km-hub-guest-ink: #FFFFFF; --km-hub-leaf: #F3EDF7; --km-hub-leaf-rec: #F1EFF3; --km-hub-leaf-rec-day: #6F6676; --km-hub-live-ink: #B23A32; --km-hub-cast-text: #4A3E52; --km-hub-proof: #5A4F61; --km-hub-hint: #C3C6C9; --km-hub-tag-lilac-bg: #EDE5F1; --km-hub-tag-lilac-ink: #4A3060; --km-hub-tag-mint-bg: #DDF2EA; --km-hub-tag-mint-ink: #23664F; --km-hub-tag-sky-bg: #DFEAF7; --km-hub-tag-sky-ink: #2F527D; --km-hub-tag-peach-bg: #FBE3D5; --km-hub-tag-peach-ink: #8A4A28; --km-hub-tag-rose-bg: #F8E1E8; --km-hub-tag-rose-ink: #8A2F4A; --km-hub-tag-sand-bg: #F4EBCB; --km-hub-tag-sand-ink: #6B5414; --km-hub-tag-teal-bg: #D9EEEF; --km-hub-tag-teal-ink: #1F5E64; --km-hub-tag-stone-bg: #ECEDF1; --km-hub-tag-stone-ink: #464B57; --km-hub-place: #9A86A8; --km-hub-mine: #F6F1F8; }.km-hub-tag{ display: inline-block; max-width: 100%; padding: 5px 10px; border-radius: 6px; overflow: hidden; font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1.3; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }.km-hub-tag--lilac{ background: var(--km-hub-tag-lilac-bg); color: var(--km-hub-tag-lilac-ink); }.km-hub-tag--mint{ background: var(--km-hub-tag-mint-bg); color: var(--km-hub-tag-mint-ink); }.km-hub-tag--sky{ background: var(--km-hub-tag-sky-bg); color: var(--km-hub-tag-sky-ink); }.km-hub-tag--peach{ background: var(--km-hub-tag-peach-bg); color: var(--km-hub-tag-peach-ink); }.km-hub-tag--rose{ background: var(--km-hub-tag-rose-bg); color: var(--km-hub-tag-rose-ink); }.km-hub-tag--sand{ background: var(--km-hub-tag-sand-bg); color: var(--km-hub-tag-sand-ink); }.km-hub-tag--teal{ background: var(--km-hub-tag-teal-bg); color: var(--km-hub-tag-teal-ink); }.km-hub-tag--stone{ background: var(--km-hub-tag-stone-bg); color: var(--km-hub-tag-stone-ink); }.km-page.km-hub{ padding-top: 32px; padding-bottom: 64px; background: transparent; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-page.km-hub--feed{ max-width: 1260px; }.km-hub .km-hub__inner{ max-width: 1220px; margin: 0 auto; display: flex; flex-direction: column; gap: 28px; container: km-hub / inline-size; }.km-hub .km-hub__head{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0; }.km-hub .km-hub__titles{ display: flex; flex-direction: column; gap: 6px; }.km-hub p.km-hub__eyebrow{ margin: 0; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-hub-muted); }.km-hub h1.km-hub__title{ margin: 0; font-family: var(--km-hub-display); font-size: 40px; font-weight: 500; line-height: 1.1; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub .km-hub__cols{ display: grid; grid-template-columns: 220px minmax(0, 1fr) 260px; flex-wrap: wrap; gap: 28px; align-items: start; }.km-hub .km-hub__cols > .km-hub-nav{ grid-column: 1; grid-row: 1; }.km-hub .km-hub__cols > .km-hub-main{ grid-column: 2; grid-row: 1; }.km-hub .km-hub__cols > .km-hub-aside{ grid-column: 3; grid-row: 1; }.km-hub .km-hub__cols.km-hub__cols--wide > .km-hub-main{ grid-column: 2 / -1; }.km-hub .km-hub-icon{ width: 18px; height: 18px; flex: none; }.km-hub .km-hub-nav{ flex: 1 1 220px; max-width: 240px; display: flex; flex-direction: column; gap: 26px; }.km-hub .km-hub-nav__block{ display: flex; flex-direction: column; gap: 4px; }.km-hub p.km-hub-nav__head{ margin: 0; padding: 0 12px 6px; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-hub-muted); }.km-hub p.km-hub-nav__note{ margin: 0; padding: 0 12px; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub button.km-hub-nav__item,.km-hub button.km-hub-nav__item:focus,.km-hub button.km-hub-nav__item:active{ display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin: 0; padding: 8px 12px; border: 0; border-radius: 10px; background: transparent; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-nav__item:hover{ border: 0; background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-nav__item.km-hub-nav__item--on,.km-hub button.km-hub-nav__item.km-hub-nav__item--on:hover{ background: var(--km-hub-soft); font-weight: 700; }.km-hub button.km-hub-nav__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-nav__label{ flex: 1; min-width: 0; overflow-wrap: anywhere; }.km-hub-avatar{ flex: none; display: block; object-fit: cover; }.km-hub-avatar--sm{ width: 32px; height: 32px; border-radius: 8px; }.km-hub-avatar--xs{ width: 28px; height: 28px; border-radius: 7px; }.km-hub-avatar--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 12px; font-weight: 700; line-height: 1; }.km-hub .km-hub-main{ flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }.km-hub .km-hub-bar{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.km-hub button.km-hub-plaque,.km-hub button.km-hub-plaque:focus,.km-hub button.km-hub-plaque:active{ display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 40px; margin: 0; padding: 0 8px 0 6px; border: 0; border-radius: 10px; background: var(--km-hub-soft); box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-plaque:hover{ border: 0; background: var(--km-hub-chip-line); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-plaque:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-plaque__title{ min-width: 0; overflow-wrap: anywhere; }.km-hub .km-hub-plaque__face{ display: flex; flex: none; }.km-hub .km-hub-bar[hidden]{ display: none; }.km-hub .km-hub-plaque__x{ width: 24px; height: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex: none; color: var(--km-hub-muted); }.km-hub .km-hub-plaque__x .km-hub-icon{ width: 14px; height: 14px; }.km-hub .km-hub-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub button.km-hub-chip,.km-hub button.km-hub-chip:focus,.km-hub button.km-hub-chip:active{ flex: none; height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-chip-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: normal; text-align: center; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-chip:hover{ border-color: var(--km-hub-accent); background: #fff; box-shadow: none; color: var(--km-hub-chip-ink); }.km-hub button.km-hub-chip[aria-pressed="true"],.km-hub button.km-hub-chip[aria-pressed="true"]:hover{ border-color: var(--km-hub-accent); background: var(--km-hub-accent); color: #fff; }.km-hub button.km-hub-chip:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub p.km-hub-empty{ margin: 0; padding: 18px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; font-size: 15px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub button.km-hub-write,.km-hub button.km-hub-write:focus,.km-hub button.km-hub-write:active,.km-hub a.km-hub-write,.km-hub a.km-hub-write:visited,.km-hub a.km-hub-write:focus,.km-hub a.km-hub-write:active{ display: inline-flex; align-items: center; gap: 8px; height: 46px; margin: 0; padding: 0 22px; border: 0; border-radius: 10px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-write:hover,.km-hub a.km-hub-write:hover{ border: 0; background: var(--km-hub-red-deep); box-shadow: none; color: #fff; }.km-hub button.km-hub-write:focus-visible,.km-hub a.km-hub-write:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub a.km-hub-write{ box-sizing: border-box; text-decoration: none; }.km-hub a.km-hub-write.km-hub-write--plain,.km-hub a.km-hub-write.km-hub-write--plain:visited,.km-hub a.km-hub-write.km-hub-write--plain:focus,.km-hub a.km-hub-write.km-hub-write--plain:active{ height: 42px; padding: 0 18px; border: 1px solid var(--km-hub-chip-line); background: #fff; color: var(--km-hub-ink); font-size: 14px; }.km-hub a.km-hub-write.km-hub-write--plain:hover{ border: 1px solid var(--km-hub-chip-line); background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-hub button.km-hub-prompt,.km-hub button.km-hub-prompt:focus,.km-hub button.km-hub-prompt:active{ display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 14px 18px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 15px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-prompt:hover{ border-color: var(--km-hub-chip-line); background: #fff; box-shadow: none; color: var(--km-hub-muted); }.km-hub button.km-hub-prompt:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-prompt__text{ flex: 1; min-width: 0; }.km-hub-person{ flex: none; display: block; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }.km-hub-person--md{ width: 38px; height: 38px; }.km-hub img.km-hub-person.km-hub-person{ border-radius: 50%; }.km-hub-person--guest{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-guest); color: var(--km-hub-guest-ink); }.km-hub-person--guest svg{ width: 60%; height: 60%; }.km-hub-person--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1; }.km-hub .km-hub-seg{ display: inline-flex; flex-wrap: wrap; gap: 3px; padding: 3px; border-radius: 11px; background: var(--km-hub-seg); }.km-hub button.km-hub-seg__item,.km-hub button.km-hub-seg__item:focus,.km-hub button.km-hub-seg__item:active{ height: 34px; margin: 0; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-seg-ink); font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-seg__item:hover{ border: 0; background: rgba(255, 255, 255, 0.55); box-shadow: none; color: var(--km-hub-seg-ink); }.km-hub button.km-hub-seg__item[aria-pressed="true"],.km-hub button.km-hub-seg__item[aria-pressed="true"]:hover{ background: #fff; color: var(--km-hub-title); box-shadow: 0 1px 3px rgba(59, 42, 71, 0.14); }.km-hub button.km-hub-seg__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-tools{ display: flex; align-items: flex-start; gap: 12px; }.km-hub .km-hub-tools .km-hub-chips{ flex: 1; min-width: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }.km-hub .km-hub-tools .km-hub-chips::-webkit-scrollbar{ display: none; }.km-hub .km-hub-sort{ position: relative; flex: none; }.km-hub .km-hub-sort__button,.km-hub .km-hub-menu__button{ display: flex; align-items: center; justify-content: center; list-style: none; cursor: pointer; }.km-hub .km-hub-sort__button::-webkit-details-marker,.km-hub .km-hub-menu__button::-webkit-details-marker{ display: none; }.km-hub .km-hub-sort__button{ box-sizing: border-box; width: 40px; height: 40px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; color: var(--km-hub-ink); }.km-hub .km-hub-sort[open] .km-hub-sort__button{ border-color: var(--km-hub-accent); }.km-hub .km-hub-sort__button .km-hub-icon{ width: 20px; height: 20px; }.km-hub .km-hub-sort__list,.km-hub .km-hub-menu__list{ position: absolute; right: 0; z-index: 5; display: flex; flex-direction: column; padding: 6px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; }.km-hub .km-hub-sort__list{ top: 48px; width: 250px; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.14); }.km-hub .km-hub-menu__list{ top: 40px; width: 280px; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.12); }.km-hub button.km-hub-sort__item,.km-hub button.km-hub-sort__item:focus,.km-hub button.km-hub-sort__item:active,.km-hub button.km-hub-menu__item,.km-hub button.km-hub-menu__item:focus,.km-hub button.km-hub-menu__item:active{ display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 100%; height: 44px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-sort__item:hover,.km-hub button.km-hub-menu__item:hover{ border: 0; background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-sort__item[aria-checked="true"],.km-hub button.km-hub-sort__item[aria-checked="true"]:hover{ background: var(--km-hub-pin); font-weight: 700; }.km-hub button.km-hub-menu__item.km-hub-menu__item--danger,.km-hub button.km-hub-menu__item.km-hub-menu__item--danger:hover{ color: var(--km-danger); }.km-hub button.km-hub-sort__item:focus-visible,.km-hub button.km-hub-menu__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: -2px; }.km-hub .km-hub-menu__line{ height: 1px; margin: 4px 6px; background: var(--km-hub-line-soft); }.km-hub .km-hub-feed{ display: flex; flex-direction: column; gap: 18px; }.km-hub-post{ border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub .km-hub-post__body{ display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; }.km-hub .km-hub-post__head{ display: flex; align-items: center; gap: 12px; min-width: 0; }.km-hub .km-hub-post__face{ position: relative; flex: none; width: 40px; height: 40px; }.km-hub .km-hub-post__avatar{ display: block; width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }.km-hub .km-hub-post__avatar--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-size: 13px; font-weight: 700; }.km-hub .km-hub-post__badge{ position: absolute; right: -4px; bottom: -4px; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; box-sizing: content-box; }.km-hub .km-hub-post__badge--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-badge); color: var(--km-hub-ink); font-size: 8px; font-weight: 700; line-height: 1; }.km-hub .km-hub-post__who{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }.km-hub .km-hub-post__place{ font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-post__meta{ font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-post__author{ font-weight: 600; color: var(--km-hub-link); }.km-hub .km-hub-post__when{ white-space: nowrap; }.km-hub a.km-hub-post__permalink,.km-hub a.km-hub-post__permalink:visited,.km-hub a.km-hub-post__permalink:hover,.km-hub a.km-hub-post__permalink:focus,.km-hub a.km-hub-post__permalink:active{ color: inherit; font: inherit; text-decoration: none; box-shadow: none; }.km-hub a.km-hub-post__permalink:hover{ text-decoration: underline; }.km-hub .km-hub-post__ago-short,.km-hub .km-hub-post__metatag,.km-hub .km-hub-post__tag-below{ display: none; }.km-hub .km-hub-post__tag{ flex: none; max-width: 40%; overflow: hidden; text-overflow: ellipsis; }.km-hub .km-hub-menu{ position: relative; flex: none; }.km-hub .km-hub-menu__button{ width: 36px; height: 36px; border-radius: 8px; color: var(--km-hub-muted); }.km-hub .km-hub-menu__button:hover{ background: var(--km-hub-hover); }.km-hub .km-hub-menu__button .km-hub-icon{ width: 20px; height: 20px; }.km-hub p.km-hub-post__stream{ margin: 0; font-size: 14px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub p.km-hub-post__report{ margin: 0; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--km-hub-tag-lilac-ink); }.km-hub h2.km-hub-post__title{ margin: 0; font-family: var(--km-hub-display); font-size: 22px; font-weight: 400; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub .km-hub-post__text{ font-size: 15px; line-height: 1.65; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-post__text > *{ margin: 0; }.km-hub .km-hub-post__text > * + *{ margin-top: 10px; }.km-hub .km-hub-post__text h3{ padding: 0; font-family: var(--km-hub-font); font-size: 17px; font-weight: 700; line-height: 1.35; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub .km-hub-post__text ul,.km-hub .km-hub-post__text ol{ padding: 0 0 0 22px; }.km-hub .km-hub-post__text ul{ list-style: disc; }.km-hub .km-hub-post__text ol{ list-style: decimal; }.km-hub .km-hub-post__text li{ margin: 0; padding: 0; }.km-hub .km-hub-post__text li + li{ margin-top: 4px; }.km-hub .km-hub-post__text strong,.km-hub .km-hub-post__text b{ font-weight: 700; }.km-hub .km-hub-post__text em,.km-hub .km-hub-post__text i{ font-style: italic; }.km-hub .km-hub-field__write{ min-width: 0; }.km-hub .km-hub-post__text a{ color: var(--km-hub-link); text-decoration: underline; }.km-hub .km-hub-post .km-hub-status:empty{ display: none; }.km-hub p.km-hub-more{ display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0; padding: 8px 0; font-size: 14px; color: var(--km-hub-muted); }.km-hub p.km-hub-more[hidden]{ display: none; }.km-hub .km-hub-more__spin{ width: 16px; height: 16px; border: 2px solid var(--km-hub-chip-line); border-top-color: var(--km-hub-accent); border-radius: 50%; animation: km-hub-spin 0.9s linear infinite; }@keyframes km-hub-spin{ to { transform: rotate(360deg); } }.km-hub button.km-hub-back,.km-hub button.km-hub-back:focus,.km-hub button.km-hub-back:active{ display: inline-flex; align-items: center; gap: 6px; height: 40px; margin: 0; padding: 0 14px 0 10px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-back:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub .km-hub-aside{ flex: 1 1 260px; max-width: 280px; display: flex; flex-direction: column; gap: 18px; }.km-hub .km-hub-aside[hidden]{ display: none; }.km-hub .km-hub-box{ display: flex; flex-direction: column; gap: 16px; padding: 20px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub .km-hub-meet,.km-hub .km-hub-today{ gap: 14px; --km-leafs-side: 12px; padding-right: var(--km-leafs-side); padding-left: var(--km-leafs-side); }.km-hub .km-hub-meet .km-leafs__row{ gap: 8px; }.km-hub .km-hub-meet .km-leafs__leaf{ width: 44px; }.km-hub p.km-hub-meet__head{ margin: 0; }.km-hub p.km-hub-today__head{ margin: 0; }.km-hub ol.km-hub-today__list{ display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }.km-hub li.km-hub-today__row{ display: flex; align-items: center; gap: 8px; margin: 0 calc(-1 * var(--km-leafs-side, 0px)); padding: 8px var(--km-leafs-side, 0px); }.km-hub li.km-hub-today__row--me{ background: var(--km-hub-mine); }.km-hub .km-hub-today__place{ flex: none; width: 14px; font-size: 13px; font-weight: 800; line-height: 1; text-align: left; color: var(--km-hub-place); }.km-hub li.km-hub-today__row--me .km-hub-today__place{ color: var(--km-hub-link); }.km-hub .km-hub-today__face{ flex: none; width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }.km-hub .km-hub-today__face.km-hub-person--letters{ font-size: 11px; }.km-hub .km-hub-today__face--c1.km-hub-person--letters{ background: var(--km-ava-1); color: var(--km-ava-1-ink); }.km-hub .km-hub-today__face--c2.km-hub-person--letters{ background: var(--km-ava-2); color: var(--km-ava-2-ink); }.km-hub .km-hub-today__face--c3.km-hub-person--letters{ background: var(--km-ava-3); color: var(--km-ava-3-ink); }.km-hub .km-hub-today__face--c4.km-hub-person--letters{ background: var(--km-ava-4); color: var(--km-ava-4-ink); }.km-hub .km-hub-today__face--c5.km-hub-person--letters{ background: var(--km-ava-5); color: var(--km-ava-5-ink); }.km-hub .km-hub-today button.km-hub-today__name,.km-hub .km-hub-today button.km-hub-today__name:hover,.km-hub .km-hub-today button.km-hub-today__name:focus,.km-hub .km-hub-today button.km-hub-today__name:active,.km-hub .km-hub-today span.km-hub-today__name{ flex: 1; min-width: 0; overflow: hidden; color: var(--km-hub-ink); font-size: 14px; font-weight: 600; line-height: 1.3; white-space: normal; text-align: left; }.km-hub .km-hub-today span.km-hub-today__text{ display: -webkit-box; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }.km-hub .km-hub-today span.km-hub-today__name--me{ font-weight: 700; }.km-hub .km-hub-today__stars{ flex: none; display: inline-flex; align-items: center; gap: 3px; color: var(--km-hub-link); font-size: 14px; font-weight: 800; line-height: 1; }.km-hub .km-hub-today__star{ flex: none; width: 15px; height: 15px; }.km-hub a.km-hub-today__all,.km-hub a.km-hub-today__all:visited,.km-hub a.km-hub-today__all:focus{ padding: 0; color: var(--km-hub-link); font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; }.km-hub a.km-hub-today__all:hover{ color: var(--km-hub-title); text-decoration: underline; text-underline-offset: 3px; }.km-hub li.km-hub-today__row{ position: relative; }.km-hub .km-hub-today .km-hub-pop{ left: auto; right: -1px; }@container km-hub (max-width: 1095.98px){.km-hub .km-hub-today .km-hub-pop{ left: -1px; right: auto; }}.km-hub .km-hub-modal{ position: fixed; inset: 0; z-index: 2147483001; display: flex; align-items: flex-start; justify-content: center; padding: 40px 16px; background: rgba(46, 36, 51, 0.45); overflow-y: auto; }.km-hub .km-hub-modal[hidden]{ display: none; }.km-hub .km-hub-dialog{ display: flex; flex-direction: column; width: 640px; max-width: 100%; border-radius: 16px; background: #fff; box-shadow: 0 12px 40px rgba(59, 42, 71, 0.18); overflow: hidden; }.km-hub .km-hub-dialog__head{ display: flex; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--km-hub-line-soft); }.km-hub h2.km-hub-dialog__title{ flex: 1; margin: 0; font-family: var(--km-hub-display); font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub button.km-hub-dialog__close,.km-hub button.km-hub-dialog__close:focus,.km-hub button.km-hub-dialog__close:active{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-muted); line-height: 1; cursor: pointer; }.km-hub button.km-hub-dialog__close:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub .km-hub-dialog__body{ display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 20px 22px; }.km-hub .km-hub-dialog__foot{ display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 16px 22px; border-top: 1px solid var(--km-hub-line-soft); background: var(--km-hub-field); }.km-hub .km-hub-field{ display: flex; flex-direction: column; gap: 7px; min-width: 0; }.km-hub .km-hub-field[hidden]{ display: none; }.km-hub fieldset.km-hub-field--set{ gap: 8px; margin: 0; padding: 0; border: 0; }.km-hub .km-hub-field__label{ margin: 0; padding: 0; font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--km-hub-ink); }.km-hub fieldset.km-hub-field--set > .km-hub-field__label{ margin-bottom: 8px; }.km-hub .km-hub-field__star{ color: var(--km-danger); }.km-hub .km-hub-field__input{ box-sizing: border-box; width: 100%; height: 46px; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: var(--km-hub-field); box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.4; }.km-hub textarea.km-hub-field__input--text{ height: auto; min-height: 140px; padding: 12px 14px; line-height: 1.6; resize: vertical; }.km-hub .km-hub-field__input:focus{ border-color: var(--km-hub-accent); outline: none; box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-hub .km-hub-field__hint{ font-size: 13px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub p.km-hub-field__hint{ margin: 0; }.km-hub .km-hub-field__hint:empty{ display: none; }.km-hub .km-hub-field__error{ font-size: 13px; line-height: 1.5; color: var(--km-danger); }.km-hub .km-hub-field__error[hidden]{ display: none; }.km-hub .km-hub-picks{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub .km-hub-picks button.km-hub-chip,.km-hub .km-hub-picks button.km-hub-chip:focus,.km-hub .km-hub-picks button.km-hub-chip:active{ flex: 0 1 auto; max-width: 100%; height: auto; min-height: 40px; padding-top: 9px; padding-bottom: 9px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }.km-hub button.km-hub-button,.km-hub button.km-hub-button:focus,.km-hub button.km-hub-button:active{ height: 46px; margin: 0; padding: 0 20px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-button:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-button.km-hub-button--primary,.km-hub button.km-hub-button.km-hub-button--primary:focus,.km-hub button.km-hub-button.km-hub-button--primary:active{ padding: 0 24px; border-color: var(--km-hub-red); background: var(--km-hub-red); color: #fff; font-weight: 700; }.km-hub button.km-hub-button.km-hub-button--primary:hover{ border-color: var(--km-hub-red-deep); background: var(--km-hub-red-deep); color: #fff; }.km-hub button.km-hub-button:disabled{ opacity: 0.6; cursor: default; }.km-hub button.km-hub-button:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-pick{ display: none; }.km-hub .km-hub-pick__button{ display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 14px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; color: var(--km-hub-ink); font-size: 15px; font-weight: 700; line-height: 1.3; list-style: none; cursor: pointer; }.km-hub .km-hub-pick__button::-webkit-details-marker{ display: none; }.km-hub .km-hub-pick__label{ flex: 1; min-width: 0; overflow-wrap: anywhere; }.km-hub .km-hub-pick[open] .km-hub-pick__button{ border-color: var(--km-hub-accent); }.km-hub .km-hub-pick__list{ display: flex; flex-direction: column; gap: 14px; margin-top: 6px; padding: 10px 6px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.14); }.km-hub .km-hub-icon--solid{ stroke: none; }.km-hub .km-hub-gallery{ display: grid; gap: 4px; border-radius: 12px; overflow: hidden; }.km-hub .km-hub-tile{ position: relative; min-width: 0; min-height: 0; overflow: hidden; }.km-hub .km-hub-tile--image{ background: var(--km-hub-badge); }.km-hub .km-hub-tile--video,.km-hub .km-hub-tile--embed{ background: var(--km-hub-ink); }.km-hub .km-hub-tile__media{ display: block; max-width: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; }.km-hub .km-hub-tile__size{ display: none; }.km-hub .km-hub-gallery--one-h,.km-hub .km-hub-gallery--one-v,.km-hub .km-hub-gallery--pair{ display: flex; align-items: flex-start; }.km-hub .km-hub-gallery--one-v{ width: fit-content; max-width: 100%; }.km-hub .km-hub-gallery--one-h .km-hub-tile{ flex: 1 1 auto; }.km-hub .km-hub-gallery--one-v .km-hub-tile,.km-hub .km-hub-gallery--pair .km-hub-tile{ flex: 0 1 auto; }.km-hub .km-hub-gallery--one-h .km-hub-tile__media,.km-hub .km-hub-gallery--one-h .km-hub-tile__size{ display: block; width: 100%; height: auto; }.km-hub .km-hub-gallery--one-v .km-hub-tile__media,.km-hub .km-hub-gallery--one-v .km-hub-tile__size,.km-hub .km-hub-gallery--pair .km-hub-tile__media,.km-hub .km-hub-gallery--pair .km-hub-tile__size{ display: block; max-width: 100%; height: auto; }.km-hub .km-hub-gallery--two-h .km-hub-tile__media,.km-hub .km-hub-gallery--two-v .km-hub-tile__media,.km-hub .km-hub-gallery--three-h .km-hub-tile__media,.km-hub .km-hub-gallery--three-v .km-hub-tile__media,.km-hub .km-hub-gallery--four-h .km-hub-tile__media,.km-hub .km-hub-gallery--four-v .km-hub-tile__media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.km-hub .km-hub-gallery .km-hub-tile--video .km-hub-tile__media{ position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: contain; }.km-hub .km-hub-gallery .km-hub-tile--embed .km-hub-tile__media,.km-hub .km-hub-gallery .km-hub-tile__frame{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; margin: 0; border: 0; object-fit: cover; }.km-hub .km-hub-gallery--two-h .km-hub-tile{ aspect-ratio: 608 / 300; }.km-hub .km-hub-gallery--two-v{ grid-template-columns: 1fr 1fr; }.km-hub .km-hub-gallery--two-v .km-hub-tile{ aspect-ratio: 302 / 402; }.km-hub .km-hub-gallery--three-h{ grid-template-columns: 1fr 1fr; }.km-hub .km-hub-gallery--three-h .km-hub-tile{ aspect-ratio: 302 / 200; }.km-hub .km-hub-gallery--four-h{ grid-template-columns: repeat(3, 1fr); }.km-hub .km-hub-gallery--four-h .km-hub-tile{ aspect-ratio: 197 / 160; }.km-hub .km-hub-gallery--three-h .km-hub-tile:first-child,.km-hub .km-hub-gallery--four-h .km-hub-tile:first-child{ grid-column: 1 / -1; aspect-ratio: 608 / 340; }.km-hub .km-hub-gallery--three-v{ grid-template-columns: 360fr 244fr; grid-template-rows: 1fr 1fr; aspect-ratio: 608 / 480; }.km-hub .km-hub-gallery--four-v{ grid-template-columns: 400fr 204fr; grid-template-rows: repeat(3, 1fr); aspect-ratio: 608 / 480; }.km-hub .km-hub-gallery--three-v .km-hub-tile:first-child{ grid-row: 1 / span 2; }.km-hub .km-hub-gallery--four-v .km-hub-tile:first-child{ grid-row: 1 / span 3; }.km-hub .km-hub-gallery--video.km-hub-gallery--two-h .km-hub-tile,.km-hub .km-hub-gallery--video.km-hub-gallery--three-h .km-hub-tile,.km-hub .km-hub-gallery--video.km-hub-gallery--three-h .km-hub-tile:first-child,.km-hub .km-hub-gallery--video.km-hub-gallery--four-h .km-hub-tile:first-child{ aspect-ratio: 16 / 9; }.km-hub .km-hub-gallery--video.km-hub-gallery--two-v .km-hub-tile{ aspect-ratio: 9 / 16; }.km-hub .km-hub-gallery--one-s{ display: flex; width: calc(100% * 480 / 608); }.km-hub .km-hub-gallery--one-s .km-hub-tile{ flex: 1 1 auto; }.km-hub .km-hub-gallery--one-s .km-hub-tile__media,.km-hub .km-hub-gallery--one-s .km-hub-tile__size{ display: block; width: 100%; height: auto; }.km-hub .km-hub-gallery--two-s,.km-hub .km-hub-gallery--four-s{ grid-template-columns: 1fr 1fr; }.km-hub .km-hub-gallery--two-s .km-hub-tile,.km-hub .km-hub-gallery--four-s .km-hub-tile{ aspect-ratio: 1 / 1; }.km-hub .km-hub-gallery--three-s{ grid-template-columns: 404fr 200fr; grid-template-rows: 1fr 1fr; aspect-ratio: 608 / 404; }.km-hub .km-hub-gallery--three-s .km-hub-tile:first-child{ grid-row: 1 / span 2; }.km-hub .km-hub-gallery--two-s .km-hub-tile__media,.km-hub .km-hub-gallery--three-s .km-hub-tile__media,.km-hub .km-hub-gallery--four-s .km-hub-tile__media{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.km-hub button.km-hub-tile__open,.km-hub button.km-hub-tile__open:focus,.km-hub button.km-hub-tile__open:active,.km-hub button.km-hub-tile__open:hover{ display: block; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: zoom-in; }.km-hub .km-hub-gallery--two-h button.km-hub-tile__open,.km-hub .km-hub-gallery--two-v button.km-hub-tile__open,.km-hub .km-hub-gallery--three-h button.km-hub-tile__open,.km-hub .km-hub-gallery--three-v button.km-hub-tile__open,.km-hub .km-hub-gallery--four-h button.km-hub-tile__open,.km-hub .km-hub-gallery--four-v button.km-hub-tile__open,.km-hub .km-hub-gallery--two-s button.km-hub-tile__open,.km-hub .km-hub-gallery--three-s button.km-hub-tile__open,.km-hub .km-hub-gallery--four-s button.km-hub-tile__open{ position: absolute; inset: 0; height: 100%; }.km-hub button.km-hub-tile__open:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: -2px; }.km-hub button.km-hub-tile__play,.km-hub button.km-hub-tile__play:focus,.km-hub button.km-hub-tile__play:active{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-tile__play:hover{ border: 0; background: #fff; box-shadow: none; color: var(--km-hub-accent); }.km-hub button.km-hub-tile__play:focus-visible{ outline: 2px solid #fff; outline-offset: 2px; }.km-hub .km-hub-tile__play .km-hub-icon{ width: 24px; height: 24px; }.km-hub .km-hub-tile__time,.km-hub .km-hub-tile__label{ position: absolute; padding: 3px 7px; border-radius: 6px; background: rgba(0, 0, 0, 0.45); color: #fff; font-size: 12px; font-weight: 600; line-height: 1.3; pointer-events: none; }.km-hub .km-hub-tile__time{ right: 10px; bottom: 8px; }.km-hub .km-hub-tile__label{ left: 10px; bottom: 8px; }.km-hub .km-hub-tile--playing .km-hub-tile__play,.km-hub .km-hub-tile--playing .km-hub-tile__time,.km-hub .km-hub-tile--playing .km-hub-tile__label{ display: none; }.km-hub button.km-hub-tile__more,.km-hub button.km-hub-tile__more:focus,.km-hub button.km-hub-tile__more:active{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: var(--km-hub-dark); box-shadow: none; color: #fff; font-family: var(--km-hub-display); font-size: 28px; font-weight: 500; line-height: 1; letter-spacing: normal; cursor: pointer; }.km-hub button.km-hub-tile__more:hover{ border: 0; background: rgba(46, 36, 51, 0.68); box-shadow: none; color: #fff; }.km-hub .km-hub-audio{ display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; }.km-hub .km-hub-audio audio{ display: none; }.km-hub button.km-hub-audio__play,.km-hub button.km-hub-audio__play:focus,.km-hub button.km-hub-audio__play:active{ flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--km-hub-accent); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-audio__play:hover{ border: 0; background: var(--km-hub-link); box-shadow: none; color: #fff; }.km-hub button.km-hub-audio__play:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-audio__play .km-hub-icon{ width: 16px; height: 16px; }.km-hub .km-hub-audio__play .km-hub-icon + .km-hub-icon,.km-hub .km-hub-audio--playing .km-hub-audio__play .km-hub-icon:first-child{ display: none; }.km-hub .km-hub-audio--playing .km-hub-audio__play .km-hub-icon + .km-hub-icon{ display: block; }.km-hub .km-hub-audio__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }.km-hub .km-hub-audio__name{ font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }.km-hub progress.km-hub-audio__bar,.km-hub progress.km-hub-attach__bar{ display: block; width: 100%; height: 4px; margin: 0; border: 0; border-radius: 2px; background: var(--km-hub-track); color: var(--km-hub-accent); -webkit-appearance: none; appearance: none; }.km-hub progress.km-hub-audio__bar{ cursor: pointer; }.km-hub progress.km-hub-audio__bar::-webkit-progress-bar,.km-hub progress.km-hub-attach__bar::-webkit-progress-bar{ border-radius: 2px; background: var(--km-hub-track); }.km-hub progress.km-hub-audio__bar::-webkit-progress-value,.km-hub progress.km-hub-attach__bar::-webkit-progress-value{ border-radius: 2px; background: var(--km-hub-accent); }.km-hub progress.km-hub-audio__bar::-moz-progress-bar,.km-hub progress.km-hub-attach__bar::-moz-progress-bar{ border-radius: 2px; background: var(--km-hub-accent); }.km-hub .km-hub-audio__time{ flex: none; font-size: 13px; color: var(--km-hub-muted); font-variant-numeric: tabular-nums; }.km-hub a.km-hub-file,.km-hub a.km-hub-link{ display: flex; align-items: center; gap: 12px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; color: var(--km-hub-ink); text-decoration: none; }.km-hub a.km-hub-file{ padding: 12px 14px; }.km-hub a.km-hub-link{ align-items: stretch; overflow: hidden; }.km-hub a.km-hub-file:hover,.km-hub a.km-hub-link:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); color: var(--km-hub-ink); text-decoration: none; }.km-hub a.km-hub-file:focus-visible,.km-hub a.km-hub-link:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-file__icon{ flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--km-hub-label); color: var(--km-hub-link); }.km-hub .km-hub-file__icon .km-hub-icon{ width: 20px; height: 20px; }.km-hub a.km-hub-file > .km-hub-icon{ color: var(--km-hub-muted); }.km-hub .km-hub-file__main,.km-hub .km-hub-link__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; }.km-hub .km-hub-file__name{ font-size: 14px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }.km-hub .km-hub-file__meta{ font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-link__image{ flex: none; display: block; width: 120px; max-width: none; height: auto; min-height: 96px; margin: 0; border-radius: 0; object-fit: cover; background: var(--km-hub-badge); }.km-hub .km-hub-link__main{ gap: 3px; padding: 12px 14px; }.km-hub .km-hub-link__site{ font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-hub .km-hub-link__title{ font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub .km-hub-link__text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px; line-height: 1.45; color: var(--km-hub-muted); }.km-hub .km-hub-viewer{ position: fixed; inset: 0; z-index: 2147483002; display: flex; align-items: center; justify-content: center; padding: 64px 76px; background: rgba(20, 15, 24, 0.94); }.km-hub .km-hub-viewer[hidden]{ display: none; }.km-hub .km-hub-viewer__stage{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-width: 0; min-height: 0; }.km-hub .km-hub-viewer__stage img,.km-hub .km-hub-viewer__stage video{ display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0; border-radius: 0; box-shadow: none; object-fit: contain; }.km-hub .km-hub-viewer__stage iframe,.km-hub .km-hub-viewer__frame{ display: block; width: 100%; max-width: 1100px; height: auto; aspect-ratio: 16 / 9; margin: 0; border: 0; }.km-hub button.km-hub-viewer__close,.km-hub button.km-hub-viewer__close:focus,.km-hub button.km-hub-viewer__close:active,.km-hub button.km-hub-viewer__nav,.km-hub button.km-hub-viewer__nav:focus,.km-hub button.km-hub-viewer__nav:active{ position: absolute; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.12); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-viewer__close:hover,.km-hub button.km-hub-viewer__nav:hover{ border: 0; background: rgba(255, 255, 255, 0.24); box-shadow: none; color: #fff; }.km-hub button.km-hub-viewer__close:focus-visible,.km-hub button.km-hub-viewer__nav:focus-visible{ outline: 2px solid #fff; outline-offset: 2px; }.km-hub button.km-hub-viewer__close{ top: 12px; right: 12px; }.km-hub button.km-hub-viewer__nav{ top: calc(50% - 24px); }.km-hub button.km-hub-viewer__nav--prev{ left: 14px; }.km-hub button.km-hub-viewer__nav--next{ right: 14px; }.km-hub button.km-hub-viewer__nav[hidden]{ display: none; }.km-hub .km-hub-viewer .km-hub-icon{ width: 24px; height: 24px; }.km-hub p.km-hub-viewer__count{ position: absolute; left: 0; right: 0; bottom: 18px; margin: 0; text-align: center; color: rgba(255, 255, 255, 0.85); font-size: 14px; font-weight: 600; line-height: 1.3; }.km-hub .km-hub-attach{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.km-hub .km-hub-attach__tools{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub input.km-hub-attach__file{ display: none; }.km-hub button.km-hub-tool,.km-hub button.km-hub-tool:focus,.km-hub button.km-hub-tool:active{ display: inline-flex; align-items: center; gap: 8px; height: 44px; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-tool:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-tool[aria-expanded="true"]{ border-color: var(--km-hub-accent); background: var(--km-hub-soft); }.km-hub button.km-hub-tool:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-attach__link{ display: flex; gap: 8px; }.km-hub .km-hub-attach__link[hidden]{ display: none; }.km-hub .km-hub-attach__link .km-hub-field__input{ flex: 1; min-width: 0; }.km-hub ul.km-hub-attach__list{ display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }.km-hub ul.km-hub-attach__list[hidden]{ display: none; }.km-hub li.km-hub-attach__item{ position: relative; display: flex; align-items: center; gap: 10px; flex: 1 1 100%; min-width: 0; min-height: 52px; margin: 0; padding: 8px 46px 8px 10px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: var(--km-hub-field); }.km-hub li.km-hub-attach__item--image{ flex: none; width: 96px; height: 96px; min-height: 0; padding: 0; overflow: hidden; background: var(--km-hub-badge); }.km-hub .km-hub-attach__thumb{ display: block; width: 100%; max-width: none; height: 100%; margin: 0; border-radius: 0; object-fit: cover; }.km-hub .km-hub-attach__icon{ flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: var(--km-hub-label); color: var(--km-hub-link); }.km-hub .km-hub-attach__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-hub .km-hub-attach__name{ overflow: hidden; font-size: 14px; font-weight: 600; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }.km-hub .km-hub-attach__meta{ font-size: 12px; line-height: 1.3; color: var(--km-hub-muted); }.km-hub .km-hub-attach__meta--error{ color: var(--km-danger); white-space: normal; }.km-hub button.km-hub-attach__x,.km-hub button.km-hub-attach__x:focus,.km-hub button.km-hub-attach__x:active{ position: absolute; top: 10px; right: 8px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub li.km-hub-attach__item--image button.km-hub-attach__x{ top: 6px; right: 6px; }.km-hub button.km-hub-attach__x:hover{ border: 0; background: #fff; box-shadow: none; color: var(--km-danger); }.km-hub button.km-hub-attach__x:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-attach__x .km-hub-icon{ width: 14px; height: 14px; }.km-hub button.km-write__btn,.km-hub button.km-write__btn:focus,.km-hub button.km-write__btn:active{ min-width: 30px; height: auto; margin: 0; padding: 7px 9px; border: 1px solid transparent; border-radius: var(--km-radius-control); background: transparent; box-shadow: none; color: var(--km-text-secondary); font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-write__btn:hover{ border-color: transparent; background: var(--km-surface); box-shadow: none; color: var(--km-text); }.km-hub button.km-write__btn[aria-pressed="true"],.km-hub button.km-write__btn[aria-pressed="true"]:hover{ border-color: var(--km-warm-border); background: var(--km-surface); color: var(--km-accent); }.km-hub button.km-write__btn.km-write__btn--b{ font-weight: 700; }.km-hub button.km-write__btn.km-write__btn--i{ font-style: italic; }.km-hub button.km-write__btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-hub .km-write__area h3{ font-family: var(--km-hub-font); letter-spacing: normal; text-transform: none; }.km-hub button.km-write__emoji-item,.km-hub button.km-write__emoji-item:focus,.km-hub button.km-write__emoji-item:active{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid transparent; border-radius: var(--km-radius-control); background: transparent; box-shadow: none; color: var(--km-text); font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-write__emoji-item:hover{ border-color: transparent; background: var(--km-surface); box-shadow: none; color: var(--km-text); }.km-hub button.km-write__emoji-item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-hub .km-hub-post__text--folded{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; }.km-hub button.km-hub-post__more,.km-hub button.km-hub-post__more:focus,.km-hub button.km-hub-post__more:active{ align-self: flex-start; margin: -6px 0 0; padding: 2px 0; border: 0; border-radius: 4px; background: none; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-post__more:hover{ border: 0; background: none; box-shadow: none; color: var(--km-hub-title); }.km-hub button.km-hub-post__more:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub-post.km-hub-post--pinned{ border-color: var(--km-hub-pin-card-line); box-shadow: 0 2px 10px rgba(94, 66, 112, 0.08); }.km-hub .km-hub-post__pin{ display: flex; align-items: center; justify-content: flex-end; gap: 7px; padding: 10px 18px; border-bottom: 1px solid var(--km-hub-pin-strip-line); border-radius: 14px 14px 0 0; background: var(--km-hub-pin-strip); color: var(--km-hub-link); font-size: 13px; font-weight: 700; line-height: 1.3; }.km-hub .km-hub-post__pin-word{ display: inline-flex; align-items: center; gap: 7px; }.km-hub .km-hub-post__pin-word .km-hub-icon{ width: 16px; height: 16px; }.km-hub .km-hub-post__pin-tag{ display: none; }.km-hub button.km-hub-menu__item.km-hub-menu__item--lead,.km-hub button.km-hub-menu__item.km-hub-menu__item--lead:hover{ background: var(--km-hub-pin); color: var(--km-hub-title); font-weight: 700; }.km-hub .km-hub-edit{ display: flex; flex-direction: column; gap: 8px; margin: 2px 0 0; }.km-hub textarea.km-hub-edit__field,.km-hub textarea.km-hub-edit__field:focus{ display: block; width: 100%; min-height: 168px; box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid var(--km-hub-accent); border-radius: 10px; background: #fff; box-shadow: 0 0 0 3px var(--km-hub-soft); outline: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.55; resize: vertical; }.km-hub .km-hub-edit__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.km-hub .km-hub-edit button.km-hub-button.km-hub-button--sm,.km-hub .km-hub-edit button.km-hub-button.km-hub-button--sm:focus,.km-hub .km-hub-edit button.km-hub-button.km-hub-button--sm:active{ height: 38px; padding: 0 16px; border-radius: 9px; font-size: 14px; font-weight: 700; }.km-hub .km-hub-edit button.km-hub-button.km-hub-button--sm:not(.km-hub-button--primary){ border-color: var(--km-hub-chip-line); }.km-hub .km-hub-post--pinned button.km-hub-act--fold .km-hub-act__word{ text-decoration: underline; text-decoration-color: var(--km-hub-pin-card-line); text-underline-offset: 4px; }.km-hub a.km-hub-lesson-tag,.km-hub a.km-hub-lesson-tag:visited,.km-hub a.km-hub-lesson-tag:hover,.km-hub a.km-hub-lesson-tag:focus{ display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px; border: 1px solid var(--km-hub-pin-line); border-radius: 10px; background: var(--km-hub-pin); color: var(--km-hub-tag-lilac-ink); font-size: 14px; font-weight: 500; line-height: 1.35; text-decoration: none; box-shadow: none; }.km-hub a.km-hub-lesson-tag:hover{ color: var(--km-hub-title); }.km-hub a.km-hub-lesson-tag:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-lesson-tag .km-hub-icon{ flex: none; width: 18px; height: 18px; }.km-hub .km-hub-lesson-tag__text{ min-width: 0; overflow-wrap: anywhere; }.km-hub .km-hub-lesson-tag__word{ font-weight: 700; }.km-hub.km-hub-lesson{ display: flex; flex-direction: column; gap: 14px; margin-top: 8px; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-hub.km-hub-lesson--empty{ gap: 12px; padding: 22px 24px; border-radius: 16px; background: var(--km-page); }.km-hub .km-hub-lesson__head{ display: flex; align-items: center; gap: 12px; }.km-hub .km-hub-lesson__avatar{ flex: none; width: 36px; height: 36px; margin: 0; border-radius: 9px; object-fit: cover; }.km-hub .km-hub-lesson__avatar--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-size: 13px; font-weight: 700; }.km-hub .km-hub-lesson__titles{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }.km-hub h2.km-hub-lesson__title{ margin: 0; font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub p.km-hub-lesson__line{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-lesson__feed{ display: flex; flex-direction: column; gap: 14px; }.km-hub .km-hub-lesson__feed[hidden]{ display: none; }.km-hub.km-hub-lesson button.km-hub-lesson__more,.km-hub.km-hub-lesson button.km-hub-lesson__more:focus,.km-hub.km-hub-lesson button.km-hub-lesson__more:active{ height: 42px; padding: 0 18px; border-color: var(--km-hub-chip-line); font-size: 14px; font-weight: 700; }.km-hub.km-hub-lesson button.km-hub-lesson__more{ align-self: flex-start; }.km-hub.km-hub-cb{ position: relative; margin: 0; border: 1px solid var(--km-hub-line); border-radius: 16px; background: #fff; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-hub .km-hub-cb__pad{ display: flex; flex-direction: column; gap: 14px; padding: 20px 22px; }.km-hub .km-hub-cb__pic{ flex: none; width: 40px; height: 40px; margin: 2px 0 0; border-radius: 10px; object-fit: cover; }.km-hub .km-hub-cb__pic--lg{ width: 56px; height: 56px; margin-top: 3px; border-radius: 14px; }.km-hub .km-hub-cb__pic--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-size: 15px; font-weight: 700; }.km-hub a.km-hub-cb__btn,.km-hub a.km-hub-cb__btn:visited,.km-hub a.km-hub-cb__btn:focus,.km-hub a.km-hub-cb__btn:active{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--km-hub-red); color: #fff; font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; box-shadow: none; }.km-hub a.km-hub-cb__btn:hover{ background: var(--km-hub-red-hover); color: #fff; }.km-hub h2.km-hub-cb__kick{ display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; }.km-hub .km-hub-cb__glyph{ flex: none; width: 16px; height: 16px; }.km-hub .km-hub-cb__fbrow{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; }.km-hub .km-hub-cb__fbrow > .km-hub-cb__btn{ align-self: center; }.km-hub .km-hub-cb__mid{ flex: 1; min-width: 220px; display: flex; flex-direction: column; gap: 6px; }.km-hub .km-hub-cb__gname{ color: var(--km-hub-title); font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.2; }.km-hub .km-hub-cb__gtext{ color: var(--km-hub-ink); font-size: 15px; line-height: 1.5; }.km-hub .km-hub-cb__faces{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: var(--km-hub-muted); font-size: 13px; line-height: 1.3; }.km-hub .km-hub-cb__count{ white-space: nowrap; }.km-hub .km-hub-cb__stack{ display: flex; }.km-hub .km-hub-cb__face{ flex: none; width: 28px; height: 28px; margin: 0 0 0 -8px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; }.km-hub .km-hub-cb__face:first-child{ margin-left: 0; }.km-hub .km-hub-cb__face--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-hub-soft); color: var(--km-hub-link); font-size: 10px; font-weight: 700; }.km-hub .km-hub-cb__head{ display: flex; align-items: flex-start; gap: 12px; }.km-hub .km-hub-cb__ht{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-hub h3.km-hub-cb__title{ margin: 0; padding: 0; color: var(--km-hub-title); font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; }.km-hub .km-hub-cb__sub{ color: var(--km-hub-muted); font-size: 13px; line-height: 1.4; }.km-hub .km-hub-cb__head > .km-hub-cb__pic{ margin-top: 5px; }.km-hub .km-hub-cb__tag{ flex: none; margin-top: 5px; }.km-hub p.km-hub-cb__lead{ margin: 0; color: var(--km-hub-ink); font-size: 15px; line-height: 1.6; }.km-hub .km-hub-cb__form{ display: flex; flex-direction: column; gap: 12px; min-width: 0; margin: 0; }.km-hub .km-hub-cb__form[hidden],.km-hub .km-hub-cb__done[hidden],.km-hub p.km-hub-cb__err[hidden]{ display: none; }.km-hub .km-hub-cb__form .km-hub-status:empty{ display: none; }.km-hub p.km-hub-cb__err{ margin: 0; color: var(--km-danger); font-size: 13px; line-height: 1.5; }.km-hub .km-hub-cb__pubrow{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }.km-hub .km-hub-cb__pubrow .km-stars-plq{ font-family: var(--km-font); }.km-hub button.km-hub-cb__btn,.km-hub button.km-hub-cb__btn:hover,.km-hub button.km-hub-cb__btn:focus,.km-hub button.km-hub-cb__btn:active{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; margin: 0; padding: 0 24px; border: 0; border-radius: 10px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-cb__btn:hover{ background: var(--km-hub-red-hover); }.km-hub button.km-hub-cb__btn:disabled{ opacity: 0.6; cursor: default; }.km-hub .km-hub-cb__note{ margin: 0; color: var(--km-hub-muted); font-size: 13px; line-height: 1.5; }.km-hub .km-hub-cb__grow{ flex: 1; }.km-hub .km-hub-cb__pad > .km-hub-status:empty{ display: none; }.km-hub button.km-hub-cb__btn2,.km-hub button.km-hub-cb__btn2:hover,.km-hub button.km-hub-cb__btn2:focus,.km-hub button.km-hub-cb__btn2:active{ display: inline-flex; align-items: center; gap: 8px; height: 42px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-cb__btn2:hover{ border-color: var(--km-hub-accent); }.km-hub .km-hub-cb__row{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.km-hub .km-hub-cb__text{ color: var(--km-hub-ink); font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }.km-hub .km-hub-cb__text > *{ margin: 0; }.km-hub .km-hub-cb__text > * + *{ margin-top: 8px; }.km-hub .km-hub-cb__ask{ display: flex; align-items: flex-start; gap: 10px; margin: 0; }.km-hub .km-hub-cb__box{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; }.km-hub textarea.km-hub-cb__in{ box-sizing: border-box; width: 100%; min-height: 76px; margin: 0; padding: 12px 14px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: var(--km-hub-field); color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.55; resize: vertical; }.km-hub textarea.km-hub-cb__in:focus{ outline: 2px solid var(--km-hub-accent); outline-offset: 0; background: #fff; }.km-hub .km-hub-cb__ask .km-hub-cb__note{ flex: 1; min-width: 200px; }.km-hub .km-hub-cb__list{ padding-top: 14px; border-top: 1px solid var(--km-hub-line-soft); }.km-hub.km-hub-short{ display: flex; flex-direction: column; gap: 14px; margin: 0; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-hub .km-hub-cb__pic--sm{ width: 36px; height: 36px; border-radius: 9px; }.km-hub .km-hub-short__list{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.km-hub .km-hub-short__item[hidden],.km-hub .km-hub-mini[hidden]{ display: none; }.km-hub button.km-hub-short__more{ align-self: flex-start; }.km-hub .km-hub-mini{ display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub .km-hub-mini__who{ display: flex; align-items: center; gap: 10px; color: var(--km-hub-muted); font-size: 13px; line-height: 1.4; }.km-hub .km-hub-mini__name{ color: var(--km-hub-ink); font-size: 14px; }.km-hub .km-hub-mini__when{ white-space: nowrap; }.km-hub .km-hub-mini__gap{ flex: 1; }.km-hub h4.km-hub-mini__title{ margin: 0; padding: 0; color: var(--km-hub-title); font-family: var(--km-hub-display); font-size: 19px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; }.km-hub p.km-hub-mini__text{ display: -webkit-box; margin: 0; overflow: hidden; color: var(--km-hub-cast-text); font-size: 14px; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.km-hub .km-hub-mini__meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 4px; color: var(--km-hub-proof); font-size: 13px; }.km-hub .km-hub-mini__stat{ display: inline-flex; align-items: center; gap: 6px; }.km-hub .km-hub-mini__stat svg{ flex: none; width: 18px; height: 18px; }.km-hub a.km-hub-mini__open,.km-hub a.km-hub-mini__open:visited,.km-hub a.km-hub-mini__open:focus,.km-hub a.km-hub-mini__open:active{ margin: 0 0 0 auto; padding: 0; border: 0; background: none; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: normal; text-decoration: none; text-transform: none; white-space: nowrap; }.km-hub a.km-hub-mini__open:hover{ color: var(--km-hub-title); text-decoration: none; }.km-hub a.km-hub-mini__link,.km-hub a.km-hub-mini__link:visited{ color: inherit; text-decoration: none; }.km-hub a.km-hub-mini__link:hover{ color: var(--km-hub-link); text-decoration: none; }.km-hub .km-hub-cb__done{ display: flex; flex-direction: column; gap: 12px; }.km-hub .km-hub-cb__ok{ display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid var(--km-hub-done-line); border-radius: 12px; background: var(--km-hub-done-bg); }.km-hub .km-hub-cb__check{ flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--km-hub-done); color: #fff; }.km-hub .km-hub-cb__okt{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; color: var(--km-hub-ink); font-size: 14px; line-height: 1.4; }.km-hub .km-hub-cb__okt b{ font-size: 15px; }.km-hub .km-hub-cb__okt span{ overflow: hidden; color: var(--km-hub-proof); text-overflow: ellipsis; white-space: nowrap; }.km-hub a.km-hub-cb__link,.km-hub a.km-hub-cb__link:visited{ align-self: center; color: var(--km-hub-link); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }.km-hub a.km-hub-cb__link:hover{ color: var(--km-hub-title); }.km-hub .km-hub-cb__mypost{ display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: var(--km-hub-field); }.km-hub .km-hub-cb__who{ display: flex; align-items: flex-start; gap: 10px; }.km-hub .km-hub-cb__face--md{ width: 32px; height: 32px; margin: 0; border: 0; font-size: 12px; }.km-hub .km-hub-cb__byline{ display: flex; flex-direction: column; min-width: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-cb__byline b{ font-size: 14px; }.km-hub h4.km-hub-cb__ptitle{ margin: 0; padding: 0; color: var(--km-hub-title); font-family: var(--km-hub-display); font-size: 19px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; }.km-hub p.km-hub-cb__ptext{ display: -webkit-box; margin: 0; overflow: hidden; color: var(--km-hub-cast-text); font-size: 14px; line-height: 1.55; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }@media (max-width: 560px){.km-hub .km-hub-cb__pad{ padding: 16px; }.km-hub .km-hub-cb__fbrow .km-hub-cb__mid{ flex: 1 1 calc(100% - 72px); min-width: 0; }.km-hub .km-hub-cb__fbrow > .km-hub-cb__btn{ width: 100%; }.km-hub h3.km-hub-cb__title{ font-size: 20px; }.km-hub .km-hub-cb__pubrow > .km-hub-cb__btn,.km-hub .km-hub-cb__row > .km-hub-cb__btn{ width: 100%; }.km-hub .km-hub-cb__head{ flex-wrap: wrap; }.km-hub .km-hub-cb__head .km-hub-cb__ht{ flex: 1 1 calc(100% - 64px); }.km-hub .km-hub-cb__head .km-hub-cb__tag{ margin-left: 52px; }.km-hub .km-hub-mini__who{ flex-wrap: wrap; row-gap: 6px; }.km-hub .km-hub-mini__gap{ display: none; }.km-hub a.km-hub-mini__open{ margin-left: 0; }}.km-hub .km-hub-where{ display: flex; flex-direction: column; gap: 14px; min-width: 0; }.km-hub label.km-hub-switch{ position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0; color: var(--km-hub-ink); font-size: 15px; font-weight: 400; line-height: 1.35; cursor: pointer; }.km-hub .km-hub-switch__input{ position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }.km-hub .km-hub-switch__track{ position: relative; flex: none; width: 40px; height: 24px; border-radius: 12px; background: var(--km-hub-switch-off); }.km-hub .km-hub-switch__track::after{ content: ''; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; }.km-hub .km-hub-switch__input:checked + .km-hub-switch__track{ background: var(--km-hub-accent); }.km-hub .km-hub-switch__input:checked + .km-hub-switch__track::after{ left: 19px; }.km-hub .km-hub-switch__input:focus-visible + .km-hub-switch__track{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-switch__note{ color: var(--km-hub-muted); font-size: 13px; }.km-hub .km-hub-where__groups{ display: flex; flex-direction: column; gap: 8px; min-width: 0; }.km-hub .km-hub-where__groups[hidden]{ display: none; }.km-hub .km-hub-where__label{ color: var(--km-hub-chip-ink); font-size: 13px; font-weight: 700; }.km-hub .km-hub-where__chips{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }.km-hub .km-hub-where__chip{ display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 34px; box-sizing: border-box; padding: 0 6px 0 12px; border-radius: 9px; background: var(--km-hub-soft); color: var(--km-hub-ink); font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }.km-hub button.km-hub-where__drop,.km-hub button.km-hub-where__drop:hover,.km-hub button.km-hub-where__drop:focus,.km-hub button.km-hub-where__drop:active{ display: flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px; margin: 0; padding: 0; border: 0; border-radius: 6px; background: none; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-where__drop:hover{ color: var(--km-hub-ink); }.km-hub button.km-hub-where__drop:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-hub button.km-hub-where__add,.km-hub button.km-hub-where__add:hover,.km-hub button.km-hub-where__add:focus,.km-hub button.km-hub-where__add:active{ height: 34px; margin: 0; padding: 0 12px; border: 1px dashed var(--km-hub-dash); border-radius: 9px; background: #fff; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-where__add:hover{ border-color: var(--km-hub-accent); }.km-hub button.km-hub-where__add:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-where__panel{ display: flex; flex-direction: column; gap: 4px; max-width: 420px; box-sizing: border-box; padding: 8px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.12); }.km-hub .km-hub-where__panel[hidden]{ display: none; }.km-hub input.km-hub-where__search,.km-hub input.km-hub-where__search:focus{ width: 100%; height: 40px; box-sizing: border-box; margin: 0; padding: 0 12px; border: 1px solid var(--km-hub-line); border-radius: 9px; background: var(--km-hub-field); box-shadow: none; outline: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; }.km-hub input.km-hub-where__search:focus{ border-color: var(--km-hub-accent); }.km-hub .km-hub-where__list{ display: flex; flex-direction: column; max-height: 200px; overflow-y: auto; }.km-hub .km-hub-where__list label.km-hub-mod__row{ padding: 9px 10px; border-radius: 8px; }.km-hub .km-hub-where__list label.km-hub-mod__row:has(input:checked){ background: var(--km-hub-pin); }.km-hub .km-hub-where__list label.km-hub-mod__row[hidden]{ display: none; }.km-hub .km-hub-where__none{ margin: 0; padding: 9px 10px; color: var(--km-hub-muted); font-size: 14px; }.km-hub .km-hub-where__none[hidden]{ display: none; }.km-hub .km-hub-dialog--small{ width: 520px; }.km-hub .km-hub-dialog--welcome{ width: 420px; border-radius: 18px; box-shadow: 0 14px 36px rgba(59, 42, 71, 0.16); }.km-hub .km-hub-welcome__top{ display: flex; align-items: center; gap: 14px; padding: 18px 18px 0 24px; }.km-hub .km-hub-welcome__bar{ display: flex; flex: 1; gap: 6px; }.km-hub .km-hub-welcome__seg{ flex: 1; height: 4px; border-radius: 2px; background: var(--km-hub-line); }.km-hub .km-hub-welcome__seg--on{ background: var(--km-hub-red); }.km-hub .km-hub-welcome__pane{ display: flex; flex-direction: column; gap: 16px; padding: 14px 24px 24px; }.km-hub .km-hub-welcome__pane[hidden]{ display: none; }.km-hub .km-hub-welcome__pane .km-hub-status:empty{ display: none; }.km-hub h2.km-hub-welcome__title{ margin: 0; font-family: var(--km-hub-display); font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub .km-hub-welcome__lead{ margin: 0; font-size: 15px; line-height: 1.6; color: var(--km-hub-chip-ink); }.km-hub .km-hub-welcome__face{ display: flex; align-items: center; gap: 16px; }.km-hub button.km-hub-welcome__photo,.km-hub button.km-hub-welcome__photo:focus,.km-hub button.km-hub-welcome__photo:active{ display: flex; flex: none; align-items: center; justify-content: center; width: 88px; height: 88px; margin: 0; padding: 0; overflow: hidden; border: 1.5px dashed var(--km-hub-dash); border-radius: 50%; background: var(--km-hub-field); box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 28px; font-weight: 400; line-height: 1; cursor: pointer; }.km-hub button.km-hub-welcome__photo:hover{ border-color: var(--km-hub-accent); background: var(--km-hub-hover); color: var(--km-hub-accent); }.km-hub button.km-hub-welcome__photo--on,.km-hub button.km-hub-welcome__photo--on:focus,.km-hub button.km-hub-welcome__photo--on:hover{ border-style: solid; border-color: var(--km-hub-line); }.km-hub .km-hub-welcome__photo img{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-hub .km-hub-welcome__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-hub button.km-hub-welcome__skip,.km-hub button.km-hub-welcome__skip:focus,.km-hub button.km-hub-welcome__skip:active{ height: 46px; margin: 0; padding: 0 6px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: normal; text-decoration: none; text-transform: none; cursor: pointer; }.km-hub button.km-hub-welcome__skip:hover{ background: transparent; color: var(--km-hub-ink); }.km-hub button.km-hub-welcome__skip:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-welcome__post{ display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--km-hub-chip-line); border-radius: 12px; }.km-hub .km-hub-welcome__post:focus-within{ border-color: var(--km-hub-accent); box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-hub .km-hub-welcome__where{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--km-hub-muted); }.km-hub .km-hub-welcome__tag{ padding: 3px 8px; border-radius: 6px; font-size: 13px; font-weight: 700; }.km-hub textarea.km-hub-welcome__text,.km-hub textarea.km-hub-welcome__text:focus{ width: 100%; min-height: 96px; margin: 0; padding: 0; border: 0; outline: none; background: transparent; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.55; resize: vertical; }.km-hub .km-hub-dialog--small .km-hub-dialog__body{ gap: 14px; max-height: 60vh; overflow-y: auto; }.km-hub .km-hub-dialog__status{ padding: 0 22px; }.km-hub .km-hub-dialog__status:empty{ display: none; }.km-hub .km-hub-mod__list{ display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--km-hub-muted); }.km-hub label.km-hub-mod__row{ position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 12px; border-radius: 10px; color: var(--km-hub-ink); font-size: 14px; font-weight: 400; line-height: 1.35; cursor: pointer; }.km-hub label.km-hub-mod__row:hover{ background: var(--km-hub-hover); }.km-hub .km-hub-mod__row input{ position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }.km-hub .km-hub-mod__box{ position: relative; flex: none; box-sizing: border-box; width: 18px; height: 18px; border: 1.5px solid var(--km-hub-chip-line); border-radius: 4px; background: #fff; }.km-hub .km-hub-mod__row input:checked + .km-hub-mod__box{ border-color: var(--km-hub-accent); background: var(--km-hub-accent); }.km-hub .km-hub-mod__row input:checked + .km-hub-mod__box::after{ content: ''; position: absolute; left: 5px; top: 1.5px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }.km-hub .km-hub-mod__row input:focus-visible + .km-hub-mod__box{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-mod__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; overflow-wrap: anywhere; }.km-hub .km-hub-post__planned{ font-weight: 600; color: var(--km-hub-link); white-space: normal; }.km-hub .km-hub-post__planned--late{ color: var(--km-danger); }.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle,.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle:focus,.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle:active{ display: inline-flex; align-items: center; gap: 8px; margin-right: auto; padding: 0 16px; }.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle[hidden]{ display: none; }.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle[aria-pressed="true"]{ border-color: var(--km-hub-pin-line); background: var(--km-hub-pin); color: var(--km-hub-title); }.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle:disabled{ opacity: 1; cursor: default; }.km-hub .km-hub-plan-toggle .km-hub-icon{ width: 18px; height: 18px; }.km-hub .km-hub-plan{ display: flex; flex-direction: column; gap: 10px; min-width: 0; margin: 0; padding: 14px 16px; border: 1px solid var(--km-hub-pin-line); border-radius: 12px; background: var(--km-hub-pin); }.km-hub .km-hub-plan[hidden]{ display: none; }.km-hub .km-hub-plan__title{ margin: 0; font-size: 14px; font-weight: 700; color: var(--km-hub-title); }.km-hub .km-hub-plan__row{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }.km-hub .km-hub-plan__cell{ display: flex; flex-direction: column; gap: 6px; }.km-hub .km-hub-plan__label{ margin: 0; font-size: 13px; font-weight: 400; color: var(--km-hub-muted); }.km-hub input.km-hub-plan__input{ box-sizing: border-box; height: 46px; margin: 0; padding: 0 12px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; }.km-hub input.km-hub-plan__input:focus{ border-color: var(--km-hub-accent); outline: none; box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-hub .km-hub-plan__zone{ display: flex; align-items: center; height: 46px; font-size: 14px; color: var(--km-hub-muted); }.km-hub p.km-hub-plan__hint{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-hub-link); }.km-hub.km-hub-lesson .km-hub-status:empty{ display: none; }.km-hub button.km-hub-post__more[hidden]{ display: none; }.km-hub .km-hub-acts{ display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-top: 1px solid var(--km-hub-line-soft); }.km-hub .km-hub-acts__gap{ flex: 1; }.km-hub .km-hub-act,.km-hub button.km-hub-act,.km-hub button.km-hub-act:focus,.km-hub button.km-hub-act:active{ display: inline-flex; align-items: center; gap: 7px; height: 40px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: normal; text-transform: none; white-space: nowrap; }.km-hub button.km-hub-act{ cursor: pointer; }.km-hub button.km-hub-act:hover{ border: 0; background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-act:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub button.km-hub-act:disabled{ opacity: 0.6; cursor: default; }.km-hub .km-hub-act .km-hub-icon{ width: 19px; height: 19px; }.km-hub .km-hub-act__off,.km-hub .km-hub-act__on{ display: inline-flex; }.km-hub .km-hub-act[aria-pressed="true"] .km-hub-act__off,.km-hub .km-hub-act[aria-pressed="false"] .km-hub-act__on{ display: none; }.km-hub .km-hub-act__dot[hidden]{ display: none; }.km-hub .km-hub-act__count{ font-variant-numeric: tabular-nums; }.km-hub .km-hub-act--still{ cursor: default; }.km-hub button.km-hub-act--support[aria-pressed="true"],.km-hub button.km-hub-act--support[aria-pressed="true"]:hover{ color: var(--km-hub-red); font-weight: 700; }.km-hub button.km-hub-act--follow[aria-pressed="true"],.km-hub button.km-hub-act--follow[aria-pressed="true"]:hover{ color: var(--km-hub-link); font-weight: 600; }.km-hub .km-hub-act--follow .km-hub-icon{ width: 18px; height: 18px; }.km-hub .km-hub-sup{ position: relative; display: inline-flex; align-items: center; }.km-hub .km-hub-sup:has(> .km-hub-act--likers:not([hidden])) > button.km-hub-act--support{ padding-right: 4px; }.km-hub .km-hub-sup > button.km-hub-act--likers,.km-hub .km-hub-sup > button.km-hub-act--likers:focus,.km-hub .km-hub-sup > button.km-hub-act--likers:active{ padding-left: 3px; }.km-hub .km-hub-sup > button.km-hub-act--likers[hidden]{ display: none; }.km-hub .km-hub-sup:has(> .km-hub-act--support[aria-pressed="true"]) > button.km-hub-act--likers,.km-hub .km-hub-sup:has(> .km-hub-act--support[aria-pressed="true"]) > button.km-hub-act--likers:hover{ color: var(--km-hub-red); font-weight: 700; }.km-hub button.km-hub-name,.km-hub button.km-hub-name:hover,.km-hub button.km-hub-name:focus,.km-hub button.km-hub-name:active{ display: inline; max-width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: inherit; font: inherit; letter-spacing: inherit; text-align: left; text-decoration: none; text-transform: none; vertical-align: baseline; cursor: pointer; }.km-hub button.km-hub-name:hover{ text-decoration: underline; text-underline-offset: 3px; }.km-hub button.km-hub-name:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; border-radius: 3px; }.km-hub .km-hub-comment__head > button.km-hub-name,.km-hub .km-hub-comment__head > button.km-hub-name:hover,.km-hub .km-hub-comment__head > button.km-hub-name:focus,.km-hub .km-hub-comment__head > button.km-hub-name:active{ font-weight: 700; }.km-hub .km-hub-tap{ cursor: pointer; }.km-hub a.km-hub-name,.km-hub a.km-hub-name:visited,.km-hub a.km-hub-name:hover,.km-hub a.km-hub-name:focus,.km-hub a.km-hub-name:active{ color: inherit; font-weight: inherit; text-decoration: none; box-shadow: none; }.km-hub a.km-hub-name:hover{ text-decoration: underline; text-underline-offset: 3px; }.km-hub a.km-hub-name:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; border-radius: 3px; }.km-hub .km-hub-comment__head > a.km-hub-name,.km-hub .km-hub-comment__head > a.km-hub-name:visited,.km-hub .km-hub-comment__head > a.km-hub-name:hover,.km-hub .km-hub-comment__head > a.km-hub-name:focus,.km-hub .km-hub-comment__head > a.km-hub-name:active{ font-weight: 700; }.km-hub .km-hub-post__head{ position: relative; }.km-hub .km-hub-pop{ position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; box-sizing: border-box; display: flex; flex-direction: column; gap: 14px; max-width: calc(100vw - 32px); padding: 20px; border: 1px solid var(--km-hub-line); border-radius: 16px; background: #fff; box-shadow: 0 14px 36px rgba(59, 42, 71, 0.2); color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: normal; text-align: left; text-transform: none; white-space: normal; cursor: default; }.km-hub .km-hub-pop:focus{ outline: none; }.km-hub .km-hub-shade{ display: none; }.km-hub.km-hub-layer{ display: contents; }.km-hub button.km-hub-pop__close,.km-hub button.km-hub-pop__close:hover,.km-hub button.km-hub-pop__close:focus,.km-hub button.km-hub-pop__close:active{ position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; cursor: pointer; }.km-hub button.km-hub-pop__close:hover{ background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-hub button.km-hub-pop__close:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-pop__close .km-hub-icon{ width: 18px; height: 18px; }.km-hub p.km-hub-pop__status{ margin: 0; padding-right: 32px; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub p.km-hub-pop__status--error{ color: var(--km-hub-red-deep); }.km-hub .km-hub-pop.km-hub-pcard{ width: 340px; }.km-hub .km-hub-pcard__top{ display: flex; align-items: center; gap: 14px; padding-right: 28px; }.km-hub .km-hub-pcard__photo{ flex: none; display: block; width: 72px; height: 72px; border-radius: 50%; object-fit: cover; }.km-hub .km-hub-pcard__photo.km-hub-person--letters{ display: flex; font-size: 24px; }.km-hub .km-hub-pcard__who{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }.km-hub .km-hub-pcard__name{ font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.2; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub .km-hub-pcard__since{ font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-about{ font-size: 14px; line-height: 1.6; text-align: left; overflow-wrap: anywhere; color: var(--km-hub-ink); }.km-hub p.km-hub-about__para{ margin: 0; padding: 0; font-size: inherit; line-height: inherit; white-space: pre-line; }.km-hub p.km-hub-about__para + p.km-hub-about__para{ margin-top: 0.8em; }.km-hub .km-hub-pcard__about{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8; }.km-hub p.km-hub-pcard__nums{ display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-pcard__num{ white-space: nowrap; }.km-hub .km-hub-pcard__count{ font-size: 16px; font-weight: 700; color: var(--km-hub-ink); }.km-hub .km-hub-pcard__groups{ display: flex; flex-direction: column; gap: 6px; }.km-hub p.km-hub-pcard__label{ margin: 0; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-hub-muted); }.km-hub .km-hub-pcard__chips{ display: flex; flex-wrap: wrap; gap: 6px; }.km-hub .km-hub-pcard__chip{ max-width: 100%; box-sizing: border-box; padding: 4px 8px; border-radius: 6px; background: var(--km-hub-label); color: var(--km-hub-link); font-size: 13px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }.km-hub a.km-hub-pcard__open,.km-hub a.km-hub-pcard__open:visited,.km-hub a.km-hub-pcard__open:hover,.km-hub a.km-hub-pcard__open:focus,.km-hub a.km-hub-pcard__open:active{ display: flex; align-items: center; justify-content: center; height: 42px; box-sizing: border-box; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; }.km-hub a.km-hub-pcard__open:hover{ background: var(--km-hub-hover); }.km-hub .km-hub-pcard__acts{ display: flex; gap: 8px; }.km-hub .km-hub-pcard__acts a.km-hub-pcard__open{ flex: 1 1 0; min-width: 0; }.km-hub a.km-hub-pcard__open:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub button.km-hub-subscribe,.km-hub button.km-hub-subscribe:hover,.km-hub button.km-hub-subscribe:focus,.km-hub button.km-hub-subscribe:active{ display: flex; align-items: center; justify-content: center; gap: 6px; height: 42px; box-sizing: border-box; margin: 0; padding: 0 14px; border: 0; border-radius: 10px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-subscribe:hover{ background: var(--km-hub-red-deep); }.km-hub button.km-hub-subscribe[aria-pressed="true"],.km-hub button.km-hub-subscribe[aria-pressed="true"]:focus,.km-hub button.km-hub-subscribe[aria-pressed="true"]:active{ background: var(--km-hub-soft); color: var(--km-hub-ink); font-weight: 800; }.km-hub button.km-hub-subscribe[aria-pressed="true"]:hover{ background: var(--km-hub-seg); color: var(--km-hub-ink); }.km-hub button.km-hub-subscribe:disabled{ opacity: 0.6; cursor: default; }.km-hub button.km-hub-subscribe:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-subscribe__tick{ flex: none; display: block; width: 16px; height: 16px; color: var(--km-hub-title); }.km-hub .km-hub-pcard__acts button.km-hub-subscribe{ flex: 1 1 0; min-width: 0; }.km-hub .km-hub-member__card button.km-hub-subscribe{ align-self: stretch; margin-top: 6px; }.km-hub p.km-hub-pcard__status{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub p.km-hub-pcard__status:empty{ display: none; }.km-hub p.km-hub-pcard__status.km-hub-status--error{ color: var(--km-hub-red-deep); }.km-hub .km-hub-member{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 24px; min-width: 0; }.km-hub .km-hub-member__side{ flex: 0 0 300px; max-width: 100%; display: flex; flex-direction: column; gap: 16px; }.km-hub .km-hub-member__main{ flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }.km-hub .km-hub-member__card{ display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px; border: 1px solid var(--km-hub-line); border-radius: 16px; background: #fff; text-align: center; }.km-hub .km-hub-member__photo{ display: block; flex: none; width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }.km-hub .km-hub-member__photo.km-hub-person--letters{ display: flex; font-size: 38px; }.km-hub h2.km-hub-member__name{ margin: 0; padding: 0; font-family: var(--km-hub-display); font-size: 26px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub p.km-hub-member__since{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-member__about{ align-self: stretch; }.km-hub .km-hub-awards{ display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; padding: 4px 0 2px; }.km-hub .km-hub-awards--card{ justify-content: flex-start; gap: 2px; margin: -4px 0 -4px -4px; padding: 0; }.km-hub .km-hub-award{ position: relative; display: inline-flex; }.km-hub button.km-hub-award__btn,.km-hub button.km-hub-award__btn:hover,.km-hub button.km-hub-award__btn:focus,.km-hub button.km-hub-award__btn:active{ display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 0; padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none; color: inherit; cursor: default; }.km-hub button.km-hub-award__btn:focus{ outline: none; }.km-hub button.km-hub-award__btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 0; }.km-hub .km-hub-award__badge{ display: block; flex: none; width: 38px; height: 38px; max-width: none; border-radius: 50%; object-fit: cover; }.km-hub .km-hub-awards--card button.km-hub-award__btn,.km-hub .km-hub-awards--card button.km-hub-award__btn:hover,.km-hub .km-hub-awards--card button.km-hub-award__btn:focus,.km-hub .km-hub-awards--card button.km-hub-award__btn:active{ width: 40px; height: 40px; }.km-hub .km-hub-awards--card .km-hub-award__badge{ width: 32px; height: 32px; }.km-hub .km-hub-award__tip{ position: absolute; bottom: calc(100% + 6px); left: 50%; z-index: 5; box-sizing: border-box; width: max-content; max-width: 220px; padding: 7px 11px; border-radius: 8px; background: var(--km-hub-title); box-shadow: 0 6px 16px rgba(59, 42, 71, 0.25); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.4; text-align: center; white-space: normal; pointer-events: none; transform: translateX(-50%); display: none; }.km-hub .km-hub-award__tip::after{ content: ""; position: absolute; top: 100%; left: 50%; margin-left: -6px; border-top: 6px solid var(--km-hub-title); border-right: 6px solid transparent; border-left: 6px solid transparent; }.km-hub .km-hub-awards--card .km-hub-award__tip{ left: 0; text-align: left; transform: none; }.km-hub .km-hub-awards--card .km-hub-award__tip::after{ left: 14px; margin-left: 0; }.km-hub .km-hub-award--start .km-hub-award__tip{ left: 0; text-align: left; transform: none; }.km-hub .km-hub-award--start .km-hub-award__tip::after{ left: 16px; margin-left: 0; }.km-hub .km-hub-award--end .km-hub-award__tip{ right: 0; left: auto; text-align: right; transform: none; }.km-hub .km-hub-award--end .km-hub-award__tip::after{ right: 16px; left: auto; margin-left: 0; }.km-hub .km-hub-awards--card .km-hub-award--start .km-hub-award__tip::after{ left: 14px; }.km-hub .km-hub-awards--card .km-hub-award--end .km-hub-award__tip::after{ right: 14px; }.km-hub .km-hub-award__btn:focus-visible + .km-hub-award__tip,.km-hub .km-hub-award.is-open .km-hub-award__tip{ display: block; }@media (hover: hover){.km-hub .km-hub-award:hover .km-hub-award__tip{ display: block; }}@media (max-width: 760px){.km-hub .km-hub-award__tip{ max-width: 210px; }.km-hub button.km-hub-award__btn,.km-hub button.km-hub-award__btn:hover,.km-hub button.km-hub-award__btn:focus,.km-hub button.km-hub-award__btn:active{ cursor: pointer; }}.km-hub .km-hub-member__nums{ align-self: stretch; display: flex; justify-content: center; gap: 22px; padding-top: 12px; border-top: 1px solid var(--km-hub-line-soft); font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-member__num{ display: flex; flex-direction: column; }.km-hub .km-hub-member__count{ font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--km-hub-ink); }.km-hub .km-hub-member__edit{ align-self: stretch; }.km-hub .km-hub-member__box{ display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--km-hub-line); border-radius: 16px; background: #fff; }.km-hub .km-hub-member__switch{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub .km-hub-member__tools{ align-items: center; gap: 10px; }.km-hub .km-hub-gsel{ position: relative; flex: none; }.km-hub .km-hub-gsel__button{ display: flex; align-items: center; gap: 8px; height: 40px; box-sizing: border-box; max-width: 220px; padding: 0 12px 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; color: var(--km-hub-ink); font-size: 14px; font-weight: 700; line-height: 1; list-style: none; cursor: pointer; }.km-hub .km-hub-gsel__button::-webkit-details-marker{ display: none; }.km-hub .km-hub-gsel__label{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.km-hub .km-hub-gsel__button .km-hub-icon{ flex: none; width: 16px; height: 16px; }.km-hub .km-hub-gsel[open] .km-hub-gsel__button{ border-color: var(--km-hub-accent); }.km-hub .km-hub-gsel--on .km-hub-gsel__button{ border-color: var(--km-hub-chip-line); background: var(--km-hub-label); color: var(--km-hub-title); }.km-hub .km-hub-gsel__list{ position: absolute; top: 48px; left: 0; z-index: 6; display: flex; flex-direction: column; box-sizing: border-box; width: 260px; max-height: 60vh; overflow-y: auto; padding: 6px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.14); }.km-hub button.km-hub-gsel__item,.km-hub button.km-hub-gsel__item:focus,.km-hub button.km-hub-gsel__item:active{ display: flex; flex: none; align-items: center; width: 100%; min-height: 40px; margin: 0; padding: 8px 12px; border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-gsel__item:hover{ border: 0; background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-gsel__item[aria-selected="true"],.km-hub button.km-hub-gsel__item[aria-selected="true"]:hover{ background: var(--km-hub-pin); font-weight: 700; }.km-hub button.km-hub-gsel__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: -2px; }.km-hub p.km-hub-member__summary{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub button.km-hub-member__tab,.km-hub button.km-hub-member__tab:hover,.km-hub button.km-hub-member__tab:focus,.km-hub button.km-hub-member__tab:active{ display: inline-flex; align-items: center; height: 38px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 9px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-hub-member__tab:hover{ background: var(--km-hub-hover); }.km-hub button.km-hub-member__tab[aria-pressed="true"],.km-hub button.km-hub-member__tab[aria-pressed="true"]:hover,.km-hub button.km-hub-member__tab[aria-pressed="true"]:focus,.km-hub button.km-hub-member__tab[aria-pressed="true"]:active{ border-color: var(--km-hub-soft); background: var(--km-hub-soft); color: var(--km-hub-ink); font-weight: 700; }.km-hub button.km-hub-member__tab:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-member__panel{ display: flex; flex-direction: column; gap: 14px; }.km-hub .km-hub-member__panel[hidden]{ display: none; }.km-hub .km-hub-member__list{ display: flex; flex-direction: column; gap: 18px; }.km-hub .km-hub-member__list:empty{ display: none; }.km-hub button.km-hub-member__more,.km-hub button.km-hub-member__more:hover,.km-hub button.km-hub-member__more:focus,.km-hub button.km-hub-member__more:active{ align-self: flex-start; display: inline-flex; align-items: center; height: 42px; margin: 0; padding: 0 18px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-member__more:hover{ background: var(--km-hub-hover); }.km-hub button.km-hub-member__more:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub button.km-hub-member__more:disabled{ opacity: 0.6; cursor: default; }.km-hub button.km-hub-member__more[hidden]{ display: none; }.km-hub .km-hub-said{ display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub p.km-hub-said__where{ margin: 0; font-size: 13px; line-height: 1.45; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-hub a.km-hub-said__post,.km-hub a.km-hub-said__post:visited,.km-hub a.km-hub-said__post:hover,.km-hub a.km-hub-said__post:focus,.km-hub a.km-hub-said__post:active{ color: var(--km-hub-link); font-weight: 600; text-decoration: none; box-shadow: none; }.km-hub a.km-hub-said__post:hover{ text-decoration: underline; text-underline-offset: 3px; }.km-page.km-me{ padding-top: 32px; padding-bottom: 64px; background: transparent; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-me .km-me__inner{ display: flex; flex-direction: column; gap: 18px; max-width: 640px; margin: 0 auto; }.km-me .km-me__inner > .km-hub__inner{ width: 100%; }.km-me .km-me__body{ display: flex; flex-direction: column; gap: 18px; min-width: 0; }.km-me h1.km-me__title{ margin: 0; padding: 0; font-family: var(--km-hub-display); font-size: 32px; font-weight: 600; line-height: 1.15; letter-spacing: normal; text-transform: uppercase; color: var(--km-hub-title); }.km-me .km-me__card{ display: flex; flex-direction: column; gap: 18px; padding: 24px; border: 1px solid var(--km-hub-line); border-radius: 16px; background: #fff; }.km-me h2.km-me__head{ margin: 0; padding: 0; font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-me .km-me__face{ display: flex; align-items: center; gap: 18px; }.km-me .km-me__photo-box{ display: block; flex: none; }.km-me .km-me__photo{ display: block; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }.km-me .km-me__photo.km-hub-person--letters{ display: flex; font-size: 30px; }.km-me .km-me__face-side{ display: flex; flex-direction: column; gap: 8px; min-width: 0; }.km-me .km-me__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.km-me .km-me__btn,.km-me button.km-me__btn,.km-me button.km-me__btn:hover,.km-me button.km-me__btn:focus,.km-me button.km-me__btn:active{ display: inline-flex; align-items: center; box-sizing: border-box; height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 9px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-me .km-me__btn:hover,.km-me button.km-me__btn:hover{ background: var(--km-hub-hover); }.km-me .km-me__face-side .km-me__btn{ height: 38px; padding: 0 14px; }.km-me input[type="file"]:focus-visible + .km-me__btn,.km-me .km-me__btn:focus-visible,.km-me button.km-me__btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-me button.km-me__btn--quiet,.km-me button.km-me__btn--quiet:hover,.km-me button.km-me__btn--quiet:focus,.km-me button.km-me__btn--quiet:active{ border-color: transparent; background: none; color: var(--km-hub-muted); font-weight: 600; }.km-me button.km-me__btn--quiet:hover{ color: var(--km-hub-ink); }.km-me button.km-me__btn[hidden]{ display: none; }.km-me-entry{ display: inline-flex; flex-wrap: wrap; gap: 8px; margin: 0; }.km-me-entry a.km-me-link,.km-me-entry a.km-me-link:visited,.km-me-entry a.km-me-link:hover,.km-me-entry a.km-me-link:focus,.km-me-entry a.km-me-link:active{ display: inline-flex; align-items: center; box-sizing: border-box; height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 9px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-decoration: none; text-transform: none; white-space: nowrap; }.km-me-entry a.km-me-link:hover{ background: var(--km-hub-hover); }.km-me-entry a.km-me-link:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-me button.km-me__save,.km-me button.km-me__save:hover,.km-me button.km-me__save:focus,.km-me button.km-me__save:active,.km-me a.km-me__save,.km-me a.km-me__save:visited,.km-me a.km-me__save:hover,.km-me a.km-me__save:focus,.km-me a.km-me__save:active{ display: inline-flex; text-decoration: none; align-items: center; box-sizing: border-box; height: 40px; margin: 0; padding: 0 16px; border: 0; border-radius: 9px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-me button.km-me__save:hover,.km-me a.km-me__save:hover{ background: var(--km-hub-red-deep); }.km-me button.km-me__save:focus-visible,.km-me a.km-me__save:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-me button.km-me__save:disabled,.km-me button.km-me__btn:disabled{ opacity: 0.6; cursor: default; }.km-me button.km-me__save--big,.km-me button.km-me__save--big:hover,.km-me button.km-me__save--big:focus,.km-me button.km-me__save--big:active,.km-me a.km-me__save--big,.km-me a.km-me__save--big:visited,.km-me a.km-me__save--big:hover,.km-me a.km-me__save--big:focus,.km-me a.km-me__save--big:active{ height: 42px; padding: 0 20px; border-radius: 10px; }.km-me form.km-me__form{ display: flex; flex-direction: column; gap: 14px; margin: 0; }.km-me form.km-me__form[hidden]{ display: none; }.km-me label.km-me__field{ display: flex; flex-direction: column; gap: 6px; margin: 0; color: var(--km-hub-ink); font-size: 14px; font-weight: 700; line-height: 1.4; }.km-me input.km-me__input,.km-me input.km-me__input:focus,.km-me textarea.km-me__input,.km-me textarea.km-me__input:focus{ box-sizing: border-box; width: 100%; height: 44px; margin: 0; padding: 0 12px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; font-weight: 400; line-height: 1.4; outline: none; }.km-me textarea.km-me__area,.km-me textarea.km-me__area:focus{ height: auto; min-height: 100px; padding: 10px 12px; line-height: 1.55; resize: vertical; }.km-me input.km-me__input:focus,.km-me textarea.km-me__input:focus{ border-color: var(--km-hub-accent); box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-me .km-me__hint{ font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--km-hub-muted); }.km-me .km-me__hint--over{ color: var(--km-hub-red-deep); }.km-me p.km-me__hint{ margin: 0; }.km-me p.km-me__status{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-hub-muted); }.km-me p.km-me__status:empty{ display: none; }.km-me p.km-me__status--error{ color: var(--km-hub-red-deep); }.km-me .km-me__subs{ display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--km-hub-line); }.km-me h3.km-me__subs-head{ margin: 0; padding: 0; font-family: var(--km-hub-font); font-size: 16px; font-weight: 800; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--km-hub-ink); }.km-me .km-me__sub{ display: flex; align-items: center; gap: 12px; min-width: 0; }.km-me .km-me__sub-photo.km-hub-person--letters{ font-size: 14px; }.km-me .km-me__sub-name{ flex: 1; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-me button.km-me__unsub,.km-me button.km-me__unsub:hover,.km-me button.km-me__unsub:focus,.km-me button.km-me__unsub:active{ flex: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-me button.km-me__unsub:hover{ color: var(--km-hub-accent); text-decoration: underline; }.km-me button.km-me__unsub:disabled{ opacity: 0.6; cursor: default; }.km-me button.km-me__unsub:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-me p.km-me__subs-empty{ margin: 0; font-size: 14px; line-height: 1.55; color: var(--km-hub-chip-ink); }.km-me p.km-me__note{ margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--km-hub-field); color: var(--km-hub-ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }.km-me p.km-me__note--warm{ background: var(--km-hub-tag-peach-bg); }.km-me p.km-me__note[hidden]{ display: none; }.km-me .km-me__group{ display: flex; flex-direction: column; gap: 10px; }.km-me .km-me__label{ font-size: 14px; font-weight: 700; }.km-me .km-me__value{ font-size: 15px; overflow-wrap: anywhere; }.km-me .km-me__line{ height: 1px; background: var(--km-hub-line-soft); }.km-me .km-me__row{ display: flex; align-items: center; gap: 12px; }.km-me .km-me__row-text{ display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }.km-me .km-me__grid{ display: flex; flex-direction: column; font-size: 14px; line-height: 1.4; }.km-me .km-me__grid-row{ display: grid; grid-template-columns: minmax(0, 1fr) 96px 72px; align-items: center; padding: 10px 0; border-top: 1px solid var(--km-hub-line-soft); }.km-me .km-me__grid--phone .km-me__grid-row{ grid-template-columns: minmax(0, 1fr) 96px 72px 96px; }.km-me .km-me__grid-row--head{ padding: 0 0 4px; border-top: 0; }.km-me .km-me__grid-row--head .km-me__grid-col{ font-size: 12px; font-weight: 700; color: var(--km-hub-muted); }.km-me .km-me__grid-name{ min-width: 0; padding-right: 8px; overflow-wrap: anywhere; }.km-me .km-me__grid-col{ display: flex; justify-content: center; text-align: center; }.km-me label.km-me__check{ margin: 0; }.km-me .km-me__check .km-check__box{ box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0; border: 1.5px solid #C9BFD0; border-radius: 6px; background: #fff; }.km-me .km-me__check input:checked + .km-check__box{ border-color: var(--km-hub-accent); background: var(--km-hub-accent); }.km-me .km-me__check input:checked + .km-check__box::after{ content: '✓'; color: #fff; font-family: var(--km-hub-font); font-size: 13px; font-weight: 800; line-height: 1; }.km-me .km-me__check input:focus-visible + .km-check__box{ box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-me .km-me__check:hover input:not(:checked) + .km-check__box{ border-color: var(--km-hub-accent); }.km-me .km-me__none{ color: var(--km-hub-muted); }.km-me .km-me__always{ font-size: 12px; font-weight: 700; color: var(--km-hub-muted); }.km-me p.km-me__text{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-hub-ink); }.km-hub .km-hub-feedpart{ display: contents; }.km-hub .km-hub-feedpart[hidden]{ display: none; }.km-hub .km-hub-people{ display: flex; flex-direction: column; gap: 18px; min-width: 0; }.km-hub .km-hub-people[hidden]{ display: none; }.km-hub .km-hub-people__head{ display: flex; align-items: baseline; gap: 12px; }.km-hub h2.km-hub-people__title{ margin: 0; padding: 0; font-family: var(--km-hub-display); font-size: 28px; font-weight: 500; line-height: 1.15; color: var(--km-hub-title); }.km-hub .km-hub-people__count{ font-size: 15px; color: var(--km-hub-muted); font-variant-numeric: tabular-nums; }.km-hub .km-hub-people__tools{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.km-hub input.km-hub-people__search,.km-hub input.km-hub-people__search:focus{ flex: 1 1 260px; min-width: 0; box-sizing: border-box; height: 44px; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: normal; }.km-hub input.km-hub-people__search:focus{ border-color: var(--km-hub-accent); outline: none; }.km-hub .km-hub-people__sort{ position: relative; flex: none; }.km-hub .km-hub-sort__button.km-hub-people__sort-button{ box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; width: auto; height: 44px; padding: 0 12px 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; white-space: nowrap; }.km-hub .km-hub-people__sort .km-hub-sort__list{ top: 50px; width: 230px; }.km-hub .km-hub-people__groups{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub .km-hub-people__grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }.km-hub .km-hub-people__item{ position: relative; display: flex; flex-direction: column; min-width: 0; }.km-hub .km-hub-people__item > button.km-hub-people__card{ flex: 1 1 auto; }.km-hub button.km-hub-people__card,.km-hub button.km-hub-people__card:focus,.km-hub button.km-hub-people__card:active,.km-hub button.km-hub-people__card:hover{ display: flex; align-items: flex-start; gap: 12px; box-sizing: border-box; width: 100%; min-width: 0; height: auto; margin: 0; padding: 16px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: normal; text-align: left; text-transform: none; cursor: pointer; }.km-hub button.km-hub-people__card:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); }.km-hub button.km-hub-people__card:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-people__photo{ width: 56px; height: 56px; }.km-hub .km-hub-people__photo.km-hub-person--letters{ font-size: 18px; }.km-hub .km-hub-people__body{ display: flex; flex: 1; flex-direction: column; gap: 4px; min-width: 0; }.km-hub .km-hub-people__name{ font-size: 15px; font-weight: 700; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-people__about{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 1.5; color: var(--km-hub-chip-ink); overflow-wrap: anywhere; }.km-hub .km-hub-people__since{ font-size: 12px; color: var(--km-hub-muted); }.km-hub p.km-hub-people__empty{ margin: 0; padding: 22px 18px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; color: var(--km-hub-chip-ink); font-size: 15px; text-align: center; }.km-hub p.km-hub-people__empty[hidden]{ display: none; }.km-hub button.km-hub-people__more,.km-hub button.km-hub-people__more:focus,.km-hub button.km-hub-people__more:active,.km-hub button.km-hub-people__more:hover{ align-self: center; box-sizing: border-box; height: 42px; margin: 0; padding: 0 22px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-people__more:hover{ border-color: var(--km-hub-accent); }.km-hub button.km-hub-people__more[hidden]{ display: none; }@media (max-width: 760px){.km-hub .km-hub-people__grid{ grid-template-columns: minmax(0, 1fr); }.km-hub .km-hub-people__groups{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }.km-hub .km-hub-people__groups .km-hub-chip{ flex: none; }}.km-hub .km-hub-pop.km-hub-likers{ gap: 12px; width: 300px; }.km-hub p.km-hub-likers__title{ margin: 0; padding-right: 32px; font-family: var(--km-hub-display); font-size: 20px; font-weight: 500; line-height: 1.2; color: var(--km-hub-title); }.km-hub ul.km-hub-likers__list{ display: flex; flex-direction: column; gap: 10px; max-height: 320px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }.km-hub li.km-hub-likers__row{ display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0; padding: 0; }.km-hub .km-hub-likers__row > button.km-hub-likers__name,.km-hub .km-hub-likers__row > button.km-hub-likers__name:hover,.km-hub .km-hub-likers__row > button.km-hub-likers__name:focus,.km-hub .km-hub-likers__row > button.km-hub-likers__name:active{ min-width: 0; font-weight: 700; overflow-wrap: anywhere; }.km-hub .km-hub-comments{ display: flex; flex-direction: column; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--km-hub-line-soft); border-radius: 0 0 14px 14px; background: var(--km-hub-field); }.km-hub .km-hub-comment{ display: flex; gap: 10px; min-width: 0; }.km-hub .km-hub-comment[hidden]{ display: none; }.km-hub .km-hub-comment--reply{ padding-left: 42px; }.km-hub .km-hub-comment--reply2{ padding-left: 84px; }.km-hub .km-hub-person--sm{ width: 32px; height: 32px; font-size: 12px; }.km-hub .km-hub-comment--reply .km-hub-person--sm,.km-hub .km-hub-comment--reply2 .km-hub-person--sm{ width: 28px; height: 28px; font-size: 11px; }.km-hub .km-hub-comment__main{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-hub .km-hub-comment__head{ position: relative; margin: 0; font-size: 14px; line-height: 1.4; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-comment__name{ font-weight: 700; }.km-hub .km-hub-comment__when{ font-weight: 400; color: var(--km-hub-muted); }.km-hub .km-hub-comment__text{ font-size: 14px; line-height: 1.55; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-comment__text[hidden]{ display: none; }.km-hub .km-hub-comment__text > *{ margin: 0; }.km-hub .km-hub-comment__text > * + *{ margin-top: 6px; }.km-hub .km-hub-comment__text a{ color: var(--km-hub-link); text-decoration: underline; }.km-hub p.km-hub-comment__gone{ margin: 0; font-size: 14px; font-style: italic; line-height: 1.55; color: var(--km-hub-muted); }.km-hub .km-hub-comment__acts{ display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 2px; }.km-hub button.km-hub-comment__act,.km-hub button.km-hub-comment__act:focus,.km-hub button.km-hub-comment__act:active{ height: auto; margin: 0; padding: 2px 0; border: 0; border-radius: 4px; background: none; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-comment__act:hover{ border: 0; background: none; box-shadow: none; color: var(--km-hub-link); }.km-hub button.km-hub-comment__act:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-comment__acts button.km-hub-comment__act--to-post,.km-hub .km-hub-comment__acts button.km-hub-comment__act--to-post:hover,.km-hub .km-hub-comment__acts button.km-hub-comment__act--to-post:focus,.km-hub .km-hub-comment__acts button.km-hub-comment__act--to-post:active{ color: var(--km-hub-link); font-weight: 800; }.km-hub a.km-hub-comment__moved,.km-hub a.km-hub-comment__moved:visited,.km-hub a.km-hub-comment__moved:hover,.km-hub a.km-hub-comment__moved:focus,.km-hub a.km-hub-comment__moved:active,.km-hub a.km-hub-post__from,.km-hub a.km-hub-post__from:visited,.km-hub a.km-hub-post__from:hover,.km-hub a.km-hub-post__from:focus,.km-hub a.km-hub-post__from:active{ display: block; align-self: flex-start; width: fit-content; max-width: 100%; box-sizing: border-box; margin: 2px 0 0; padding: 8px 12px; border-radius: 8px; background: var(--km-hub-badge); box-shadow: none; color: var(--km-hub-muted); font-size: 14px; font-style: italic; font-weight: 400; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }.km-hub a.km-hub-post__from,.km-hub a.km-hub-post__from:visited,.km-hub a.km-hub-post__from:hover,.km-hub a.km-hub-post__from:focus,.km-hub a.km-hub-post__from:active{ margin: 0; padding: 7px 12px; }.km-hub a.km-hub-comment__moved:hover,.km-hub a.km-hub-post__from:hover{ color: var(--km-hub-link); }.km-hub a.km-hub-comment__moved:focus-visible,.km-hub a.km-hub-post__from:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-convert__author{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; font-size: 15px; line-height: 1.35; color: var(--km-hub-ink); }.km-hub .km-hub-convert__author b{ font-weight: 700; overflow-wrap: anywhere; }.km-hub .km-hub-convert__when{ color: var(--km-hub-muted); }.km-hub .km-hub-convert__place{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-width: 0; }.km-hub .km-hub-convert__chosen{ display: inline-flex; align-items: center; max-width: 100%; min-height: 34px; box-sizing: border-box; padding: 0 12px; border-radius: 9px; background: var(--km-hub-soft); color: var(--km-hub-ink); font-size: 14px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }.km-hub .km-hub-convert__chosen--empty{ background: none; padding: 0; color: var(--km-hub-red); }.km-hub button.km-hub-convert__change,.km-hub button.km-hub-convert__change:hover,.km-hub button.km-hub-convert__change:focus,.km-hub button.km-hub-convert__change:active{ height: auto; margin: 0; padding: 2px 0; border: 0; border-radius: 4px; background: none; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-convert__change:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-convert__place + .km-hub-where{ margin-top: 12px; }.km-hub .km-hub-where[hidden],.km-hub label.km-hub-switch[hidden]{ display: none; }.km-hub .km-hub-convert__quote{ padding: 12px 14px; border-left: 3px solid var(--km-hub-line); border-radius: 0 8px 8px 0; background: var(--km-hub-field); font-size: 14px; line-height: 1.55; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-convert__quote > *{ margin: 0; }.km-hub .km-hub-convert__quote > * + *{ margin-top: 6px; }.km-hub p.km-hub-comments__closed{ margin: 0; font-size: 14px; color: var(--km-hub-muted); }.km-hub .km-hub-comments .km-hub-status:empty{ display: none; }.km-hub form.km-hub-say{ display: flex; align-items: flex-start; gap: 10px; min-width: 0; margin: 0; }.km-hub form.km-hub-say > .km-hub-person{ margin-top: 5px; }.km-hub form.km-hub-say--inline{ padding-left: 42px; }.km-hub .km-hub-comment__main form.km-hub-say--inline{ padding-left: 0; }.km-hub .km-hub-say__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }.km-hub textarea.km-hub-say__input,.km-hub textarea.km-hub-say__input:hover{ display: block; width: 100%; min-width: 0; height: auto; min-height: 42px; max-height: none; box-sizing: border-box; margin: 0; padding: 10px 14px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; line-height: 1.45; overflow: hidden; resize: none; }.km-hub textarea.km-hub-say__input:focus{ border-color: var(--km-hub-accent); outline: none; box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-hub textarea.km-hub-say__input:disabled{ opacity: 0.6; }.km-hub .km-hub-say__acts{ display: flex; align-items: center; gap: 8px; }.km-hub .km-hub-say__acts[hidden]{ display: none; }.km-hub .km-hub-say button.km-hub-button.km-hub-button--sm,.km-hub .km-hub-say button.km-hub-button.km-hub-button--sm:focus,.km-hub .km-hub-say button.km-hub-button.km-hub-button--sm:active{ height: 38px; padding: 0 16px; border-radius: 9px; font-size: 14px; font-weight: 700; }.km-hub .km-hub-typing{ position: relative; min-width: 0; }.km-hub textarea.km-hub-say__input::placeholder,.km-hub textarea.km-hub-edit__field::placeholder{ color: var(--km-hub-hint); opacity: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-hub .km-hub-typing > textarea.km-hub-say__input,.km-hub .km-hub-typing > textarea.km-hub-say__input:hover,.km-hub .km-hub-typing > textarea.km-hub-say__input:focus,.km-hub .km-hub-typing > textarea.km-hub-edit__field,.km-hub .km-hub-typing > textarea.km-hub-edit__field:focus{ padding-right: 44px; }.km-hub .km-hub-typing > button.km-hub-emoji,.km-hub .km-hub-typing > button.km-hub-emoji:hover,.km-hub .km-hub-typing > button.km-hub-emoji:focus,.km-hub .km-hub-typing > button.km-hub-emoji:active{ position: absolute; right: 6px; bottom: 6px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none; color: var(--km-hub-hint); font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub .km-hub-typing > button.km-hub-emoji .km-hub-icon{ width: 19px; height: 19px; }.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji:hover{ background: none; color: var(--km-hub-muted); }.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji[aria-expanded="true"]{ background: var(--km-hub-soft); color: var(--km-hub-muted); }.km-hub .km-hub-typing > button.km-hub-emoji:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-hub .km-hub-emoji-panel{ position: absolute; top: calc(100% + 6px); right: 0; z-index: 6; box-sizing: border-box; display: grid; grid-template-columns: repeat(auto-fill, 34px); justify-content: center; gap: 2px; width: 300px; max-width: calc(100vw - 32px); padding: 6px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(59, 42, 71, 0.12); }.km-hub .km-hub-emoji-panel.km-hub-emoji-panel--up{ top: auto; bottom: calc(100% + 6px); }.km-hub .km-hub-emoji-panel.km-hub-emoji-panel--narrow{ width: 264px; }.km-hub .km-hub-emoji-panel.km-hub-emoji-panel--narrowest{ width: 228px; }.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item,.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item:hover,.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item:focus,.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item:active{ display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 8px; background: none; box-shadow: none; color: inherit; font-family: inherit; font-size: 20px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item.km-hub-emoji-panel__item:hover,.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item.km-hub-emoji-panel__item:focus-visible{ background: var(--km-hub-hover); }.km-hub .km-hub-emoji-panel > button.km-hub-emoji-panel__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: -2px; }.km-hub.km-hub-discuss{ display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 20px 22px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; color: var(--km-hub-ink); font-family: var(--km-hub-font); }.km-hub h2.km-hub-discuss__title{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0; font-family: var(--km-hub-display); font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-hub .km-hub-discuss__count{ font-family: var(--km-hub-font); font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--km-hub-muted); }.km-hub .km-hub-discuss__count[hidden]{ display: none; }.km-hub .km-hub-discuss__list{ display: flex; flex-direction: column; gap: 18px; min-width: 0; }.km-hub .km-hub-discuss__thread{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.km-hub p.km-hub-discuss__empty{ margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub p.km-hub-discuss__empty[hidden]{ display: none; }.km-hub button.km-hub-discuss__more{ align-self: flex-start; }.km-hub button.km-hub-discuss__more[hidden]{ display: none; }.km-hub.km-hub-discuss .km-hub-status:empty{ display: none; }.km-hub.km-hub-discuss--bare{ padding: 0; border: 0; border-radius: 0; background: none; }:root{ --km-hub-comment-pin: #F7F2F9; --km-hub-comment-pin-line: #E6DAEE; --km-hub-comment-pin-ink: #6B4C7C; --km-hub-comment-pic-off: #D4CEDA; }.km-hub .km-hub-post{ --km-hub-comment-pin: var(--km-hub-pin-strip); --km-hub-comment-pin-line: var(--km-hub-pin-strip-line); --km-hub-comment-pin-ink: var(--km-hub-link); }.km-hub .km-hub-discuss__thread.km-hub-discuss__thread--pinned{ margin: 0 -18px; padding: 16px 18px; border: 1px solid var(--km-hub-comment-pin-line); border-radius: 12px; background: var(--km-hub-comment-pin); }.km-hub .km-hub-post .km-hub-discuss__thread.km-hub-discuss__thread--pinned{ margin: 0 -8px; padding: 12px 10px; }.km-hub .km-hub-comment__pin,.km-hub .km-hub-discuss__pinned{ display: inline-flex; align-items: center; gap: 6px; color: var(--km-hub-comment-pin-ink); font-size: 13px; font-weight: 700; line-height: 1.4; }.km-hub .km-hub-comment__pin{ float: right; margin: 0 0 0 12px; }.km-hub .km-hub-comment__pin .km-hub-icon,.km-hub .km-hub-discuss__pinned .km-hub-icon{ width: 14px; height: 14px; }.km-hub .km-hub-discuss__pinned{ display: none; }.km-hub .km-hub-comment__acts button.km-hub-comment__act--pin,.km-hub .km-hub-comment__acts button.km-hub-comment__act--pin:hover,.km-hub .km-hub-comment__acts button.km-hub-comment__act--pin:focus,.km-hub .km-hub-comment__acts button.km-hub-comment__act--pin:active{ color: var(--km-hub-comment-pin-ink); font-weight: 800; }.km-hub .km-hub-comment__pics{ display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; padding-top: 4px; }.km-hub button.km-hub-comment__pic,.km-hub button.km-hub-comment__pic:hover,.km-hub button.km-hub-comment__pic:focus,.km-hub button.km-hub-comment__pic:active{ display: block; flex: none; max-width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--km-hub-line); border-radius: 10px; background: none; box-shadow: none; line-height: 0; cursor: zoom-in; }.km-hub button.km-hub-comment__pic:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-comment__pic img{ display: block; width: auto; max-width: 100%; height: 140px; margin: 0; border-radius: 0; box-shadow: none; object-fit: contain; }.km-hub .km-hub-typing.km-hub-typing--pics > textarea.km-hub-say__input,.km-hub .km-hub-typing.km-hub-typing--pics > textarea.km-hub-say__input:hover,.km-hub .km-hub-typing.km-hub-typing--pics > textarea.km-hub-say__input:focus,.km-hub .km-hub-typing.km-hub-typing--pics > textarea.km-hub-edit__field,.km-hub .km-hub-typing.km-hub-typing--pics > textarea.km-hub-edit__field:focus{ padding-right: 76px; }.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic,.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic:hover,.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic:focus,.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic:active{ right: 38px; }.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic.km-hub-emoji--pic:disabled,.km-hub .km-hub-typing > button.km-hub-emoji.km-hub-emoji--pic.km-hub-emoji--pic:disabled:hover{ background: none; color: var(--km-hub-comment-pic-off); cursor: default; }.km-hub .km-hub-typing.km-hub-typing--filled > textarea.km-hub-say__input,.km-hub .km-hub-typing.km-hub-typing--filled > textarea.km-hub-say__input:hover,.km-hub .km-hub-typing.km-hub-typing--filled > textarea.km-hub-say__input:focus,.km-hub .km-hub-typing.km-hub-typing--filled > textarea.km-hub-edit__field,.km-hub .km-hub-typing.km-hub-typing--filled > textarea.km-hub-edit__field:focus{ border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.km-hub .km-hub-say__pics{ display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; margin-top: -8px; padding: 4px 14px 12px; border: 1px solid var(--km-hub-line); border-top: 0; border-radius: 0 0 10px 10px; background: #fff; }.km-hub .km-hub-say__pics[hidden]{ display: none; }.km-hub .km-hub-edit .km-hub-say__pics{ border-color: var(--km-hub-accent); }.km-hub .km-hub-say__pic{ position: relative; flex: none; width: 64px; height: 64px; }.km-hub .km-hub-say__pic img{ display: block; width: 64px; height: 64px; box-sizing: border-box; margin: 0; border: 1px solid var(--km-hub-line); border-radius: 8px; object-fit: cover; }.km-hub .km-hub-say__pic.km-hub-say__pic--wait img{ opacity: 0.5; }.km-hub button.km-hub-say__unpic,.km-hub button.km-hub-say__unpic:hover,.km-hub button.km-hub-say__unpic:focus,.km-hub button.km-hub-say__unpic:active{ position: absolute; top: -8px; right: -8px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 2px solid #fff; border-radius: 50%; background: var(--km-hub-title); box-shadow: none; color: #fff; line-height: 1; cursor: pointer; }.km-hub button.km-hub-say__unpic:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-hub button.km-hub-say__unpic .km-hub-icon{ width: 10px; height: 10px; stroke-width: 3.2; }.km-hub .km-hub-typing.km-hub-typing--drop > textarea.km-hub-say__input,.km-hub .km-hub-typing.km-hub-typing--drop > textarea.km-hub-edit__field{ border-color: var(--km-hub-accent); background: var(--km-hub-hover); }@media (max-width: 760px){.km-hub .km-hub-discuss__thread.km-hub-discuss__thread--pinned,.km-hub .km-hub-post .km-hub-discuss__thread.km-hub-discuss__thread--pinned{ gap: 8px; margin: 0 -8px; padding: 12px 8px 14px; }.km-hub .km-hub-comment__pin{ display: none; }.km-hub .km-hub-discuss__pinned{ display: flex; justify-content: flex-end; font-size: 12px; }.km-hub .km-hub-discuss__pinned .km-hub-icon{ width: 13px; height: 13px; }.km-hub .km-hub-comment__pic img{ height: 110px; }}.km-hub .km-hub-login{ display: flex; flex-direction: column; gap: 10px; max-width: 420px; min-width: 0; }.km-hub .km-hub-login form{ display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; }.km-hub .km-hub-login form p{ margin: 0; padding: 0; }.km-hub .km-hub-login form label{ display: block; margin: 0 0 6px; font-family: var(--km-hub-font); font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--km-hub-muted); }.km-hub .km-hub-login input.input,.km-hub .km-hub-login input.input:hover,.km-hub .km-hub-login input.input:focus{ display: block; width: 100%; min-width: 0; height: 42px; box-sizing: border-box; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; line-height: 40px; }.km-hub .km-hub-login input.input:focus{ border-color: var(--km-hub-accent); outline: none; box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-hub .km-hub-login input.button-primary,.km-hub .km-hub-login input.button-primary:focus,.km-hub .km-hub-login input.button-primary:active{ height: 38px; margin: 0; padding: 0 22px; border: 1px solid var(--km-hub-red); border-radius: 9px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; text-shadow: none; cursor: pointer; }.km-hub .km-hub-login input.button-primary:hover{ border-color: var(--km-hub-red-deep); background: var(--km-hub-red-deep); color: #fff; box-shadow: none; }.km-hub .km-hub-login input.button-primary:disabled{ opacity: 0.6; cursor: default; }.km-hub .km-hub-login input.button-primary:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-dialog--login{ width: 440px; }.km-hub .km-hub-dialog--login .km-hub-login{ max-width: none; }.km-hub p.km-hub-login__lead{ margin: 0; font-family: var(--km-hub-font); font-size: 15px; line-height: 1.5; color: var(--km-hub-ink); }.km-hub .km-hub-login__links{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; }.km-hub a.km-hub-login__lost,.km-hub a.km-hub-login__lost:visited{ align-self: flex-start; font-family: var(--km-hub-font); font-size: 13px; color: var(--km-hub-muted); text-decoration: underline; }.km-hub a.km-hub-login__lost:hover{ color: var(--km-hub-ink); }@media (min-width: 761px){.km-hub .km-hub-login{ flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 16px; max-width: 600px; }.km-hub .km-hub-login form{ display: contents; }.km-hub .km-hub-login p.login-username,.km-hub .km-hub-login p.login-password{ flex: 1 1 calc(50% - 9px); min-width: 0; }.km-hub .km-hub-login .km-hub-status{ order: 1; flex: 1 1 100%; }.km-hub a.km-hub-login__lost,.km-hub a.km-hub-login__lost:visited{ align-self: center; }}@media (max-width: 760px){.km-hub.km-hub-discuss{ padding: 16px 14px; }.km-hub.km-hub-discuss--bare{ padding: 0; }.km-hub h2.km-hub-discuss__title{ font-size: 22px; }}.km-hub .km-hub-single{ display: flex; }.km-hub button.km-hub-back,.km-hub button.km-hub-back:focus,.km-hub button.km-hub-back:active{ display: inline-flex; align-items: center; gap: 6px; height: 40px; margin: 0; padding: 0 14px 0 10px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-hub-back:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-hub button.km-hub-back:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }@container km-hub (max-width: 1095.98px){.km-hub .km-hub__cols{ display: grid; grid-template-columns: 220px minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 26px 28px; align-items: start; }.km-hub .km-hub__cols > .km-hub-nav{ grid-column: 1; grid-row: 1; max-width: none; }.km-hub .km-hub__cols > .km-hub-main{ grid-column: 2; grid-row: 1 / span 2; }.km-hub .km-hub__cols > .km-hub-aside{ grid-column: 1; grid-row: 2; max-width: none; }}@media (max-width: 760px){.km-page.km-hub{ padding-top: 16px; padding-bottom: 40px; }.km-hub .km-hub-lesson-tag__text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; }.km-hub.km-hub-lesson--empty{ padding: 18px 16px; }.km-hub .km-hub-dialog__foot{ flex-wrap: wrap; }.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle,.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle:focus,.km-hub .km-hub-dialog__foot button.km-hub-plan-toggle:active{ flex: 1 1 100%; justify-content: center; margin-right: 0; }.km-hub .km-hub__inner{ gap: 14px; }.km-hub p.km-hub__eyebrow{ display: none; }.km-hub h1.km-hub__title{ font-size: 28px; }.km-hub .km-hub__cols{ display: flex; gap: 14px; }.km-hub .km-hub-nav{ display: none; }.km-hub .km-hub-aside{ display: none; }.km-hub .km-hub__head{ flex-wrap: nowrap; align-items: center; }.km-hub .km-hub__titles{ flex: 1; min-width: 0; }.km-hub button.km-hub-write,.km-hub button.km-hub-write:focus,.km-hub button.km-hub-write:active,.km-hub a.km-hub-write,.km-hub a.km-hub-write:visited,.km-hub a.km-hub-write:focus,.km-hub a.km-hub-write:active{ justify-content: center; width: 46px; padding: 0; border-radius: 12px; }.km-hub .km-hub-write__label{ display: none; }.km-hub .km-hub__head.km-hub__head--stack{ flex-wrap: wrap; }.km-hub .km-hub__head--stack .km-hub__titles{ flex: 1 1 100%; }.km-hub a.km-hub-write.km-hub-write--plain,.km-hub a.km-hub-write.km-hub-write--plain:visited,.km-hub a.km-hub-write.km-hub-write--plain:focus,.km-hub a.km-hub-write.km-hub-write--plain:active,.km-hub a.km-hub-write.km-hub-write--plain:hover{ width: 100%; height: 42px; padding: 0 18px; border-radius: 10px; }.km-hub .km-hub-write--plain .km-hub-write__label{ display: inline; }.km-hub .km-hub-write .km-hub-icon{ width: 20px; height: 20px; }.km-hub button.km-hub-prompt{ display: none; }.km-hub .km-hub-tools{ align-items: center; gap: 8px; }.km-hub .km-hub-post__body{ gap: 10px; padding: 14px; }.km-hub .km-hub-post__place,.km-hub .km-hub-post__meta{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-hub .km-hub-post__meta.km-hub-post__meta--wrap{ white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }.km-hub .km-hub-post__tag,.km-hub .km-hub-post__ago{ display: none; }.km-hub .km-hub-post__ago-short,.km-hub .km-hub-post__metatag{ display: inline; }.km-hub .km-hub-post__tag-below{ display: inline-block; align-self: flex-start; padding: 4px 9px; font-size: 12px; }.km-hub .km-hub-post__pin{ justify-content: space-between; padding: 9px 14px; }.km-hub .km-hub-post__pin-tag{ display: inline-block; min-width: 0; max-width: 60%; padding: 3px 8px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.km-hub .km-hub-post--pinned .km-hub-post__metatag,.km-hub .km-hub-post--pinned .km-hub-post__tag-below{ display: none; }.km-hub h2.km-hub-post__title{ font-size: 20px; }.km-hub .km-hub-menu__button{ width: 40px; height: 40px; margin-right: -8px; }.km-hub .km-hub-menu__list{ width: 240px; }.km-hub .km-hub-modal{ padding: 0; }.km-hub .km-hub-dialog{ min-height: 100%; border-radius: 0; }.km-hub .km-hub-dialog--welcome{ width: 100%; border-radius: 0; box-shadow: none; }.km-hub .km-hub-welcome__top{ padding: 16px 16px 0; }.km-hub .km-hub-welcome__pane{ padding: 14px 16px 24px; }.km-hub .km-hub-dialog__head,.km-hub .km-hub-dialog__body,.km-hub .km-hub-dialog__foot{ padding-left: 16px; padding-right: 16px; }.km-hub .km-hub-main{ flex-basis: 100%; gap: 14px; }.km-hub .km-hub-pick{ display: block; }.km-hub .km-hub-chips{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }.km-hub .km-hub-chips::-webkit-scrollbar{ display: none; }.km-hub button.km-hub-chip,.km-hub button.km-hub-chip:focus,.km-hub button.km-hub-chip:active{ height: 38px; padding: 0 14px; }.km-hub .km-hub-gallery{ border-radius: 10px; }.km-hub .km-hub-viewer{ padding: 56px 8px 64px; }.km-hub button.km-hub-viewer__nav{ top: auto; bottom: 8px; }.km-hub button.km-hub-viewer__nav--prev{ left: 8px; }.km-hub button.km-hub-viewer__nav--next{ right: 8px; }.km-hub p.km-hub-viewer__count{ bottom: 22px; }.km-hub .km-hub-link__image{ width: 88px; min-height: 88px; }.km-hub button.km-hub-tool,.km-hub button.km-hub-tool:focus,.km-hub button.km-hub-tool:active{ padding: 0 12px; }.km-hub .km-hub-acts{ padding: 4px 6px; }.km-hub .km-hub-act,.km-hub button.km-hub-act,.km-hub button.km-hub-act:focus,.km-hub button.km-hub-act:active{ gap: 6px; height: 44px; padding: 0 10px; }.km-hub .km-hub-act__word,.km-hub .km-hub-act__dot,.km-hub .km-hub-act__dot[hidden]{ display: none; }.km-hub .km-hub-act--follow{ justify-content: center; width: 44px; padding: 0; }.km-hub .km-hub-act .km-hub-icon{ width: 18px; height: 18px; }.km-hub .km-hub-typing > button.km-hub-emoji .km-hub-icon{ width: 18px; height: 18px; }.km-page.km-me{ padding-top: 18px; padding-bottom: 40px; }.km-me h1.km-me__title{ font-size: 28px; }.km-hub .km-hub-gsel__button{ max-width: 150px; }.km-me .km-me__card{ padding: 20px 16px; }.km-me .km-me__grid-row{ grid-template-columns: minmax(0, 1fr) 84px 56px; }.km-me .km-me__grid--phone .km-me__grid-row{ grid-template-columns: minmax(0, 1fr) 74px 48px 62px; }.km-me .km-me__grid--phone .km-me__grid-row--head .km-me__grid-col{ font-size: 11px; line-height: 1.25; }.km-hub .km-hub-member__side{ flex-basis: 100%; }.km-hub .km-hub-member__card{ padding: 20px 16px; }.km-hub .km-hub-post__place > button.km-hub-name,.km-hub .km-hub-post__place > button.km-hub-name:hover,.km-hub .km-hub-post__place > button.km-hub-name:focus,.km-hub .km-hub-post__place > button.km-hub-name:active{ display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }.km-hub .km-hub-shade{ display: block; position: fixed; inset: 0; z-index: 2147483001; background: var(--km-hub-dark); }.km-hub .km-hub-pop.km-hub-pcard,.km-hub .km-hub-pop.km-hub-likers{ position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 2147483002; width: auto; max-width: none; max-height: 85vh; overflow-y: auto; padding: 22px 16px calc(22px + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 16px 16px 0 0; }.km-hub ul.km-hub-likers__list{ max-height: none; overflow: visible; }.km-hub .km-hub-pcard__acts.km-hub-pcard__acts--subscribe{ flex-direction: column; }.km-hub .km-hub-pcard__acts--subscribe a.km-hub-pcard__open,.km-hub .km-hub-pcard__acts--subscribe a.km-hub-pcard__open:hover,.km-hub .km-hub-pcard__acts--subscribe a.km-hub-pcard__open:focus,.km-hub .km-hub-pcard__acts--subscribe button.km-hub-subscribe,.km-hub .km-hub-pcard__acts--subscribe button.km-hub-subscribe:hover,.km-hub .km-hub-pcard__acts--subscribe button.km-hub-subscribe:focus{ flex: none; height: 46px; }.km-hub .km-hub-comments{ padding: 12px 14px; }.km-hub .km-hub-person--sm{ width: 28px; height: 28px; font-size: 11px; }.km-hub .km-hub-comment--reply{ padding-left: 30px; }.km-hub .km-hub-comment--reply2{ padding-left: 60px; }.km-hub form.km-hub-say--inline{ padding-left: 30px; }}.km-hub .km-hub-person--site{ background: var(--km-hub-label); color: var(--km-hub-site-ink); }.km-hub .km-hub-article{ display: flex; flex-direction: column; width: calc(100% * 560 / 608); max-width: 100%; overflow: hidden; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; }.km-hub img.km-hub-article__cover{ display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 16 / 9; margin: 0; border: 0; border-radius: 0; object-fit: cover; object-position: center; }.km-hub .km-hub-article__pic{ position: relative; }.km-hub .km-hub-article__text{ display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }.km-hub h2.km-hub-article__title{ margin: 0; font-family: var(--km-hub-display); font-size: var(--km-hub-card-title-size); font-weight: 400; line-height: var(--km-hub-card-title-line); letter-spacing: normal; text-transform: none; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub p.km-hub-article__excerpt{ margin: 0; font-size: 15px; line-height: 1.6; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub .km-hub-article__foot{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-hub a.km-hub-read,.km-hub a.km-hub-read:visited,.km-hub a.km-hub-read:hover,.km-hub a.km-hub-read:focus{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--km-hub-read); box-shadow: none; color: var(--km-hub-tag-lilac-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; }.km-hub a.km-hub-read:hover{ color: var(--km-hub-title); }.km-hub a.km-hub-read:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-hub-read .km-hub-icon{ width: 16px; height: 16px; stroke-width: 2; }.km-hub .km-hub-article__caption{ font-size: 14px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-act--save .km-hub-icon{ width: 18px; height: 18px; }.km-hub button.km-hub-act--save[aria-pressed="true"],.km-hub button.km-hub-act--save[aria-pressed="true"]:hover{ color: var(--km-hub-link); font-weight: 600; }@media (max-width: 760px){.km-hub .km-hub-article{ width: 100%; border-radius: 10px; }.km-hub .km-hub-article__text{ padding: 12px 14px 14px; }.km-hub h2.km-hub-article__title{ font-size: 19px; }.km-hub p.km-hub-article__excerpt{ display: none; }.km-hub .km-hub-article__foot{ flex-direction: column; align-items: stretch; gap: 10px; }.km-hub a.km-hub-read,.km-hub a.km-hub-read:visited,.km-hub a.km-hub-read:hover,.km-hub a.km-hub-read:focus{ height: 46px; font-size: 15px; }.km-hub .km-hub-read .km-hub-icon{ display: none; }.km-hub .km-hub-article__caption{ font-size: 13px; text-align: center; }.km-hub .km-hub-act--save{ justify-content: center; width: 44px; padding: 0; }}.km-hub .km-hub-cast__pic{ position: relative; }.km-hub .km-hub-cast__tag{ display: none; }.km-hub .km-hub-cast__row{ display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px 10px; }.km-hub .km-hub-cast__leaf{ flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; box-sizing: border-box; width: 60px; height: 60px; margin-top: 5px; border-radius: 12px; background: var(--km-hub-leaf); }.km-hub .km-hub-cast__day{ font-family: var(--km-hub-display); font-size: 26px; font-weight: 600; line-height: 1; color: var(--km-hub-title); }.km-hub .km-hub-cast__month{ font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; color: var(--km-hub-link); }.km-hub .km-hub-cast__leaf--live{ background: var(--km-hub-red); }.km-hub .km-hub-cast__leaf--live .km-hub-cast__day,.km-hub .km-hub-cast__leaf--live .km-hub-cast__month{ color: #fff; }.km-hub .km-hub-cast__leaf--rec{ background: var(--km-hub-leaf-rec); }.km-hub .km-hub-cast__leaf--rec .km-hub-cast__day{ color: var(--km-hub-leaf-rec-day); }.km-hub .km-hub-cast__leaf--rec .km-hub-cast__month{ color: var(--km-hub-muted); }.km-hub .km-hub-cast__col{ display: flex; flex-direction: column; gap: 3px; min-width: 0; }.km-hub h2.km-hub-cast__title{ margin: 0; font-family: var(--km-hub-display); font-size: 23px; font-weight: 400; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub .km-hub-cast__when{ font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--km-hub-link); }.km-hub .km-hub-cast__when--live{ font-weight: 700; color: var(--km-hub-live-ink); }.km-hub .km-hub-cast__when--rec{ color: var(--km-hub-muted); }.km-hub .km-hub-cast__about{ padding: 0 16px 14px; }.km-hub p.km-hub-cast__text{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; padding: 0; overflow: hidden; font-size: 14px; line-height: 1.5; color: var(--km-hub-cast-text); overflow-wrap: anywhere; }.km-hub .km-hub-cast__cta{ display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }.km-hub a.km-hub-cast__watch,.km-hub a.km-hub-cast__watch:visited,.km-hub a.km-hub-cast__watch:hover,.km-hub a.km-hub-cast__watch:focus{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; height: 44px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--km-hub-soft); box-shadow: none; color: var(--km-hub-title); font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; }.km-hub .km-hub-cast__watch .km-hub-icon{ width: 18px; height: 18px; stroke-width: 2; }.km-hub a.km-hub-cast__register,.km-hub a.km-hub-cast__register:visited,.km-hub a.km-hub-cast__register:focus,.km-hub button.km-hub-cast__register,.km-hub button.km-hub-cast__register:focus{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; height: 44px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; }.km-hub a.km-hub-cast__register:hover,.km-hub button.km-hub-cast__register:hover{ background: var(--km-hub-red-deep); color: #fff; }.km-hub button.km-hub-cast__register:disabled{ cursor: progress; opacity: 0.7; }.km-hub .km-hub-cast__proof{ font-size: 14px; line-height: 1.4; color: var(--km-hub-proof); }.km-hub .km-hub-cast__shut{ font-size: 15px; font-weight: 700; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-hub-gate{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }.km-hub p.km-hub-gate__text{ margin: 0; font-size: 14px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub a.km-hub-gate__button,.km-hub a.km-hub-gate__button:visited,.km-hub a.km-hub-gate__button:focus,.km-hub button.km-hub-gate__button,.km-hub button.km-hub-gate__button:focus{ display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; }.km-hub a.km-hub-gate__button:hover,.km-hub button.km-hub-gate__button:hover{ background: var(--km-hub-red-deep); color: #fff; }@media (max-width: 760px){.km-hub .km-hub-cast__tag{ position: absolute; top: 10px; right: 10px; display: inline-flex; align-items: center; box-sizing: border-box; max-width: calc(100% - 20px); height: 26px; padding: 0 10px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14); font-size: 12px; }.km-hub .km-hub-cast__row{ gap: 12px; padding: 12px; }.km-hub .km-hub-cast__leaf{ width: 52px; height: 52px; margin-top: 4px; }.km-hub .km-hub-cast__day{ font-size: 22px; }.km-hub h2.km-hub-cast__title{ font-size: 19px; }.km-hub .km-hub-cast__when{ font-size: 13px; }.km-hub .km-hub-cast__about{ padding: 0 12px 12px; }.km-hub p.km-hub-cast__text{ font-size: 13px; }.km-hub .km-hub-cast__cta{ flex-direction: column; align-items: stretch; gap: 10px; }.km-hub a.km-hub-cast__watch,.km-hub a.km-hub-cast__register,.km-hub button.km-hub-cast__register{ width: 100%; }.km-hub .km-hub-cast__proof{ font-size: 13px; text-align: center; }.km-hub .km-hub-cast__shut{ text-align: center; }}.km-hub .km-hub-member__tab--own{ gap: 6px; }.km-hub .km-hub-member__lock{ display: inline-flex; color: var(--km-hub-muted); }.km-hub .km-hub-member__lock .km-hub-icon{ width: 13px; height: 13px; stroke-width: 2; }.km-hub .km-mine{ display: flex; flex-direction: column; gap: 26px; min-width: 0; }.km-hub .km-mine-sec{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.km-hub .km-mine p.km-hub-status:empty{ display: none; }.km-hub p.km-mine-head{ margin: 0; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-hub-muted); }.km-hub .km-mine-tag{ align-self: flex-start; max-width: 100%; box-sizing: border-box; padding: 4px 8px; border-radius: 6px; background: var(--km-hub-label); color: var(--km-hub-link); font-size: 12px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }.km-hub .km-mine-live{ align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 6px; background: var(--km-hub-red); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; }.km-hub p.km-mine-none{ margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-hub a.km-mine-btn,.km-hub a.km-mine-btn:visited,.km-hub a.km-mine-btn:hover,.km-hub a.km-mine-btn:focus{ display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; padding: 0 22px; border: 1px solid var(--km-hub-red); border-radius: 10px; background: var(--km-hub-red); box-shadow: none; color: #fff; font-family: var(--km-hub-font); font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }.km-hub a.km-mine-btn:hover{ border-color: var(--km-hub-red-deep); background: var(--km-hub-red-deep); }.km-hub a.km-mine-btn--small,.km-hub a.km-mine-btn--small:visited,.km-hub a.km-mine-btn--small:hover,.km-hub a.km-mine-btn--small:focus{ height: 34px; padding: 0 14px; font-size: 13px; }.km-hub a.km-mine-btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub a.km-mine-link,.km-hub a.km-mine-link:visited,.km-hub a.km-mine-link:focus{ color: var(--km-hub-link); font-size: 13px; font-weight: 700; line-height: 1.3; text-decoration: none; }.km-hub a.km-mine-link:hover{ color: var(--km-hub-title); text-decoration: underline; }.km-hub a.km-mine-link--all{ align-self: flex-start; font-size: 14px; }.km-hub a.km-mine-btn--line,.km-hub a.km-mine-btn--line:visited,.km-hub a.km-mine-btn--line:focus{ border-color: var(--km-hub-chip-line); background: #fff; color: var(--km-hub-ink); }.km-hub a.km-mine-btn--line:hover{ border-color: var(--km-hub-chip-line); background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-hub .km-mine-slot > .km-mine{ margin-bottom: 12px; }.km-hub .km-mine-slot:empty,.km-hub p.km-mine-fail:empty{ display: none; }.km-hub .km-mine-progress{ display: flex; align-items: center; gap: 12px; min-width: 0; }.km-hub progress.km-mine-progress__bar{ flex: 1; background: var(--km-hub-track); }.km-hub progress.km-mine-progress__bar::-webkit-progress-bar{ background: var(--km-hub-track); }.km-hub progress.km-mine-progress__bar::-webkit-progress-value{ background: var(--km-hub-accent); }.km-hub progress.km-mine-progress__bar::-moz-progress-bar{ background: var(--km-hub-accent); }.km-hub .km-mine-progress__words{ flex: none; font-size: 13px; font-weight: 700; color: var(--km-hub-ink); white-space: nowrap; }.km-hub .km-mine-go{ display: flex; min-width: 0; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub a.km-mine-go__cover{ flex: 0 0 37%; display: block; min-height: 220px; border-radius: 13px 0 0 13px; background: var(--km-hub-soft); overflow: hidden; }.km-hub .km-mine-go__img{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-hub .km-mine-go__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 20px 24px; }.km-hub h3.km-mine-go__title{ margin: 0; font-family: var(--km-hub-display); font-size: 26px; font-weight: 400; line-height: 1.2; color: var(--km-hub-title); overflow-wrap: anywhere; }.km-hub p.km-mine-go__where{ margin: 0; font-size: 14px; line-height: 1.45; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-hub b.km-mine-go__spot{ color: var(--km-hub-ink); font-weight: 700; }.km-hub .km-mine-go__acts{ display: flex; flex-wrap: wrap; gap: 10px; }.km-hub .km-mine-air{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding-top: 12px; border-top: 1px solid var(--km-hub-line); font-size: 14px; line-height: 1.4; color: var(--km-hub-ink); }.km-hub .km-mine-air__dot{ flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--km-hub-red); }.km-hub .km-mine-air__text{ flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }.km-hub b.km-mine-air__label{ font-weight: 700; }.km-hub .km-mine-cal{ position: relative; }.km-hub summary.km-mine-cal__button{ display: inline-flex; align-items: center; height: 30px; color: var(--km-hub-link); font-size: 13px; font-weight: 700; line-height: 1; list-style: none; cursor: pointer; white-space: nowrap; }.km-hub summary.km-mine-cal__button::-webkit-details-marker{ display: none; }.km-hub summary.km-mine-cal__button:hover{ color: var(--km-hub-title); }.km-hub summary.km-mine-cal__button:focus{ outline: none; }.km-hub summary.km-mine-cal__button:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; border-radius: 6px; }.km-hub[data-lms-hub-pointer] summary.km-mine-cal__button:focus-visible{ outline: none; }.km-hub .km-mine-cal__list{ position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; display: flex; flex-direction: column; min-width: 150px; padding: 6px; border: 1px solid var(--km-hub-line); border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(46, 36, 51, 0.12); }.km-hub a.km-mine-cal__item,.km-hub a.km-mine-cal__item:visited,.km-hub a.km-mine-cal__item:focus{ display: block; padding: 8px 10px; border-radius: 7px; color: var(--km-hub-ink); font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; }.km-hub a.km-mine-cal__item:hover{ background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-hub .km-mine-cal--left .km-mine-cal__list{ left: auto; right: 0; }.km-hub .km-mine-cal--up .km-mine-cal__list{ top: auto; bottom: calc(100% + 6px); }.km-hub .km-mine-chips{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub button.km-mine-chip,.km-hub button.km-mine-chip:hover,.km-hub button.km-mine-chip:focus,.km-hub button.km-mine-chip:active{ display: inline-flex; align-items: center; gap: 7px; height: 36px; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 9px; background: #fff; box-shadow: none; color: var(--km-hub-chip-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-mine-chip:hover{ background: var(--km-hub-hover); }.km-hub button.km-mine-chip[aria-pressed="true"],.km-hub button.km-mine-chip[aria-pressed="true"]:hover,.km-hub button.km-mine-chip[aria-pressed="true"]:focus,.km-hub button.km-mine-chip[aria-pressed="true"]:active{ border-color: var(--km-hub-soft); background: var(--km-hub-soft); color: var(--km-hub-ink); font-weight: 700; }.km-hub button.km-mine-chip:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-mine-chip__n{ color: var(--km-hub-muted); font-weight: 600; font-variant-numeric: tabular-nums; }.km-hub .km-mine-soon{ display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }.km-hub .km-mine-soon__card{ display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 16px; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-hub .km-mine-soon__card--live{ border-color: var(--km-hub-red); }.km-hub p.km-mine-soon__date{ display: flex; align-items: flex-start; gap: 8px; margin: 0; color: var(--km-hub-red); }.km-hub .km-mine-soon__day{ font-family: var(--km-hub-display); font-size: 30px; font-weight: 500; line-height: 1; }.km-hub .km-mine-soon__month{ font-size: 13px; font-weight: 700; line-height: 1.3; }.km-hub h3.km-mine-soon__title{ margin: 0; font-family: var(--km-hub-font); font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-hub p.km-mine-soon__time{ margin: 0; font-size: 13px; color: var(--km-hub-muted); }.km-hub p.km-mine-soon__locked{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub .km-mine-soon__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: auto; padding-top: 6px; }.km-hub .km-mine-rec-head{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }.km-hub .km-mine-seg{ display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border: 1px solid var(--km-hub-line); border-radius: 11px; background: #fff; }.km-hub button.km-mine-seg__item,.km-hub button.km-mine-seg__item:hover,.km-hub button.km-mine-seg__item:focus,.km-hub button.km-mine-seg__item:active{ height: 32px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-seg-ink); font-family: var(--km-hub-font); font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; cursor: pointer; }.km-hub button.km-mine-seg__item:hover{ background: var(--km-hub-hover); }.km-hub button.km-mine-seg__item[aria-pressed="true"],.km-hub button.km-mine-seg__item[aria-pressed="true"]:hover,.km-hub button.km-mine-seg__item[aria-pressed="true"]:focus,.km-hub button.km-mine-seg__item[aria-pressed="true"]:active{ background: var(--km-hub-soft); color: var(--km-hub-ink); font-weight: 700; }.km-hub button.km-mine-seg__item:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-mine-recs{ display: flex; flex-direction: column; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; overflow: hidden; }.km-hub .km-mine-rec{ display: flex; align-items: center; gap: 14px; min-width: 0; padding: 12px 16px; }.km-hub .km-mine-rec + .km-mine-rec{ border-top: 1px solid var(--km-hub-line-soft); }.km-hub a.km-mine-rec__cover{ flex: none; display: block; width: 96px; height: 56px; border-radius: 8px; background: var(--km-hub-soft); overflow: hidden; }.km-hub .km-mine-rec__img{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-hub .km-mine-rec__copy{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-hub a.km-mine-rec__title,.km-hub a.km-mine-rec__title:visited,.km-hub a.km-mine-rec__title:focus{ color: var(--km-hub-ink); font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }.km-hub a.km-mine-rec__title:hover{ color: var(--km-hub-link); text-decoration: underline; }.km-hub .km-mine-rec__line{ font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-hub .km-mine-rec__state{ flex: none; font-size: 13px; font-weight: 700; color: var(--km-hub-red); white-space: nowrap; }.km-hub .km-mine-rec__state--done{ color: var(--km-done); }.km-hub button.km-mine-heart,.km-hub button.km-mine-heart:hover,.km-hub button.km-mine-heart:focus,.km-hub button.km-mine-heart:active{ flex: none; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: var(--km-hub-muted); cursor: pointer; }.km-hub button.km-mine-heart:hover{ background: var(--km-hub-hover); }.km-hub button.km-mine-heart .km-lb-i{ width: 18px; height: 18px; stroke-width: 2; }.km-hub button.km-mine-heart[aria-pressed="true"]{ color: var(--km-hub-red); }.km-hub button.km-mine-heart[aria-pressed="true"] .km-lb-i{ fill: currentColor; }.km-hub button.km-mine-heart:disabled{ opacity: 0.5; cursor: default; }.km-hub button.km-mine-heart:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub button.km-mine-more,.km-hub button.km-mine-more:hover,.km-hub button.km-mine-more:focus,.km-hub button.km-mine-more:active{ align-self: flex-start; height: 34px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: var(--km-hub-link); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-hub button.km-mine-more:hover{ color: var(--km-hub-title); text-decoration: underline; }.km-hub button.km-mine-more:disabled{ opacity: 0.6; cursor: default; }.km-hub button.km-mine-more:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-mine-favs{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }.km-hub a.km-mine-fav,.km-hub a.km-mine-fav:visited,.km-hub a.km-mine-fav:focus{ display: flex; flex-direction: column; min-width: 0; padding-bottom: 12px; box-sizing: border-box; border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; overflow: hidden; color: var(--km-hub-ink); text-decoration: none; }.km-hub a.km-mine-fav:hover{ border-color: var(--km-hub-chip-line); color: var(--km-hub-ink); }.km-hub a.km-mine-fav:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-mine-fav__cover{ display: block; height: 96px; background: var(--km-hub-soft); }.km-hub .km-mine-fav__img{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-hub .km-mine-fav__title{ padding: 12px 14px 0; font-size: 15px; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere; }.km-hub .km-mine-fav__text{ padding: 4px 14px 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); overflow-wrap: anywhere; }@media (max-width: 760px){.km-hub .km-mine-go{ flex-direction: column; }.km-hub a.km-mine-go__cover{ flex: none; min-height: 0; height: 180px; border-radius: 13px 13px 0 0; }.km-hub .km-mine-go__body{ padding: 16px; }.km-hub h3.km-mine-go__title{ font-size: 22px; }.km-hub .km-mine-go__acts a.km-mine-btn{ flex: 1 1 auto; }.km-hub .km-mine-favs{ grid-template-columns: 1fr; }.km-hub .km-mine-soon{ display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; }.km-hub .km-mine-soon::-webkit-scrollbar{ display: none; }.km-hub .km-mine-soon__card{ flex: 0 0 78%; scroll-snap-align: start; }.km-hub .km-mine-chips{ flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }.km-hub .km-mine-chips::-webkit-scrollbar{ display: none; }.km-hub .km-mine-rec{ flex-wrap: wrap; gap: 8px 12px; padding: 12px; }.km-hub a.km-mine-rec__cover{ width: 80px; height: 46px; }.km-hub .km-mine-rec__copy{ flex-basis: calc(100% - 92px); }.km-hub .km-mine-rec__state{ margin-left: 92px; flex: 1; }}.km-hub .km-dashboard--profile .km-tabs{ gap: 6px; margin: 0; border-bottom: 0; }.km-hub .km-dashboard--profile .km-tab,.km-hub .km-dashboard--profile .km-tab:hover,.km-hub .km-dashboard--profile .km-tab:focus,.km-hub .km-dashboard--profile .km-tab:active{ padding: 9px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--km-hub-muted); }.km-hub .km-dashboard--profile .km-tab:hover{ background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-hub .km-dashboard--profile .km-tab.is-active,.km-hub .km-dashboard--profile .km-tab.is-active:hover,.km-hub .km-dashboard--profile .km-tab.is-active:focus,.km-hub .km-dashboard--profile .km-tab.is-active:active{ background: var(--km-hub-soft); color: var(--km-hub-ink); }.km-hub .km-dashboard--profile .km-tab:focus{ outline: none; }.km-hub .km-dashboard--profile .km-tab:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub button.km-hub-member__tab:focus:not(:focus-visible){ outline: none; }.km-hub[data-lms-hub-pointer] button.km-hub-member__tab:focus-visible,.km-hub[data-lms-hub-pointer] .km-dashboard--profile .km-tab:focus-visible{ outline: none; }.km-hub .km-dashboard--profile .km-btn--primary,.km-hub .km-dashboard--profile .km-btn--primary:visited,.km-hub .km-dashboard--profile .km-btn--primary:focus,.km-hub .km-dashboard--profile .km-btn--primary:active{ background: var(--km-hub-red); color: #fff; }.km-hub .km-dashboard--profile .km-btn--primary:hover{ background: var(--km-hub-red-deep); color: #fff; }.km-hub .km-dashboard--profile .km-btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hub .km-dashboard--profile .km-progress__bar{ background: var(--km-hub-track); }.km-hub .km-dashboard--profile .km-progress__bar::-webkit-progress-bar{ background: var(--km-hub-track); }.km-hub .km-dashboard--profile .km-progress__bar:not(.km-progress__bar--done)::-webkit-progress-value{ background: var(--km-hub-accent); }.km-hub .km-dashboard--profile .km-progress__bar:not(.km-progress__bar--done)::-moz-progress-bar{ background: var(--km-hub-accent); }.km-hub .km-dashboard--profile .km-cover__badge:not(.km-cover__badge--done){ color: var(--km-hub-link); }.km-hub .km-dashboard--profile .km-empty:hover{ border-color: var(--km-hub-chip-line); }.km-course-card__foot{ display: contents; }.km-page.km-hub.km-dashboard--page{ padding-top: 0; }.km-hub.km-dashboard--page > .km-hub__inner{ width: 100%; }.km-hub.km-dashboard--page .km-hub__inner > [data-lms-hub-editline]:not(:has(*)){ display: none; }.km-hub.km-dashboard--page .km-dashboard--profile.km-dashboard__main{ gap: 24px; }.km-hub.km-dashboard--page .km-dashboard--profile .km-tabs{ gap: 8px; padding-bottom: 20px; border-bottom: 1px solid var(--km-hub-line); }.km-hub.km-dashboard--page .km-dashboard--profile .km-tab,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab:hover,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab:focus,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab:active{ display: inline-flex; align-items: center; gap: 10px; min-height: 38px; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 8px; background: var(--km-surface); color: var(--km-hub-chip-ink); font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; white-space: nowrap; }.km-hub.km-dashboard--page .km-dashboard--profile .km-tab:hover{ background: var(--km-hub-hover); }.km-hub.km-dashboard--page .km-dashboard--profile .km-tab.is-active,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab.is-active:hover,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab.is-active:focus,.km-hub.km-dashboard--page .km-dashboard--profile .km-tab.is-active:active{ background: var(--km-hub-soft); color: var(--km-hub-title); font-weight: 600; }.km-hub.km-dashboard--page .km-dashboard--profile .km-tab__count{ margin: 0; opacity: 1; font-size: 12px; font-weight: 500; color: var(--km-hub-muted); }.km-hub.km-dashboard--page .km-dashboard--profile .km-tab.is-active .km-tab__count{ padding: 2px 7px; border-radius: 5px; background: var(--km-surface); color: var(--km-hub-title); font-weight: 700; }.km-hub.km-dashboard--page .km-grid-cards.km-grid-cards--own{ gap: 24px; grid-template-columns: repeat(auto-fill, minmax(max(272px, calc((100% - 48px) / 3)), 1fr)); }.km-hub.km-dashboard--page .km-course-card{ border-color: var(--km-hub-line); }.km-hub.km-dashboard--page a.km-mine-go__cover{ position: relative; }.km-hub.km-dashboard--page .km-mine-go__img{ position: absolute; inset: 0; }.km-hub.km-dashboard--page .km-course-card__foot{ display: flex; flex-direction: column; gap: var(--km-gap-label); margin: calc(var(--km-gap-group) - var(--km-gap-label)) -18px -18px; padding: 14px 18px 18px; border-top: 1px solid var(--km-hub-line); background: var(--km-hub-field); }.km-hub.km-dashboard--page .km-course-card__foot > .km-course-card__group{ margin-top: 0; }.km-hub.km-dashboard--page .km-course-card__foot .km-btn{ position: relative; }.km-hub.km-dashboard--page .km-course-card__foot .km-btn::after{ content: ""; position: absolute; top: 50%; right: 16px; width: 16px; height: 16px; margin-top: -8px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px 16px no-repeat; }.km-hub-admin{ max-width: 960px; }.km-hub-avatar--md{ width: 40px; height: 40px; border-radius: 10px; }.km-hub-avatar--lg{ width: 56px; height: 56px; border-radius: 12px; font-size: 16px; }.km-hub-status{ margin: 0; min-height: 20px; font-size: 13px; color: var(--km-ok); }.km-hub-status--error{ color: var(--km-danger); }.km-hub-card{ display: flex; flex-direction: column; gap: 14px; padding: 16px 18px; border: 1px solid var(--km-border); border-radius: 12px; background: var(--km-surface); }.km-hub-card__head{ display: flex; align-items: center; gap: 12px; min-width: 0; }.km-hub-card__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-hub-card__title{ font-size: 16px; font-weight: 700; color: var(--km-text); overflow-wrap: anywhere; }.km-hub-card__meta{ font-size: 13px; line-height: 1.5; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-hub-card__body{ border-top: 1px solid var(--km-border-soft); padding-top: 14px; }.km-hub-card--open{ border-color: var(--km-warm-border); }.km-hub-new{ display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.km-hub-new > .km-hub-card{ align-self: stretch; }.km-hub-gform{ display: flex; flex-direction: column; gap: 16px; }.km-hub-gform__avatar{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-hub-gform__preview{ display: flex; }.km-hub-gform__courses{ margin: 0; padding: 0; border: 0; min-width: 0; }.km-hub-gform__list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; max-height: 260px; overflow-y: auto; padding: 10px 12px; border: 1px solid var(--km-border); border-radius: 8px; }.km-hub-gform__address{ display: flex; align-items: center; gap: 6px; min-width: 0; }.km-hub-gform__base{ flex: none; max-width: 60%; font-size: 14px; color: var(--km-text-secondary); overflow-wrap: anywhere; }.km-hub-gform__address .km-input{ flex: 1; min-width: 0; }.km-hub-gform__links{ margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-hub-gform__actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.km-hub-gform__delete{ margin-left: auto; }.km-hub-rnew{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; }.km-hub-rnew .km-field{ flex: 1 1 320px; }.km-hub-rnew .km-hub-status{ flex-basis: 100%; }.km-hub-rform{ display: flex; flex-direction: column; gap: 14px; }.km-hub-rform fieldset.km-field{ margin: 0; padding: 0; border: 0; min-width: 0; }.km-hub-swatches{ display: flex; flex-wrap: wrap; gap: 8px; }.km-hub-swatch{ position: relative; display: inline-flex; cursor: pointer; }.km-hub-swatch input{ position: absolute; opacity: 0; width: 1px; height: 1px; }.km-hub-swatch .km-hub-tag{ border: 2px solid transparent; }.km-hub-swatch input:checked + .km-hub-tag{ border-color: currentColor; }.km-hub-swatch input:focus-visible + .km-hub-tag{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-hub-rdelete{ display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }.km-hub-rdelete__box{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 12px; border: 1px solid var(--km-danger-border); border-radius: 8px; background: var(--km-danger-bg); }@media (max-width: 782px){.km-hub-gform__list{ grid-template-columns: 1fr; }.km-hub-gform__address{ flex-wrap: wrap; }.km-hub-gform__base{ max-width: 100%; }}.km-search-lock{ overflow: hidden; }.km-search-open.km-search-open.km-search-open,.km-search-open.km-search-open.km-search-open:hover,.km-search-open.km-search-open.km-search-open:focus,.km-search-open.km-search-open.km-search-open:active{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: inherit; cursor: pointer; vertical-align: middle; flex: none; }.km-search-open.km-search-open.km-search-open:hover,.km-search-open.km-search-open.km-search-open[aria-expanded="true"]{ background: var(--km-hub-soft); color: var(--km-hub-title); }.km-search-open.km-search-open.km-search-open:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-search-open .km-hub-icon{ width: 20px; height: 20px; }.km-hub.km-search{ position: fixed; inset: 0; z-index: 2147483002; display: flex; align-items: flex-start; justify-content: center; padding: 72px 16px 24px; background: rgba(46, 36, 51, 0.35); font-family: var(--km-hub-font); color: var(--km-hub-ink); }.km-hub.km-search[hidden]{ display: none; }.km-search__panel{ display: flex; flex-direction: column; gap: 12px; width: 900px; max-width: 100%; max-height: calc(100vh - 96px); overflow-y: auto; padding: 16px 18px; border-radius: 16px; background: #fff; box-shadow: 0 16px 48px rgba(59, 42, 71, 0.22); }.km-search__panel > *{ flex-shrink: 0; }.km-search__bar{ display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; }.km-search__field{ position: relative; display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; height: 50px; padding: 0 14px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; color: var(--km-hub-muted); }.km-search__field:focus-within{ border-color: var(--km-hub-accent); box-shadow: 0 0 0 3px var(--km-hub-soft); }.km-search__field > .km-hub-icon{ flex: none; width: 18px; height: 18px; }.km-search__input.km-search__input,.km-search__input.km-search__input:hover,.km-search__input.km-search__input:focus{ flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; font-family: var(--km-hub-font); font-size: 17px; line-height: 1.3; color: var(--km-hub-ink); -webkit-appearance: none; appearance: none; }.km-search__input::-webkit-search-cancel-button{ display: none; }.km-search__input::placeholder{ color: var(--km-hub-muted); }.km-search__esc{ flex: none; padding: 1px 6px; border: 1px solid var(--km-hub-line); border-radius: 6px; background: var(--km-hub-field); font-family: var(--km-hub-font); font-size: 11px; line-height: 1.5; color: var(--km-hub-muted); }.km-search__clear.km-search__clear,.km-search__back.km-search__back,.km-search__clear.km-search__clear:hover,.km-search__back.km-search__back:hover,.km-search__clear.km-search__clear:focus,.km-search__back.km-search__back:focus{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-muted); cursor: pointer; }.km-search__clear.km-search__clear:hover,.km-search__back.km-search__back:hover{ color: var(--km-hub-title); background: var(--km-hub-hover); }.km-search__clear.km-search__clear[hidden]{ display: none; }.km-search__back.km-search__back{ display: none; }.km-search__clear .km-hub-icon,.km-search__back .km-hub-icon{ width: 18px; height: 18px; }.km-search__tabs{ display: flex; flex-wrap: wrap; gap: 4px; }.km-search__tabs[hidden]{ display: none; }.km-search__tab.km-search__tab,.km-search__tab.km-search__tab:hover,.km-search__tab.km-search__tab:focus{ display: inline-flex; align-items: baseline; gap: 6px; margin: 0; padding: 7px 12px; border: 0; border-radius: 10px; background: transparent; box-shadow: none; font-family: var(--km-hub-font); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--km-hub-title); cursor: pointer; white-space: nowrap; }.km-search__tab.km-search__tab:hover{ background: var(--km-hub-hover); }.km-search__tab.km-search__tab[aria-pressed="true"]{ background: var(--km-hub-soft); }.km-search__count{ font-size: 13px; font-weight: 500; color: var(--km-hub-muted); }.km-search__count:empty{ display: none; }.km-search__status{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-hub-muted); }.km-search__status:empty{ display: none; }.km-search__groups{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 28px; }.km-search__col{ display: flex; flex-direction: column; gap: 14px; min-width: 0; }.km-search__group{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }.km-search__group-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 0 6px; }.km-search .km-search__group-title{ display: flex; align-items: baseline; gap: 8px; margin: 0; font-family: var(--km-hub-font); font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-hub-chip-ink); }.km-search__more.km-search__more,.km-search__more.km-search__more:hover,.km-search__more.km-search__more:focus{ margin: 0; padding: 2px 4px; border: 0; border-radius: 6px; background: transparent; box-shadow: none; font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; color: var(--km-hub-title); cursor: pointer; }.km-search__more.km-search__more:hover{ color: var(--km-hub-accent); }.km-search__rows{ margin: 0; padding: 0; list-style: none; }.km-search__rows > li{ margin: 0; padding: 0; }.km-search__row,.km-search__row:visited{ display: flex; align-items: flex-start; gap: 12px; padding: 8px 6px; border-radius: 10px; color: var(--km-hub-ink); text-decoration: none; }.km-search__row:hover{ background: var(--km-hub-hover); color: var(--km-hub-ink); }.km-search__row:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 1px; }.km-search__icon{ display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; border-radius: 8px; background: var(--km-hub-badge); color: var(--km-hub-accent); }.km-search__icon .km-hub-icon{ width: 16px; height: 16px; }.km-search__row-text{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-search__row-title{ font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-search__row-where{ font-size: 13px; line-height: 1.35; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-search__mark{ padding: 0 1px; border-radius: 3px; background: var(--km-hub-mark); color: inherit; }.km-search__body{ min-width: 0; }.km-search__foot{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid var(--km-hub-line); }.km-search__foot[hidden]{ display: none; }.km-search__hint{ font-size: 13px; color: var(--km-hub-muted); }.km-search__all.km-search__all,.km-search__all.km-search__all:hover,.km-search__all.km-search__all:focus{ margin: 0; padding: 4px 6px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; color: var(--km-hub-title); cursor: pointer; }.km-search__all.km-search__all:hover{ color: var(--km-hub-accent); }.km-search__empty{ display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 16px; text-align: center; }.km-search__empty[hidden]{ display: none; }.km-search__empty-icon{ display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--km-hub-soft); color: var(--km-hub-accent); }.km-search__empty-icon .km-hub-icon{ width: 24px; height: 24px; }.km-search__empty-title{ margin: 0; font-family: var(--km-hub-font); font-size: 18px; font-weight: 700; color: var(--km-hub-ink); }.km-search__empty-hint{ max-width: 340px; margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-search__list{ margin: 0; padding: 0; list-style: none; }.km-search__list[hidden]{ display: none; }.km-search__item{ display: flex; gap: 14px; margin: 0; padding: 16px 18px; border-top: 1px solid var(--km-hub-line-soft); }.km-search__item:first-child{ border-top: 0; }.km-search__list--pop .km-search__item{ padding: 12px 6px; }.km-search__item-body{ display: flex; flex-direction: column; gap: 4px; min-width: 0; }.km-search__lead{ margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--km-hub-muted); overflow-wrap: anywhere; }.km-search__item-title,.km-search__item-title:visited{ font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--km-hub-ink); text-decoration: none; overflow-wrap: anywhere; }.km-search__item-title:hover{ color: var(--km-hub-accent); }.km-search__excerpt{ margin: 0; font-size: 14px; line-height: 1.55; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-search__meta{ margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--km-hub-muted); }.km-hub.km-search-page .km-search-page__inner{ display: flex; flex-direction: column; gap: 16px; max-width: 860px; margin: 0 auto; }.km-search-page .km-search__toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }.km-search-page .km-search__list{ border: 1px solid var(--km-hub-line); border-radius: 14px; background: #fff; }.km-search__next-wrap{ display: flex; justify-content: center; }.km-search__next[hidden]{ display: none; }.km-search__sort{ position: relative; }.km-search__sort[hidden]{ display: none; }.km-search__sort-button{ list-style: none; font-size: 14px; font-weight: 600; color: var(--km-hub-title); cursor: pointer; }.km-search__sort-button::-webkit-details-marker{ display: none; }.km-search__sort-button::after{ content: " ▾"; font-size: 11px; color: var(--km-hub-muted); }.km-search__sort-menu{ position: absolute; top: calc(100% + 6px); right: 0; z-index: 5; display: flex; flex-direction: column; min-width: 210px; padding: 6px; border: 1px solid var(--km-hub-line); border-radius: 12px; background: #fff; box-shadow: 0 10px 30px rgba(59, 42, 71, 0.14); }.km-search__sort-item.km-search__sort-item,.km-search__sort-item.km-search__sort-item:hover,.km-search__sort-item.km-search__sort-item:focus{ margin: 0; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; box-shadow: none; font-family: var(--km-hub-font); font-size: 14px; font-weight: 500; text-align: left; color: var(--km-hub-ink); cursor: pointer; }.km-search__sort-item.km-search__sort-item:hover,.km-search__sort-item.km-search__sort-item[aria-checked="true"]{ background: var(--km-hub-soft); }.km-hub .km-hub-comment--found{ margin: -6px; padding: 6px; border-radius: 12px; background: var(--km-hub-pin); }@media (max-width: 640px){.km-hub.km-search{ padding: 0; background: #fff; }.km-search__panel{ width: 100%; height: 100%; max-height: none; padding: 10px 12px 16px; border-radius: 0; box-shadow: none; }.km-search__back.km-search__back{ display: inline-flex; }.km-search__esc{ display: none; }.km-search__field{ height: 46px; background: var(--km-hub-field); border-color: transparent; }.km-search__tabs{ flex-wrap: nowrap; overflow-x: auto; margin: 0 -12px; padding: 0 12px; scrollbar-width: none; }.km-search__tabs::-webkit-scrollbar{ display: none; }.km-search__groups{ grid-template-columns: minmax(0, 1fr); }.km-search__hint{ display: none; }.km-search-page .km-search__item{ padding: 14px 12px; }}.km-auth{ display: flex; min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding: 14px; gap: 0; background: #fff; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.5; }.km-auth *,.km-auth *::before,.km-auth *::after{ box-sizing: border-box; }.km-auth .km-hub-icon{ width: 18px; height: 18px; flex: none; }.km-auth__hero{ position: relative; flex: 0 0 50%; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; overflow: hidden; padding: 32px 34px 28px; border-radius: 22px; color: var(--km-hub-title); }.km-auth__hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.km-auth__hero::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.35) 30%, rgba(255, 255, 255, 0) 48%); pointer-events: none; }.km-auth__hero-top,.km-auth__perks{ position: relative; z-index: 1; }.km-auth__hero-top{ display: flex; flex-direction: column; gap: 26px; }.km-auth__pitch{ display: flex; flex-direction: column; gap: 10px; max-width: 440px; }.km-auth p.km-auth__pitch-title{ margin: 0; font-family: var(--km-hub-display); font-size: 40px; font-weight: 500; line-height: 1.1; color: var(--km-hub-title); }.km-auth p.km-auth__pitch-text{ margin: 0; font-size: 15px; line-height: 1.5; color: var(--km-hub-chip-ink); }.km-auth__perks{ display: flex; flex-direction: column; gap: 12px; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, 0.75); border-radius: 16px; background: rgba(255, 255, 255, 0.62); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }.km-auth p.km-auth__perks-title{ margin: 0; font-size: 14px; font-weight: 700; color: var(--km-hub-ink); }.km-auth__perks-list{ display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }.km-auth__perk{ flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--km-hub-title); }.km-auth__perk-icon{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--km-hub-accent); box-shadow: 0 2px 8px rgba(59, 42, 71, 0.10); }.km-auth__perk-icon .km-hub-icon{ width: 20px; height: 20px; }.km-auth-brand{ display: flex; align-items: center; gap: 12px; }.km-auth-brand__logo{ display: block; flex: none; width: 52px; height: 52px; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18); }.km-auth-brand__text{ display: flex; flex-direction: column; gap: 1px; }.km-auth-brand__over{ font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--km-hub-muted); }.km-auth-brand__name{ font-family: var(--km-hub-display); font-size: 20px; font-weight: 600; line-height: 1.2; color: var(--km-hub-title); }.km-auth__side{ flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 6px 10px 0 40px; }.km-auth__bar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; }.km-auth__bar-brand{ display: none; }.km-auth a.km-auth__back{ display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--km-hub-link); text-decoration: none; }.km-auth a.km-auth__back .km-hub-icon{ width: 16px; height: 16px; }.km-auth__center{ flex: 1; display: flex; align-items: center; justify-content: center; padding: 24px 0; }.km-auth__box{ width: 100%; max-width: 400px; display: flex; flex-direction: column; gap: 18px; }.km-auth-seg{ display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--km-hub-hover); }.km-auth a.km-auth-seg__item{ flex: 1; display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 9px; font-size: 15px; font-weight: 600; color: var(--km-hub-muted); text-decoration: none; }.km-auth a.km-auth-seg__item:hover{ color: var(--km-hub-ink); }.km-auth a.km-auth-seg__item[aria-current="page"]{ background: var(--km-hub-soft); color: var(--km-hub-ink); font-weight: 700; box-shadow: inset 0 0 0 1px var(--km-hub-pin-card-line); }.km-auth__head{ display: flex; flex-direction: column; gap: 8px; }.km-auth__titles{ display: flex; flex-direction: column; gap: 8px; }.km-auth p.km-auth__eyebrow{ margin: 0; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-hub-muted); }.km-auth h1.km-auth__title{ margin: 0; font-family: var(--km-hub-display); font-size: 40px; font-weight: 500; line-height: 1.1; letter-spacing: normal; text-transform: none; color: var(--km-hub-title); }.km-auth p.km-auth__lead{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-hub-chip-ink); }.km-auth .km-auth__strong{ font-weight: 700; color: var(--km-hub-ink); overflow-wrap: anywhere; }.km-auth p.km-auth__alt{ margin: 0; font-size: 15px; line-height: 1.55; text-align: center; color: var(--km-hub-chip-ink); }.km-auth p.km-auth__small{ margin: 0; font-size: 13px; text-align: center; color: var(--km-hub-muted); }.km-auth a.km-auth__link{ font-weight: 700; color: var(--km-hub-link); text-decoration: none; }.km-auth a.km-auth__link:hover{ color: var(--km-hub-accent); text-decoration: underline; }.km-auth a.km-auth__doc{ font-weight: 600; color: var(--km-hub-link); text-decoration: underline; text-decoration-color: var(--km-hub-dash); text-underline-offset: 2px; }.km-auth a.km-auth__return{ display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--km-hub-link); text-decoration: none; }.km-auth a.km-auth__return .km-hub-icon{ width: 16px; height: 16px; }.km-auth__badge{ display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: var(--km-hub-soft); color: var(--km-hub-link); }.km-auth__badge .km-hub-icon{ width: 30px; height: 30px; }.km-auth-form{ display: flex; flex-direction: column; gap: 16px; margin: 0; }.km-auth-field{ display: flex; flex-direction: column; gap: 7px; }.km-auth-field__row{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }.km-auth label.km-auth-field__label{ margin: 0; font-size: 14px; font-weight: 700; color: var(--km-hub-ink); }.km-auth-field__row a.km-auth__link{ font-size: 14px; }.km-auth-field__box{ position: relative; display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 12px; background: var(--km-hub-field); color: var(--km-hub-muted); }.km-auth-field__box:focus-within{ border-color: var(--km-hub-accent); background: #fff; }.km-auth-field--error .km-auth-field__box{ border-color: var(--km-hub-red); }.km-auth input.km-auth-field__input{ flex: 1; min-width: 0; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; font-family: inherit; font-size: 16px; font-weight: 400; color: var(--km-hub-ink); }.km-auth button.km-auth-field__eye,.km-auth button.km-auth-field__eye:hover,.km-auth button.km-auth-field__eye:focus{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 -6px 0 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-muted); cursor: pointer; }.km-auth button.km-auth-field__eye:hover{ color: var(--km-hub-ink); }.km-auth button.km-auth-field__eye .km-hub-icon + .km-hub-icon{ display: none; }.km-auth button.km-auth-field__eye[aria-pressed="true"] .km-hub-icon:first-child{ display: none; }.km-auth button.km-auth-field__eye[aria-pressed="true"] .km-hub-icon + .km-hub-icon{ display: block; }.km-auth p.km-auth-field__error,.km-auth p.km-auth-consent__error{ margin: 0; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--km-hub-red); }.km-auth p.km-auth-field__note{ margin: 0; font-size: 13px; line-height: 1.45; color: var(--km-hub-muted); }.km-auth p.km-auth-error{ margin: 0; padding: 12px 14px; border-radius: 12px; background: #FBEDEB; font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--km-hub-red-deep); }.km-auth p.km-auth-notice{ margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--km-hub-soft); font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--km-hub-ink); }.km-auth-known{ display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 12px; background: var(--km-hub-field); color: var(--km-hub-muted); }.km-auth-known__value{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: var(--km-hub-ink); }.km-auth .km-auth-trap{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }.km-auth-consents{ display: flex; flex-direction: column; gap: 12px; }.km-auth-consent{ display: flex; flex-direction: column; gap: 6px; }.km-auth-consent__error{ padding-left: 30px; }.km-auth label.km-auth-check{ position: relative; display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--km-hub-chip-ink); cursor: pointer; }.km-auth label.km-auth-check input{ position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }.km-auth-check__text{ min-width: 0; }.km-auth-check__box{ position: relative; flex: none; width: 20px; height: 20px; margin-top: 1px; border: 1.5px solid var(--km-hub-box-line); border-radius: 6px; background: #fff; }.km-auth label.km-auth-check input:checked + .km-auth-check__box{ border-color: var(--km-hub-accent); background: var(--km-hub-accent); }.km-auth label.km-auth-check input:checked + .km-auth-check__box::after{ content: ''; position: absolute; left: 5.5px; top: 2px; width: 5px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }.km-auth label.km-auth-check input:focus-visible + .km-auth-check__box{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-auth-consent--error .km-auth-check__box{ border-color: var(--km-hub-red); }.km-auth button.km-auth-submit,.km-auth button.km-auth-submit:hover,.km-auth button.km-auth-submit:focus,.km-auth button.km-auth-submit:active{ display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 52px; margin: 0; padding: 0 20px; border: 0; border-radius: 12px; background: var(--km-hub-red); box-shadow: 0 6px 16px rgba(200, 67, 58, 0.25); color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1; text-transform: none; cursor: pointer; }.km-auth button.km-auth-submit:hover{ background: var(--km-hub-red-deep); }.km-auth button.km-auth-submit .km-hub-icon{ stroke-width: 2.2; }.km-auth button.km-auth-second,.km-auth button.km-auth-second:hover,.km-auth button.km-auth-second:focus,.km-auth a.km-auth-second{ display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin: 0; padding: 0 16px; border: 1px solid var(--km-hub-chip-line); border-radius: 12px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; text-decoration: none; text-transform: none; cursor: pointer; }.km-auth button.km-auth-second:hover,.km-auth a.km-auth-second:hover{ border-color: var(--km-hub-pin-card-line); background: var(--km-hub-hover); }.km-auth button.km-auth-second[disabled]{ color: var(--km-hub-muted); background: #fff; cursor: default; }.km-auth-form[aria-busy="true"] button.km-auth-submit{ opacity: 0.75; cursor: progress; }.km-auth-hint{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--km-hub-chip-ink); }.km-auth-hint--block{ color: var(--km-hub-red); font-weight: 600; }.km-auth-hint__text{ min-width: 0; }.km-auth button.km-auth-hint__fix,.km-auth button.km-auth-hint__fix:hover,.km-auth button.km-auth-hint__fix:focus{ margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; color: var(--km-hub-link); font-family: inherit; font-size: 13px; font-weight: 700; text-decoration: underline; cursor: pointer; }.km-auth__foot{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0 6px; font-size: 12px; color: var(--km-hub-muted); }.km-auth__foot-links{ display: flex; gap: 16px; }.km-auth a.km-auth__foot-link{ color: var(--km-hub-muted); text-decoration: none; }.km-auth a.km-auth__foot-link:hover{ color: var(--km-hub-ink); }@media (max-width: 959.98px){.km-auth{ padding: 0; }.km-auth__hero{ display: none; }.km-auth__side{ padding: 0; }.km-auth__bar{ flex: none; height: 48px; padding: 0 14px; border-bottom: 1px solid var(--km-hub-line-soft); }.km-auth__bar-brand{ display: block; }.km-auth__bar .km-auth-brand{ gap: 10px; }.km-auth__bar .km-auth-brand__logo{ width: 32px; height: 32px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); }.km-auth__bar .km-auth-brand__over{ font-size: 11px; }.km-auth__bar .km-auth-brand__name{ font-size: 15px; }.km-auth a.km-auth__back{ font-size: 12px; gap: 4px; }.km-auth a.km-auth__back .km-hub-icon{ width: 14px; height: 14px; }.km-auth__center{ align-items: flex-start; padding: 12px 16px 0; }.km-auth__box{ gap: 11px; }.km-auth__titles--switch{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }.km-auth__head,.km-auth__titles{ gap: 4px; }.km-auth p.km-auth__eyebrow{ display: none; }.km-auth h1.km-auth__title{ font-size: 26px; }.km-auth p.km-auth__lead{ font-size: 13px; line-height: 1.45; }.km-auth p.km-auth__alt{ font-size: 13px; }.km-auth a.km-auth-seg__item{ height: 36px; font-size: 14px; }.km-auth-form{ gap: 11px; }.km-auth-field{ gap: 5px; }.km-auth label.km-auth-field__label{ font-size: 13px; }.km-auth-field__row a.km-auth__link{ font-size: 13px; }.km-auth-field__box,.km-auth-known{ height: 42px; }.km-auth-consents{ gap: 8px; }.km-auth label.km-auth-check{ font-size: 12.5px; line-height: 1.4; }.km-auth p.km-auth-field__error,.km-auth p.km-auth-consent__error{ font-size: 12.5px; }.km-auth-consent{ gap: 4px; }.km-auth button.km-auth-submit,.km-auth button.km-auth-submit:hover,.km-auth button.km-auth-submit:focus,.km-auth button.km-auth-submit:active{ height: 46px; font-size: 15px; }.km-auth button.km-auth-second,.km-auth a.km-auth-second{ height: 44px; font-size: 14px; }.km-auth p.km-auth-error,.km-auth p.km-auth-notice{ padding: 10px 12px; font-size: 13px; }.km-auth__badge{ width: 56px; height: 56px; }.km-auth__foot{ flex-direction: column; justify-content: flex-start; gap: 6px; margin-top: 24px; padding: 24px 16px 12px; font-size: 11px; }.km-auth__foot-links{ gap: 12px; }}@media (max-width: 767px){.km-auth .km-auth__center{ flex: none; }}.km-hdr{ display: flex; align-items: center; gap: 10px; font-family: var(--km-hub-font); color: var(--km-hub-ink); }.km-hdr.km-hdr--layer{ display: contents; }.km-hdr .km-hdr__sep{ width: 1px; height: 28px; margin: 0 2px; background: var(--km-hub-chip-line); flex: none; }.km-hdr .km-hdr__wrap{ position: relative; display: flex; align-items: center; flex: none; }.km-hdr .km-hdr__btn.km-hdr__btn,.km-hdr .km-hdr__btn.km-hdr__btn:hover,.km-hdr .km-hdr__btn.km-hdr__btn:focus,.km-hdr .km-hdr__btn.km-hdr__btn:active{ position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: #3F4C5C; cursor: pointer; flex: none; }.km-hdr .km-hdr__btn.km-hdr__btn:hover,.km-hdr .km-hdr__btn.km-hdr__btn.km-hdr__btn--on{ background: var(--km-hub-soft); color: var(--km-hub-title); }.km-hdr .km-hdr__btn.km-hdr__btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-hdr .km-hdr__count{ position: absolute; top: 2px; right: 2px; display: flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--km-hub-red); color: #FFFFFF; font-size: 11px; font-weight: 700; line-height: 1; box-sizing: border-box; }.km-hdr .km-hdr__count[hidden]{ display: none; }.km-hdr .km-hdr__ava.km-hdr__ava,.km-hdr .km-hdr__ava.km-hdr__ava:hover,.km-hdr .km-hdr__ava.km-hdr__ava:focus,.km-hdr .km-hdr__ava.km-hdr__ava:active{ display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0 0 0 4px; padding: 0; border: 0; border-radius: 50%; overflow: hidden; font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; flex: none; }.km-hdr .km-hdr__ava.km-hdr__ava.km-hdr__ava--on{ box-shadow: 0 0 0 3px var(--km-hub-soft), 0 0 0 4px #C9B6D3; }.km-hdr .km-hdr__ava.km-hdr__ava:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 3px; }.km-hdr .km-hdr__photo{ display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }.km-hdr .km-hdr__ava--t1,.km-notes .km-hdr__ava--t1{ background: var(--km-hub-read); color: var(--km-hub-link); }.km-hdr .km-hdr__ava--t2,.km-notes .km-hdr__ava--t2{ background: #DCE4EF; color: #2F5A7A; }.km-hdr .km-hdr__ava--t3,.km-notes .km-hdr__ava--t3{ background: #F3EAD9; color: #7A5A2A; }.km-hdr .km-hdr__ava--t4,.km-notes .km-hdr__ava--t4{ background: #E6F0E3; color: #3E6B35; }.km-hdr .km-hdr__ava--t5,.km-notes .km-hdr__ava--t5{ background: #E1ECF5; color: #2F5A7A; }.km-hdr a.km-hdr__login,.km-hdr a.km-hdr__login:visited,.km-hdr a.km-hdr__login:hover,.km-hdr a.km-hdr__login:focus{ display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border-radius: 10px; background: var(--km-hub-red); color: #FFFFFF; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }.km-hdr a.km-hdr__login:hover{ background: var(--km-hub-red-deep); }.km-hdr .km-pmenu{ position: absolute; top: calc(100% + 12px); right: 0; z-index: 2147483001; display: flex; flex-direction: column; width: 300px; padding: 6px 0; background: #FFFFFF; border: 1px solid var(--km-hub-line); border-radius: 14px; box-shadow: 0 14px 36px rgba(59, 42, 71, 0.2); box-sizing: border-box; text-align: left; }.km-hdr .km-pmenu[hidden],.km-hdr .km-pmenu__shade[hidden]{ display: none; }.km-hdr .km-pmenu__shade{ display: none; }.km-hdr .km-pmenu__grab{ display: none; }.km-hdr a.km-pmenu__top,.km-hdr a.km-pmenu__top:visited,.km-hdr a.km-pmenu__top:hover,.km-hdr a.km-pmenu__top:focus{ display: flex; align-items: center; gap: 12px; padding: 12px 16px 14px; border-bottom: 1px solid var(--km-hub-line-soft); color: var(--km-hub-ink); text-decoration: none; }.km-hdr .km-pmenu__ava{ display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; font-size: 16px; font-weight: 700; flex: none; }.km-hdr .km-pmenu__who{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-hdr .km-pmenu__name{ font-size: 15px; font-weight: 700; color: var(--km-hub-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-hdr .km-pmenu__login{ font-size: 13px; color: #9A90A2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.km-hdr .km-pmenu__chev{ display: none; margin-left: auto; color: #9A90A2; flex: none; }.km-hdr .km-pmenu__list{ display: flex; flex-direction: column; padding: 6px; border-bottom: 1px solid var(--km-hub-line-soft); }.km-hdr a.km-pmenu__item,.km-hdr a.km-pmenu__item:visited,.km-hdr a.km-pmenu__item:hover,.km-hdr a.km-pmenu__item:focus{ display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 8px; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 15px; line-height: 1.35; text-decoration: none; }.km-hdr a.km-pmenu__item:hover,.km-hdr a.km-pmenu__item:focus-visible{ background: var(--km-hub-soft); outline: none; }.km-hdr a.km-pmenu__item.km-pmenu__out{ margin: 6px 6px 2px; }.km-hdr .km-pmenu__icon{ width: 19px; height: 19px; color: var(--km-hub-muted); flex: none; }.km-hdr .km-bell{ position: absolute; top: calc(100% + 12px); right: 0; z-index: 2147483001; display: flex; flex-direction: column; width: 390px; max-height: min(640px, calc(100vh - 120px)); background: #FFFFFF; border: 1px solid var(--km-hub-line); border-radius: 14px; box-shadow: 0 14px 36px rgba(59, 42, 71, 0.2); box-sizing: border-box; overflow: hidden; text-align: left; }.km-hdr .km-bell[hidden]{ display: none; }.km-hdr .km-bell__head{ display: flex; align-items: center; gap: 6px; padding: 14px 16px; border-bottom: 1px solid var(--km-hub-line-soft); flex: none; }.km-hdr .km-bell__title{ flex: 1; font-family: var(--km-hub-display); font-size: 20px; font-weight: 500; line-height: 1.2; color: var(--km-hub-title); }.km-hdr .km-bell__all.km-bell__all,.km-hdr .km-bell__all.km-bell__all:hover,.km-hdr .km-bell__all.km-bell__all:focus,.km-hdr .km-bell__all.km-bell__all:active,.km-hdr .km-bell__back.km-bell__back,.km-hdr .km-bell__back.km-bell__back:hover,.km-hdr .km-bell__back.km-bell__back:focus,.km-hdr .km-bell__back.km-bell__back:active{ margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--km-hub-link); cursor: pointer; }.km-hdr .km-bell__all.km-bell__all:hover{ color: var(--km-hub-title); }.km-hdr .km-bell__all.km-bell__all:disabled{ color: var(--km-hub-muted); cursor: default; }.km-hdr .km-bell__back.km-bell__back{ display: none; color: var(--km-hub-ink); }.km-hdr .km-bell__list{ flex: 1 1 auto; min-height: 0; overflow-y: auto; }.km-hdr .km-bell__empty{ margin: 0; padding: 22px 16px; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-hdr a.km-bell__item,.km-notes a.km-bell__item,.km-hdr a.km-bell__item:visited,.km-notes a.km-bell__item:visited,.km-hdr a.km-bell__item:hover,.km-notes a.km-bell__item:hover,.km-hdr a.km-bell__item:focus,.km-notes a.km-bell__item:focus,.km-hdr div.km-bell__item,.km-notes div.km-bell__item{ display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; color: var(--km-hub-ink); text-decoration: none; }.km-hdr a.km-bell__item:hover,.km-notes a.km-bell__item:hover{ background: var(--km-hub-hover); }.km-hdr .km-bell__item.km-bell__item--new,.km-notes .km-bell__item.km-bell__item--new{ background: #FAF6FC; }.km-hdr a.km-bell__item.km-bell__item--new:hover,.km-notes a.km-bell__item.km-bell__item--new:hover{ background: var(--km-hub-hover); }.km-hdr .km-bell__face,.km-notes .km-bell__face{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; font-size: 12px; font-weight: 700; flex: none; }.km-hdr .km-bell__face--icon,.km-notes .km-bell__face--icon{ background: var(--km-hub-soft); color: var(--km-hub-link); }.km-hdr .km-bell__face .km-hub-icon,.km-notes .km-bell__face .km-hub-icon{ width: 18px; height: 18px; }.km-hdr .km-bell__photo,.km-notes .km-bell__photo{ display: block; width: 100%; height: 100%; object-fit: cover; }.km-hdr .km-bell__text,.km-notes .km-bell__text{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 14px; line-height: 1.45; color: #4A3E52; overflow-wrap: anywhere; }.km-hdr .km-bell__item--new .km-bell__text,.km-notes .km-bell__item--new .km-bell__text{ color: var(--km-hub-ink); }.km-hdr .km-bell__text b,.km-notes .km-bell__text b{ font-weight: 700; color: var(--km-hub-ink); }.km-hdr a.km-hdr__back,.km-hdr a.km-hdr__back:visited,.km-hdr a.km-hdr__back:focus{ display: inline-flex; align-items: center; gap: 6px; max-width: 240px; height: 36px; margin: 0 6px 0 0; padding: 0 12px 0 8px; border-radius: 10px; background: var(--km-hub-title); color: #fff; font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }.km-hdr a.km-hdr__back:hover{ background: var(--km-hub-link); color: #fff; }.km-hdr a.km-hdr__back svg{ flex: none; width: 18px; height: 18px; }.km-hdr .km-hdr__back-text{ min-width: 0; overflow: hidden; text-overflow: ellipsis; }@media (max-width: 760px){.km-hdr a.km-hdr__back,.km-hdr a.km-hdr__back:visited,.km-hdr a.km-hdr__back:focus{ justify-content: center; width: 36px; max-width: none; padding: 0; flex: none; }.km-hdr .km-hdr__back-text{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }}.km-hdr img.emoji,.km-hub img.emoji{ display: inline; width: 1em; height: 1em; margin: 0 0.07em; padding: 0; border: 0; box-shadow: none; background: none; vertical-align: -0.1em; }.km-hdr .km-bell__ago,.km-notes .km-bell__ago{ font-size: 12px; color: var(--km-hub-muted); }.km-hdr .km-bell__dot,.km-notes .km-bell__dot{ width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--km-hub-red); flex: none; }.km-hdr .km-bell__foot{ display: flex; align-items: center; justify-content: center; gap: 14px; height: 46px; border-top: 1px solid var(--km-hub-line-soft); flex: none; }.km-hdr a.km-bell__link,.km-hdr a.km-bell__link:visited,.km-hdr a.km-bell__link:hover,.km-hdr a.km-bell__link:focus{ font-family: var(--km-hub-font); font-size: 13px; font-weight: 700; color: var(--km-hub-link); text-decoration: none; }.km-hdr a.km-bell__link:hover{ color: var(--km-hub-title); }.km-hdr .km-bell__sep{ width: 1px; height: 16px; background: var(--km-hub-chip-line); }.km-hdr-lock,.km-hdr-lock body{ overflow: hidden; }.km-hub .km-notes__col{ width: 100%; max-width: 780px; gap: 22px; }.km-notes .km-notes__tools{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }.km-notes .km-notes__tools[hidden]{ display: none; }.km-notes .km-notes__count{ flex: 1; font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; color: var(--km-hub-chip-ink); }.km-notes button.km-notes__btn,.km-notes button.km-notes__btn:focus,.km-notes button.km-notes__btn:active{ box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; height: 38px; margin: 0; padding: 0 14px; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; background: #fff; box-shadow: none; color: var(--km-hub-ink); font-family: var(--km-hub-font); font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: normal; text-transform: none; cursor: pointer; }.km-notes button.km-notes__btn:hover{ border: 1px solid var(--km-hub-chip-line); background: var(--km-hub-hover); box-shadow: none; color: var(--km-hub-ink); }.km-notes button.km-notes__btn:disabled{ color: var(--km-hub-muted); cursor: default; }.km-notes button.km-notes__btn:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-notes button.km-notes__btn.km-notes__btn--danger,.km-notes button.km-notes__btn.km-notes__btn--danger:focus,.km-notes button.km-notes__btn.km-notes__btn--danger:active{ border: 0; background: var(--km-hub-red); color: #fff; }.km-notes button.km-notes__btn.km-notes__btn--danger:hover{ border: 0; background: var(--km-hub-red-deep); color: #fff; }.km-notes button.km-notes__btn.km-notes__more{ align-self: center; height: 42px; padding: 0 22px; }.km-notes .km-notes__more[hidden]{ display: none; }.km-notes .km-notes__card{ background: #fff; border: 1px solid var(--km-hub-line); border-radius: 14px; overflow: hidden; }.km-notes .km-notes__card[hidden]{ display: none; }.km-notes .km-notes__item{ position: relative; border-top: 1px solid #F6F3F8; }.km-notes .km-notes__item:first-child{ border-top: 0; }.km-notes .km-notes__item a.km-bell__item,.km-notes .km-notes__item div.km-bell__item{ align-items: center; padding: 14px 58px 14px 18px; }.km-notes .km-notes__item .km-bell__dot{ margin-top: 0; }.km-notes .km-notes__card .km-notes__item:hover a.km-bell__item,.km-notes .km-notes__card .km-notes__item:hover div.km-bell__item{ background: var(--km-hub-label); }.km-notes button.km-notes__del,.km-notes button.km-notes__del:focus,.km-notes button.km-notes__del:active{ position: absolute; top: 50%; right: 14px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: -15px 0 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-hub-muted); font-family: var(--km-hub-font); font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: normal; text-transform: none; visibility: hidden; cursor: pointer; }.km-notes button.km-notes__del .km-hub-icon{ width: 16px; height: 16px; }.km-notes .km-notes__item:hover button.km-notes__del,.km-notes .km-notes__item:focus-within button.km-notes__del{ visibility: visible; background: #fff; box-shadow: 0 1px 3px rgba(59, 42, 71, 0.15); color: var(--km-hub-title); }.km-notes button.km-notes__del:focus-visible{ outline: 2px solid var(--km-hub-accent); outline-offset: 2px; }.km-notes button.km-notes__del::after{ content: attr(data-tip); position: absolute; top: 36px; right: 0; z-index: 2; padding: 5px 9px; border-radius: 6px; background: var(--km-hub-title); color: #fff; font-family: var(--km-hub-font); font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap; visibility: hidden; pointer-events: none; }.km-notes button.km-notes__del:hover::after,.km-notes button.km-notes__del:focus-visible::after{ visibility: visible; }.km-notes .km-notes__empty{ display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 24px; background: #fff; border: 1px solid var(--km-hub-line); border-radius: 14px; text-align: center; }.km-notes .km-notes__empty[hidden]{ display: none; }.km-notes p.km-notes__empty-title{ margin: 0; font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.25; color: var(--km-hub-title); }.km-notes p.km-notes__empty-text{ margin: 0; max-width: 360px; font-family: var(--km-hub-font); font-size: 14px; line-height: 1.55; color: var(--km-hub-chip-ink); }.km-notes p.km-notes__store{ margin: 0; font-family: var(--km-hub-font); font-size: 13px; line-height: 1.5; color: var(--km-hub-muted); text-align: center; }.km-notes .km-notes__store[hidden]{ display: none; }.km-notes p.km-notes__status:empty{ display: none; }.km-notes .km-notes-ask{ position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: var(--km-hub-dark); }.km-notes .km-notes-ask[hidden]{ display: none; }.km-notes .km-notes-ask__box{ box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; width: 400px; max-width: 100%; padding: 22px 24px; border-radius: 16px; background: #fff; box-shadow: 0 18px 44px rgba(59, 42, 71, 0.22); }.km-notes h2.km-notes-ask__title{ margin: 0; font-family: var(--km-hub-display); font-size: 22px; font-weight: 500; line-height: 1.25; color: var(--km-hub-title); }.km-notes p.km-notes-ask__text{ margin: 0; font-family: var(--km-hub-font); font-size: 14px; line-height: 1.55; color: var(--km-hub-chip-ink); }.km-notes .km-notes-ask__btns{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 8px; }.km-notes .km-notes-ask__btns button.km-notes__btn{ height: 42px; padding: 0 18px; }.km-hub.km-hub--feed h1.km-hub__title,.km-hub.km-hub--profile h1.km-hub__title,.km-hub.km-me h1.km-hub__title,.km-hub.km-notes h1.km-hub__title,.km-hub.km-search-page h1.km-hub__title,.km-page.km-me h1.km-me__title{ padding-top: 0 !important; }@media (max-width: 760px){.km-hub .km-notes__col{ gap: 12px; }.km-hub.km-notes p.km-hub__eyebrow{ display: block; }.km-hub.km-notes h1.km-hub__title{ font-size: 32px; }.km-notes .km-notes__tools{ flex-direction: column; align-items: stretch; gap: 8px; }.km-notes .km-notes__count{ display: none; }.km-notes .km-notes__tools button.km-notes__btn{ width: 100%; }.km-notes .km-notes__item a.km-bell__item,.km-notes .km-notes__item div.km-bell__item{ align-items: flex-start; gap: 10px; padding: 12px 42px 12px 12px; }.km-notes .km-notes__item .km-bell__dot{ margin-top: 7px; }.km-notes button.km-notes__del,.km-notes button.km-notes__del:focus,.km-notes button.km-notes__del:active{ top: 12px; right: 6px; margin: 2px 0 0; visibility: visible; }.km-notes button.km-notes__del::after{ display: none; }}@media (hover: none){.km-notes button.km-notes__del,.km-notes button.km-notes__del:focus,.km-notes button.km-notes__del:active{ visibility: visible; }.km-notes button.km-notes__del::after{ display: none; }}@media (max-width: 767px){.km-hdr{ gap: 12px; }.km-hdr .km-hdr__sep{ display: none; }.km-hdr .km-hdr__btn.km-hdr__btn,.km-hdr .km-hdr__btn.km-hdr__btn:hover,.km-hdr .km-hdr__btn.km-hdr__btn:focus,.km-hdr .km-hdr__btn.km-hdr__btn:active{ width: 36px; height: 36px; }.km-hdr .km-hdr__ava.km-hdr__ava,.km-hdr .km-hdr__ava.km-hdr__ava:hover,.km-hdr .km-hdr__ava.km-hdr__ava:focus,.km-hdr .km-hdr__ava.km-hdr__ava:active{ width: 32px; height: 32px; margin: 0; font-size: 12px; }.km-hdr .km-pmenu__shade{ position: fixed; inset: 0; z-index: 2147483000; display: block; background: rgba(46, 36, 51, 0.32); }.km-hdr .km-pmenu{ position: fixed; top: auto; right: 0; bottom: 0; left: 0; width: auto; max-height: 85vh; padding: 8px 0 calc(14px + env(safe-area-inset-bottom, 0px)); border: 0; border-radius: 18px 18px 0 0; box-shadow: 0 -10px 30px rgba(59, 42, 71, 0.18); overflow-y: auto; }.km-hdr .km-pmenu__grab{ display: block; width: 40px; height: 4px; margin: 2px auto 6px; border-radius: 2px; background: #DDD6E2; flex: none; }.km-hdr .km-pmenu__chev{ display: block; }.km-hdr .km-bell{ position: fixed; inset: 0; padding-top: env(safe-area-inset-top, 0px); width: auto; max-height: none; border: 0; border-radius: 0; box-shadow: none; }.km-hdr .km-bell__head{ flex-wrap: wrap; row-gap: 4px; min-height: 56px; padding: 12px 14px; box-sizing: border-box; }.km-hdr .km-bell__back.km-bell__back{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; }.km-hdr .km-bell__all.km-bell__all,.km-hdr .km-bell__all.km-bell__all:hover,.km-hdr .km-bell__all.km-bell__all:focus,.km-hdr .km-bell__all.km-bell__all:active{ flex: 0 0 100%; padding-left: 38px; text-align: left; white-space: nowrap; }.km-hdr a.km-bell__foot{ padding-bottom: env(safe-area-inset-bottom, 0px); }}.km-stars-set__cap{ margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); }.km-stars-set__stack{ display: flex; flex-direction: column; gap: 10px; }.km-stars-set__stack > .km-stars-set__cap{ margin: 0; }.km-stars-set__switch .km-set__name{ font-size: 15.5px; font-weight: 700; }.km-stars-mode{ display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }.km-stars-mode__legend{ flex: 0 0 100%; margin: 0 0 2px; padding: 0; font-size: 15.5px; font-weight: 700; }.km-stars-mode__opt{ position: relative; display: inline-flex; align-items: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--km-border); border-radius: var(--km-radius-control); background: var(--km-surface); color: var(--km-text); font-size: 14px; font-weight: 600; line-height: 1.3; cursor: pointer; }.km-stars-mode__opt input{ position: absolute; opacity: 0; width: 0; height: 0; }.km-stars-mode__opt:hover{ border-color: var(--km-warm-border); }.km-stars-mode__opt:has(input:checked){ border-color: var(--km-accent); background: var(--km-warm-bg); }.km-stars-mode__opt:has(input:focus-visible){ box-shadow: 0 0 0 3px var(--km-warm-bg); }.km-stars-check{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; }.km-stars-check__text{ flex: 1 1 260px; min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-text-secondary); }.km-stars-set__text{ margin: 0; font-size: 14px; line-height: 1.6; color: var(--km-text-secondary); }.km-stars-aud__row td{ vertical-align: top; }.km-stars-aud__who{ font-weight: 700; }.km-stars-aud__sub{ display: block; font-size: 12px; color: var(--km-text-muted); }.km-stars-aud__review{ margin-top: 6px; font-size: 13px; }.km-stars-aud__row--off td{ color: var(--km-text-muted); }.km-stars-mat__tools{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }.km-stars-mat{ font-size: 14px; line-height: 1.45; border-collapse: collapse; }.km-stars-mat td{ padding-top: 8px; padding-bottom: 8px; vertical-align: top; }.km-stars-mat td.km-stars-mat__cat,.km-stars-mat td.km-stars-mat__st{ padding-top: 6px; padding-bottom: 6px; white-space: nowrap; }.km-stars-mat td.km-stars-mat__st{ text-align: right; }.km-stars-mat__row--module td{ background: var(--km-surface-alt); border-top: 1px solid var(--km-border); }.km-stars-mat__row--module .km-stars-mat__title{ font-weight: 700; font-size: 15px; }.km-stars-mat__row--lesson .km-stars-mat__title{ font-weight: 600; }.km-stars-mat__row.is-zero .km-stars-mat__title{ color: var(--km-text-muted); }.km-stars-mat__row.is-zero .km-stars-mat__sub{ color: var(--km-text-faint); }.km-stars-mat__line{ display: flex; align-items: flex-start; gap: 8px; min-width: 0; }.km-stars-mat__line--1{ padding-left: 32px; }.km-stars-mat__line--2{ padding-left: 64px; }.km-stars-mat__gap{ flex: none; width: 26px; }.km-stars-mat__title{ min-width: 0; padding-top: 5px; }.km-stars-mat__sub{ display: block; font-weight: 400; font-size: 12px; line-height: 1.4; color: var(--km-text-muted); }.km-select.km-stars-mat__select{ width: auto; max-width: 100%; height: 36px; min-height: 36px; padding-top: 0; padding-bottom: 0; font-size: 14px; }.km-table-scroll:has(> .km-stars-set__plain){ border: none; border-radius: 0; box-shadow: none; background: none; }.km-stars-mat__fix{ display: inline-block; padding-top: 7px; font-size: 14px; color: var(--km-text-secondary); }.km-stars-mat .km-input.km-stars-set__num{ width: 62px; height: 36px; }.km-stars-x{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--km-border-soft); }.km-stars-x:last-child{ border-bottom: none; }.km-stars-x__text{ min-width: 0; }.km-stars-x__name{ display: block; font-size: 14.5px; }.km-stars-x__about{ font-size: 13px; color: var(--km-text-secondary); }.km-stars-x__value{ display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--km-text-secondary); white-space: nowrap; }.km-stars-x__value--two{ flex-direction: column; align-items: flex-start; gap: 8px; }.km-stars-x__pair{ display: inline-flex; align-items: center; gap: 8px; }.km-stars-set__award{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; }.km-stars-set__badge-box{ flex: none; display: flex; }.km-stars-set__badge{ display: block; width: 72px; height: 72px; object-fit: contain; }.km-stars-set__award-fields{ flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }.km-stars-set__award-fields .km-field{ width: 100%; }.km-stars-set__row{ margin-top: 16px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }.km-stars-set__row:first-child{ margin-top: 0; }.km-stars-set__aside{ flex: 1 1 220px; min-width: 0; margin: 0; }.km-input.km-stars-set__num{ width: 68px; min-width: 0; padding: 7px 10px; }.km-stars-set__line{ display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--km-text-secondary); }.km-stars-set__table{ font-variant-numeric: tabular-nums; }.km-stars-set__table .km-stars-set__n{ text-align: right; white-space: nowrap; }.km-stars-set__table tfoot td{ padding: 12px 12px; font-size: 14px; font-weight: 700; border-top: 1px solid var(--km-border); }.km-stars-set__sum{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 12px; padding: 14px 18px; font-size: 15px; color: var(--km-warm-text); }.km-stars-set__big{ font-family: var(--km-font-display); font-size: 24px; font-weight: 700; color: var(--km-warm-text-strong); }.km-stars-set__save{ margin-top: 14px; }.km-stars-set__sum--aud{ flex-direction: column; align-items: flex-start; gap: 6px; }.km-stars-set__sum--aud .km-stars-set__big{ font-size: 20px; }@media (max-width: 640px){.km-stars-mat thead{ display: none; }.km-stars-mat,.km-stars-mat tbody{ display: block; }.km-stars-mat tr{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; position: static; margin: 0; padding: 10px 12px; background: none; border: none; border-bottom: 1px solid var(--km-border-soft); border-radius: 0; box-shadow: none; }.km-stars-mat tr[hidden]{ display: none; }.km-stars-mat .km-stars-mat__row--module{ background: var(--km-surface-alt); border-top: 1px solid var(--km-border); }.km-table.km-stars-mat td,.km-stars-mat .km-stars-mat__row--module td{ display: block; position: static; padding: 0; border: none; background: none; }.km-stars-mat td > div{ overflow: visible; white-space: normal; }.km-stars-mat td.km-stars-mat__name{ grid-column: 1 / -1; }.km-stars-mat td.km-stars-mat__cat{ min-width: 0; }.km-stars-mat__line--1{ padding-left: 16px; }.km-stars-mat__line--2{ padding-left: 32px; }.km-stars-mat td.km-stars-mat__cat .km-select{ width: 100%; }.km-stars-x{ grid-template-columns: minmax(0, 1fr); }.km-stars-x__pair{ flex-wrap: wrap; }.km-stars-set__sum{ gap: 10px 20px; }}.km-stars-icon{ flex: none; display: inline-block; vertical-align: -2px; }.km-stars-bar{ height: 8px; border-radius: 4px; }.km-stars-bar::-webkit-progress-bar{ border-radius: 4px; }.km-stars-bar::-webkit-progress-value{ border-radius: 4px; }.km-stars-bar::-moz-progress-bar{ border-radius: 4px; }.km-stars-total{ margin: 0; font-size: 14px; line-height: 1.35; color: var(--km-text-secondary); }.km-stars-big{ font-family: var(--km-font-display); font-size: 30px; font-weight: 700; line-height: 1; color: var(--km-text); }.km-stars-link{ align-self: flex-start; background: none; border: none; padding: 0; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--km-accent); cursor: pointer; }.km-stars-link:hover{ color: var(--km-accent-light); }.km-stars-head{ display: flex; flex-wrap: wrap; align-items: flex-start; gap: 22px; }.km-stars-head__badge{ flex: none; display: block; width: 88px; height: 88px; object-fit: contain; }.km-stars-head__txt{ flex: 1 1 240px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }.km-stars-head__title{ margin: 0; font-family: var(--km-font-display); font-size: 26px; font-weight: 700; line-height: 1.25; }.km-stars-head__prog{ display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }.km-stars-head__go{ align-self: flex-start; }.km-stars-rules-wrap{ overflow-x: auto; }.km-stars-rules{ width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }.km-stars-rules th{ text-align: left; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--km-text-muted); padding: 10px 12px; border-bottom: 1px solid var(--km-border); white-space: nowrap; }.km-stars-rules td{ padding: 11px 12px; border-bottom: 1px solid var(--km-border-soft); vertical-align: top; }.km-stars-rules tbody tr:last-child td{ border-bottom: none; }.km-stars-rules tfoot td{ font-weight: 700; border-top: 1px solid var(--km-border); border-bottom: none; }.km-stars-rules .km-stars-rules__n{ text-align: right; white-space: nowrap; }.km-stars-rules__sub{ display: block; font-size: 12px; color: var(--km-text-muted); }.km-stars-rules .km-stars-rules__got{ color: var(--km-accent); font-weight: 700; }.km-stars-rules .km-stars-rules__zero{ color: var(--km-text-muted); }.km-stars-hist{ display: flex; flex-direction: column; }.km-stars-hist__row{ display: flex; align-items: baseline; gap: 14px; padding: 10px 0; border-top: 1px solid var(--km-border-soft); font-size: 14px; }.km-stars-hist__row:first-child{ border-top: none; }.km-stars-hist__date{ flex: none; width: 96px; font-size: 13px; color: var(--km-text-muted); }.km-stars-hist__what{ flex: 1; min-width: 0; }.km-stars-hist__plus{ flex: none; display: inline-flex; align-items: center; gap: 3px; font-weight: 700; color: var(--km-warm-text-strong); }.km-stars-card__row{ display: flex; align-items: flex-start; gap: 14px; }.km-stars-card__badge{ flex: none; display: block; width: 52px; height: 52px; object-fit: contain; }.km-stars-card__txt{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-stars-card__go{ align-self: flex-start; }.km-stars-gives{ border-radius: 20px; padding: 20px 24px; display: flex; flex-direction: column; gap: 12px; }.km-stars-gives__head{ margin: 0; display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; }.km-stars-gives__rows{ display: flex; flex-direction: column; }.km-stars-gives__row{ display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; border-top: 1px solid var(--km-border-soft); font-size: 14.5px; line-height: 1.4; }.km-stars-gives__row:first-child{ border-top: none; }.km-stars-gives__what{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; color: inherit; text-decoration: none; }.km-stars-gives__what small{ font-size: 12.5px; color: var(--km-text-muted); }.km-stars-plq{ flex: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 13px; font-weight: 700; line-height: 1; color: var(--km-warm-text-strong); background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 8px; padding: 5px 9px; }.km-stars-plq--got{ color: var(--km-done); background: var(--km-done-bg); border-color: var(--km-done-border); }.km-stars-gives__row > .km-stars-plq{ margin-top: calc( ( 14.5px * 1.4 - 26px ) / 2 ); }.km-bonus{ border-radius: 20px; padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; }.km-bonus .km-bonus__head{ display: flex; align-items: flex-start; gap: 14px; }.km-bonus__ic{ flex: none; width: 32px; height: 32px; border-radius: 9px; display: flex; align-items: center; justify-content: center; background: var(--km-border-soft); color: var(--km-text-muted); }.km-bonus__ic--open{ background: var(--km-done-bg); color: var(--km-done); }.km-bonus .km-bonus__ht{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-bonus .km-bonus__kicker{ font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-bonus .km-bonus__title{ font-family: var(--km-font-display); font-size: 22px; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; color: var(--km-text); }.km-bonus__chip{ flex: none; display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; line-height: 1; white-space: nowrap; border-radius: 8px; padding: 5px 9px; }.km-bonus__chip--ended{ color: var(--km-text-secondary); background: var(--km-border-soft); }.km-bonus__need{ flex: none; display: inline-flex; align-items: center; gap: 4px; padding-top: 1px; font-size: 14px; font-weight: 700; line-height: 1.35; white-space: nowrap; color: var(--km-text-secondary); }.km-bonus__chip--open{ color: var(--km-done); background: var(--km-done-bg); border: 1px solid var(--km-done-border); }.km-bonus .km-bonus__text{ margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--km-text); }.km-bonus__bar{ appearance: none; -webkit-appearance: none; display: block; width: 100%; height: 8px; border: none; border-radius: 4px; background: var(--km-track); overflow: hidden; }.km-bonus__bar::-webkit-progress-bar{ background: var(--km-track); border-radius: 4px; }.km-bonus__bar::-webkit-progress-value{ background: var(--km-accent); border-radius: 4px; }.km-bonus__bar::-moz-progress-bar{ background: var(--km-accent); border-radius: 4px; }.km-bonus .km-bonus__acts{ display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }.km-bonus .km-bonus__total{ margin: 0; display: inline-flex; align-items: baseline; gap: 6px; font-size: 15px; line-height: 1.35; white-space: nowrap; color: var(--km-text-secondary); }.km-bonus__total .km-stars-icon{ align-self: center; }.km-bonus .km-bonus__acts.km-bonus__acts--count{ align-items: baseline; }.km-bonus .km-bonus__left{ font-size: 15px; line-height: 1.35; color: var(--km-text-secondary); }.km-bonus .km-bonus__scale{ display: flex; flex-direction: column; gap: 8px; }.km-bonus__more,.km-bonus__more:hover,.km-bonus__more:focus,.km-bonus__more:active{ display: inline; margin: 0; padding: 0; background: none; border: none; border-radius: 0; box-shadow: none; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--km-accent); text-decoration: none; text-transform: none; letter-spacing: normal; cursor: pointer; }.km-bonus__more:hover{ text-decoration: underline; }.km-bonus__more:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-bonus .km-bonus__list{ display: flex; flex-direction: column; }.km-bonus__row,.km-bonus-dlg__row{ display: flex; align-items: flex-start; gap: 12px; border-top: 1px solid var(--km-border-soft); }.km-bonus__row{ padding: 12px 0; }.km-bonus__row:first-child{ border-top: none; padding-top: 2px; }.km-bonus__w{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-bonus__row .km-bonus__name{ font-size: 15.5px; font-weight: 600; line-height: 1.35; color: var(--km-text); }.km-bonus__row .km-bonus__sub{ font-size: 13.5px; line-height: 1.45; color: var(--km-text-secondary); }.km-bonus__sub a{ color: var(--km-accent); font-weight: 600; text-decoration: none; }.km-bonus__sub a:hover{ text-decoration: underline; }.km-bonus-go{ display: flex; flex-wrap: wrap; gap: 10px; }.km-modal.km-bonus-dlg{ z-index: 2147483600; padding: 16px; }.km-bonus-dlg .km-bonus-dlg__box{ max-width: 560px; max-height: calc(100vh - 32px); padding: 28px 28px 22px; border-radius: 20px; display: flex; flex-direction: column; gap: 14px; }.km-bonus-dlg .km-bonus-dlg__x,.km-bonus-dlg .km-bonus-dlg__x:hover,.km-bonus-dlg .km-bonus-dlg__x:focus{ top: 16px; right: 16px; width: 36px; height: 36px; font-size: 16px; color: var(--km-text-secondary); background: var(--km-surface); border: 1px solid var(--km-border); border-radius: 10px; box-shadow: none; }.km-bonus-dlg .km-bonus-dlg__x:hover{ color: var(--km-accent); border-color: var(--km-warm-border); }.km-bonus-dlg .km-bonus-dlg__h{ margin: 0; padding-right: 44px; font-family: var(--km-font-display); font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--km-text); }.km-bonus-dlg .km-bonus-dlg__lead{ margin: 0; font-size: 13px; line-height: 1.4; color: var(--km-text-secondary); }.km-bonus-dlg .km-bonus-dlg__me{ margin: 0; display: flex; align-items: baseline; gap: 6px; padding: 12px 16px; font-size: 15px; line-height: 1.35; color: var(--km-warm-text-strong); background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 14px; }.km-bonus-dlg__me b{ font-family: var(--km-font-display); font-size: 22px; line-height: 1; }.km-bonus-dlg__me .km-stars-icon{ align-self: center; margin-right: 4px; }.km-bonus-dlg .km-bonus-dlg__sec{ margin: 8px 0 0; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-bonus-dlg .km-bonus-dlg__rows{ display: flex; flex-direction: column; }.km-bonus-dlg .km-bonus-dlg__row{ padding: 9px 0; font-size: 15px; line-height: 1.4; color: var(--km-text); }.km-bonus-dlg .km-bonus-dlg__row:first-child{ border-top: none; }.km-bonus-dlg__row .km-bonus__name{ font-weight: 400; }.km-bonus-dlg__row .km-bonus__sub{ font-size: 13px; color: var(--km-text-secondary); }.km-bonus-dlg__n{ flex: none; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; white-space: nowrap; color: var(--km-warm-text-strong); }.km-bonus-dlg .km-bonus-dlg__note{ margin: 0; font-size: 14px; line-height: 1.55; color: var(--km-text-secondary); }.km-bonus-dlg .km-bonus-dlg__foot{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; margin-top: 4px; padding-top: 16px; border-top: 1px solid var(--km-border); }@media (max-width: 560px){.km-bonus{ padding: 18px; }.km-bonus .km-bonus__title{ font-size: 20px; }.km-modal.km-bonus-dlg{ align-items: flex-end; padding: 0; }.km-bonus-dlg .km-bonus-dlg__box{ max-height: 90vh; padding: 22px 18px 18px; border-radius: 20px 20px 0 0; }.km-bonus-dlg .km-bonus-dlg__h{ font-size: 22px; }.km-bonus-dlg .km-bonus-dlg__foot .km-btn{ width: 100%; }}.km-award{ border-radius: 20px; padding: 24px 28px; display: flex; flex-direction: column; gap: 16px; }.km-award .km-award__head{ display: flex; align-items: flex-start; gap: 20px; }.km-award .km-award__medal{ flex: none; position: relative; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; }.km-award .km-award__badge{ position: relative; z-index: 1; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; transition: filter 0.5s ease, opacity 0.5s ease; }.km-award .km-award__medal--off .km-award__badge{ filter: grayscale(1); opacity: 0.42; }.km-award .km-award__medal--on::before{ content: ""; position: absolute; inset: -14px; border-radius: 50%; background: radial-gradient(circle, rgba(244, 183, 64, 0.38), rgba(244, 183, 64, 0) 68%); }.km-award .km-award__ht{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding-top: 6px; }.km-award .km-award__kicker{ font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-text-muted); }.km-award .km-award__title{ font-family: var(--km-font-display); font-size: 26px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; color: var(--km-text); text-wrap: balance; overflow-wrap: anywhere; }.km-award .km-award__need{ flex: none; display: inline-flex; align-items: center; gap: 4px; padding-top: 8px; font-size: 15px; font-weight: 700; line-height: 1.65; white-space: nowrap; color: var(--km-text-secondary); }.km-award .km-award__chip{ flex: none; display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 5px 9px; border: 1px solid var(--km-done-border); border-radius: 8px; background: var(--km-done-bg); font-size: 12.5px; font-weight: 700; line-height: 1; white-space: nowrap; color: var(--km-done); }.km-award .km-award__text{ margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--km-text); }.km-award .km-award__bar{ appearance: none; -webkit-appearance: none; display: block; width: 100%; height: 8px; border: none; border-radius: 4px; background: var(--km-track); overflow: hidden; }.km-award__bar::-webkit-progress-bar{ background: var(--km-track); border-radius: 4px; }.km-award__bar::-webkit-progress-value{ background: var(--km-accent); border-radius: 4px; }.km-award__bar::-moz-progress-bar{ background: var(--km-accent); border-radius: 4px; }.km-award .km-award__foot{ display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; }.km-award .km-award__foot.km-award__foot--count{ align-items: baseline; }.km-award .km-award__total{ margin: 0; display: inline-flex; align-items: baseline; gap: 6px; font-size: 15px; line-height: 1.35; white-space: nowrap; color: var(--km-text-secondary); }.km-award__total .km-stars-icon{ align-self: center; }.km-award .km-award__left{ font-size: 15px; line-height: 1.35; color: var(--km-text-secondary); }.km-award .km-award__ok{ margin: 0; display: flex; align-items: flex-start; gap: 8px; font-size: 14.5px; font-weight: 600; line-height: 1.5; color: var(--km-done); }.km-award__ok svg{ flex: none; margin-top: 3px; }.km-award .km-award__more,.km-award .km-award__more:hover,.km-award .km-award__more:focus,.km-award .km-award__more:active{ font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--km-accent); text-decoration: none; }.km-award .km-award__more:hover{ text-decoration: underline; }.km-award .km-award__more:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }@media (max-width: 560px){.km-award{ padding: 18px; }.km-award .km-award__head{ gap: 14px; }.km-award .km-award__medal{ width: 84px; height: 84px; }.km-award .km-award__ht{ padding-top: 2px; }.km-award .km-award__title{ font-size: 21px; }.km-award .km-award__need,.km-award .km-award__chip{ display: none; }.km-award .km-award__go{ width: 100%; }}@media (prefers-reduced-motion: reduce){.km-award .km-award__badge{ transition: none; }}.km-chal{ border-radius: 20px; padding: 20px 24px; display: flex; flex-direction: column; }.km-chal .km-chal__head{ display: flex; flex-direction: column; gap: 6px; padding-bottom: 14px; }.km-chal .km-chal__kicker{ margin: 0; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-warn-text); }.km-chal .km-chal__title{ margin: 0; font-family: var(--km-font-display); font-size: 24px; font-weight: 700; line-height: 1.15; color: var(--km-text); overflow-wrap: anywhere; }.km-chal .km-chal__goal{ margin: 0; font-size: 14px; line-height: 1.55; color: var(--km-text-secondary); }.km-chal .km-chal__stage,.km-chal .km-chal__medal{ display: flex; align-items: flex-start; gap: 12px; padding: 14px 0; border-top: 1px solid var(--km-border-soft); }.km-chal .km-chal__medal--won{ margin: 0 -24px -20px; padding: 14px 24px 20px; border-radius: 0 0 20px 20px; background: var(--km-star-bg); }.km-chal.km-chal--bare{ padding: 0; border-radius: 0; background: none; border: 0; box-shadow: none; }.km-chal.km-chal--bare .km-chal__medal--won{ margin: 0; padding: 14px 16px 16px; border-radius: 0; }.km-chal__medal--won .km-chal-peers{ margin-top: 12px; padding-top: 0; border-top: 0; }.km-chal__medal--won .km-chal-edit{ padding-top: 8px; }.km-chal__num{ flex: none; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--km-border-soft); color: var(--km-text-secondary); font-family: var(--km-font-display); font-size: 19px; font-weight: 700; line-height: 1; }.km-chal__num--done{ background: var(--km-done-bg); color: var(--km-done); }.km-chal .km-chal__stage .km-chal__num{ margin-top: -11.5px; }.km-chal-line .km-chal__num{ margin-top: -10.1px; }.km-chal .km-chal__lock,.km-chal .km-chal__badge{ flex: none; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }.km-chal .km-chal__lock{ background: var(--km-border-soft); color: var(--km-text-muted); }.km-chal .km-chal__badge img,.km-chal .km-chal__badge svg{ display: block; width: 48px; height: 48px; max-width: none; object-fit: contain; }.km-chal__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }.km-chal .km-chal__label{ font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: 0.04em; text-transform: uppercase; color: var(--km-text-secondary); }.km-chal .km-chal__name{ font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--km-text); overflow-wrap: anywhere; }.km-chal .km-chal__days{ font-size: 14px; line-height: 1.45; color: var(--km-text-secondary); }.km-chal .km-chal__muted,.km-chal-line .km-chal__muted{ font-size: 13px; line-height: 1.5; color: var(--km-text-secondary); }.km-chal .km-chal__done{ margin-top: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--km-done); }.km-chal__done svg{ flex: none; }.km-chal .km-chal__link,.km-chal .km-chal__link:hover,.km-chal .km-chal__link:focus{ margin-top: 8px; align-self: flex-start; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--km-accent); text-decoration: none; }.km-chal .km-chal__link:hover{ text-decoration: underline; }.km-chal-place{ width: 100%; max-width: none; min-width: 0; }.km-chal-place.km-rp .km-rp-ch{ width: 100%; }.km-chal-peers{ display: flex; align-items: center; gap: 12px; min-width: 0; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--km-border); }.km-rp-ch .km-chal-peers{ border-top-color: var(--km-rp-ch-line); }.km-chal-peers__text{ flex: none; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--km-text-secondary); }.km-rp-ch .km-chal-peers__text{ color: var(--km-rp-ch-ink); }.km-chal-peers__faces{ flex: 0 1 auto; min-width: 0; overflow: hidden; }.km-chal-peers__faces .km-avatars__item{ flex: none; }.km-chal-edit{ margin: 0; padding-top: 12px; font-size: 13px; line-height: 1.4; }.km-chal-edit a.km-chal-edit__link,.km-chal-edit a.km-chal-edit__link:visited{ font-weight: 700; color: var(--km-text-secondary); text-decoration: none; }.km-chal-edit a.km-chal-edit__link:hover,.km-chal-edit a.km-chal-edit__link:focus-visible{ color: var(--km-accent); text-decoration: none; }.km-chal .km-chal__bonus{ margin-top: 6px; display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.45; color: var(--km-text); }.km-chal__bonus svg{ flex: none; margin-top: 2px; color: var(--km-warn-text); }.km-chal-dots{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }.km-chal-dots--center{ justify-content: center; }.km-chal-dot{ flex: none; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--km-border); background: var(--km-surface); }.km-chal-dot--on{ background: var(--km-accent); border-color: var(--km-accent); }.km-chal-line{ padding: 14px 16px; display: flex; align-items: flex-start; gap: 12px; }.km-chal-line .km-chal-line__head{ font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--km-text); }.km-chal-line .km-chal-line__text{ margin-top: 6px; }.km-chal-pop{ position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 16px; overflow: auto; background: rgba(31, 27, 52, 0.38); }.km-chal-pop .km-chal-pop__box{ width: 100%; max-width: 380px; border-radius: 20px; padding: 24px 20px 20px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; background: var(--km-surface); box-shadow: 0 18px 48px rgba(31, 27, 52, 0.22); }.km-chal-pop .km-chal-pop__frac{ width: 84px; height: 84px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--km-warm-bg); color: var(--km-accent); font-family: var(--km-font-display); font-size: 30px; font-weight: 700; line-height: 1; }.km-chal-pop .km-chal-pop__badge{ width: 96px; height: 96px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--km-done-bg); color: var(--km-done); }.km-chal-pop__badge svg{ width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }.km-chal-pop .km-chal-pop__kicker{ margin: 4px 0 0; font-size: 12px; font-weight: 800; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: var(--km-warn-text); }.km-chal-pop .km-chal-pop__title{ margin: 0; font-family: var(--km-font-display); font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--km-text); }.km-chal-pop .km-chal-pop__text{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-text-secondary); }.km-chal-pop .km-chal-pop__go{ align-self: stretch; margin-top: 6px; }.km-chal-pop .km-chal-pop__close,.km-chal-pop .km-chal-pop__close:hover,.km-chal-pop .km-chal-pop__close:focus,.km-chal-pop .km-chal-pop__close:active{ margin: 0; padding: 4px 8px; background: none; border: none; border-radius: 0; box-shadow: none; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--km-text-secondary); text-transform: none; letter-spacing: normal; cursor: pointer; }.km-chal-pop .km-chal-pop__close:hover{ color: var(--km-text); }.km-chal-pop .km-chal-pop__close:focus-visible{ outline: 2px solid var(--km-accent); outline-offset: 2px; }.km-stars-award .km-stars-award__more,.km-stars-award .km-stars-award__more:hover,.km-stars-award .km-stars-award__more:focus{ font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--km-text-secondary); text-decoration: none; }.km-stars-award .km-stars-award__more:hover{ color: var(--km-text); text-decoration: underline; }.km-hdr .km-bell__face--reward,.km-notes .km-bell__face--reward{ background: var(--km-star-bg); color: var(--km-warn-text); }.km-chal-admin .km-chal-admin__list{ margin-top: 12px; }.km-chal-admin .km-chal-admin__form{ max-width: 980px; }.km-chal-admin .km-chal-admin__stages{ max-width: 760px; }.km-chal-admin .km-chal-admin__n{ width: 28px; }.km-chal-admin .km-chal-admin__days{ width: 80px; }.km-chal-admin p.km-chal-admin__text{ margin: 0 0 14px; }.km-chal-admin p.km-chal-admin__text .description{ display: block; margin-top: 4px; }.km-chal-admin .km-chal-admin__x{ width: 32px; text-align: center; }.km-chal-admin .km-chal-admin__label{ display: inline-block; margin-right: 6px; color: var(--km-text-secondary); white-space: nowrap; }.km-chal-admin .km-chal-admin__medal-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }.km-chal-admin .km-chal-admin__medal-box{ flex: none; width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; }.km-chal-admin .km-chal-admin__medal{ display: block; width: 52px; height: 52px; object-fit: contain; }.km-chal-admin .km-chal-admin__counts p{ display: flex; gap: 24px; margin: 0; }@media (max-width: 560px){.km-chal{ padding: 18px 16px; }.km-chal .km-chal__medal--won{ margin: 0 -16px -18px; padding: 14px 16px 18px; border-radius: 0 0 20px 20px; }}.km-stars-btn{ display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 3px 8px 3px 7px; border-radius: 999px; font-size: 14px; background: var(--km-warm-bg); color: var(--km-warm-text-strong); }.km-btn--primary .km-stars-btn{ background: rgba(255, 255, 255, 0.22); color: inherit; }.km-stars-btn[hidden]{ display: none; }.km-stars-toasts{ position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 100000; display: flex; flex-direction: column; align-items: center; gap: 10px; width: max-content; max-width: calc(100vw - 32px); pointer-events: none; }.km-stars-toast{ pointer-events: auto; display: flex; align-items: center; gap: 14px; background: var(--km-surface); color: var(--km-text); border: 1px solid var(--km-warm-border); border-radius: 16px; padding: 10px 18px 10px 10px; box-shadow: 0 10px 28px rgba(63, 76, 92, 0.18); font-size: 14px; line-height: 1.35; animation: km-stars-in 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.3) both; }.km-stars-toast--out{ animation: km-stars-out 0.3s ease both; }.km-stars-toast__star{ flex: none; position: relative; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; animation: km-stars-pop 0.6s 0.05s cubic-bezier(0.2, 0.9, 0.3, 1.5) both; }.km-stars-toast__art{ position: absolute; inset: 0; width: 60px; height: 60px; filter: drop-shadow(0 3px 6px rgba(227, 154, 28, 0.35)); }.km-stars-toast__plus{ position: relative; z-index: 1; margin-top: 4px; font-family: var(--km-font-display); font-size: 17px; font-weight: 700; line-height: 1; color: #6B3F06; }.km-stars-toast__coin{ flex: none; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--km-peach); color: var(--km-accent); font-size: 22px; font-weight: 700; animation: km-stars-pop 0.55s 0.1s cubic-bezier(0.2, 0.9, 0.3, 1.5) both; }.km-stars-toast__tx{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }.km-stars-toast__tx b{ font-size: 15px; font-weight: 700; }.km-stars-toast__tx span{ font-size: 12.5px; color: var(--km-text-secondary); }@keyframes km-stars-in{ from { opacity: 0; transform: translateY(16px) scale(0.96); } to { opacity: 1; transform: none; } }@keyframes km-stars-out{ to { opacity: 0; transform: translateY(10px); } }@keyframes km-stars-pop{ 0% { transform: scale(0.3) rotate(-25deg); } 100% { transform: scale(1) rotate(0); } }@media (prefers-reduced-motion: reduce){.km-stars-toast,.km-stars-toast--out,.km-stars-toast__star,.km-stars-toast__coin{ animation: none; }}.km-stars-track{ position: relative; }.km-stars-track .km-stars-bar{ display: block; width: 100%; }.km-stars-track__marks{ position: absolute; left: 0; top: -3px; width: 100%; height: 14px; overflow: visible; pointer-events: none; }.km-stars-track__mark{ stroke: #C9D3DE; stroke-width: 2px; }.km-stars-track__mark--got{ stroke: var(--km-done); }.km-stars-track__ticks{ display: block; width: 100%; height: 18px; margin-top: 4px; overflow: visible; }.km-stars-track__tick{ font-size: 12px; fill: var(--km-text-secondary); }.km-stars-bons{ display: flex; flex-direction: column; gap: 12px; }.km-stars-bon{ display: flex; align-items: flex-start; gap: 12px; }.km-stars-bon__ic{ flex: none; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--km-border-soft); color: var(--km-text-muted); }.km-stars-bon__ic--gift{ background: var(--km-peach); color: var(--km-accent); }.km-stars-bon__ic--open{ background: var(--km-done-bg); color: var(--km-done); }.km-stars-bon__txt{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }.km-stars-bon__title{ font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--km-text); }.km-stars-bon__sub{ font-size: 13px; line-height: 1.45; color: var(--km-text-muted); }.km-stars-bon__sub a{ color: var(--km-accent); }.km-stars-next{ display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 13px; line-height: 1.45; color: var(--km-text-secondary); }.km-stars-next b{ color: var(--km-text); font-weight: 600; }.km-stars-won{ display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--km-done); }.km-stars-toast__go{ margin-left: 6px; }.km-stars-award{ position: fixed; inset: 0; z-index: 100001; display: flex; align-items: center; justify-content: center; padding: 16px; overflow: auto; background: rgba(31, 27, 52, 0.62); }.km-stars-award[hidden]{ display: none; }.km-stars-award__confetti{ position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }.km-stars-award__dialog{ position: relative; z-index: 2; width: 100%; max-width: 520px; overflow: hidden; text-align: center; background: var(--km-surface); border-radius: 24px; box-shadow: 0 30px 70px rgba(15, 12, 30, 0.45); animation: km-stars-in 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.25) both; }.km-stars-award__top{ position: relative; height: 230px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(120% 100% at 50% 100%, var(--km-peach) 0%, var(--km-warm-bg) 45%, #FFF8F2 100%); }.km-stars-award__rays{ position: absolute; left: 50%; top: 50%; width: 520px; height: 520px; margin: -260px 0 0 -260px; border-radius: 50%; background: repeating-conic-gradient(from 0deg, rgba(244, 183, 64, 0.3) 0deg 9deg, rgba(244, 183, 64, 0) 9deg 24deg); -webkit-mask: radial-gradient(circle, #000 18%, transparent 62%); mask: radial-gradient(circle, #000 18%, transparent 62%); animation: km-stars-spin 22s linear infinite; }.km-stars-award__spark{ position: absolute; z-index: 1; width: 14px; height: 14px; fill: #F4B740; animation: km-stars-twinkle 2.2s ease-in-out infinite; }.km-stars-award__spark--1{ left: 18%; top: 22%; }.km-stars-award__spark--2{ right: 20%; top: 30%; fill: var(--km-accent); animation-delay: 0.6s; }.km-stars-award__spark--3{ left: 28%; bottom: 18%; width: 10px; height: 10px; fill: var(--km-accent); animation-delay: 1.1s; }.km-stars-award__spark--4{ right: 27%; bottom: 20%; width: 11px; height: 11px; animation-delay: 1.6s; }.km-stars-award__medal{ position: relative; z-index: 1; width: 160px; height: 160px; object-fit: contain; filter: drop-shadow(0 10px 18px rgba(232, 112, 58, 0.35)); animation: km-stars-pop 0.8s 0.15s cubic-bezier(0.2, 0.9, 0.3, 1.45) both; }.km-stars-award__x{ position: absolute; right: 14px; top: 14px; z-index: 3; width: 36px; height: 36px; border-radius: var(--km-radius-control); border: 1px solid rgba(63, 76, 92, 0.15); background: rgba(255, 255, 255, 0.8); color: var(--km-text-secondary); font-size: 16px; line-height: 1; cursor: pointer; }.km-stars-award__body{ display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 32px 28px; }.km-stars-award__title{ margin: 0; font-family: var(--km-font-display); font-size: 34px; font-weight: 700; line-height: 1.1; color: var(--km-text); text-wrap: balance; }.km-stars-award__lead{ max-width: 400px; margin: 0; font-size: 16px; line-height: 1.6; color: var(--km-text-secondary); }.km-stars-award__lead b{ color: var(--km-text); }.km-stars-award__wins{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; margin: 8px 0 6px; }.km-stars-award__win{ display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 8px; background: var(--km-warm-bg); border: 1px solid var(--km-warm-border); border-radius: 14px; }.km-stars-award__win b{ font-family: var(--km-font-display); font-size: 26px; line-height: 1.1; color: var(--km-warm-text-strong); }.km-stars-award__win span{ font-size: 12.5px; line-height: 1.3; color: var(--km-warm-text); }@keyframes km-stars-spin{ to { transform: rotate(360deg); } }@keyframes km-stars-twinkle{ 0%, 100% { opacity: 0.2; transform: scale(0.6); } 50% { opacity: 1; transform: scale(1); } }@media (max-width: 480px){.km-stars-award__title{ font-size: 28px; }.km-stars-award__body{ padding: 20px 20px 24px; }.km-stars-award__win b{ font-size: 22px; }}@media (prefers-reduced-motion: reduce){.km-stars-award__dialog,.km-stars-award__rays,.km-stars-award__spark,.km-stars-award__medal{ animation: none; }}:root{ --km-app-on: #5E4270; --km-app-off: #8E8496; --km-app-line: #ECE7F0; --km-app-face: #E7D3E8; --km-app-text: #4A3E52; --km-app-hint: #F6F1F8; --km-app-grab: #DDD6E2; --km-app-share: #0A6CFF; --km-app-shade: rgba(46, 36, 51, 0.38); --km-app-page: #F5F3F7; --km-app-bar: 56px; --km-app-safe: env(safe-area-inset-bottom, 0px); }.km-appbar{ display: none; }@media (max-width: 767px){.km-has-appbar.km-has-appbar{ padding-bottom: calc(var(--km-app-bar) + var(--km-app-safe)); }.km-has-appbar #carrotquest-messenger-collapsed-container.carrotquest-css-reset{ bottom: calc(var(--km-app-bar) + var(--km-app-safe)) !important; }.km-appbar{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 998; display: flex; min-height: var(--km-app-bar); padding: 7px 4px max(7px, var(--km-app-safe)); background: #fff; border-top: 1px solid var(--km-app-line); font-family: var(--km-hub-font); box-sizing: border-box; }}.km-appbar .km-appbar__item.km-appbar__item,.km-appbar .km-appbar__item.km-appbar__item:hover,.km-appbar .km-appbar__item.km-appbar__item:focus,.km-appbar .km-appbar__item.km-appbar__item:active,.km-appbar .km-appbar__item.km-appbar__item:visited{ flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 0 2px; color: var(--km-app-off); font-size: 11px; font-weight: 600; line-height: 14px; text-decoration: none; background: none; border: 0; box-shadow: none; }.km-appbar .km-appbar__item.km-appbar__item:focus-visible{ outline: 2px solid var(--km-app-on); outline-offset: -2px; border-radius: 8px; }.km-appbar .km-appbar__item.km-appbar__item--on,.km-appbar .km-appbar__item.km-appbar__item--on:hover,.km-appbar .km-appbar__item.km-appbar__item--on:focus,.km-appbar .km-appbar__item.km-appbar__item--on:visited{ color: var(--km-app-on); font-weight: 800; }.km-appbar .km-appbar__item svg{ display: block; width: 24px; height: 24px; flex: none; color: inherit; stroke-width: 1.8; }.km-appbar .km-appbar__item--on svg{ stroke-width: 2; }.km-appbar .km-appbar__label{ display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.km-appbar .km-appbar__face{ display: block; width: 24px; height: 24px; flex: none; border-radius: 50%; object-fit: cover; }.km-appbar .km-appbar__face--letters{ display: flex; align-items: center; justify-content: center; background: var(--km-app-face); color: var(--km-app-on); font-size: 9px; font-weight: 800; line-height: 1; }.km-appbar .km-appbar__item--on .km-appbar__face{ box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--km-app-on); }.km-app-progress{ position: fixed; top: env(safe-area-inset-top, 0px); left: 0; right: 0; z-index: 100000; height: 3px; overflow: hidden; pointer-events: none; }.km-app-progress::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: var(--km-app-on); transform: scaleX(0); transform-origin: left center; }.km-app-progress.km-app-progress--run::before{ transform: scaleX(0.92); transition: transform 8s cubic-bezier(0.1, 0.7, 0.2, 1); }@media (prefers-reduced-motion: reduce){.km-app-progress.km-app-progress--run::before{ transform: scaleX(0.6); transition: none; }}@media (max-width: 767px){.km-has-appbar .e-con.e-con:has(.km-page.km-dashboard--page),.km-has-appbar .e-con-inner.e-con-inner:has(.km-page.km-dashboard--page){ --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; padding: 0; }.km-has-appbar .km-page.km-hub.km-dashboard--page{ padding: 16px 16px 40px; }.km-has-appbar .km-schedule-page.km-schedule-page.e-con{ --padding-left: 16px; --padding-right: 16px; }.km-has-appbar .km-schedule-shell.km-schedule-shell.e-con{ --padding-top: 16px; }.km-has-appbar .km-page.km-cast{ padding-top: 16px; padding-left: 16px; }.km-has-appbar:not(:has(.km-defect__tab)) .km-page.km-cast{ padding-right: 16px; }}.km-appback__theme.km-appback__theme{ display: none !important; }.km-appback.km-appback,.km-appback.km-appback:hover,.km-appback.km-appback:focus,.km-appback.km-appback:active{ display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; flex: none; color: var(--km-hub-ink); background: none; border: 0; border-radius: 50%; box-shadow: none; cursor: pointer; }.km-appback.km-appback:focus-visible{ outline: 2px solid var(--km-app-on); outline-offset: 2px; }.km-appback svg{ display: block; width: 22px; height: 22px; }.km-install[hidden]{ display: none; }.km-install{ position: fixed; left: 10px; right: 10px; bottom: calc(var(--km-app-bar) + var(--km-app-safe) + 20px); z-index: 998; display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: #fff; border: 1px solid var(--km-hub-line); border-radius: 16px; box-shadow: 0 12px 32px rgba(59, 42, 71, 0.22); font-family: var(--km-hub-font); color: var(--km-hub-ink); box-sizing: border-box; }@media (min-width: 768px){.km-install.km-install{ display: none; }}.km-install .km-install__icon{ display: block; width: 46px; height: 46px; flex: none; border-radius: 12px; }.km-install .km-install__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }.km-install .km-install__title{ font-size: 15px; font-weight: 700; line-height: 1.3; }.km-install .km-install__text{ font-size: 13px; line-height: 1.45; color: var(--km-app-text); }.km-install .km-install__go.km-install__go[hidden]{ display: none; }.km-install .km-install__go.km-install__go,.km-install .km-install__go.km-install__go:hover,.km-install .km-install__go.km-install__go:focus,.km-install .km-install__go.km-install__go:active{ align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; height: 38px; margin: 8px 0 0; padding: 0 16px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: #fff; background: var(--km-hub-red); border: 0; border-radius: 10px; box-shadow: none; cursor: pointer; }.km-install .km-install__go.km-install__go:hover{ background: var(--km-hub-red-hover); }.km-install .km-install__close.km-install__close,.km-install .km-install__close.km-install__close:hover,.km-install .km-install__close.km-install__close:focus,.km-install .km-install__close.km-install__close:active{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: -8px -8px 0 0; padding: 0; flex: none; color: var(--km-app-off); background: none; border: 0; border-radius: 50%; box-shadow: none; cursor: pointer; }.km-install .km-install__close svg{ display: block; width: 20px; height: 20px; }.km-howto[hidden]{ display: none; }.km-howto{ position: fixed; inset: 0; z-index: 100000; font-family: var(--km-hub-font); color: var(--km-hub-ink); }.km-howto .km-howto__shade{ position: absolute; inset: 0; background: var(--km-app-shade); }.km-howto .km-howto__sheet{ position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 520px; max-height: 100%; overflow-y: auto; transform: translateX(-50%); display: flex; flex-direction: column; gap: 14px; padding: 8px 20px calc(40px + var(--km-app-safe)); background: #fff; border-radius: 20px 20px 0 0; box-sizing: border-box; }.km-howto .km-howto__grab{ display: block; width: 40px; height: 4px; flex: none; align-self: center; border-radius: 2px; background: var(--km-app-grab); }.km-howto .km-howto__head{ display: flex; gap: 12px; align-items: center; margin-top: 4px; }.km-howto .km-howto__icon{ display: block; width: 52px; height: 52px; flex: none; border-radius: 13px; }.km-howto .km-howto__title{ margin: 0; font-family: var(--km-hub-display); font-size: 24px; font-weight: 500; line-height: 1.15; color: var(--km-hub-title); }.km-howto .km-howto__steps,.km-appinst .km-howto__steps{ display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }.km-howto .km-howto__step,.km-appinst .km-howto__step{ display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 0; list-style: none; }.km-howto .km-howto__step::marker,.km-appinst .km-howto__step::marker{ content: none; }.km-howto .km-howto__num,.km-appinst .km-howto__num{ display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--km-hub-soft); color: var(--km-app-on); font-size: 14px; font-weight: 800; line-height: 1; }.km-howto .km-howto__say,.km-appinst .km-howto__say{ padding-top: 2px; font-size: 15px; line-height: 1.5; }.km-howto .km-howto__glyph,.km-appinst .km-howto__glyph{ display: inline-block; width: 18px; height: 18px; vertical-align: -3px; color: var(--km-hub-ink); }.km-howto .km-howto__glyph--share,.km-appinst .km-howto__glyph--share{ color: var(--km-app-share); }.km-howto .km-howto__hint{ margin: 0; padding: 12px 14px; font-size: 14px; line-height: 1.55; color: var(--km-app-text); background: var(--km-app-hint); border-radius: 12px; }.km-howto .km-howto__ok.km-howto__ok,.km-howto .km-howto__ok.km-howto__ok:hover,.km-howto .km-howto__ok.km-howto__ok:focus,.km-howto .km-howto__ok.km-howto__ok:active{ display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; margin: 2px 0 0; padding: 0 20px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; color: #fff; background: var(--km-hub-red); border: 0; border-radius: 10px; box-shadow: none; cursor: pointer; }.km-howto .km-howto__ok.km-howto__ok:hover{ background: var(--km-hub-red-hover); }.km-offline-body{ margin: 0; min-height: 100vh; background: var(--km-app-page); font-family: var(--km-hub-font); color: var(--km-hub-ink); -webkit-text-size-adjust: 100%; }.km-offline-body *,.km-offline-body *::before,.km-offline-body *::after{ box-sizing: border-box; }.km-offline__bar{ display: flex; align-items: center; height: 56px; padding: 0 14px; background: #fff; border-bottom: 1px solid var(--km-hub-line-soft); }.km-offline__logo{ display: block; width: 32px; height: 32px; border-radius: 8px; }.km-offline{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: calc(100vh - 56px - var(--km-app-bar) - var(--km-app-safe)); padding: 24px 36px 64px; text-align: center; }.km-offline .km-offline__icon{ display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: var(--km-hub-soft); color: var(--km-app-on); }.km-offline .km-offline__icon svg{ display: block; width: 34px; height: 34px; }.km-offline .km-offline__title{ margin: 0; font-family: var(--km-hub-display); font-size: 26px; font-weight: 500; line-height: 1.15; color: var(--km-hub-title); }.km-offline .km-offline__text{ max-width: 320px; margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-app-text); }.km-offline .km-offline__retry.km-offline__retry,.km-offline .km-offline__retry.km-offline__retry:hover,.km-offline .km-offline__retry.km-offline__retry:focus,.km-offline .km-offline__retry.km-offline__retry:active{ display: inline-flex; align-items: center; justify-content: center; height: 44px; margin: 4px 0 0; padding: 0 28px; font-family: inherit; font-size: 14px; font-weight: 700; color: var(--km-hub-ink); background: #fff; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; box-shadow: none; cursor: pointer; }.km-offline .km-offline__retry.km-offline__retry:hover{ background: var(--km-hub-hover); }.km-hdr .km-pushcard[hidden]{ display: none; }.km-hdr .km-pushcard{ display: flex; gap: 12px; align-items: flex-start; margin: 12px 16px; padding: 14px; background: var(--km-app-hint); border-radius: 14px; }.km-hdr .km-pushcard__icon{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: none; border-radius: 50%; background: #fff; color: var(--km-app-on); }.km-hdr .km-pushcard__icon svg{ display: block; width: 20px; height: 20px; }.km-hdr .km-pushcard__body{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }.km-hdr .km-pushcard__title{ font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--km-hub-ink); }.km-hdr .km-pushcard__text{ font-size: 14px; line-height: 1.5; color: var(--km-app-text); }.km-hdr .km-pushcard__note[hidden]{ display: none; }.km-hdr .km-pushcard__note{ font-size: 13px; line-height: 1.45; color: var(--km-danger); }.km-hdr .km-pushcard__acts{ display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 6px; }.km-hdr .km-pushcard__go.km-pushcard__go,.km-hdr .km-pushcard__go.km-pushcard__go:hover,.km-hdr .km-pushcard__go.km-pushcard__go:focus,.km-hdr .km-pushcard__go.km-pushcard__go:active{ display: inline-flex; align-items: center; justify-content: center; height: 40px; margin: 0; padding: 0 18px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: #fff; background: var(--km-hub-red); border: 0; border-radius: 10px; box-shadow: none; cursor: pointer; }.km-hdr .km-pushcard__go.km-pushcard__go:hover{ background: var(--km-hub-red-hover); }.km-hdr .km-pushcard__go.km-pushcard__go:disabled{ opacity: 0.6; cursor: default; }.km-hdr .km-pushcard__later.km-pushcard__later,.km-hdr .km-pushcard__later.km-pushcard__later:hover,.km-hdr .km-pushcard__later.km-pushcard__later:focus,.km-hdr .km-pushcard__later.km-pushcard__later:active{ display: inline-flex; align-items: center; height: 40px; margin: 0; padding: 0; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: var(--km-hub-muted); background: none; border: 0; border-radius: 0; box-shadow: none; cursor: pointer; }.km-hdr .km-pushcard__later.km-pushcard__later:hover{ color: var(--km-hub-ink); }.km-is-app .km-install.km-install{ display: none; }.km-app-admin__icon{ display: block; width: 56px; height: 56px; flex: none; border-radius: 13px; }.km-appinst{ display: flex; flex-direction: column; gap: 18px; max-width: 520px; margin: 0 auto; padding: 22px 18px 40px; font-family: var(--km-hub-font); color: var(--km-hub-ink); box-sizing: border-box; }.km-appinst[data-lms-appinst="desktop"]{ max-width: 760px; padding: 56px 20px; }.km-appinst .km-appinst__head{ display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 4px 6px 0; text-align: center; }.km-appinst .km-appinst__icon{ display: block; width: 84px; height: 84px; flex: none; border-radius: 20px; }.km-appinst .km-appinst__icon--small{ width: 64px; height: 64px; border-radius: 15px; }.km-appinst .km-appinst__title{ margin: 0; font-family: var(--km-hub-display); font-size: 26px; font-weight: 500; line-height: 1.15; color: var(--km-hub-title); }.km-appinst .km-appinst__title--desk{ font-size: 30px; }.km-appinst .km-appinst__lead{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-app-text); }.km-appinst .km-appinst__body[hidden]{ display: none; }.km-appinst .km-appinst__body{ display: flex; flex-direction: column; gap: 16px; }.km-appinst .km-appinst__card{ display: flex; flex-direction: column; gap: 14px; padding: 18px 16px; background: #fff; border: 1px solid var(--km-hub-line); border-radius: 16px; }.km-appinst .km-appinst__card--soft{ gap: 10px; background: #FBF8FC; border-color: #E2D3E8; }.km-appinst .km-appinst__card--done{ align-items: stretch; text-align: center; }.km-appinst .km-appinst__card-title{ margin: 0; font-family: var(--km-hub-display); font-size: 20px; font-weight: 500; line-height: 1.2; color: var(--km-hub-title); }.km-appinst .km-appinst__card-lead{ font-size: 17px; font-weight: 700; line-height: 1.3; }.km-appinst .km-appinst__text{ margin: 0; font-size: 15px; line-height: 1.55; color: var(--km-app-text); }.km-appinst .km-appinst__out{ display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--km-hub-soft); color: var(--km-app-on); }.km-appinst .km-appinst__out svg{ display: block; width: 21px; height: 21px; }.km-appinst .km-appinst__hint{ margin: 0; padding: 12px 14px; font-size: 14px; line-height: 1.55; color: var(--km-app-text); background: var(--km-app-hint); border-radius: 12px; }.km-appinst .km-appinst__small{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-hub-muted); }.km-appinst .km-appinst__small--center{ text-align: center; }.km-appinst .km-appinst__copied[hidden]{ display: none; }.km-appinst .km-appinst__copied{ margin: 0; font-size: 13px; line-height: 1.5; color: var(--km-ok); overflow-wrap: anywhere; }.km-appinst .km-appinst__go.km-appinst__go[hidden]{ display: none; }.km-appinst .km-appinst__go.km-appinst__go,.km-appinst .km-appinst__go.km-appinst__go:hover,.km-appinst .km-appinst__go.km-appinst__go:focus,.km-appinst .km-appinst__go.km-appinst__go:active,.km-appinst .km-appinst__go.km-appinst__go:visited{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin: 4px 0 0; padding: 0 20px; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1; color: #fff; text-decoration: none; background: var(--km-hub-red); border: 0; border-radius: 10px; box-shadow: none; cursor: pointer; box-sizing: border-box; }.km-appinst .km-appinst__go.km-appinst__go:hover{ background: var(--km-hub-red-hover); }.km-appinst .km-appinst__copy.km-appinst__copy,.km-appinst .km-appinst__copy.km-appinst__copy:hover,.km-appinst .km-appinst__copy.km-appinst__copy:focus,.km-appinst .km-appinst__copy.km-appinst__copy:active{ display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; margin: 4px 0 0; padding: 0 18px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; color: var(--km-hub-ink); background: #fff; border: 1px solid var(--km-hub-chip-line); border-radius: 10px; box-shadow: none; cursor: pointer; }.km-appinst .km-appinst__copy.km-appinst__copy:hover{ background: var(--km-hub-hover); }.km-appinst .km-appinst__desk{ display: flex; flex-wrap: wrap; gap: 36px; align-items: center; padding: 34px 36px; background: #fff; border: 1px solid var(--km-hub-line); border-radius: 16px; }.km-appinst .km-appinst__desk-text{ flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }.km-appinst .km-appinst__desk .km-appinst__lead{ line-height: 1.6; }.km-appinst .km-appinst__addr{ margin: 0; font-size: 14px; line-height: 1.5; color: var(--km-hub-muted); }.km-appinst .km-appinst__addr-url{ color: var(--km-app-on); overflow-wrap: anywhere; }.km-appinst .km-appinst__qr{ flex: none; padding: 12px; line-height: 0; background: #fff; border: 1px solid var(--km-hub-line); border-radius: 16px; }.km-appinst .km-appinst__qr-code{ display: block; width: 165px; height: 165px; }.km-res{ --km-res-line: #e9e1ed; --km-res-line2: #f0eaf2; --km-res-line3: #e4d5e9; --km-res-muted: #83708c; --km-res-muted2: #948197; --km-res-muted3: #aa91b1; --km-res-label: #947ba0; --km-res-kicker: #b17d91; --km-res-ink: #333044; --km-res-plum: #795985; --km-res-plum-ink: #53405b; --km-res-link: #9a647f; --km-res-chip-bg: #efe7f5; --km-res-chip: #88639c; --km-res-gold: #9a6b1f; --km-res-gold-bg: #fbf1de; --km-res-step: #efeaf2; --km-res-step-ink: #766c7e; --km-res-red: #d54844; --km-res-red-hover: #bd3e3a; --km-res-focus: #c9b4d6; --km-res-sec-line: #dfd0e7; --km-res-sec-ink: #856595; }.km-page.km-cast.km-res{ padding-top: 38px; padding-bottom: 60px; }.km-res .km-res-ico{ width: 18px; height: 18px; flex: none; }.km-res .km-res-cat__head{ display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px 32px; }.km-res .km-res-cat__titles{ flex: 1 1 420px; min-width: 0; }.km-res .km-res-kicker{ margin: 0; font-size: 11px; font-weight: 750; line-height: 1.6; letter-spacing: 1.5px; color: var(--km-res-kicker); }.km-cast h1.km-res-cat__title{ margin: 4px 0; padding: 0 !important; font-family: var(--km-cast-display); font-size: 48px; font-weight: 500; line-height: 1.28; text-transform: uppercase; color: var(--km-res-ink); text-wrap: balance; }.km-res .km-res-cat__sub{ margin: 0; font-size: 16px; line-height: 1.75; color: var(--km-res-muted2); }.km-res .km-res-search{ display: flex; align-items: center; gap: 11px; width: min(360px, 100%); padding: 11px 15px; border: 1px solid var(--km-res-line3); border-radius: 9px; background: transparent; color: #9777a0; }.km-res .km-res-search .km-res-ico{ width: 16px; height: 16px; }.km-res input.km-res-search__input,.km-res input.km-res-search__input:focus{ flex: 1; min-width: 0; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px; line-height: 1.5; color: var(--km-res-plum-ink); }.km-res input.km-res-search__input::placeholder{ color: #aba1b1; }.km-res .km-res-tabs{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }.km-cast button.km-res-tab,.km-cast button.km-res-tab:focus,.km-cast button.km-res-tab:active{ display: inline-flex; align-items: center; gap: 8px; min-height: 0; padding: 11px 15px; border: 0; border-radius: 9px; background: transparent; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px; font-weight: 650; line-height: 1.6; color: #8a738f; white-space: nowrap; }.km-cast button.km-res-tab:hover{ background: #eee5f2; color: var(--km-res-plum); }.km-cast button.km-res-tab[aria-selected="true"],.km-cast button.km-res-tab[aria-selected="true"]:hover,.km-cast button.km-res-tab[aria-selected="true"]:focus{ background: var(--km-res-red); color: #fff; }.km-res .km-res-tab .km-res-ico{ width: 15px; height: 15px; color: #9b80a5; }.km-res .km-res-tab[aria-selected="true"] .km-res-ico{ color: #fff; }.km-res .km-res-cat__row{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 24px 0 16px; }.km-res .km-res-cat__hint{ font-size: 14px; font-weight: 400; line-height: 1.5; color: #85718d; }.km-res .km-res-cat__order{ font-size: 13px; color: var(--km-res-muted3); white-space: nowrap; }.km-res .km-res-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }.km-res .km-res-grid[hidden],.km-res .km-res-card[hidden],.km-res .km-res-empty[hidden]{ display: none; }.km-cast a.km-res-card,.km-cast a.km-res-card:visited,.km-cast a.km-res-card:focus,.km-cast a.km-res-card:active{ display: flex; flex-direction: column; min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--km-res-line); border-radius: 15px; background: #fff; box-shadow: 0 5px 18px rgba(80, 50, 88, .04); color: inherit; text-align: left; text-decoration: none; }.km-cast a.km-res-card:hover{ background: #fff; box-shadow: 0 10px 26px rgba(80, 50, 88, .09); color: inherit; text-decoration: none; }.km-res .km-res-card__cover{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #f3eef5; }.km-res .km-res-card__cover--art{ background: linear-gradient(150deg, #f7f2f9, #d6c6df); }.km-res .km-res-card__img{ display: block; width: 100%; height: 100%; }.km-res .km-res-card__cover--fill .km-res-card__img{ object-fit: cover; }.km-res .km-res-card__cover--whole .km-res-card__img{ object-fit: contain; }.km-res .km-res-card__sign{ display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; border-radius: 50%; background: rgba(255, 255, 255, .72); color: var(--km-res-plum); }.km-res .km-res-card__sign .km-res-ico{ width: 34px; height: 34px; stroke-width: 1.5; }.km-res .km-res-card__new{ position: absolute; top: 12px; left: 12px; padding: 4px 9px; border-radius: 6px; background: #fffffff0; font-size: 12px; font-weight: 600; line-height: 1.5; color: var(--km-res-plum); }.km-res .km-res-card__body{ flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 20px 23px 22px; }.km-res .km-res-card__kind{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 12px; font-weight: 600; line-height: 1.5; color: var(--km-res-label); }.km-res .km-res-mark{ display: inline-flex; align-items: center; gap: 4px; padding: 1px 7px; border-radius: 5px; background: var(--km-res-chip-bg); font-size: 11px; font-weight: 700; line-height: 1.6; color: var(--km-res-chip); }.km-res .km-res-mark--challenge{ background: var(--km-res-gold-bg); color: var(--km-res-gold); }.km-res .km-res-mark .km-res-ico{ width: 12px; height: 12px; }.km-res .km-res-card__title{ font-family: var(--km-cast-display); font-size: 26px; font-weight: 400; line-height: 1.3; color: var(--km-res-plum-ink); }.km-res .km-res-card__desc{ flex: 1; font-size: 16px; line-height: 1.65; color: var(--km-res-muted); }.km-res .km-res-card__btn{ display: flex; align-items: center; gap: 6px; margin-top: 9px; padding-top: 13px; border-top: 1px solid var(--km-res-line2); font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--km-res-link); }.km-res .km-res-card__btn .km-res-ico{ width: 15px; height: 15px; }.km-res .km-res-empty{ display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 40px 24px; border: 1px dashed var(--km-res-line3); border-radius: 15px; text-align: center; color: var(--km-res-muted); }.km-res .km-res-empty__title{ font-family: var(--km-cast-display); font-size: 22px; font-weight: 500; line-height: 1.3; color: var(--km-res-plum-ink); }.km-cast button.km-res-empty__reset,.km-cast button.km-res-empty__reset:hover,.km-cast button.km-res-empty__reset:focus{ margin-top: 12px; padding: 0; border: 0; background: none; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px; font-weight: 700; color: var(--km-res-link); }.km-res .km-res-start{ margin-top: 56px; }.km-cast h2.km-res-start__title{ margin: 4px 0 18px; font-family: var(--km-cast-display); font-size: 32px; font-weight: 500; line-height: 1.25; color: var(--km-res-ink); }.km-res .km-res-start__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }.km-cast button.km-res-tile,.km-cast button.km-res-tile:focus,.km-cast button.km-res-tile:active{ display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding: 22px 23px; border: 1px solid var(--km-res-line); border-radius: 15px; background: #fff; box-shadow: none; font-family: var(--km-cast-font); text-align: left; color: inherit; }.km-cast button.km-res-tile:hover{ border-color: #dccde3; background: #fff; color: inherit; }.km-res .km-res-tile__sign{ display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--km-res-step); color: var(--km-res-plum); }.km-res .km-res-tile__title{ font-family: var(--km-cast-display); font-size: 22px; font-weight: 400; line-height: 1.3; color: var(--km-res-plum-ink); }.km-res .km-res-tile__text{ font-size: 15px; line-height: 1.6; color: var(--km-res-muted); }.km-res .km-res-more{ display: flex; flex-direction: column; margin-top: 48px; }.km-res .km-res-more__links{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }.km-cast a.km-res-more__link,.km-cast a.km-res-more__link:visited,.km-cast a.km-res-more__link:hover,.km-cast a.km-res-more__link:focus,.km-cast a.km-res-more__link:active{ display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border: 1px solid var(--km-res-line3); border-radius: 9px; background: #fff; font-size: 14px; font-weight: 650; line-height: 1.5; color: var(--km-res-plum); text-decoration: none; }.km-cast a.km-res-more__link:hover{ border-color: #dccde3; }.km-page.km-cast.km-res.km-res-page{ padding-top: 30px; padding-bottom: 64px; }.km-res .km-res-badges{ display: flex; flex-wrap: wrap; gap: 6px; }.km-cast .km-cast-badge.km-res-badge--challenge{ background: var(--km-res-gold-bg); color: var(--km-res-gold); }.km-res .km-res-lay{ display: grid; grid-template-columns: minmax(0, 1fr) 330px; column-gap: 23px; row-gap: 20px; align-items: start; }.km-res .km-res-lay--solo{ grid-template-columns: minmax(0, 805px); }.km-res .km-res-col{ display: flex; flex-direction: column; gap: 20px; min-width: 0; }.km-res .km-res-pane{ min-width: 0; padding: 26px 28px; border: 1px solid #e7dfeb; border-radius: 15px; background: #fff; box-shadow: 0 5px 20px rgba(68, 37, 80, .025); }.km-res .km-res-prose{ font-size: 16px; line-height: 1.65; color: var(--km-cast-body); }.km-res .km-res-prose > *{ margin-top: 0; margin-bottom: 12px; }.km-res .km-res-prose > :last-child{ margin-bottom: 0; }.km-res .km-res-prose p{ margin: 0 0 12px; }.km-res .km-res-prose p:last-child{ margin-bottom: 0; }.km-res .km-res-prose ul,.km-res .km-res-prose ol{ margin: 0 0 12px; padding-left: 20px; }.km-res .km-res-prose li{ margin: 2px 0; }.km-res .km-res-prose strong,.km-res .km-res-prose b{ color: var(--km-cast-ink); }.km-cast .km-res-prose h2,.km-cast .km-res-prose h3,.km-cast .km-res-prose h4{ margin: 0 0 6px; font-family: var(--km-cast-display); font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--km-cast-ink); }.km-cast .km-res-prose h2{ font-size: 24px; }.km-cast .km-res-prose h3{ font-size: 20px; }.km-cast .km-res-prose h4{ font-size: 18px; }.km-cast .km-res-prose * + h2,.km-cast .km-res-prose * + h3,.km-cast .km-res-prose * + h4{ margin-top: 18px; }.km-res .km-res-prose img{ max-width: 100%; height: auto; }.km-res .km-res-video iframe{ display: block; width: 100%; max-width: 100%; border: 0; border-radius: 12px; }.km-res .km-res-video p{ margin: 10px 0 0; font-size: 14px; line-height: 1.6; color: var(--km-res-muted); }.km-res .km-res-side .km-chal{ margin: 0; }.km-res .km-res-side .km-res-pane{ display: flex; flex-direction: column; gap: 12px; }.km-res .km-res-lock{ display: flex; align-items: flex-start; gap: 16px; }.km-res .km-res-lock__sign{ flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--km-res-step); color: var(--km-res-step-ink); }.km-res .km-res-lock__body{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; padding-top: 6px; }.km-res .km-res-lock__title{ display: block; font-family: var(--km-cast-display); font-size: 22px; font-weight: 500; line-height: 1.3; color: var(--km-cast-ink); }.km-cast a.km-res-btn,.km-cast a.km-res-btn:visited,.km-cast a.km-res-btn:focus,.km-cast a.km-res-btn:active{ display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 17px; border: 0; border-radius: 8px; background: var(--km-res-red); box-shadow: 0 3px 7px rgba(213, 72, 68, .1); font-size: 14px; font-weight: 700; line-height: 1.5; color: #fff; text-decoration: none; }.km-cast a.km-res-btn:hover{ background: var(--km-res-red-hover); color: #fff; }.km-cast a.km-res-quiet,.km-cast a.km-res-quiet:visited,.km-cast a.km-res-quiet:hover,.km-cast a.km-res-quiet:focus,.km-cast a.km-res-quiet:active{ padding: 0; font-size: 14px; font-weight: 700; line-height: 1.5; color: var(--km-res-link); text-decoration: none; }.km-chal button.km-chal__link--scroll,.km-chal button.km-chal__link--scroll:hover,.km-chal button.km-chal__link--scroll:focus{ min-height: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-family: inherit; cursor: pointer; }.km-res .km-res-others{ margin-top: 44px; }.km-cast h2.km-res-others__title{ margin: 0 0 18px; font-family: var(--km-cast-display); font-size: 28px; font-weight: 500; line-height: 1.25; color: var(--km-cast-ink); }@media (max-width: 1100px){.km-res .km-res-grid,.km-res .km-res-start__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (max-width: 860px){.km-res .km-res-lay{ grid-template-columns: minmax(0, 1fr); }}@media (max-width: 700px){.km-page.km-cast.km-res{ padding-top: 24px; padding-bottom: 44px; }.km-cast h1.km-res-cat__title{ font-size: 34px; }.km-res .km-res-search{ width: 100%; }.km-res .km-res-tabs{ flex-wrap: nowrap; gap: 8px; overflow-x: auto; margin-right: -16px; padding-right: 16px; scrollbar-width: none; }.km-res .km-res-tabs::-webkit-scrollbar{ display: none; }.km-res .km-res-grid,.km-res .km-res-start__grid{ grid-template-columns: minmax(0, 1fr); }.km-res .km-res-pane{ padding: 22px 20px; }.km-cast h2.km-res-start__title{ font-size: 28px; }}.km-res-admin .km-res-admin__switch{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 14px 0 6px; padding: 12px 16px; border: 1px solid #c3c4c7; background: #fff; }.km-res-admin .km-res-admin__switch-label{ font-weight: 600; }.km-res-admin .km-res-admin__choice{ display: inline-flex; align-items: center; gap: 6px; }.km-res-admin .km-res-admin__switch-hint{ flex-basis: 100%; color: #646970; }.km-res-admin .km-res-admin__name{ display: flex; align-items: flex-start; gap: 10px; }.km-res-admin .km-res-admin__thumb{ flex: none; display: flex; align-items: center; justify-content: center; width: 64px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 4px; background: linear-gradient(150deg, #f7f2f9, #d6c6df); }.km-res-admin .km-res-admin__img{ display: block; width: 100%; height: 100%; }.km-res-admin .km-res-admin__thumb--fill .km-res-admin__img{ object-fit: cover; }.km-res-admin .km-res-admin__thumb--whole{ background: #f3eef5; }.km-res-admin .km-res-admin__thumb--whole .km-res-admin__img{ object-fit: contain; }.km-res-admin .km-res-admin__dim{ color: #646970; }.km-res-admin .km-res-admin__acts{ position: static; left: auto; }.km-sp .km-res-radio{ display: grid; gap: 6px; margin: 0 0 10px; }.km-sp .km-res-radio__item{ display: flex; align-items: center; gap: 8px; font-size: 13px; }.km-sp .km-res-cover{ display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; margin: 6px 0; overflow: hidden; border-radius: 6px; background: linear-gradient(150deg, #f7f2f9, #d6c6df); }.km-sp .km-res-cover__img{ display: block; width: 100%; height: 100%; }.km-sp .km-res-cover--fill .km-res-cover__img{ object-fit: cover; }.km-sp .km-res-cover--whole{ background: #f3eef5; }.km-sp .km-res-cover--whole .km-res-cover__img{ object-fit: contain; }.km-sp .km-res-cover__replace{ margin: 0 0 6px; padding: 0; border: 0; background: none; cursor: pointer; }.km-sp .km-res-access{ display: grid; gap: 4px; }.km-sp .km-res-chpnl{ display: grid; gap: 4px; margin: 0 0 8px; }.km-sp .km-res-chpnl__title{ font-size: 14px; }.km-sp .km-res-chpnl__mode{ font-size: 12.5px; color: var(--km-text-secondary); }.km-sp .km-res-chpnl__mode--on{ color: var(--km-done); }.km-sp .km-res-old{ margin: 4px 0 8px; padding: 0; list-style: none; }.km-sp .km-res-old__item{ display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 4px; }.km-sp .km-res-old__path{ overflow-wrap: anywhere; font-family: var(--km-mono); font-size: 12px; }.km-sp .km-res-old__drop{ flex: none; width: 24px; height: 24px; padding: 0; border: 1px solid var(--km-border); border-radius: var(--km-radius-badge); background: var(--km-surface); line-height: 1; color: var(--km-text-secondary); cursor: pointer; }.km-sp .km-res-old__add{ display: grid; gap: 6px; margin: 0 0 8px; }.km-chal-admin .km-chal-admin__where{ display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }.km-chal-admin .km-chal-admin__where-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.km-chal-admin .km-chal-admin__where-row span{ min-width: 56px; }.km-chal-admin .km-chal-admin__where[data-lms-chal-where="resource"] [data-lms-chal-course],.km-chal-admin .km-chal-admin__where[data-lms-chal-where="course"] [data-lms-chal-resource]{ opacity: .5; }.km-chal-admin [data-lms-chal-for][hidden]{ display: none; }.km-res .km-res-cat__titles .km-editlinks{ margin: 12px 0 0; }.km-res-admin .km-res-admin__list td{ vertical-align: top; }.km-res .km-res-head .km-editlinks{ margin: 12px 0 0; }.km-res .km-res-form{ scroll-margin-top: 90px; overflow-x: auto; }.km-res .km-res-list{ overflow-x: auto; }.km-res .km-res-form > p{ margin: 0 0 18px; font-size: 15px; line-height: 1.6; color: var(--km-res-muted); }.km-res .km-res-form .gform_wrapper.gravity-theme{ margin: 0; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_fields{ row-gap: 18px; }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield_label,.km-res .km-res-form .gform_wrapper.gravity-theme legend.gfield_label{ margin: 0 0 8px; padding: 0; font-family: var(--km-cast-font) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.45; color: var(--km-res-ink); }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield_required{ color: var(--km-res-red); }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield_description,.km-res .km-res-form .gform_wrapper.gravity-theme .gform-field-label--type-sub,.km-res .km-res-form .gform_wrapper.gravity-theme .ginput_complex label{ padding-top: 6px; font-family: var(--km-cast-font) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.5; color: var(--km-res-muted); }.km-res .km-res-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]):not([type="image"]),.km-res .km-res-form .gform_wrapper.gravity-theme textarea,.km-res .km-res-form .gform_wrapper.gravity-theme select{ width: 100%; height: auto; min-height: 0; padding: 11px 14px; border: 1px solid var(--km-res-line3); border-radius: 9px; background: #fff; box-shadow: none; font-family: var(--km-cast-font); font-size: 15px; font-weight: 400; line-height: 1.55; color: var(--km-res-plum-ink); }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield textarea{ height: 72px; min-height: 72px; resize: vertical; }@supports (field-sizing: content){.km-res .km-res-form .gform_wrapper.gravity-theme .gfield textarea{ height: auto; max-height: 420px; field-sizing: content; }}.km-res .km-res-form .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):focus,.km-res .km-res-form .gform_wrapper.gravity-theme textarea:focus,.km-res .km-res-form .gform_wrapper.gravity-theme select:focus{ outline: 2px solid var(--km-res-focus); outline-offset: 0; border-color: var(--km-res-focus); }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield_radio,.km-res .km-res-form .gform_wrapper.gravity-theme .gfield_checkbox{ display: flex; flex-wrap: wrap; gap: 8px; }.km-res .km-res-form .gform_wrapper.gravity-theme .gchoice{ display: inline-flex; align-items: center; gap: 8px; max-width: 100%; margin: 0; padding: 8px 13px; border: 1px solid var(--km-res-line3); border-radius: 9px; background: #fff; }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield:not(.gf_list_inline) .gfield_radio,.km-res .km-res-form .gform_wrapper.gravity-theme .gfield:not(.gf_list_inline) .gfield_checkbox{ flex-direction: column; align-items: stretch; }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield:not(.gf_list_inline) .ginput_container .gchoice label{ font-weight: 500 !important; }.km-res .km-res-form .gform_wrapper.gravity-theme .gchoice input[type="radio"],.km-res .km-res-form .gform_wrapper.gravity-theme .gchoice input[type="checkbox"]{ position: static; flex: none; width: 16px; height: 16px; margin: 0; opacity: 1; appearance: auto; accent-color: var(--km-res-red); cursor: pointer; }.km-res .km-res-form .gform_wrapper.gravity-theme .ginput_container .gchoice label{ position: static; min-height: 0; margin: 0; padding: 0; font-family: var(--km-cast-font) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; color: var(--km-res-plum-ink); cursor: pointer; }.km-res .km-res-form .gform_wrapper.gravity-theme .gfield .ginput_container .gchoice:has(input:checked){ border-color: var(--km-res-line3) !important; background-color: #fff !important; }.km-res .km-res-form .gform_wrapper.gravity-theme .gchoice label::before,.km-res .km-res-form .gform_wrapper.gravity-theme .gchoice label::after{ content: none; display: none; }.km-res .km-res-form .gform_wrapper.gravity-theme .gsection{ margin: 6px 0 0; padding: 0; border: 0; }.km-res .km-res-form .gform_wrapper.gravity-theme .gsection_title{ margin: 0; padding: 0; font-family: var(--km-cast-font); font-size: 11px; font-weight: 800; line-height: 1.65; letter-spacing: 1.8px; text-transform: uppercase; color: var(--km-res-kicker); }.km-res .km-res-form .gform_wrapper.gravity-theme .gsection_description{ padding-top: 4px; font-size: 14px; color: var(--km-res-muted); }.km-res .km-res-form .gform_wrapper.gravity-theme .gf_progressbar_title{ line-height: 27px; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_footer,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 6px 0 0; padding: 0 !important; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_footer .gform_button,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_button,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button{ min-height: 44px; margin: 0; padding: 11px 17px !important; border: 0; border-radius: 8px !important; background: var(--km-res-red) !important; box-shadow: 0 3px 7px rgba(213, 72, 68, .1); font-family: var(--km-cast-font); font-size: 14px !important; font-weight: 700 !important; line-height: 1.5; color: #fff !important; cursor: pointer; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_button:hover,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover{ background: var(--km-res-red-hover) !important; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button{ min-height: 44px; margin: 0; padding: 11px 17px !important; border: 1px solid var(--km-res-sec-line) !important; border-radius: 8px !important; background: #fff !important; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px !important; font-weight: 700 !important; line-height: 1.5; color: var(--km-res-sec-ink) !important; cursor: pointer; }.km-res .km-res-form .gform_wrapper.gravity-theme .gform_footer .gform_button:focus-visible,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:focus-visible,.km-res .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button:focus-visible{ outline: 2px solid var(--km-res-focus); outline-offset: 2px; }.km-res .km-res-aside img{ max-width: 100%; height: auto; border-radius: 6px; }.km-res .km-res-aside .wp-block-image img{ width: 120px; }.km-res .km-res-aside .wp-block-image{ margin: 0; }.km-cast .km-res-aside.km-res-prose > * + h2{ margin-top: 0; }.km-res .km-res-aside p:not(.km-cast-eyebrow){ font-size: 15px; line-height: 1.6; color: var(--km-res-muted); }.km-cast .km-res-prose .km-cast-eyebrow + *{ margin-top: 0; }.km-rp{ --km-rp-card: #ffffff; --km-rp-line: #e6dfea; --km-rp-line2: #efe9f2; --km-rp-ink: #2e2a3f; --km-rp-ink2: #3a3550; --km-rp-text: #5b5268; --km-rp-muted: #7d7187; --km-rp-muted2: #a196a9; --km-rp-kicker: #9b7086; --km-rp-red: #d5483f; --km-rp-red-h: #bb3b33; --km-rp-orange: #e3702c; --km-rp-chip: #f1ebf4; --km-rp-chip-ink: #76657f; --km-rp-tab: #6e5f7a; --km-rp-tab-hover: #eee7f2; --km-rp-ch-bg: #f7eff6; --km-rp-ch-line: #eadce8; --km-rp-ch-ink: #6e5f78; --km-rp-ch-title: #3b2a47; --km-rp-ch-dot: #ede1ef; --km-rp-ch-dot-ink: #94839e; --km-rp-track: #e9dceb; --km-rp-ok: #3e7a4f; --km-rp-ok-bg: #e3f0e6; --km-rp-lilac: #f3eaf6; --km-rp-out: #c9c0ce; --km-rp-edit: #8a93a2; --km-rp-edit-a: #6f7a8c; --km-rp-pick: #f3edfa; --km-rp-pick-line: #cdbde6; --km-rp-hover-line: #d6c7df; --km-rp-sec-hover: #f6f1f8; --km-rp-soft: #f0e8f3; --km-rp-plum: #58425f; --km-rp-heart: #9982a4; --km-rp-sub: #7b6684; --km-rp-shadow: 0 4px 20px rgba(80, 50, 88, 0.024); }.km-page.km-cast.km-res.km-rp{ max-width: 1180px; margin: 0 auto; padding: 0 40px; font-size: 16px; line-height: 1.65; color: var(--km-rp-text); }.km-rp .km-rp-crumbs{ display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0; padding: 34px 0 0; font-size: 15px; line-height: 1.5; color: var(--km-rp-muted); }.km-rp a.km-rp-crumbs__link,.km-rp a.km-rp-crumbs__link:visited{ color: var(--km-rp-muted); text-decoration: none; }.km-rp a.km-rp-crumbs__link:hover,.km-rp a.km-rp-crumbs__link:focus-visible{ color: var(--km-rp-ink2); text-decoration: none; }.km-rp .km-rp-crumbs__sep{ color: var(--km-rp-muted2); }.km-rp .km-rp-crumbs__here{ color: var(--km-rp-muted); }.km-rp .km-rp-head{ display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 48px; align-items: start; padding: 40px 0 34px; border-bottom: 1px solid var(--km-rp-line); }.km-rp .km-rp-head--bare{ grid-template-columns: minmax(0, 1fr); }.km-rp .km-rp-head__text{ min-width: 0; }.km-rp .km-rp-eyebrow{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; color: var(--km-rp-kicker); }.km-rp .km-rp-draft{ padding: 0 8px; border-radius: 5px; background: var(--km-rp-chip); font-size: 11px; letter-spacing: 0.6px; color: var(--km-rp-chip-ink); }.km-rp h1.km-rp-title{ margin: 10px 0 14px; padding: 0 !important; font-family: var(--km-cast-display); font-size: 58px; font-weight: 500; line-height: 1.08; letter-spacing: normal; text-transform: uppercase; color: var(--km-rp-ink); text-wrap: balance; }.km-rp .km-rp-lead{ max-width: 62ch; margin: 0; font-size: 17px; line-height: 1.7; color: var(--km-rp-text); }.km-rp .km-rp-subline{ display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: var(--km-rp-sub); }.km-rp .km-rp-subline .km-res-ico{ flex: none; width: 18px; height: 18px; margin-top: 2px; }.km-rp .km-rp-head__text .km-editlinks{ margin: 14px 0 0; }.km-rp .km-rp-cover{ display: block; width: 190px; height: 190px; margin-top: 6px; border-radius: 12px; box-shadow: 0 8px 24px rgba(60, 40, 70, 0.12); object-fit: cover; }.km-rp .km-rp-cover--whole{ object-fit: contain; background: #fff; }.km-rp .km-rp-lay{ display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 0 28px; align-items: start; padding: 26px 0 0; }.km-rp .km-rp-lay--solo{ grid-template-columns: minmax(0, 1fr); }.km-rp .km-rp-main{ grid-column: 1; min-width: 0; }.km-rp .km-rp-panel{ min-width: 0; }.km-rp .km-rp-panel--off{ display: none; }.km-rp .km-rp-side{ grid-column: 2; display: flex; flex-direction: column; gap: 18px; min-width: 0; }.km-rp .km-rp-tabs ~ .km-rp-side{ grid-row: 2; }.km-rp .km-rp-tabs{ grid-column: 1; display: flex; flex-wrap: nowrap; gap: 6px; margin: 0 0 14px; padding: 0 0 10px; overflow-x: auto; scrollbar-width: none; }.km-rp .km-rp-tabs::-webkit-scrollbar{ display: none; }.km-rp a.km-rp-tab,.km-rp a.km-rp-tab:visited{ display: inline-flex; flex: none; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 8px; background: transparent; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--km-rp-tab); text-decoration: none; white-space: nowrap; }.km-rp a.km-rp-tab:hover,.km-rp a.km-rp-tab:focus-visible{ background: var(--km-rp-tab-hover); color: var(--km-rp-ink2); text-decoration: none; }.km-rp a.km-rp-tab[aria-selected="true"],.km-rp a.km-rp-tab[aria-selected="true"]:hover,.km-rp a.km-rp-tab[aria-selected="true"]:focus-visible{ background: var(--km-rp-red); box-shadow: 0 4px 10px rgba(213, 72, 63, 0.18); color: #fff; }.km-rp a.km-rp-tab .km-res-ico{ width: 17px; height: 17px; }.km-rp .km-rp-card{ min-width: 0; padding: 32px 34px 34px; border: 1px solid var(--km-rp-line); border-radius: 14px; background: var(--km-rp-card); }.km-rp h2.km-rp-card__title{ margin: 0; font-family: var(--km-cast-display); font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); text-wrap: balance; }.km-rp .km-rp-form{ scroll-margin-top: calc(var(--km-chrome-top, 0px) + 16px); }.km-rp .km-rp-form__head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; margin: 0 0 8px; }.km-rp .km-rp-form__titles{ min-width: 0; }.km-rp p.km-rp-form__label{ margin: 0 0 8px; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 1.4px; text-transform: uppercase; color: var(--km-rp-kicker); }.km-rp h2.km-rp-form__title{ margin: 0; font-family: var(--km-cast-display); font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); text-wrap: balance; }.km-rp .km-rp-pill{ display: inline-flex; flex: none; align-items: center; gap: 8px; margin-top: 6px; padding: 7px 12px; border-radius: 7px; background: var(--km-rp-chip); font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--km-rp-chip-ink); white-space: nowrap; }.km-rp .km-rp-pill .km-res-ico{ width: 15px; height: 15px; }.km-rp .km-rp-pill--badge{ gap: 0; }.km-rp p.km-rp-form__sub{ margin: 0 0 28px; font-size: 16px; line-height: 1.65; color: var(--km-rp-muted); }.km-rp div.km-rp-form__sub--rich{ margin: 0 0 28px; font-size: 16px; line-height: 1.65; color: var(--km-rp-muted); }.km-rp .km-rp-form__sub--rich > *{ margin: 0; }.km-rp .km-rp-form__sub--rich > * + *{ margin-top: 10px; }.km-rp .km-rp-form__sub--rich h3{ font-family: var(--km-cast-display); font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); }.km-rp .km-rp-form__sub--rich ul,.km-rp .km-rp-form__sub--rich ol{ padding-left: 22px; }.km-rp .km-rp-form__sub--rich li + li{ margin-top: 4px; }.km-rp .km-rp-form__sub--rich strong,.km-rp .km-rp-form__sub--rich b{ font-weight: 700; color: var(--km-rp-ink2); }.km-rp .km-rp-form__sub--rich a,.km-rp .km-rp-form__sub--rich a:visited{ color: var(--km-rp-orange); text-decoration: none; }.km-rp .km-rp-form__sub--rich a:hover{ text-decoration: underline; }.km-rp .km-rp-form__head + .km-rp-form__body{ margin-top: 20px; }.km-rp .km-rp-form__body--trainer{ margin-top: 20px; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_fields{ row-gap: 28px; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield_label,.km-rp .km-res-form .gform_wrapper.gravity-theme legend.gfield_label{ margin: 0 0 14px; font-family: var(--km-cast-display) !important; font-size: 20px !important; font-weight: 500 !important; line-height: 1.35 !important; color: var(--km-rp-ink2) !important; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield_radio,.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield_checkbox,.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield:not(.gf_list_inline) .gfield_radio,.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield:not(.gf_list_inline) .gfield_checkbox{ flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gchoice{ gap: 10px; padding: 11px 16px; border: 1px solid var(--km-rp-line); border-radius: 8px; background: #fff; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gchoice:hover{ border-color: var(--km-rp-hover-line); }.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield .ginput_container .gchoice:has(input:checked){ border-color: var(--km-rp-pick-line) !important; background-color: var(--km-rp-pick) !important; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gchoice input[type="radio"],.km-rp .km-res-form .gform_wrapper.gravity-theme .gchoice input[type="checkbox"]{ width: 17px; height: 17px; accent-color: var(--km-rp-orange); }.km-rp .km-res-form .gform_wrapper.gravity-theme .ginput_container .gchoice label{ font-size: 15px !important; font-weight: 500 !important; line-height: 1.3 !important; color: var(--km-rp-ink2) !important; }.km-rp .km-res-form .gform_wrapper.gravity-theme textarea{ min-height: 120px; padding: 14px 16px; border: 1px solid var(--km-rp-line); border-radius: 8px; font-size: 16px; line-height: 1.6; color: var(--km-rp-ink2); }.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield textarea{ height: 120px; min-height: 120px; }.km-rp .km-res-form .gform_wrapper.gravity-theme textarea:focus{ outline: 2px solid var(--km-rp-pick-line); outline-offset: 0; border-color: var(--km-rp-pick-line); }.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_footer .gform_button,.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_button,.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button{ min-height: 46px; padding: 12px 24px !important; border-radius: 8px !important; background: var(--km-rp-red) !important; box-shadow: 0 4px 10px rgba(213, 72, 63, 0.16); font-size: 15px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #fff !important; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_button:hover,.km-rp .km-res-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button:hover{ background: var(--km-rp-red-h) !important; }.km-rp .km-rp-strip{ display: none; flex-direction: column; margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--km-rp-ch-line); border-radius: 12px; background: var(--km-rp-ch-bg); }.km-rp .km-rp-strip__kicker{ display: block; font-size: 11px; font-weight: 700; line-height: 1.4; letter-spacing: 1.2px; text-transform: uppercase; color: var(--km-rp-kicker); }.km-rp .km-rp-strip__head{ display: block; margin-top: 2px; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--km-rp-ink2); }.km-rp .km-rp-strip .km-rp-progress{ margin-top: 8px; }.km-rp .km-rp-strip__text{ display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.45; color: var(--km-rp-ch-ink); }.km-rp progress.km-rp-progress{ display: block; width: 100%; height: 8px; border: 0; border-radius: 4px; background: var(--km-rp-track); overflow: hidden; appearance: none; color: var(--km-rp-orange); }.km-rp progress.km-rp-progress::-webkit-progress-bar{ border-radius: 4px; background: var(--km-rp-track); }.km-rp progress.km-rp-progress::-webkit-progress-value{ border-radius: 4px; background: var(--km-rp-orange); }.km-rp progress.km-rp-progress::-moz-progress-bar{ border-radius: 4px; background: var(--km-rp-orange); }.km-rp .km-rp-gate{ display: flex; align-items: flex-start; gap: 18px; }.km-rp .km-rp-gate__sign{ display: flex; flex: none; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: var(--km-rp-chip); color: var(--km-rp-chip-ink); }.km-rp .km-rp-gate__sign .km-res-ico{ width: 20px; height: 20px; }.km-rp .km-rp-gate__text{ display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; margin-top: -7px; }.km-rp .km-rp-gate__title{ font-family: var(--km-cast-display); font-size: 24px; font-weight: 500; line-height: 1.3; color: var(--km-rp-ink2); }.km-rp a.km-rp-btn,.km-rp a.km-rp-btn:visited,.km-rp button.km-rp-btn,.km-rp button.km-rp-btn:focus,.km-rp button.km-rp-btn:active{ display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; margin: 0; padding: 12px 24px; border: 0; border-radius: 8px; background: var(--km-rp-red); box-shadow: 0 4px 10px rgba(213, 72, 63, 0.16); font-family: var(--km-cast-font); font-size: 15px; font-weight: 700; line-height: 1.4; letter-spacing: normal; text-transform: none; color: #fff; text-decoration: none; cursor: pointer; }.km-rp a.km-rp-btn:hover,.km-rp a.km-rp-btn:focus-visible,.km-rp button.km-rp-btn:hover,.km-rp button.km-rp-btn:focus-visible{ background: var(--km-rp-red-h); color: #fff; text-decoration: none; }.km-rp button.km-rp-btn.km-rp-btn--sec,.km-rp button.km-rp-btn.km-rp-btn--sec:focus,.km-rp button.km-rp-btn.km-rp-btn--sec:active{ border: 1px solid var(--km-rp-line); background: #fff; box-shadow: none; color: var(--km-rp-tab); }.km-rp button.km-rp-btn.km-rp-btn--sec:hover,.km-rp button.km-rp-btn.km-rp-btn--sec:focus-visible{ background: var(--km-rp-sec-hover); color: var(--km-rp-ink2); }.km-rp a.km-rp-quiet,.km-rp a.km-rp-quiet:visited,.km-rp button.km-rp-link,.km-rp button.km-rp-link:focus,.km-rp button.km-rp-link:active{ display: inline-block; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-family: var(--km-cast-font); font-size: 14px; font-weight: 700; line-height: 1.5; letter-spacing: normal; text-transform: none; color: var(--km-rp-orange); text-decoration: none; cursor: pointer; }.km-rp a.km-rp-quiet:hover,.km-rp a.km-rp-quiet:focus-visible,.km-rp button.km-rp-link:hover,.km-rp button.km-rp-link:focus-visible{ background: none; color: var(--km-rp-red); text-decoration: none; }.km-rp .km-rp-journal__head{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 20px; }.km-rp .km-rp-journal__count{ flex: none; font-size: 14px; color: var(--km-rp-muted); }.km-rp .km-rp-empty{ margin: 12px 0 0; font-size: 15px; line-height: 1.6; color: var(--km-rp-text); }.km-rp .km-rp-list .gv-widgets-header,.km-rp .km-rp-list .gv-widgets-footer,.km-rp .km-rp-list .gv-widget-page-size,.km-rp .km-rp-list .gv-entries-title{ display: none; }.km-rp .km-rp-list .gv-list-container,.km-rp .km-rp-list .gv-entries{ margin: 0; padding: 0; border: 0; }.km-rp .km-rp-list .gv-list-view{ margin: 0 !important; padding: 22px 0 !important; border: 0 !important; border-top: 1px solid var(--km-rp-line2) !important; border-radius: 0 !important; background: none !important; box-shadow: none; }.km-rp .km-rp-list .gv-list-view:first-of-type{ padding-top: 12px !important; border-top: 0 !important; }.km-rp .km-rp-list .gv-list-view-title{ margin: 0; padding: 0; border: 0; background: none; }.km-rp .km-rp-list .gv-list-view-title h3{ margin: 0 0 14px; padding: 0; border: 0; font-family: var(--km-cast-display); font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); }.km-rp .km-rp-list .gv-list-view-content,.km-rp .km-rp-list .gv-list-view-content-description{ display: block; width: auto; margin: 0; padding: 0; }.km-rp .km-rp-list .gv-list-view-content-description > div{ margin: 0; font-size: 15px; line-height: 1.6; color: var(--km-rp-text); }.km-rp .km-rp-list .gv-list-view-content-description > div + div{ margin-top: 14px; }.km-rp .km-rp-list .gv-field-label{ display: block; font-weight: 700; color: var(--km-rp-ink2); }.km-rp .km-rp-list .gv-list-view-title .gv-field-label{ display: inline; font-weight: inherit !important; color: inherit; }.km-rp .km-rp-list .gv-list-view-content-description p{ margin: 2px 0 0; font-size: 15px; line-height: 1.6; color: var(--km-rp-text); }.km-rp .km-rp-list .gv-list-view-content-description ul{ margin: 2px 0 0; padding: 0; list-style: none; }.km-rp .km-rp-list .gv-list-view-content-description li{ margin: 0; padding: 0; }.km-rp .km-rp-list .gv-list-view-content-description li::before{ content: none; }.km-rp .km-rp-list .gv-list-view-footer{ display: flex; flex-wrap: wrap; gap: 18px; width: auto; margin: 14px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }.km-rp .km-rp-list .gv-list-view-footer > div{ width: auto; margin: 0; padding: 0; }.km-rp .km-rp-list .gv-list-view-footer .gv-right{ order: -1; }.km-rp .km-rp-list .gv-list-view-footer .dashicons{ display: none; }.km-rp .km-rp-list .gv-list-view-footer a,.km-rp .km-rp-list .gv-list-view-footer a:visited{ font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--km-rp-muted); text-decoration: none; }.km-rp .km-rp-list .gv-list-view-footer a:hover,.km-rp .km-rp-list .gv-list-view-footer a:focus-visible{ color: var(--km-rp-red); text-decoration: none; }.km-rp .km-rp-journal__foot{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-top: 20px; border-top: 1px solid var(--km-rp-line2); font-size: 13px; color: var(--km-rp-muted2); }.km-rp .km-rp-about{ font-size: 16px; line-height: 1.8; color: var(--km-rp-text); }.km-rp .km-rp-about > *{ margin: 0; }.km-rp .km-rp-about > * + *{ margin-top: 18px; }.km-rp .km-rp-about :is(ul, ol){ padding-left: 22px; }.km-rp .km-rp-about li + li{ margin-top: 8px; }.km-rp .km-rp-about img{ max-width: 100%; height: auto; }.km-rp .km-rp-about :is(h2, h3, h4){ font-family: var(--km-cast-display); font-size: 26px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); }.km-rp .km-rp-about > * + :is(h2, h3, h4){ margin-top: 56px; }.km-rp .km-rp-about > :is(h2, h3, h4) + *{ margin-top: 24px; }.km-rp .km-rp-about > :is(div:has(> iframe), figure.wp-block-embed, .wp-block-video, .wp-block-omnivideo, [class*="omnivideo"]){ border-radius: 12px; overflow: hidden; }.km-rp .km-rp-about > :is(div:has(> iframe), figure.wp-block-embed, .wp-block-video, .wp-block-omnivideo, [class*="omnivideo"]) + *{ margin-top: 40px; }.km-rp .km-rp-about > :is(div:has(> iframe), figure.wp-block-embed, .wp-block-video, .wp-block-omnivideo, [class*="omnivideo"]) + p{ margin-top: 16px; font-size: 14px; line-height: 1.6; color: var(--km-rp-muted); }.km-rp .km-rp-about > :is(div:has(> iframe), figure.wp-block-embed, .wp-block-video, .wp-block-omnivideo, [class*="omnivideo"]) + p + *{ margin-top: 40px; }.km-rp .km-rp-about a,.km-rp .km-rp-about a:visited{ color: var(--km-rp-orange); text-decoration: none; }.km-rp .km-rp-about a:hover{ text-decoration: underline; }.km-rp .km-rp-box{ min-width: 0; padding: 22px 22px 20px; border: 1px solid var(--km-rp-line); border-radius: 14px; background: var(--km-rp-card); }.km-rp h2.km-rp-cal__title{ margin: 0 0 14px; font-family: var(--km-cast-display); font-size: 22px; font-weight: 500; line-height: 1.25; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); }.km-rp .km-rp-cal__head{ display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; }.km-rp .km-rp-cal__month{ font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--km-rp-ink2); }.km-rp button.km-rp-cal__nav,.km-rp button.km-rp-cal__nav:focus,.km-rp button.km-rp-cal__nav:active,.km-rp button.km-rp-cal__nav:disabled{ appearance: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--km-rp-tab); cursor: pointer; }.km-rp button.km-rp-cal__nav:hover,.km-rp button.km-rp-cal__nav:focus-visible{ background: var(--km-rp-chip); color: var(--km-rp-tab); }.km-rp button.km-rp-cal__nav:disabled{ color: var(--km-rp-out); cursor: default; }.km-rp .km-rp-cal__nav .km-res-ico{ width: 16px; height: 16px; }.km-rp .km-rp-cal__grid{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px; text-align: center; }.km-rp .km-rp-cal__wd{ padding: 6px 0; font-size: 11px; font-weight: 600; line-height: 1.3; color: var(--km-rp-muted2); }.km-rp button.km-rp-cal__day,.km-rp button.km-rp-cal__day:focus,.km-rp button.km-rp-cal__day:active,.km-rp button.km-rp-cal__day:disabled{ appearance: none; position: relative; height: 36px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; box-shadow: none; font-family: var(--km-cast-font); font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); cursor: pointer; }.km-rp button.km-rp-cal__day:disabled{ color: var(--km-rp-out); cursor: default; }.km-rp button.km-rp-cal__day:not(:disabled):hover{ background: var(--km-rp-chip); }.km-rp button.km-rp-cal__day.is-recorded{ font-weight: 700; }.km-rp button.km-rp-cal__day.is-recorded::after{ content: ""; position: absolute; bottom: 5px; left: 50%; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: var(--km-rp-red); }.km-rp button.km-rp-cal__day.is-today{ box-shadow: inset 0 0 0 1.5px var(--km-rp-red); }.km-rp button.km-rp-cal__day.is-selected,.km-rp button.km-rp-cal__day.is-selected:hover{ background: var(--km-rp-red); color: #fff; }.km-rp button.km-rp-cal__day.is-selected::after{ background: #fff; }.km-rp button.km-rp-cal__day:focus-visible{ outline: 2px solid var(--km-rp-red); outline-offset: 1px; }.km-rp .km-rp-cal__legend{ display: flex; flex-wrap: wrap; gap: 14px; margin: 10px 0 0; font-size: 12px; line-height: 1.6; color: var(--km-rp-muted); }.km-rp .km-rp-cal__legend-item{ display: inline-flex; align-items: center; gap: 6px; }.km-rp .km-rp-cal__mark{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--km-rp-red); }.km-rp .km-rp-cal__ring{ display: inline-block; width: 12px; height: 12px; border-radius: 4px; box-shadow: inset 0 0 0 1.5px var(--km-rp-red); }.km-rp .km-rp-num{ display: flex; align-items: flex-start; gap: 10px; margin: 0; }.km-rp .km-rp-num__big{ flex: none; margin-top: 4px; font-family: var(--km-cast-display); font-size: 30px; font-weight: 500; line-height: 30px; color: var(--km-rp-ink2); }.km-rp .km-rp-num__words{ min-width: 0; font-size: 14px; line-height: 20px; color: var(--km-rp-text); }.km-rp .km-rp-cal__count{ margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--km-rp-line2); }.km-rp .km-rp-cal__note{ margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: var(--km-rp-muted); }.km-rp .km-rp-cal__day-view{ margin-top: 14px; padding: 14px 16px; border-radius: 10px; background: var(--km-rp-lilac); font-size: 13.5px; line-height: 1.55; color: var(--km-rp-text); }.km-rp .km-rp-cal__day-view b{ display: block; margin-bottom: 4px; font-weight: 700; color: var(--km-rp-ink2); }.km-rp .km-rp-cal__day-view .km-rp-cal__answer{ display: block; margin: 0; }.km-rp .km-rp-cal__day-view button.km-rp-link{ margin-top: 8px; font-size: 13px; }.km-rp .km-rp-ch{ min-width: 0; padding: 22px 22px 20px; border: 1px solid var(--km-rp-ch-line); border-radius: 14px; background: var(--km-rp-ch-bg); }.km-rp .km-rp-ch.km-rp-ch--bare{ padding: 0; border: 0; border-radius: 0; background: none; }.km-rp p.km-rp-ch__kicker{ margin: 0; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: 1.4px; text-transform: uppercase; color: var(--km-rp-kicker); }.km-rp h2.km-rp-ch__title{ margin: 4px 0 8px; font-family: var(--km-cast-display); font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-rp-ch-title); }.km-rp p.km-rp-ch__goal{ margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--km-rp-ch-ink); }.km-rp .km-rp-ch__sum{ margin-top: 18px; }.km-rp .km-rp-ch__num{ gap: 8px; }.km-rp .km-rp-ch__num .km-rp-num__big{ color: var(--km-rp-ch-title); }.km-rp .km-rp-ch__num .km-rp-num__words{ font-size: 13.5px; color: var(--km-rp-ch-ink); }.km-rp .km-rp-ch__bar{ display: flex; height: 8px; margin-top: 10px; border-radius: 4px; background: var(--km-rp-track); overflow: hidden; }.km-rp .km-rp-ch__cell{ flex: 1 1 0; min-width: 0; }.km-rp .km-rp-ch__cell.is-on{ background: var(--km-rp-orange); }.km-rp .km-rp-ch__cell.is-cut{ border-right: 2px solid var(--km-rp-ch-bg); }.km-rp .km-rp-ch__ticks{ display: flex; height: 16px; margin-top: 4px; font-size: 11px; font-weight: 600; line-height: 16px; color: var(--km-rp-ch-dot-ink); }.km-rp .km-rp-ch__tick-cell{ position: relative; flex: 1 1 0; min-width: 0; }.km-rp .km-rp-ch__tick{ position: absolute; top: 0; right: 0; transform: translateX(50%); white-space: nowrap; }.km-rp .km-rp-ch__tick--last{ transform: none; }.km-rp p.km-rp-ch__today{ margin: 10px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--km-rp-ok); }.km-rp ul.km-rp-ch__stages{ margin: 16px 0 0; padding: 0; border-top: 1px solid var(--km-rp-ch-line); list-style: none; }.km-rp .km-rp-ch__stage{ display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; margin: 0; padding: 13px 0; border-bottom: 1px solid var(--km-rp-ch-line); }.km-rp .km-rp-ch__stage:last-child{ padding-bottom: 2px; border-bottom: 0; }.km-rp .km-rp-ch__stage::before{ content: none; }.km-rp .km-rp-ch__dot{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--km-rp-ch-dot); font-family: var(--km-cast-display); font-size: 14px; font-weight: 600; line-height: 1; color: var(--km-rp-ch-dot-ink); }.km-rp .km-rp-ch__dot--done{ background: var(--km-rp-ok-bg); color: var(--km-rp-ok); }.km-rp .km-rp-ch__dot--cur{ background: #fff; box-shadow: inset 0 0 0 2px var(--km-rp-orange); color: var(--km-rp-orange); }.km-rp .km-rp-ch__dot .km-res-ico{ width: 16px; height: 16px; stroke-width: 2.6; }.km-rp .km-rp-ch__dot--lock .km-res-ico{ stroke-width: 1.8; }.km-rp img.km-rp-ch__dot--medal{ display: block; padding: 0; background: none; object-fit: cover; }.km-rp .km-rp-ch__stage-text{ min-width: 0; margin-top: -4px; }.km-rp .km-rp-ch__stage-title{ display: block; font-size: 14px; font-weight: 700; line-height: 1.35; color: var(--km-rp-ch-title); }.km-rp .km-rp-ch__stage-note{ display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.45; color: var(--km-rp-ch-ink); }.km-rp .km-rp-ch__stage-note--ok{ font-weight: 600; color: var(--km-rp-ok); }.km-rp .km-rp-ch__stage-text button.km-rp-link{ margin-top: 6px; font-size: 13px; }.km-rp .km-rp-ch__stage-text a.km-rp-link,.km-rp .km-rp-ch__stage-text a.km-rp-link:visited{ display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 700; line-height: 1.5; color: var(--km-rp-orange); text-decoration: none; }.km-rp .km-rp-ch__stage-text a.km-rp-link:hover,.km-rp .km-rp-ch__stage-text a.km-rp-link:focus-visible{ color: var(--km-rp-red); text-decoration: none; }.km-rp p.km-rp-ch__edit{ margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--km-rp-ch-line); font-size: 13px; line-height: 1.5; color: var(--km-rp-edit); }.km-rp p.km-rp-ch__edit a,.km-rp p.km-rp-ch__edit a:visited{ color: var(--km-rp-edit-a); text-decoration: none; }.km-rp p.km-rp-ch__edit a:hover{ color: var(--km-rp-red); }.km-rp .km-rp-cards{ display: flex; flex-direction: column; gap: 20px; }.km-rp .km-rp-cards > :where(*){ margin: 0; }.km-rp .km-rp-cards .is-style-lms-res-soft,.km-rp .km-rp-cards .is-style-lms-res-plain{ display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 25px 25px 35px; border: 1px solid var(--km-rp-line); border-radius: 14px; }.km-rp .km-rp-cards .is-style-lms-res-soft{ background: var(--km-rp-soft); }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) > .wp-block-group__inner-container{ display: flex; flex-direction: column; gap: 12px; min-width: 0; }.km-rp .km-rp-cards .is-style-lms-res-plain{ border-radius: 15px; background: #fff; box-shadow: var(--km-rp-shadow); }.km-rp .km-rp-cards .is-style-lms-res-soft::before{ content: ""; width: 24px; height: 34px; background: var(--km-rp-heart); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat; }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) :is(h2, h3, h4){ margin: 0; font-family: var(--km-cast-display); font-size: 24px; font-weight: 450; line-height: 1.25; color: var(--km-rp-plum); }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) :is(p, li){ margin: 0; font-size: 15px; line-height: 1.75; color: var(--km-rp-text); }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) :is(ol, ul){ margin: 0 0 16px; padding-left: 27px; }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) p + p{ margin-top: -2px; }.km-rp .km-rp-others{ padding: 56px 0 64px; }.km-rp .km-rp-others__head{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 20px; margin: 0 0 20px; }.km-rp h2.km-rp-others__title{ margin: 0; font-family: var(--km-cast-display); font-size: 34px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-transform: none; color: var(--km-rp-ink2); }.km-rp a.km-rp-others__all,.km-rp a.km-rp-others__all:visited{ font-size: 15px; color: var(--km-rp-tab); text-decoration: none; }.km-rp a.km-rp-others__all:hover,.km-rp a.km-rp-others__all:focus-visible{ color: var(--km-rp-red); text-decoration: none; }.km-rp .km-rp-others__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }.km-rp a.km-rp-mini,.km-rp a.km-rp-mini:visited{ display: flex; align-items: center; gap: 16px; min-width: 0; padding: 14px; border: 1px solid var(--km-rp-line); border-radius: 14px; background: #fff; text-decoration: none; }.km-rp a.km-rp-mini:hover,.km-rp a.km-rp-mini:focus-visible{ border-color: var(--km-rp-hover-line); box-shadow: 0 8px 22px rgba(60, 40, 70, 0.06); text-decoration: none; }.km-rp .km-rp-mini__img{ flex: none; width: 100px; height: 100px; border-radius: 8px; object-fit: cover; }.km-rp .km-rp-mini__img--bare{ display: inline-flex; align-items: center; justify-content: center; background: var(--km-rp-chip); color: var(--km-rp-chip-ink); }.km-rp .km-rp-mini__text{ display: flex; flex-direction: column; gap: 6px; min-width: 0; }.km-rp .km-rp-mini__kind{ font-size: 13.5px; color: var(--km-rp-muted); }.km-rp .km-rp-mini__title{ font-family: var(--km-cast-display); font-size: 23px; font-weight: 500; line-height: 1.25; color: var(--km-rp-ink2); }.km-rp .km-rp-login .km-hub-modal{ align-items: center; }@media (max-width: 1000px){.km-rp .km-rp-lay{ grid-template-columns: minmax(0, 1fr); }.km-rp .km-rp-side{ grid-column: 1; margin-top: 28px; }.km-rp .km-rp-tabs ~ .km-rp-side{ grid-row: auto; }.km-rp .km-rp-others__grid{ grid-template-columns: minmax(0, 1fr); }}@media (max-width: 700px){.km-page.km-cast.km-res.km-rp{ padding: 0 16px; }.km-rp .km-rp-crumbs{ padding-top: 20px; font-size: 13px; }.km-rp .km-rp-head{ grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 0 22px; }.km-rp .km-rp-cover{ order: -1; width: 96px; height: 96px; margin: 0; border-radius: 10px; }.km-rp h1.km-rp-title{ margin: 8px 0 10px; font-size: 34px; }.km-rp .km-rp-lead{ font-size: 15.5px; }.km-rp .km-rp-lay{ padding-top: 18px; }.km-rp .km-rp-side{ margin-top: 18px; }.km-rp .km-rp-tabs{ margin: 0 -16px 8px; padding: 0 16px 8px; }.km-rp a.km-rp-tab,.km-rp a.km-rp-tab:visited{ padding: 10px 14px; font-size: 14px; }.km-rp .km-rp-card{ padding: 22px 18px 24px; border-radius: 12px; }.km-rp h2.km-rp-card__title,.km-rp h2.km-rp-form__title{ font-size: 26px; }.km-rp .km-rp-form__head{ flex-direction: column; gap: 10px; }.km-rp .km-rp-pill{ margin-top: 0; }.km-rp .km-res-form .gform_wrapper.gravity-theme .gfield_label,.km-rp .km-res-form .gform_wrapper.gravity-theme legend.gfield_label{ font-size: 18px !important; }.km-rp .km-rp-strip{ display: flex; }.km-rp .km-rp-others{ padding: 40px 0 48px; }.km-rp h2.km-rp-others__title{ font-size: 28px; }.km-rp .km-rp-mini__img{ width: 76px; height: 76px; }.km-rp .km-rp-mini__title{ font-size: 20px; }.km-rp .km-rp-cards .is-style-lms-res-soft,.km-rp .km-rp-cards .is-style-lms-res-plain{ padding: 23px 19px 33px; }.km-rp .km-rp-cards :is(.is-style-lms-res-soft, .is-style-lms-res-plain) :is(h2, h3, h4){ font-size: 25px; }.km-rp .km-rp-login .km-hub-modal{ align-items: flex-end; padding: 0; }.km-rp .km-rp-login .km-hub-dialog{ width: 100%; min-height: 0; border-radius: 18px 18px 0 0; }}.km-rp .km-rp-cal__blank{ display: block; }