.lk-frame {
  width: 100%; height: 720px; box-sizing: border-box; display: flex; position: relative;
  border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden;
  background: var(--canvas); color: var(--ink); font-family: var(--font-sans); font-size: var(--text-md);
  text-align: start;
}
.lk-frame.lk-full { height: 100%; border: 0; border-radius: 0; }
.lk-app { flex: 1; min-width: 0; min-height: 0; display: flex; align-items: stretch; position: relative; }
.lk-rail { flex-shrink: 0; }
.lk-brand { color: inherit; font: var(--w-bold) var(--text-md) var(--font-sans); letter-spacing: var(--tracking-tight); }
.lk-mark { width: 28px; height: 28px; display: block; }
.lk-rail-search { width: 100%; }
.lk-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lk-frame .lk-main > .lk-bar { flex-shrink: 0; padding: 10px 20px; min-height: 56px; }
.lk-view {
  flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; outline: none;
  mask-image: linear-gradient(to bottom, var(--ink) calc(100% - 20px), transparent);
}
.lk-full .lk-view { mask-image: none; }
.lk-view:focus-visible { outline: none; }

.lk-page { padding: 18px 20px 24px; display: flex; flex-direction: column; gap: 16px; }
.lk-page.lk-record { max-width: 1040px; margin: 0 auto; box-sizing: border-box; width: 100%; }
.lk-tab-panel { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.lk-grid-2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.lk-charts > sui-card { min-height: 254px; }
.lk-bottom > sui-card { min-height: 368px; }
.lk-stats > sui-stat-card { min-height: 113px; }
.lk-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lk-grid-record { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: start; }
.lk-stack { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lk-span-2 { grid-column: 1 / -1; }
.lk-grow { flex: 1; }
.lk-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.lk-card-fill { display: flex; flex-direction: column; }
.lk-card-list sui-data-table { flex: 1; }
.lk-card-list sui-list { flex: 1; margin-top: 10px; }

.lk-hero { display: flex; align-items: stretch; gap: 28px; padding: 20px 24px; }
.lk-figure { display: flex; flex-direction: column; justify-content: center; gap: 6px; flex: 0 0 176px; }
.lk-eyebrow { font: var(--w-bold) var(--text-2xs)/1 var(--font-sans); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--ink-muted); }
.lk-display { font: var(--w-display) var(--text-6xl)/1 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--ink); font-feature-settings: 'tnum'; }
.lk-sub { font: var(--w-regular) var(--text-sm)/1.45 var(--font-sans); color: var(--ink-muted); font-feature-settings: 'tnum'; }
.lk-delta { margin-top: 2px; font-size: var(--text-md); line-height: 1.45; }
.lk-hero sui-chart-line { flex: 1; min-width: 0; align-self: center; }

.lk-muted { color: var(--ink-muted); }
.lk-faint { color: var(--ink-faint); }
.lk-absent { color: var(--ink-muted); }
.lk-danger { color: var(--danger); }
.lk-attention { color: var(--status-attention-ink); }
.lk-positive { color: var(--status-positive-ink); }
.lk-mono { font-family: var(--font-mono); font-feature-settings: 'tnum'; }
.lk-num { font-feature-settings: 'tnum'; font-variant-numeric: tabular-nums; }
.lk-strong { font-weight: var(--w-medium); color: var(--ink); }
.lk-small { font-size: var(--text-sm); }
.lk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lk-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 100%; }

