:root {
  --sc-green: #075541;
  --sc-green-dark: #043f31;
  --sc-mint: #edf6f1;
  --sc-paper: #ffffff;
  --sc-ink: #17221e;
  --sc-muted: #68716d;
  --sc-line: #dde2df;
  --sc-orange: #e8651b;
  --sc-purple: #7358b7;
}

@property --progress {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

html { background: var(--sc-paper); scroll-behavior: auto; }
body.sc-reference-dashboard {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--sc-paper);
  color: var(--sc-ink);
  font-family: "Inter", system-ui, sans-serif;
}
.sc-reference-dashboard *, .sc-reference-dashboard *::before, .sc-reference-dashboard *::after { box-sizing: border-box; }
.sc-reference-dashboard a { color: inherit; text-decoration: none; }
.sc-reference-dashboard button, .sc-reference-dashboard input, .sc-reference-dashboard textarea { font: inherit; }
.sc-reference-dashboard .material-symbols-outlined { font-size: 22px; font-variation-settings: "FILL" 0, "wght" 420, "GRAD" 0, "opsz" 24; }

.sc-app-frame { display: grid; grid-template-columns: 246px minmax(0, 1fr); min-height: 100vh; }
.sc-app-rail {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  flex-direction: column;
  height: 100vh;
  border-right: 1px solid var(--sc-line);
  background: rgba(253,253,251,.98);
}
.sc-rail-brand-row { display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 0 12px 0 26px; border-bottom: 1px solid var(--sc-line); }
.sc-rail-brand { display: flex; align-items: center; gap: 14px; min-width: 0; font-size: 1.28rem; font-weight: 760; letter-spacing: -.04em; color: var(--sc-green-dark); }
.sc-rail-brand img { width: 34px; height: 42px; object-fit: contain; }
.sc-rail-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-rail-toggle { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--sc-muted); cursor: pointer; }
.sc-rail-toggle:hover { border-color: var(--sc-line); background: #f4f7f5; color: var(--sc-green); }
.sc-rail-toggle .material-symbols-outlined { font-size: 18px; }
.sc-rail-nav { display: grid; gap: 5px; padding: 15px 10px; }
.sc-rail-nav a { position: relative; display: flex; align-items: center; gap: 19px; min-height: 55px; padding: 0 21px; border-radius: 10px; color: #26312d; font-size: .92rem; font-weight: 600; transition: background .15s ease, color .15s ease; }
.sc-rail-nav a:hover { background: #f3f7f4; color: var(--sc-green); }
.sc-rail-nav a[aria-current="page"] { background: linear-gradient(90deg, #f0f7f4 0%, #eaf3ef 100%); color: var(--sc-green-dark); }
.sc-rail-nav a[aria-current="page"]::before { position: absolute; left: -2px; width: 3px; height: 39px; border-radius: 0 3px 3px 0; background: var(--sc-green); content: ""; }
.sc-rail-nav .material-symbols-outlined { width: 24px; font-size: 24px; }
.sc-rail-profile { display: grid; grid-template-columns: 42px minmax(0,1fr) 20px; align-items: center; gap: 10px; margin: auto 16px 25px; padding: 13px; border: 1px solid var(--sc-line); border-radius: 12px; background: #fff; }
.sc-profile-avatar, .sc-top-profile > span:first-child { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(145deg,#dfe9e4,#9fb9ae); color: var(--sc-green-dark); font-weight: 800; }
.sc-rail-profile > span:nth-child(2) { display: grid; min-width: 0; }
.sc-rail-profile strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.sc-rail-profile small { color: var(--sc-muted); font-size: .67rem; }
.sc-rail-profile > .material-symbols-outlined { font-size: 18px; }

.sc-app-workspace { min-width: 0; }
.sc-dashboard-topbar { position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 0 3.1%; border-bottom: 1px solid var(--sc-line); background: rgba(253,253,251,.96); backdrop-filter: blur(18px); }
.sc-dashboard-topbar .sc-desk-search { position: relative; width: min(66%, 790px); }
.sc-dashboard-topbar .sc-desk-search > .material-symbols-outlined { position: absolute; left: 17px; top: 50%; z-index: 1; transform: translateY(-50%); color: #505b57; }
.sc-dashboard-topbar .sc-desk-search input { width: 100%; height: 50px; padding: 0 60px 0 50px; border: 1px solid #d7ddda; border-radius: 11px; background: #fff; color: var(--sc-ink); font-size: .86rem; outline: none; }
.sc-dashboard-topbar .sc-desk-search input:focus { border-color: #87aa9e; box-shadow: 0 0 0 3px rgba(7,85,65,.08); }
.sc-dashboard-topbar .sc-desk-search kbd { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #8a928f; font-family: inherit; font-size: .74rem; }
.sc-topbar-actions { display: flex; align-items: center; gap: 22px; }
.sc-top-lyne { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 21px; border: 1px solid #d7ddda; border-radius: 11px; background: #fff; color: var(--sc-ink); font-size: .8rem; font-weight: 700; cursor: pointer; }
.sc-top-lyne:hover { border-color: #aebdb7; background: #f8fbf9; }
.sc-top-lyne .material-symbols-outlined { color: var(--sc-green); font-size: 19px; }
.sc-top-icon { position: relative; display: grid; place-items: center; width: 36px; height: 42px; }
.sc-top-icon i { position: absolute; top: 4px; right: 4px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: var(--sc-green); }
.sc-top-profile { display: flex; align-items: center; gap: 6px; }
.sc-top-profile > span:first-child { width: 42px; height: 42px; }
.sc-top-profile .material-symbols-outlined { font-size: 18px; }

.sc-dashboard-main { width: min(100% - 6.2%, 1260px); margin: 0 auto; padding: 26px 0 38px; }
.sc-dashboard-welcome { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 25px; }
.sc-dashboard-welcome > div:first-child > p { margin: 0 0 6px; color: var(--sc-muted); font-size: .84rem; }
.sc-dashboard-welcome h1 { margin: 0; color: var(--sc-green-dark); font-size: clamp(2rem,3vw,2.75rem); font-weight: 750; letter-spacing: -.055em; line-height: 1.08; }
.sc-dashboard-welcome > div:first-child > span { display: block; margin-top: 4px; color: var(--sc-muted); font-size: .95rem; }
.sc-welcome-metrics { display: flex; align-items: stretch; gap: 28px; }
.sc-streak-metric { display: grid; grid-template-columns: auto auto; align-content: center; column-gap: 9px; min-width: 124px; padding: 12px 20px; border: 1px solid #cfe0d8; border-radius: 12px; background: linear-gradient(145deg,#f2f9f5,#eef6f1); color: var(--sc-green); }
.sc-streak-metric .material-symbols-outlined { grid-row: 1 / 3; align-self: center; font-size: 25px; font-variation-settings: "FILL" 1, "wght" 500; }
.sc-streak-metric strong { font-size: 1.26rem; line-height: 1; }
.sc-streak-metric small { margin-top: 4px; color: var(--sc-muted); font-size: .68rem; }
.sc-weekly-metric { display: flex; align-items: center; gap: 16px; min-width: 235px; padding: 11px 17px; border: 1px solid var(--sc-line); border-radius: 12px; background: #fff; }
.sc-progress-ring { --progress: 68; position: relative; display: grid; place-items: center; width: 61px; height: 61px; flex: 0 0 61px; border-radius: 50%; background: conic-gradient(var(--sc-green) calc(var(--progress) * 1%), #e7ece9 0); }
.sc-progress-ring[data-animate="true"] { animation: sc-progress-ring-in 560ms cubic-bezier(.2,.72,.24,1) both; }
.sc-progress-ring::before { grid-area: 1/1; width: 49px; height: 49px; border-radius: 50%; background: #fff; content: ""; }
.sc-progress-ring strong { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; margin: 0; font-size: 1rem; line-height: 1; }
.sc-weekly-metric > span:last-child { display: grid; gap: 4px; }
.sc-weekly-metric > span:last-child strong { font-size: .8rem; }
.sc-weekly-metric small { color: var(--sc-muted); font-size: .72rem; }

.sc-dashboard-grid { display: grid; grid-template-columns: 1fr 1fr 1.14fr; grid-template-rows: minmax(350px, auto) 228px; gap: 26px; }
.sc-next-action, .sc-today-card, .sc-courses-card, .sc-review-card, .sc-lyne-card, .sc-quick-create { border: 1px solid var(--sc-line); border-radius: 12px; background: rgba(255,255,255,.78); box-shadow: 0 1px 1px rgba(12,34,26,.015); }
.sc-next-action { position: relative; grid-column: 1 / 3; min-width: 0; overflow: hidden; padding: 20px 21px 15px; }
.sc-next-action::after { position: absolute; inset: 0; z-index: 0; background: radial-gradient(circle at 72% 50%,rgba(216,239,229,.46),transparent 37%); content: ""; pointer-events: none; }
.sc-next-action > * { position: relative; z-index: 1; }
.sc-desk-workspace__header { display: block; width: 43%; min-width: 255px; padding: 0; border: 0; }
.sc-desk-workspace__kicker { display: inline-flex; align-items: center; min-height: 28px; margin: 0 0 29px; padding: 0 14px; border-radius: 7px; background: var(--sc-green); color: #fff; font-size: .66rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.sc-next-context { display: block; min-height: 18px; margin-bottom: 15px; color: var(--sc-orange); font-size: .66rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.sc-next-context span { display: none; }
.sc-next-context span:first-child { display: inline; }
.sc-desk-workspace__title-wrap h2 { max-width: 360px; min-height: 75px; margin: 0; color: var(--sc-ink); font-size: clamp(1.8rem,2.4vw,2.45rem); font-weight: 720; letter-spacing: -.055em; line-height: 1.06; }
.sc-desk-resume { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; min-width: 185px; min-height: 48px; margin-top: 23px; padding: 0 17px 0 22px; border-radius: 9px; background: linear-gradient(135deg,#087052,#034b39); color: #fff !important; font-size: .8rem; font-weight: 700; box-shadow: 0 8px 22px rgba(3,75,57,.15); }
.sc-desk-resume:hover { background: var(--sc-green-dark); transform: translateY(-1px); }
.sc-desk-resume .material-symbols-outlined { font-size: 19px; }
.sc-desk-view-tabs { position: absolute; left: 21px; bottom: 14px; z-index: 4; display: flex; gap: 5px; }
.sc-desk-view-tabs button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #7b8580; font-size: .64rem; font-weight: 700; cursor: pointer; transition: background 140ms ease, color 140ms ease, transform 100ms ease; }
.sc-desk-view-tabs button[aria-selected="true"] { background: #eef5f1; color: var(--sc-green); }
.sc-desk-workflow-strip { display: none !important; }
.sc-next-action .sc-desk-view { position: absolute; top: 48px; right: 16px; bottom: 13px; left: 45%; overflow: hidden; border: 0; background: transparent; }
.sc-next-action .sc-desk-unit-brief, .sc-next-action .sc-desk-source, .sc-next-action .sc-desk-map-toolbar, .sc-next-action .sc-desk-map-detail, .sc-next-action .sc-desk-view-context, .sc-next-action .sc-desk-debrief-intro, .sc-next-action .sc-desk-retrieval-intro, .sc-next-action .sc-desk-notes__context { display: none; }
.sc-next-action .sc-desk-map-layout { display: block; height: 100%; }
.sc-next-action .sc-desk-map-shell { height: 100%; min-height: 0; border: 0; background: transparent; box-shadow: none; }
.sc-next-action .sc-desk-map-scroll { height: 100%; min-height: 0; overflow: hidden; }
.sc-next-action .sc-desk-map-stage, .sc-next-action .sc-desk-idea-map { width: 100% !important; height: 100% !important; min-height: 260px; }
.sc-next-action .sc-desk-idea-node { max-width: 108px; min-height: 38px; padding: 6px 10px; border: 1px solid #b9d1c7; border-radius: 9px; background: rgba(246,251,248,.96); color: var(--sc-green-dark); font-size: .61rem; font-weight: 650; line-height: 1.18; box-shadow: none; cursor: pointer; }
.sc-next-action .sc-desk-idea-node[aria-pressed="true"] { background: var(--sc-green); color: #fff; box-shadow: 0 8px 18px rgba(7,85,65,.12); }
.sc-next-action .sc-desk-map-lines path { stroke: #9fb9ae; stroke-width: 1.1; }
.sc-next-action .sc-desk-relation-label { display: none; }
.sc-next-action .sc-desk-panel-grid, .sc-next-action .sc-desk-remember-list { height: calc(100% - 8px); overflow: auto; padding: 2px 5px 7px; scrollbar-width: thin; scrollbar-color: transparent transparent; }
.sc-next-action .sc-desk-panel-grid:hover, .sc-next-action .sc-desk-remember-list:hover { scrollbar-color: rgba(7,85,65,.24) transparent; }
.sc-next-action .sc-desk-panel-grid::-webkit-scrollbar, .sc-next-action .sc-desk-remember-list::-webkit-scrollbar { width: 5px; }
.sc-next-action .sc-desk-panel-grid::-webkit-scrollbar-track, .sc-next-action .sc-desk-remember-list::-webkit-scrollbar-track { background: transparent; }
.sc-next-action .sc-desk-panel-grid::-webkit-scrollbar-thumb, .sc-next-action .sc-desk-remember-list::-webkit-scrollbar-thumb { border-radius: 999px; background: transparent; }
.sc-next-action .sc-desk-panel-grid:hover::-webkit-scrollbar-thumb, .sc-next-action .sc-desk-remember-list:hover::-webkit-scrollbar-thumb { background: rgba(7,85,65,.24); }
.sc-next-action .sc-desk-remember-list.is-retrieval .sc-desk-memory-item { min-height: 120px; padding: 13px; }
.sc-next-action .sc-desk-view.is-view-entering { animation: sc-dashboard-view-in 170ms cubic-bezier(.2,.72,.24,1) both; }
.sc-next-action .sc-desk-panel-section, .sc-next-action .sc-desk-memory-item { padding: 11px; border-radius: 8px; }
.sc-next-action .sc-desk-notes { display: block; height: 100%; }
.sc-next-action .sc-desk-notes__editor, .sc-next-action .sc-desk-notes textarea { height: 100%; min-height: 0; }
.sc-next-action .sc-desk-empty-workspace { position: relative; display: block; width: 100%; height: 100%; min-height: 260px; padding: 0; border: 0; background: transparent; }
.sc-next-action .sc-desk-empty-workspace__lead { display: none; }
.sc-next-action .sc-desk-empty-workspace__routes { position: relative; display: block; width: 100%; height: 100%; min-height: 260px; }
.sc-next-action .sc-desk-empty-workspace__routes::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; place-items: center; width: 116px; min-height: 56px; padding: 8px; border-radius: 11px; background: var(--sc-green); color: #fff; content: "Open study block"; font-size: .68rem; font-weight: 750; text-align: center; transform: translate(-50%,-50%); box-shadow: 0 10px 24px rgba(7,85,65,.16); }
.sc-next-action .sc-desk-empty-workspace__routes::after { position: absolute; inset: 22% 13%; border: 1px solid #c8d9d1; border-radius: 50%; content: ""; }
.sc-next-action .sc-desk-empty-workspace__routes a { position: absolute; z-index: 3; display: flex; align-items: center; justify-content: space-between; width: 138px; min-height: 46px; padding: 8px 10px; border: 1px solid #c8d9d1; border-radius: 9px; background: rgba(248,252,250,.98); color: var(--sc-green-dark); box-shadow: 0 5px 14px rgba(12,40,30,.035); }
.sc-next-action .sc-desk-empty-workspace__routes a:nth-child(1) { top: 7%; left: 9%; }
.sc-next-action .sc-desk-empty-workspace__routes a:nth-child(2) { top: 16%; right: 1%; }
.sc-next-action .sc-desk-empty-workspace__routes a:nth-child(3) { right: 8%; bottom: 7%; }
.sc-next-action .sc-desk-empty-workspace__routes a span:first-child { display: grid; gap: 2px; }
.sc-next-action .sc-desk-empty-workspace__routes a small { color: #7b8882; font-size: .52rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.sc-next-action .sc-desk-empty-workspace__routes a strong { font-size: .62rem; line-height: 1.2; }
.sc-next-action .sc-desk-empty-workspace__routes a > .material-symbols-outlined { font-size: 14px; }
.sc-next-action .sc-desk-empty-focus { display: grid; align-content: center; height: 100%; padding: 18px 24px; border: 1px solid #dce7e1; border-radius: 14px; background: rgba(249,252,250,.9); }
.sc-next-action .sc-desk-empty-focus__mark { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 17px; border-radius: 50%; background: #e5f2eb; color: var(--sc-green); font-size: 21px; }
.sc-next-action .sc-desk-empty-focus__copy h3 { max-width: 430px; margin: 7px 0 9px; color: var(--sc-ink); font-family: "Source Serif 4", Georgia, serif; font-size: clamp(1.18rem,1.7vw,1.55rem); font-weight: 560; letter-spacing: -.025em; line-height: 1.2; }
.sc-next-action .sc-desk-empty-focus__copy > p:last-child { max-width: 490px; margin: 0; color: var(--sc-muted); font-size: .72rem; line-height: 1.55; }
.sc-next-action .sc-desk-empty-focus__actions { display: flex; align-items: center; gap: 9px; margin-top: 19px; }
.sc-next-action .sc-desk-empty-focus__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 13px; border: 1px solid var(--sc-line); border-radius: 8px; background: #fff; color: var(--sc-green); font-size: .68rem; font-weight: 720; }
.sc-next-action .sc-desk-empty-focus__actions a.is-primary { gap: 8px; border-color: var(--sc-green); background: var(--sc-green); color: #fff; }
.sc-next-action .sc-desk-empty-focus__actions .material-symbols-outlined { font-size: 16px; }
body[data-dashboard-empty="true"] .sc-next-action::after { background: radial-gradient(circle at 76% 42%,rgba(216,239,229,.28),transparent 42%); }
body[data-dashboard-empty="true"] .sc-today-card .sc-desk-timeline-empty { padding-top: 44px; }
body[data-dashboard-empty="true"] .sc-today-card .sc-desk-timeline__viewport { display: grid; place-items: center; }

.sc-today-card { position: relative; grid-column: 3; grid-row: 1; overflow: hidden; padding: 22px 22px 18px; }
.sc-today-card header, .sc-courses-card header, .sc-review-card header, .sc-lyne-card header { display: flex; align-items: center; justify-content: space-between; }
.sc-today-card header p, .sc-courses-card header p, .sc-review-card header p, .sc-lyne-card header p, .sc-quick-create > p { margin: 0; color: #3a413e; font-size: .68rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.sc-today-card header a, .sc-courses-card header a, .sc-review-card header a { color: var(--sc-green); font-size: .68rem; font-weight: 700; }
.sc-schedule-context { overflow: hidden; height: 16px; margin: 10px 0 3px; color: #89918d; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.sc-today-card .sc-desk-timeline__viewport { height: 264px; overflow: auto; scrollbar-width: none; }
.sc-today-card .sc-desk-timeline__viewport::-webkit-scrollbar { display: none; }
.sc-today-card .sc-desk-timeline__track { display: grid; min-width: 0; padding: 0; }
.sc-today-card .sc-desk-session { position: relative; display: grid; grid-template-columns: 55px 12px minmax(0,1fr); align-items: start; gap: 10px; min-width: 0; min-height: 62px; padding: 11px 0; border: 0; border-bottom: 1px solid #e5e8e6; background: transparent; color: var(--sc-ink); text-align: left; cursor: pointer; }
.sc-today-card .sc-desk-session::before { position: absolute; top: 0; bottom: 0; left: 60px; width: 1px; background: #d4dbd7; content: ""; }
.sc-today-card .sc-desk-session__time { position: static; color: #69716e; font-size: .69rem; }
.sc-today-card .sc-desk-session__node { position: relative; z-index: 1; width: 9px; height: 9px; margin-top: 2px; border: 0; border-radius: 50%; background: var(--sc-green); box-shadow: 0 0 0 3px #fff; transform: none; }
.sc-today-card .sc-desk-session[data-tone="violet"] .sc-desk-session__node { background: var(--sc-purple); }
.sc-today-card .sc-desk-session[data-tone="amber"] .sc-desk-session__node { background: #f0a02a; }
.sc-today-card .sc-desk-session__copy { display: grid; gap: 3px; min-width: 0; }
.sc-today-card .sc-desk-session__title { font-size: .75rem; font-weight: 700; }
.sc-today-card .sc-desk-session__topic { overflow: hidden; color: var(--sc-muted); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.sc-today-card .sc-desk-session[aria-selected="true"] { background: linear-gradient(90deg,transparent,#f1f7f4); }
.sc-today-card .sc-desk-timeline-empty { display: grid; grid-template-columns: 1fr; justify-items: center; gap: 13px; width: 100%; padding: 30px 12px; text-align: center; }
.sc-today-card .sc-desk-timeline-empty__mark { color: var(--sc-green); }
.sc-today-card .sc-desk-timeline-empty__copy { display: grid; gap: 5px; width: min(100%,260px); }
.sc-today-card .sc-desk-timeline-empty__copy strong { font-size: .86rem; }
.sc-today-card .sc-desk-timeline-empty__copy span { color: var(--sc-muted); font-size: .69rem; }
.sc-today-card .sc-desk-timeline-empty__actions { display: flex; grid-template-columns: none; justify-content: center; gap: 8px; width: 100%; }
.sc-today-card .sc-desk-timeline-empty__actions a { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 34px; padding: 7px 10px; border: 1px solid var(--sc-line); border-radius: 7px; background: #fff; color: var(--sc-green); font-size: .66rem; font-weight: 700; white-space: nowrap; }
.sc-today-card .sc-desk-timeline-empty__actions a:last-child { background: var(--sc-green); color: #fff; }
.sc-today-card .sc-desk-timeline-empty__actions .material-symbols-outlined { font-size: 14px; }
.sc-timeline-controls { position: absolute; right: 14px; bottom: 9px; display: flex; gap: 4px; }
.sc-timeline-controls[hidden] { display: none !important; }
.sc-timeline-controls button { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--sc-line); border-radius: 6px; background: #fff; color: var(--sc-green); cursor: pointer; }
.sc-timeline-controls button:disabled { opacity: .35; }
.sc-timeline-controls .material-symbols-outlined { font-size: 15px; }

.sc-courses-card, .sc-review-card, .sc-lyne-card { min-width: 0; padding: 20px; }
.sc-courses-card { grid-column: 1; grid-row: 2; }
.sc-review-card { grid-column: 2; grid-row: 2; }
.sc-lyne-card { grid-column: 3; grid-row: 2; }
.sc-courses-card .sc-desk-courses { display: grid; grid-template-columns: 1fr; gap: 0; margin-top: 11px; }
.sc-courses-card .sc-desk-course { position: relative; display: grid; gap: 5px; min-width: 0; min-height: 50px; padding: 8px 0 7px 45px; border: 0; border-bottom: 1px solid #e6e9e7; border-radius: 0; background: transparent; text-align: left; box-shadow: none; cursor: pointer; }
.sc-courses-card .sc-desk-course::before { position: absolute; top: 9px; left: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: var(--course-color,var(--sc-green)); color: #fff; content: "auto_stories"; font-family: "Material Symbols Outlined"; font-size: 18px; font-variation-settings: "FILL" 0, "wght" 420, "GRAD" 0, "opsz" 24; }
.sc-courses-card .sc-desk-course[data-tone="violet"]::before { content: "functions"; }
.sc-courses-card .sc-desk-course[data-tone="amber"]::before { content: "edit_note"; }
.sc-courses-card .sc-desk-course__top { display: flex; align-items: center; justify-content: space-between; }
.sc-courses-card .sc-desk-course__name::before { display: none; }
.sc-courses-card .sc-desk-course__name span { color: var(--sc-ink); font-size: .72rem; font-weight: 700; }
.sc-courses-card .sc-desk-course__percent { color: #4a5550; font-size: .68rem; }
.sc-courses-card .sc-desk-course__track { display: block; width: 78%; height: 5px; border-radius: 5px; background: #e8ecea; }
.sc-courses-card .sc-desk-course__track span { display: block; width: var(--course-progress); height: 100%; border-radius: inherit; background: var(--course-color,var(--sc-green)); }
.sc-courses-card .sc-desk-course-empty { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; min-height: 0; padding: 18px 0; border: 0; background: transparent; }
.sc-courses-card .sc-desk-course-empty div { display: grid; gap: 4px; }
.sc-courses-card .sc-desk-course-empty strong { font-size: .78rem; }
.sc-courses-card .sc-desk-course-empty span { color: var(--sc-muted); font-size: .68rem; }
.sc-courses-card .sc-desk-course-empty a { color: var(--sc-green); font-size: .68rem; font-weight: 700; }

.sc-review-stats { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 20px; }
.sc-review-stats > span { display: grid; place-items: center; gap: 5px; min-width: 0; border-right: 1px solid var(--sc-line); }
.sc-review-stats > span:last-child { border-right: 0; }
.sc-review-stats strong { color: var(--sc-green); font-size: 1.45rem; font-weight: 650; }
.sc-review-stats > span:first-child strong, .sc-review-stats > span:first-child small { color: var(--sc-orange); }
.sc-review-stats > span:nth-child(2) strong, .sc-review-stats > span:nth-child(2) small { color: var(--sc-purple); }
.sc-review-stats small { color: var(--sc-muted); font-size: .64rem; }
.sc-retention-chart { display: block; width: 100%; height: 61px; margin-top: 7px; }
.sc-retention-chart .fill { fill: url(#retention-fill); }
.sc-retention-chart .line { fill: none; stroke: var(--sc-green); stroke-width: 2; vector-effect: non-scaling-stroke; }
.sc-chart-caption { margin: -2px 0 0; color: #9aa19e; font-size: .58rem; text-align: center; }
.sc-review-card[data-empty="true"] .sc-retention-chart,
.sc-review-card[data-empty="true"] .sc-chart-caption { display: none; }
.sc-review-card[data-empty="true"]::after { display: block; margin-top: 22px; padding: 14px; border: 1px solid #dce7e1; border-radius: 9px; background: #f7faf8; color: var(--sc-muted); content: "Nothing waiting for review."; font-size: .68rem; text-align: center; }

.sc-lyne-card header p { display: flex; align-items: center; gap: 8px; }
.sc-lyne-card header .material-symbols-outlined { color: var(--sc-green); font-size: 17px; }
.sc-lyne-message { display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: start; gap: 11px; margin-top: 15px; padding: 13px; border: 1px solid #cfe1d9; border-radius: 10px; background: linear-gradient(135deg,#f1f8f4,#f7fbf9); }
.sc-lyne-message > .material-symbols-outlined { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #d9eee4; color: var(--sc-green); font-size: 17px; font-variation-settings: "FILL" 1; }
.sc-lyne-message > .material-symbols-outlined { animation: sc-lyne-breathe 4.2s ease-in-out infinite; }
.sc-lyne-message p { margin: 0; color: #26332e; font-size: .68rem; line-height: 1.5; }
.sc-desk-lyne-reason { overflow: hidden; height: 18px; margin: 7px 0 0; color: #87908c; font-size: .58rem; white-space: nowrap; text-overflow: ellipsis; }
.sc-lyne-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.sc-lyne-actions button { min-height: 38px; border: 1px solid var(--sc-line); border-radius: 8px; background: #fff; color: var(--sc-ink); font-size: .67rem; font-weight: 700; cursor: pointer; }
.sc-lyne-actions button:first-child { border-color: var(--sc-green); background: var(--sc-green); color: #fff; }

.sc-quick-create { margin-top: 26px; padding: 17px 20px 14px; }
.sc-quick-create > div { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 10px; }
.sc-quick-create a { display: grid; grid-template-columns: 38px minmax(0,1fr) 22px; align-items: center; gap: 14px; min-height: 55px; padding: 3px 20px; border-right: 1px solid var(--sc-line); }
.sc-quick-create a:last-child { border-right: 0; }
.sc-quick-create a > .material-symbols-outlined:first-child { color: var(--sc-green-dark); font-size: 27px; }
.sc-quick-create a > span:nth-child(2) { display: grid; gap: 3px; }
.sc-quick-create strong { font-size: .74rem; }
.sc-quick-create small { color: var(--sc-muted); font-size: .64rem; }
.sc-quick-create a > .material-symbols-outlined:last-child { color: #5d6763; font-size: 19px; }
.sc-quick-create a:hover > .material-symbols-outlined:last-child { transform: translateX(3px); }

.sc-desk-resume,
.sc-desk-view-tabs button,
.sc-timeline-controls button,
.sc-courses-card .sc-desk-course,
.sc-lyne-actions button,
.sc-quick-create a,
.sc-today-card a,
.sc-desk-memory-item button {
  transition: transform 110ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
}
.sc-desk-resume:hover,
.sc-courses-card .sc-desk-course:hover,
.sc-quick-create a:hover,
.sc-today-card a:hover { transform: translateY(-1px); }
.sc-courses-card .sc-desk-course:hover { background: rgba(241,247,244,.72); }
.sc-quick-create a:hover { background: rgba(241,247,244,.66); }
.sc-desk-resume:active,
.sc-desk-view-tabs button:active,
.sc-timeline-controls button:active:not(:disabled),
.sc-courses-card .sc-desk-course:active,
.sc-lyne-actions button:active,
.sc-quick-create a:active,
.sc-today-card a:active,
.sc-desk-memory-item button:active { transform: translateY(1px) scale(.98); }
.sc-quick-create a > .material-symbols-outlined:last-child { transition: transform 150ms ease; }
.sc-dashboard-main { animation: sc-dashboard-page-in 120ms ease-out both; }

@keyframes sc-progress-ring-in { from { --progress: 0; } }
@keyframes sc-dashboard-view-in { from { opacity: .2; transform: translateX(4px); } to { opacity: 1; transform: translateX(0); } }
@keyframes sc-dashboard-page-in { from { opacity: .72; } to { opacity: 1; } }
@keyframes sc-lyne-breathe { 0%,100% { box-shadow: 0 0 0 0 rgba(7,85,65,0); } 50% { box-shadow: 0 0 0 5px rgba(7,85,65,.07); } }

.sc-desk-mobile-nav { display: none; }

body[data-sc-navigation-shell="true"] .sc-dashboard-shell,
body[data-sc-navigation-shell="true"] .sc-app-workspace { display: contents; }
body[data-sc-navigation-shell="true"].sc-reference-dashboard,
body[data-sc-navigation-shell="true"].sc-reference-dashboard main[data-sidebar-main] { background: var(--sc-paper) !important; }
body[data-sc-navigation-shell="true"] .sc-dashboard-topbar,
body[data-sc-navigation-shell="true"] .sc-desk-mobile-nav { display: none !important; }
body[data-sc-navigation-shell="true"] main.sc-dashboard-main[data-sidebar-main] {
  padding-top: 98px !important;
  padding-right: 3.1% !important;
  padding-bottom: 38px !important;
  padding-left: 3.1% !important;
}

@media (min-width: 821px) {
  body.sc-reference-dashboard.sc-sidebar-closed .sc-app-frame { grid-template-columns: 77px minmax(0,1fr); }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-brand-row { justify-content: center; padding: 0; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-brand { display: none; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-nav { padding-right: 9px; padding-left: 9px; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-nav a { justify-content: center; padding-right: 8px; padding-left: 8px; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-nav a > span:last-child { display: none; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-nav a[aria-current="page"]::before { left: -9px; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-profile { grid-template-columns: 42px; justify-content: center; margin-right: 9px; margin-left: 9px; padding: 8px; }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-profile > span:nth-child(2),
  body.sc-reference-dashboard.sc-sidebar-closed .sc-rail-profile > .material-symbols-outlined { display: none; }
}

@media (min-width: 1540px) {
  .sc-app-frame { grid-template-columns: 260px minmax(0,1fr); }
  body.sc-reference-dashboard.sc-sidebar-closed .sc-app-frame { grid-template-columns: 77px minmax(0,1fr); }
  .sc-dashboard-main { width: min(92%, 1440px); }
  .sc-dashboard-grid { grid-template-rows: minmax(395px,auto) 242px; }
  .sc-today-card .sc-desk-timeline__viewport { height: 305px; }
}

@media (max-width: 1180px) {
  .sc-app-frame { grid-template-columns: 77px minmax(0,1fr); }
  .sc-rail-brand-row { justify-content: center; padding: 0; }
  .sc-rail-brand { display: none; }
  .sc-rail-nav { padding-right: 9px; padding-left: 9px; }
  .sc-rail-nav a { justify-content: center; gap: 0; padding: 0 8px; }
  .sc-rail-nav a > span:last-child { display: none; }
  .sc-rail-nav a[aria-current="page"]::before { left: -9px; }
  .sc-rail-profile { grid-template-columns: 42px; justify-content: center; margin-right: 9px; margin-left: 9px; padding: 8px; }
  .sc-rail-profile > span:nth-child(2), .sc-rail-profile > .material-symbols-outlined { display: none; }
  .sc-dashboard-main { width: calc(100% - 40px); }
  .sc-dashboard-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; }
  .sc-next-action { grid-column: 1 / 3; grid-row: 1; }
  .sc-today-card { grid-column: 1; grid-row: 2; }
  .sc-courses-card { grid-column: 2; grid-row: 2; }
  .sc-review-card { grid-column: 1; grid-row: 3; }
  .sc-lyne-card { grid-column: 2; grid-row: 3; }
  .sc-weekly-metric { min-width: 205px; }
}

@media (max-width: 820px) {
  .sc-app-frame { display: block; }
  .sc-app-rail { display: none; }
  .sc-dashboard-topbar { min-height: 68px; padding: 0 16px; }
  .sc-dashboard-topbar .sc-desk-search { width: min(68%,520px); }
  .sc-dashboard-topbar .sc-desk-search input { height: 44px; }
  .sc-top-lyne { min-height: 42px; padding: 0 13px; }
  .sc-top-profile { display: none; }
  .sc-dashboard-main { width: calc(100% - 30px); padding: 20px 0 92px; }
  .sc-dashboard-welcome { align-items: flex-start; }
  .sc-dashboard-welcome h1 { font-size: 2rem; }
  .sc-streak-metric { min-width: 104px; padding: 11px; }
  .sc-weekly-metric { min-width: 0; padding: 9px; }
  .sc-weekly-metric > span:last-child { display: none; }
  .sc-dashboard-grid { gap: 16px; }
  .sc-quick-create { margin-top: 16px; }
  .sc-desk-mobile-nav { position: fixed; right: 10px; bottom: 10px; left: 10px; z-index: 90; display: grid; grid-template-columns: repeat(5,1fr); padding: 7px; border: 1px solid var(--sc-line); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 14px 40px rgba(15,35,27,.14); backdrop-filter: blur(16px); }
  .sc-desk-mobile-nav a { display: grid; place-items: center; gap: 2px; min-height: 49px; border-radius: 10px; color: #67716c; font-size: .56rem; font-weight: 700; }
  .sc-desk-mobile-nav a[aria-current="page"] { background: var(--sc-mint); color: var(--sc-green); }
  .sc-desk-mobile-nav .material-symbols-outlined { font-size: 20px; }
}

@media (max-width: 620px) {
  .sc-dashboard-topbar { gap: 10px; }
  .sc-dashboard-topbar .sc-desk-search { width: auto; flex: 1 1 auto; min-width: 0; }
  .sc-dashboard-topbar .sc-desk-search kbd, .sc-top-lyne span + * { display: none; }
  .sc-topbar-actions { flex: 0 0 42px; gap: 0; }
  .sc-reference-dashboard .sc-top-lyne { width: 42px; min-width: 42px; padding: 0; overflow: hidden; justify-content: center; color: transparent; font-size: 0 !important; }
  .sc-reference-dashboard .sc-top-lyne .material-symbols-outlined { color: var(--sc-green); font-size: 19px; }
  .sc-top-icon { display: none; }
  .sc-dashboard-welcome { display: grid; }
  .sc-dashboard-welcome > div:first-child > span { font-size: .82rem; }
  .sc-welcome-metrics { gap: 10px; }
  .sc-weekly-metric { min-width: 84px; }
  .sc-dashboard-grid { display: grid; grid-template-columns: 1fr; }
  .sc-next-action, .sc-today-card, .sc-courses-card, .sc-review-card, .sc-lyne-card { grid-column: 1; grid-row: auto; }
  .sc-next-action { min-height: 510px; padding: 17px; }
  .sc-desk-workspace__header { width: 100%; }
  .sc-desk-workspace__kicker { margin-bottom: 15px; }
  .sc-next-context { margin-bottom: 8px; }
  .sc-desk-workspace__title-wrap h2 { min-height: 0; font-size: 1.75rem; }
  .sc-desk-resume { min-height: 43px; margin-top: 14px; }
  .sc-next-action .sc-desk-view { top: 235px; right: 8px; bottom: 42px; left: 8px; }
  .sc-desk-view-tabs { left: 14px; bottom: 9px; }
  .sc-today-card .sc-desk-timeline__viewport { height: auto; max-height: 310px; }
  .sc-quick-create > div { grid-template-columns: 1fr; }
  .sc-quick-create a { border-right: 0; border-bottom: 1px solid var(--sc-line); }
  .sc-quick-create a:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-reference-dashboard *, .sc-reference-dashboard *::before, .sc-reference-dashboard *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}