.lk-cell { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.lk-cell > .lk-ellipsis { flex: 1; }
.lk-cell-sub { color: var(--ink-muted); font-size: var(--text-sm); font-feature-settings: 'tnum'; white-space: nowrap; }
.lk-priority { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.lk-pri { font-size: 11px; width: 12px; text-align: center; }
.lk-pri-muted { color: var(--ink-muted); }
.lk-pri-faint { color: var(--ink-faint); }
.lk-pri-danger { color: var(--danger); }
.lk-due { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-feature-settings: 'tnum'; }
.lk-due i { font-size: 11px; }
.lk-due.lk-overdue { color: var(--danger); font-weight: var(--w-medium); }
.lk-due.lk-today { color: var(--status-attention-ink); font-weight: var(--w-medium); }
.lk-progress { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lk-progress sui-progress-bar { flex: 1; min-width: 60px; }
.lk-progress span { font-feature-settings: 'tnum'; color: var(--ink-muted); font-size: var(--text-sm); white-space: nowrap; }

.lk-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 10px 12px; }
.lk-toolbar .lk-grow { flex: 1; }
.lk-toolbar-end { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.lk-bulk { display: flex; align-items: center; gap: 10px; padding: 10px 12px; flex-wrap: wrap; background: var(--brand-soft); color: var(--brand-soft-ink); }
.lk-bulk-count { font-weight: var(--w-bold); font-feature-settings: 'tnum'; margin-right: 4px; }
.lk-columns { display: flex; flex-direction: column; gap: 8px; }
.lk-filter-tabs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; }

.lk-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 16px; }
.lk-dialog-footer { display: flex; align-items: center; gap: 8px; width: 100%; }
.lk-create-more { margin-right: auto; }

.lk-keys { display: inline-flex; gap: 4px; }
.lk-shortcut-group + .lk-shortcut-group { margin-top: 16px; }
.lk-shortcut-heading { margin: 0 0 4px; font: var(--w-bold) var(--text-2xs)/1 var(--font-sans); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--ink-muted); }

.lk-props { display: flex; flex-direction: column; gap: 12px; }
.lk-prop { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 10px; }
.lk-prop-label { font: var(--w-regular) var(--text-sm)/1.3 var(--font-sans); color: var(--ink-muted); }
.lk-prop-value { font-size: var(--text-md); font-weight: var(--w-medium); color: var(--ink); min-width: 0; }
.lk-record-id { font: var(--w-regular) var(--text-sm) var(--font-mono); color: var(--ink-muted); }
.lk-opt-persona { display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.lk-subtasks { display: flex; flex-direction: column; gap: 8px; }
.lk-subtask-add { margin-top: 4px; }
.lk-links { display: flex; flex-direction: column; gap: 8px; }
.lk-link-row { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.lk-link-row .lk-link-button { overflow-wrap: anywhere; }
.lk-link-meta { display: flex; align-items: center; gap: 8px; }
.lk-link-button { margin: 0; padding: 0; border: 0; background: none; font: inherit; color: var(--link); text-align: start; cursor: pointer; min-width: 0; }
.lk-link-button:hover { text-decoration: underline; }
.lk-link-button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-xs); }
.lk-prose { font-size: var(--text-md); line-height: 1.55; color: var(--ink); }
.lk-prose p { margin: 0 0 8px; }
.lk-prose p:last-child { margin-bottom: 0; }

.lk-feed { display: flex; flex-direction: column; gap: 14px; }
.lk-feed-row { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; max-width: 100%; }
.lk-feed-subject { min-width: 0; }
.lk-comment-text { font-size: var(--text-md); line-height: 1.5; color: var(--ink); }
.lk-comment-text p { margin: 0 0 6px; }
.lk-comment-text p:last-child { margin: 0; }
.lk-composer { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.lk-composer-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lk-composer-note { font-size: var(--text-sm); color: var(--ink-faint); }

.lk-milestones { display: flex; flex-direction: column; gap: 10px; }
.lk-milestone { display: flex; align-items: center; gap: 12px; }
.lk-milestone-name { flex: 1; min-width: 0; }
.lk-milestone-date { font-size: var(--text-sm); color: var(--ink-muted); font-feature-settings: 'tnum'; }
.lk-update { display: flex; flex-direction: column; gap: 8px; }
.lk-update-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.lk-health-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--text-sm); color: var(--ink-muted); }
.lk-health-word { font-weight: var(--w-bold); }
.lk-health-positive { color: var(--status-positive-ink); }
.lk-health-attention { color: var(--status-attention-ink); }
.lk-health-critical { color: var(--status-critical-ink); }
.lk-health-neutral { color: var(--ink); }
.lk-health-sep { color: var(--ink-faint); }
.lk-update-time { font-size: var(--text-sm); color: var(--ink-faint); font-feature-settings: 'tnum'; }
.lk-updates { display: flex; flex-direction: column; gap: 20px; }
.lk-post { display: flex; flex-direction: column; gap: 12px; }
.lk-post-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

.lk-inbox { display: flex; flex-direction: column; gap: 12px; min-height: 0; height: 100%; }
.lk-inbox-list { display: flex; flex-direction: column; gap: 10px; height: 100%; min-height: 0; padding-top: 14px; box-sizing: border-box; }
.lk-inbox-list > sui-tabs, .lk-inbox-list > sui-message { margin: 0 16px; }
.lk-inbox-list sui-list { flex: 1; min-height: 0; overflow-y: auto; }
.lk-subject { display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: 0; overflow-y: auto; padding: 14px 16px; box-sizing: border-box; }
.lk-subject > * { flex-shrink: 0; }
.lk-subject-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.lk-subject-head { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lk-subject-title { margin: 0; font: var(--w-heavy) var(--text-xl)/1.3 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--ink); overflow-wrap: anywhere; }
.lk-subject-note { margin: 0; font-size: var(--text-md); color: var(--ink-muted); }
.lk-subject-why { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.lk-subject-record-head { display: flex; align-items: baseline; gap: 8px; font-size: var(--text-sm); }
.lk-quote { margin: 0; padding: 10px 14px; border-left: 3px solid var(--border-strong); background: var(--surface-sunken); border-radius: 0 var(--radius-md) var(--radius-md) 0; color: var(--ink); font-size: var(--text-md); line-height: 1.5; }
.lk-quote p { margin: 0; }
.lk-subject-empty { height: 100%; display: flex; align-items: center; justify-content: center; }

.lk-settings { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; align-items: start; }
.lk-settings-nav { position: sticky; top: 0; }
.lk-settings-body { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.lk-settings-body sui-config-list { scroll-margin-top: 16px; }
.lk-settings-body > sui-form { display: flex; flex-direction: column; gap: 24px; }
.lk-danger-body { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.lk-slug { display: block; }

.lk-share { display: flex; flex-direction: column; gap: 10px; }
.lk-share-row { display: flex; align-items: center; gap: 8px; }
.lk-share-link { flex: 1; min-width: 0; font: var(--w-regular) var(--text-sm) var(--font-mono); color: var(--ink-muted); background: var(--surface-sunken); border: 1px solid var(--hairline); border-radius: var(--radius-md); padding: 6px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lk-board-page { height: 100%; box-sizing: border-box; }
.lk-board-tools { padding: 0; }
.lk-board { flex: 1; min-height: 0; }
.lk-board-none { display: flex; align-items: center; gap: 10px; font-size: var(--text-sm); color: var(--ink-muted); }
.lk-bcard { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lk-bcard-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.lk-bcard-id { font-size: var(--text-xs); color: var(--ink-muted); }
.lk-bcard-title {
  font: var(--w-medium) var(--text-md)/1.35 var(--font-sans); color: var(--ink); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.lk-bcard-desc { font-size: var(--text-sm); line-height: 1.35; color: var(--ink-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.lk-bcard-row { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: var(--text-sm); color: var(--ink-muted); }
.lk-bcard-row .lk-due { font-size: var(--text-sm); }
.lk-bcard-priority { display: inline-flex; align-items: center; }
.lk-bcard-nobody { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; color: var(--ink-faint); font-size: var(--text-lg); }
.lk-drawer-head { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lk-drawer-eyebrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--text-sm); }
.lk-drawer-title { font: var(--w-heavy) var(--text-lg)/1.3 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--ink); overflow-wrap: anywhere; }
.lk-drawer-body { display: flex; flex-direction: column; gap: 16px; }
.lk-drawer-prose { margin: 0; }
.lk-drawer-labels { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.lk-drawer-progress { width: 160px; }
.lk-view-switch { flex-shrink: 0; }
.lk-display-panel { display: flex; flex-direction: column; gap: 14px; }
.lk-display-row { display: flex; flex-direction: column; gap: 6px; }
.lk-display-label { font: var(--w-bold) var(--text-2xs)/1 var(--font-sans); letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--ink-muted); }

.lk-calendar-page { height: 100%; box-sizing: border-box; }
.lk-calendar-tools { padding: 0; }
.lk-cal-period { font: var(--w-bold) var(--text-lg)/1.3 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--ink); white-space: nowrap; font-feature-settings: 'tnum'; margin-right: 6px; }
.lk-calendar { flex: 1; min-height: 0; --sui-calendar-cell-min: 56px; }
.lk-cal-chip { position: relative; display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; }
.lk-cal-chip .lk-pri { font-size: 9px; width: 10px; }
.lk-cal-chip-id { flex-shrink: 0; font: var(--w-regular) var(--text-2xs)/1 var(--font-mono); }
.lk-cal-chip-text { display: flex; align-items: center; gap: 5px; flex: 1; min-width: 0; }
.lk-cal-chip-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-cal-milestone .lk-cal-chip-title { font-weight: var(--w-semibold); }
.lk-calendar[view="week"] .lk-cal-chip { align-items: flex-start; }
.lk-calendar[view="week"] .lk-cal-chip .lk-pri, .lk-calendar[view="week"] .lk-cal-chip-id { margin-top: 2px; }
.lk-calendar[view="week"] .lk-cal-chip-text { flex-direction: column; align-items: flex-start; gap: 2px; }
.lk-calendar[view="week"] .lk-cal-chip-title { flex: none; align-self: stretch; white-space: normal; line-height: 1.25; }
.lk-cal-agenda-pri { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }

.lk-projects { min-width: 0; }
.lk-project-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; cursor: pointer; }
.lk-project-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.lk-project-title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lk-project-name { font: var(--w-bold) var(--text-lg)/1.3 var(--font-sans); letter-spacing: var(--tracking-tight); color: var(--ink); max-width: 100%; }
.lk-project-desc { margin: 0; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lk-project-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lk-project-foot .lk-progress { width: 180px; }
.lk-project-meta { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.lk-project-row { flex-direction: row; align-items: center; gap: 14px; }
.lk-project-row .lk-project-name { font-size: var(--text-md); font-weight: var(--w-medium); }
.lk-project-row .lk-progress { width: 150px; }
.lk-project-row .lk-project-lead { width: 168px; flex-shrink: 0; }
.lk-project-row .lk-due { width: 110px; flex-shrink: 0; }
.lk-layout-switch { flex-shrink: 0; }

.lk-empty-wrap { padding: 24px; }
.lk-load { display: flex; flex-direction: column; gap: 16px; }
.lk-load-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lk-skel-lines { display: flex; flex-direction: column; gap: 10px; padding: 12px 0; }

@media (max-width: 1240px) {
  .lk-grid-record { grid-template-columns: minmax(0, 1fr) 280px; }
}
@media (max-width: 1100px) {
  .lk-settings { grid-template-columns: minmax(0, 1fr); }
  .lk-settings-nav { display: none; }
}
@media (max-width: 1000px) {
  .lk-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lk-load-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lk-grid-record { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .lk-grid-2 { grid-template-columns: minmax(0, 1fr); }
  .lk-hero { flex-direction: column; gap: 16px; }
  .lk-hero sui-chart-line { align-self: stretch; }
  .lk-figure { flex-basis: auto; }
  .lk-form-grid { grid-template-columns: minmax(0, 1fr); }
  .lk-span-2 { grid-column: auto; }
}
@media (max-width: 600px) {
  .lk-grid-4 { grid-template-columns: minmax(0, 1fr); }
  .lk-load-row { grid-template-columns: minmax(0, 1fr); }
}

@media (forced-colors: active) {
  .lk-bulk { border-bottom: 1px solid CanvasText; }
  .lk-link-button { color: LinkText; }
}