/* Source: apple-calendar-v1.css */
.apple-calendar-review {max-height:45dvh;overflow:auto;overscroll-behavior:contain;}
.apple-calendar-review ol {padding-left:1.4rem;line-height:1.5;}
.apple-calendar-steps li + li {margin-top:1rem;}
.apple-calendar-steps p {margin:.3rem 0 0;color:var(--mc-ink-secondary);font-size:.9rem;line-height:1.5;}
.apple-calendar-choice {display:flex;align-items:flex-start;gap:.75rem;padding:.8rem .25rem;border-bottom:1px solid var(--mc-line);cursor:pointer;min-height:44px;}
.apple-calendar-choice input,.apple-calendar-privacy input {margin-top:.25rem;flex-shrink:0;width:20px;height:20px;accent-color:var(--mc-blue);}
.apple-calendar-choice span {display:grid;gap:.3rem;min-width:0;overflow-wrap:anywhere;}
.apple-calendar-choice small {color:var(--mc-ink-secondary);line-height:1.5;}
.apple-calendar-filters {display:grid;gap:.8rem;}
.apple-calendar-filters[hidden],.apple-calendar-dates[hidden],#apple-calendar-sheet [hidden] {display:none!important;}
.apple-calendar-dates {display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.apple-calendar-privacy {display:flex;gap:.6rem;align-items:center;font-size:.9rem;min-height:44px;cursor:pointer;}
.apple-calendar-privacy input {margin:0;}
.apple-calendar-selection {display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.apple-calendar-selection strong {margin-right:auto;font-size:.88rem;}
.apple-calendar-selection .mc-button {font-size:.82rem;padding:.4rem .65rem;}
#apple-calendar-sheet {width:min(calc(100% - 24px),620px);}
#apple-calendar-sheet .sheet-surface {position:relative;gap:1rem;padding-top:28px;}
#apple-calendar-sheet .sheet-surface > h2 {padding-right:38px;line-height:1.15;}
.apple-calendar-close {position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--mc-ink);font-size:1.7rem;cursor:pointer;}
.apple-calendar-close:hover {background:var(--mc-surface-muted);}
#apple-calendar-sheet .planner-form__actions {flex-wrap:wrap;border-top:1px solid var(--mc-line);padding-top:.9rem;}
#apple-calendar-sheet .mc-button {min-height:44px;white-space:normal;}
.apple-calendar-transfer {display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--mc-line);border-radius:var(--mc-radius-md);background:var(--mc-surface);}
.apple-calendar-transfer > div {min-width:0;}
.apple-calendar-transfer img {flex-shrink:0;width:124px;height:124px;border-radius:8px;}
.apple-calendar-transfer p {font-size:.88rem;color:var(--mc-ink-secondary);line-height:1.5;}
.apple-calendar-transfer input {width:100%;min-width:0;padding:.55rem;border:1px solid var(--mc-line);border-radius:8px;background:var(--mc-surface);color:var(--mc-ink);font-size:.8rem;}
.apple-calendar-feedback {font-size:.88rem;color:var(--mc-ink-secondary);}
.apple-calendar-feedback:empty {display:none;}
.apple-calendar-help {padding:.8rem 0;line-height:1.5;}
.apple-calendar-help summary {cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;}
.apple-calendar-help p {color:var(--mc-ink-secondary);font-size:.9rem;}
.apple-calendar-help-link {display:inline-block;min-height:44px;padding:.7rem 0;color:var(--mc-blue);}
.apple-calendar-page {width:min(calc(100% - 32px),740px);margin:0 auto;padding:24px 0 max(40px,env(safe-area-inset-bottom));}
.apple-calendar-page header {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:24px;}
.apple-calendar-page .apple-calendar-brand {display:flex;gap:.6rem;align-items:center;font-weight:700;color:var(--mc-ink);text-decoration:none;}
.apple-calendar-page header a,.apple-calendar-page footer a {display:inline-flex;align-items:center;min-height:44px;}
.apple-calendar-page .mc-card {padding:clamp(20px,4vw,36px);}
.apple-calendar-page h1 {font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.1;margin:0 0 1rem;letter-spacing:-.04em;}
.apple-calendar-page [data-apple-calendar-guide] > p {line-height:1.5;color:var(--mc-ink-secondary);}
.apple-calendar-page .apple-calendar-steps {padding-left:1.4rem;margin:1.5rem 0;}
.apple-calendar-page footer {display:flex;gap:1rem;padding-top:1.5rem;font-size:.85rem;}
.apple-calendar-page a {text-underline-offset:3px;}
@media(max-width:640px) {
  #apple-calendar-sheet {width:100%;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:94dvh;}
  #apple-calendar-sheet .sheet-surface {padding:24px 16px max(20px,env(safe-area-inset-bottom));}
  #apple-calendar-sheet .apple-calendar-review {max-height:38dvh;}
  .apple-calendar-transfer {gap:.75rem;padding:.7rem;}
  .apple-calendar-transfer img {width:92px;height:92px;}
  #apple-calendar-sheet .planner-form__actions > .mc-button--primary {flex:1;}
  .apple-calendar-page header > a:last-child {font-size:.85rem;}
}


/* Source: focus-breathing-v1.css */
/* A shared, quiet breathing surface within the existing Focus experience. */
.focus-breathe-card {grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;}
.focus-breathe-card .focus-breathe-card__header {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.focus-breathe-card__header > div {display:grid;gap:5px;}
.focus-breathe-card__mark {display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--mc-teal) 12%,var(--mc-line));border-radius:14px;background:color-mix(in srgb,var(--mc-mint) 28%,var(--mc-surface));color:var(--mc-teal);}
.focus-breathe-card__mark svg {width:22px;height:22px;}
.focus-breathe-card .focus-breathe-card__intro {margin:0;color:var(--mc-ink-secondary);font-size:.875rem;line-height:1.5;}
.breathing-visual {--breath-depth:.88;position:relative;isolation:isolate;display:block;width:280px;max-width:100%;aspect-ratio:1;margin-inline:auto;overflow:hidden;border:1px solid rgba(198,241,235,.2);border-radius:30px;background:radial-gradient(ellipse at 50% 40%,rgba(115,221,194,.14),transparent 65%),linear-gradient(145deg,#122751,#0a1835);color:#f3fffb;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 25px rgba(6,24,53,.1);}
.breathing-visual svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.breathing-visual__track {fill:none;stroke:rgba(185,235,221,.3);stroke-width:1.2;stroke-linejoin:round;}
.breathing-visual path {fill:none;stroke:#b5f5d6;stroke-width:1.8;stroke-linecap:round;opacity:0;transition:opacity .5s ease;}
.breathing-visual path.is-active {opacity:.95;}
.breathing-visual circle {fill:#c2f6db;stroke:#122a41;stroke-width:1.5;filter:drop-shadow(0 0 5px rgba(172,250,213,.65));transition:cx .25s linear,cy .25s linear;}
.breathing-visual__wash {position:absolute;z-index:-1;inset:21%;border:1px solid rgba(183,245,223,.09);border-radius:24px;background:radial-gradient(circle at 40% 25%,rgba(183,245,223,.17),rgba(122,181,240,.05) 75%);box-shadow:0 0 35px rgba(130,238,198,.07);transform:scale(var(--breath-depth));transition:transform .45s ease;}
.breathing-visual[data-breathing-motion=still] :is(circle,path,.breathing-visual__wash,.breathing-steps>span) {transition:none!important;animation:none!important;}
.breathing-visual[data-breathing-motion=still] .breathing-visual__wash {transform:none!important;}
.breathing-visual[data-breathing-motion=still] :is(circle,path) {opacity:0!important;}
.breathing-visual__cue,.focus-breathing-guide__cue {position:absolute;inset:20%;display:grid;align-content:center;justify-items:center;gap:5px;text-align:center;pointer-events:none;}
.breathing-visual__cue strong,.focus-breathing-guide__cue strong {color:#e7fff1;font-size:.9rem;line-height:1.3;font-weight:600;}
.breathing-visual__cue > span,.focus-breathing-guide__cue > span {color:#f5fff9;font-size:3.75rem;font-weight:600;letter-spacing:-.075em;line-height:1;font-variant-numeric:tabular-nums;}
.breathing-visual__cue small,.focus-breathing-guide__cue small {color:#b5ccc9;font-size:.7rem;line-height:1.35;}
/* The breathing illustration stays dark in both themes. General card and
   dialog caption rules must not put light-mode muted ink inside it. */
html :is(.app-shell,.focus-breathing-dialog) .breathing-visual :is(.breathing-visual__cue,.focus-breathing-guide__cue) small {color:#b5ccc9;}
html .app-shell .breathing-visual--preview .breathing-steps small {color:inherit;}
.breathing-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
.breathing-steps > span {display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:7px 3px;border:1px solid rgba(201,245,228,.12);border-radius:10px;background:rgba(202,245,232,.04);color:#c3d7d4;transition:background .4s,color .4s,border-color .4s;}
.breathing-steps strong {font-size:.7rem;font-weight:600;}
.breathing-steps small {color:inherit;font-size:.7rem;font-variant-numeric:tabular-nums;}
.breathing-visual[data-breathing-state="running"][data-breathing-step="0"] [data-breathing-step-label="0"],.breathing-visual[data-breathing-state="running"][data-breathing-step="1"] [data-breathing-step-label="1"],.breathing-visual[data-breathing-state="running"][data-breathing-step="2"] [data-breathing-step-label="2"],.breathing-visual[data-breathing-state="running"][data-breathing-step="3"] [data-breathing-step-label="3"] {background:rgba(183,245,211,.15);border-color:rgba(186,250,216,.38);color:#e0ffe8;}
.focus-breathe-card .breathing-visual--preview {display:block;grid-column:1/-1;width:100%;height:210px;aspect-ratio:auto;border-radius:22px;}
.breathing-visual--preview svg {inset:2px auto auto 50%;width:170px;height:170px;transform:translateX(-50%);}
.breathing-visual--preview .breathing-visual__wash {inset:31px calc(50% - 54px) 69px;}
.breathing-visual--preview .breathing-visual__cue {inset:20px 10px 62px;}
.breathing-visual--preview .breathing-visual__cue > span {font-size:2.85rem;}
.breathing-visual--preview .breathing-steps {position:absolute;bottom:12px;left:12px;right:12px;}
.focus-breathe-card__start {width:100%;justify-content:center;gap:8px;min-height:46px;}
.focus-breathe-card__start > svg {width:18px;height:18px;}
.focus-breathe-card__start > svg:last-child {width:16px;height:16px;margin-left:auto;}
.focus-breathe-card__start > span {margin-right:auto;}
.focus-breathe-card .focus-breathe-card__auto {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--mc-line);}
.focus-breathe-card__auto > div {min-width:0;display:grid;gap:4px;}
.focus-breathe-card__auto > div > strong {font-size:.8rem;}
.focus-breathe-card__auto .small-print {margin:0;font-size:.75rem;line-height:1.4;color:var(--mc-ink-secondary);}
.focus-breathe-card__auto .focus-toggle {flex-shrink:0;min-height:44px;}
.focus-choice-card .focus-session-progress {margin:0;padding-top:10px;border-top:1px solid var(--mc-line);font-size:.75rem;line-height:1.45;color:var(--mc-ink-secondary);}
dialog#focus-breathing-sheet.focus-breathing-dialog {
  --breathing-inset-top:max(12px,var(--mc-safe-top,0px));
  --breathing-inset-bottom:max(12px,var(--mc-safe-bottom,0px));
  --breathing-inset-left:max(12px,var(--mc-safe-left,0px));
  --breathing-inset-right:max(12px,var(--mc-safe-right,0px));
  position:fixed;inset:var(--breathing-inset-top) var(--breathing-inset-right) var(--breathing-inset-bottom) var(--breathing-inset-left);
  width:min(520px,calc(100% - var(--breathing-inset-left) - var(--breathing-inset-right)));max-width:none;
  max-height:calc(100vh - var(--breathing-inset-top) - var(--breathing-inset-bottom));
  max-height:calc(100dvh - var(--breathing-inset-top) - var(--breathing-inset-bottom));
  margin:auto;border-radius:28px;overflow:hidden;
}
.focus-breathing-dialog .breathing-sheet {position:relative;display:grid;justify-items:center;gap:12px;padding:28px 28px 20px;max-height:inherit;}
.focus-breathing-dialog .sheet-close {position:absolute;z-index:2;top:12px;right:12px;min-width:44px;min-height:44px;}
.breathing-sheet__header {text-align:center;display:grid;justify-items:center;gap:7px;padding:0 25px;}
.breathing-sheet__header h2 {margin:0;font-size:1.75rem;letter-spacing:-.05em;line-height:1.1;}
.breathing-sheet__intro {margin:0;max-width:34ch;color:var(--mc-ink-secondary);font-size:.9rem;line-height:1.5;}
.focus-breathing-guide {width:250px;overflow:visible;margin:0 0 38px;}
.focus-breathing-guide .breathing-steps {position:absolute;top:calc(100% + 10px);left:0;right:0;}
.focus-breathing-guide .breathing-steps > span {background:var(--mc-surface);border-color:var(--mc-line);color:var(--mc-ink-secondary);}
.focus-breathing-guide[data-breathing-state="running"] .breathing-steps > span {color:var(--mc-ink-secondary);}
.focus-breathing-guide[data-breathing-state="running"][data-breathing-step="0"] [data-breathing-step-label="0"],.focus-breathing-guide[data-breathing-state="running"][data-breathing-step="1"] [data-breathing-step-label="1"],.focus-breathing-guide[data-breathing-state="running"][data-breathing-step="2"] [data-breathing-step-label="2"],.focus-breathing-guide[data-breathing-state="running"][data-breathing-step="3"] [data-breathing-step-label="3"] {background:color-mix(in srgb,var(--mc-mint) 30%,var(--mc-surface));color:var(--mc-teal);border-color:var(--mc-teal);}
.focus-breathing-guide__pace {width:min(100%,300px);grid-template-columns:auto minmax(0,1fr);align-items:center;text-align:left;gap:16px;}
.focus-breathing-guide__pace select {min-height:44px;font-size:max(16px,1rem);}
.breathing-sheet > .small-print {margin:0;font-size:.75rem;line-height:1.4;text-align:center;}
.focus-breathing-dialog .planner-form__actions {justify-content:center;flex-wrap:wrap;width:100%;gap:8px;}
.focus-breathing-dialog .planner-form__actions .mc-button {flex:1;}
.focus-breathing-dialog .mc-button {min-height:44px;white-space:normal;}
.breathing-sheet__timer-note {margin:0;text-align:center;font-size:.75rem;color:var(--mc-ink-secondary);line-height:1.4;}
.focus-breathing-live {display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(175,249,210,.2);border-radius:20px;background:rgba(177,245,215,.07);color:white;}
.focus-breathing-live[hidden] {display:none!important;}
.breathing-visual--mini {width:58px;max-width:58px;aspect-ratio:1;margin:0;flex-shrink:0;border-radius:14px;box-shadow:none;background:rgba(3,20,57,.3);}
.focus-breathing-live__copy {display:grid;gap:5px;}
.focus-breathing-live__copy small {color:#b9e6d5;font-size:.58rem;font-weight:650;letter-spacing:.09em;}
.focus-breathing-live__copy strong {font-size:.9rem;font-weight:600;color:#edfff6;}
.focus-breathing-live__count {margin-left:auto;min-width:24px;font-size:1.6rem;line-height:1;font-variant-numeric:tabular-nums;color:#d4ffe3;}
@media(max-width:640px) {.focus-breathing-dialog .breathing-sheet {padding:26px 18px max(20px,env(safe-area-inset-bottom));}.focus-breathing-guide {width:230px;}.focus-breathe-card .breathing-visual--preview {height:210px;}.focus-breathing-dialog {max-height:calc(100dvh - 20px);}}
/* Show the rhythm and primary controls together when an iPhone is sideways. */
@media(min-width:500px) and (max-height:560px) {
  dialog#focus-breathing-sheet.focus-breathing-dialog {width:min(760px,calc(100% - var(--breathing-inset-left) - var(--breathing-inset-right)));}
  .focus-breathing-dialog .breathing-sheet {grid-template-columns:160px minmax(0,1fr);gap:8px 20px;padding:16px 20px;}
  .breathing-sheet__header {grid-column:2;grid-row:1;justify-items:start;text-align:left;gap:4px;padding:0 38px 0 0;}
  .breathing-sheet__header .eyebrow {display:none;}
  .breathing-sheet__header h2 {font-size:1.5rem;}
  .breathing-sheet__intro {font-size:.8125rem;line-height:1.35;}
  .focus-breathing-guide {grid-column:1;grid-row:1 / span 5;align-self:center;width:160px;margin:0 0 38px;}
  .focus-breathing-guide__cue {gap:4px;}
  .focus-breathing-guide__cue strong {font-size:.8rem;}
  .focus-breathing-guide__cue > span {font-size:2.5rem;}
  .focus-breathing-guide__pace {grid-column:2;grid-row:2;width:100%;gap:12px;}
  .breathing-sheet > .small-print {grid-column:2;grid-row:3;text-align:left;line-height:1.35;}
  .focus-breathing-dialog .planner-form__actions {grid-column:2;grid-row:4;}
  .breathing-sheet > .mc-button {grid-column:2;grid-row:5;justify-self:start;}
  .breathing-sheet__timer-note {grid-column:1 / -1;grid-row:6;font-size:.7rem;line-height:1.4;}
}
@media(prefers-reduced-motion:reduce) {.breathing-visual circle,.breathing-visual path,.breathing-steps > span,.breathing-visual__wash {transition:none;}.breathing-visual__wash {transform:none;}}
html[data-reduced-motion="true"] .breathing-visual circle,html[data-reduced-motion="true"] .breathing-visual path,html[data-reduced-motion="true"] .breathing-steps > span,html[data-reduced-motion="true"] .breathing-visual__wash {transition:none;}
html[data-reduced-motion="true"] .breathing-visual__wash {transform:none;}
@media(forced-colors:active) {
  html :is(.app-shell,.focus-breathing-dialog) .breathing-visual :is(.breathing-visual__cue,.focus-breathing-guide__cue) small,
  html .app-shell .breathing-visual--preview .breathing-steps small {color:CanvasText;}
}
@media(forced-colors:active) {.breathing-visual {background:Canvas;color:CanvasText;border-color:CanvasText;}.breathing-visual__track {stroke:CanvasText;}.breathing-visual path,.breathing-visual circle {stroke:Highlight;fill:Highlight;}.breathing-visual__cue strong,.breathing-visual__cue span,.breathing-visual__cue small,.focus-breathing-guide__cue strong,.focus-breathing-guide__cue span,.focus-breathing-guide__cue small {color:CanvasText;}}

.focus-break-suggestion {margin:0 0 16px;padding:16px;border:1px solid var(--mc-line);border-radius:18px;background:color-mix(in srgb,var(--mc-mint) 15%,var(--mc-surface));text-align:left;}
.focus-break-suggestion[hidden] {display:none;}
.focus-break-suggestion small {color:var(--mc-teal);font-size:.65rem;letter-spacing:.1em;font-weight:700;}
.focus-break-suggestion h3 {margin:6px 0;font-size:1rem;color:var(--mc-ink);}
.focus-break-suggestion p {margin:0;color:var(--mc-ink-secondary);font-size:.85rem;line-height:1.5;}
.focus-break-suggestion__actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.focus-break-suggestion__actions .mc-button {min-height:44px;white-space:normal;}

.focus-timer-card--glass .focus-break-suggestion .mc-button {color:var(--mc-ink);background:var(--mc-surface);border:1px solid var(--mc-line);}
.focus-timer-card--glass .focus-break-suggestion .mc-button:hover:not(:disabled) {color:var(--mc-ink);background:color-mix(in srgb,var(--mc-mint) 24%,var(--mc-surface));border-color:var(--mc-teal);}

.breathing-sheet__cycle {text-align:center;font-weight:600;color:var(--mc-ink);margin:0;}
.breathing-sheet__progress {display:block;width:100%;height:6px;accent-color:#5bbfa5;margin:4px 0 12px;}
.breathing-sheet__progress[hidden] {display:none;}
.focus-breathing-dialog [data-breathing-state=completed] {filter:none;}
.breathing-coda {display:block;width:44px;height:44px;object-fit:contain;transform:scale(var(--breath-depth,.88));transition:transform .6s ease;}
.breathing-visual[data-breathing-motion=still] .breathing-coda {transform:none;transition:none;}


/* Source: appearance-v1.css */
/* The public website follows the same resolved appearance as the study app. */
:root { color-scheme: light; }
:root.theme-dark { color-scheme: dark; }
/* The account's manual preference has the same broad effect as device Reduce Motion. */
:root[data-reduced-motion="true"] *,
:root[data-reduced-motion="true"] *::before,
:root[data-reduced-motion="true"] *::after {
  scroll-behavior: auto !important;
  transition: none !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
}
.mc-weather-appearance [data-reduce-motion-summary] { display: block; margin-top: 6px; max-width: 38rem; font-weight: 400; line-height: 1.45; color: var(--mc-ink-secondary); }
.mc-weather-appearance [data-reduce-motion] { flex-shrink: 0; min-width: 24px; min-height: 24px; accent-color: var(--mc-teal); }
.marketing-appearance { display: inline-flex; align-items: center; gap: 8px; color: var(--mc-ink-secondary); font-size: .8125rem; }
.marketing-appearance select {
  min-height: 44px; max-width: 100%; padding: 8px 10px;
  border: 1px solid var(--mc-line-strong); border-radius: 12px;
  color: var(--mc-ink); background: var(--mc-surface); font: inherit; font-size: 1rem;
}
.marketing-appearance select:focus-visible { outline: 3px solid var(--mc-teal); outline-offset: 3px; }
:root:not(.theme-dark) body.is-marketing {
  color-scheme: light;
  --mc-ink: #17243a;
  --mc-ink-secondary: #46566e;
  --mc-teal: #17624e;
  --mc-blue: #315cbd;
  --mc-deep-blue: #203e75;
  --mc-surface: #ffffff;
  --mc-pearl: #f2f5f8;
  --mc-mint: #d8f2e8;
  --mc-cream: #dbe7f9;
  --mc-line: rgba(28, 48, 76, .16);
  --mc-line-strong: rgba(28, 48, 76, .3);
  --mc-glass-subtle: rgba(255, 255, 255, .65);
  --mc-glass-standard: rgba(255, 255, 255, .82);
  --mc-glass-strong: #ffffff;
  --mc-glass-border: rgba(43, 65, 103, .18);
  --mc-glass-highlight: rgba(255, 255, 255, .9);
  --mc-shadow-subtle: 0 8px 24px rgba(28, 48, 76, .07);
  --mc-shadow-elevated: 0 20px 48px rgba(28, 48, 76, .1);
  --mc-shadow-sheet: 0 24px 70px rgba(28, 48, 76, .16);
  --mc-success: #17624e;
  --mc-danger: #a02d42;
  --mc-danger-surface: #fceaf0;
  --mc-warning: #805f14;
  --mc-warning-surface: #fff5d6;
  --mc-background: #f2f5f8;
  --mc-marketing-canvas: #f2f5f8;
  --mc-marketing-card: #ffffff;
  --mc-marketing-selected: rgba(57, 87, 190, .12);
}
:root:not(.theme-dark) body.is-marketing .marketing-page {
  background: radial-gradient(ellipse at 85% 8%, rgba(75, 112, 165, .08), transparent 30%),
    radial-gradient(ellipse at 5% 25%, rgba(41, 140, 110, .07), transparent 26%), var(--mc-marketing-canvas);
}
:root:not(.theme-dark) body.is-marketing :is(.marketing-hero h1 em, .eyebrow, .marketing-today-preview__body small, .marketing-steps span, .marketing-platforms h2 em, .mc-preview-break strong, .marketing-bridge h2 em, .legal a) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-explore, .marketing-note, .marketing-footer, .marketing-footer span, .mc-preview-heading > span, .mc-preview-tabs button, .mc-preview-panel > p, .mc-preview-plan small, .mc-preview-focus small, .mc-preview-note span, .platform-availability span, .platform-availability small, .marketing-rhythm span, .marketing-bridge__copy > p:not(.eyebrow), .marketing-bridge__list small) { color: var(--mc-ink-secondary); }
:root:not(.theme-dark) body.is-marketing :is(.mc-preview-panel h2, .mc-preview-plan strong, .mc-preview-focus strong, .mc-preview-note strong, .platform-availability strong, .marketing-bridge h2) { color: var(--mc-ink); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-explore:hover, .marketing-footer a:hover) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.marketing-feature, .platform-availability, .marketing-today-preview, .marketing-motion) {
  border-color: var(--mc-glass-border);
  background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(231, 238, 248, .85));
  box-shadow: var(--mc-shadow-subtle), inset 0 1px var(--mc-glass-highlight);
}
:root:not(.theme-dark) body.is-marketing .marketing-today-preview__ring { background: conic-gradient(#277a62 0 37%, #d7e1ee 37% 100%); }
:root:not(.theme-dark) body.is-marketing .marketing-today-preview__ring span { background: #f6f9fc; }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs { background: #e8edf7; }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs::before { border-color: rgba(47, 73, 161, .25); background: linear-gradient(135deg, #dbe5fc, #d9e6f9); }
:root:not(.theme-dark) body.is-marketing .mc-preview-tabs button:is([aria-selected="true"], :hover) { color: #203e75; }
:root:not(.theme-dark) body.is-marketing .mc-preview-plan time { color: #315cbd; }
:root:not(.theme-dark) body.is-marketing .mc-preview-plan .mc-preview-break strong { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing :is(.mc-preview-focus, .mc-preview-note, .marketing-rhythm) { background: #edf2f9; }
:root:not(.theme-dark) body.is-marketing .mc-preview-focus > span { color: var(--mc-ink); border-color: #cad6e9; border-top-color: #277a62; border-right-color: #277a62; }
:root:not(.theme-dark) body.is-marketing .mc-preview-note .mc-preview-note__label { color: #38557e; }
:root:not(.theme-dark) body.is-marketing .marketing-feature__icon--blue { color: #315cbd; }
:root:not(.theme-dark) body.is-marketing :is(.marketing-feature__icon--mint, .marketing-feature__icon--teal) { color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing .marketing-feature__icon--cream { color: #38557e; }
:root:not(.theme-dark) body.is-marketing .marketing-bridge { background: linear-gradient(130deg, #e5ecfc, #e2ebf9 57%, #e2f2ed); border-color: var(--mc-line); }
:root:not(.theme-dark) body.is-marketing .marketing-bridge__list > div { background: rgba(255, 255, 255, .65); border-color: var(--mc-line); }
:root:not(.theme-dark) body.is-marketing :is(button, a, input, select, [role="tabpanel"]):focus-visible { outline-color: var(--mc-teal); }
:root:not(.theme-dark) body.is-marketing .marketing-signin { background: var(--mc-glass-standard); }
:root:not(.theme-dark) body.is-marketing .marketing-signin:hover { background: #e5ecf7; }
/* The study example keeps the same hierarchy without a bright card at night. */
:root.theme-dark body.is-marketing .study-sample__card { color: var(--mc-ink); background: #142039; border-color: var(--mc-line-strong); }
:root.theme-dark body.is-marketing .study-sample__card p { color: var(--mc-ink-secondary); }
:root.theme-dark body.is-marketing .study-sample__card select,
:root.theme-dark body.is-marketing .study-sample__answers .mc-button { color: var(--mc-ink); background: #1e2d48; border-color: #687d9d; }
:root.theme-dark body.is-marketing .study-sample__answers [aria-pressed="true"] { background: #243e68; border-color: #9eb9ff; }
:root.theme-dark body.is-marketing .study-sample__card :focus-visible { outline-color: #a1eed1; }
@media (max-width: 400px) { .marketing-appearance { gap: 5px; font-size: .75rem; } .marketing-appearance select { padding-inline: 7px; } }
@media (prefers-reduced-transparency: reduce) {
  :root:not(.theme-dark) body.is-marketing :is(.marketing-motion, .marketing-feature, .platform-availability, .marketing-today-preview) { background: #ffffff; }
}

/* Entry-page accessibility is available without signing in. */
.marketing-appearance-controls { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; padding-block: 8px; }
.marketing-motion-choice { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--mc-ink-secondary); font-size: .8125rem; cursor: pointer; white-space: nowrap; }
.marketing-motion-choice input { width: 20px; height: 20px; margin: 0; accent-color: var(--mc-teal); }
.marketing-motion-choice input:focus-visible { outline: 3px solid var(--mc-teal); outline-offset: 4px; }
@media (max-width: 540px) { .marketing-appearance-controls { gap: 0 12px; } .marketing-nav { flex-wrap: wrap; } }

/* Personalize uses tokens on the existing components. No animation or new blur. */
.mc-personalize[hidden],.mc-personalize__conflict[hidden],.preference-row--appearance[hidden]{display:none!important}
.mc-personalize{padding:18px 0;border-bottom:1px solid var(--mc-line);min-width:0}.mc-personalize h3{margin:4px 0 10px;font-size:1.15rem}.mc-personalize fieldset{min-width:0;margin:20px 0;padding:0;border:0}.mc-personalize legend{font-size:.875rem;font-weight:700;margin-bottom:10px}.mc-personalize__modes{display:flex;flex-wrap:wrap;gap:8px}.mc-personalize__modes label,.mc-personalize__colors label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--mc-line-strong);border-radius:12px;background:var(--mc-surface);color:var(--mc-ink);cursor:pointer}.mc-personalize input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--mc-blue)}.mc-personalize input:focus-visible{outline:3px solid var(--mc-blue);outline-offset:4px}.mc-personalize__colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mc-personalize__colors label{font-size:.8125rem}.mc-personalize__swatch{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:1px solid #0002;background:var(--personalize-swatch)}[data-accent=ocean]{--personalize-swatch:#0940c4}[data-accent=lavender]{--personalize-swatch:#345b91}[data-accent=emerald]{--personalize-swatch:#08735f}[data-accent=sunset]{--personalize-swatch:#b74621}[data-accent=graphite]{--personalize-swatch:#475569}.mc-personalize__check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem}.mc-personalize__premium summary{min-height:44px;padding-block:12px;cursor:pointer;font-weight:650;font-size:.875rem}.mc-personalize__themes{display:grid;gap:8px;margin:8px 0 12px}.mc-personalize__themes button{display:grid;min-height:80px;gap:6px;text-align:left;padding:14px;border:1px solid var(--mc-line-strong);border-radius:14px;color:var(--mc-ink);opacity:1;cursor:default;background:var(--personalize-theme-preview)}.mc-personalize__themes small{font-weight:400;font-size:.75rem;color:var(--mc-ink-secondary)}[data-preview-theme=aurora]{--personalize-theme-preview:linear-gradient(120deg,#aee9db44,#b0b6f044),var(--mc-surface)}[data-preview-theme=midnight]{--personalize-theme-preview:linear-gradient(120deg,#6d84bf33,#7ca4dc33),var(--mc-surface)}[data-preview-theme=crystal]{--personalize-theme-preview:linear-gradient(120deg,#c9e7f333,#ffffff22),var(--mc-surface)}.mc-personalize__conflict{display:flex;flex-wrap:wrap;gap:8px}.mc-personalize__conflict button{font-size:.8125rem;min-height:44px}
:root[data-mc-personalize=true][data-mc-accent=lavender]{--mc-blue:#345b91;--mc-teal:#294976;--mc-deep-blue:#192c47;--mc-mint:#d6e5fb;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=emerald]{--mc-blue:#08735f;--mc-teal:#075b4c;--mc-deep-blue:#064e42;--mc-mint:#d6f5e7;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=sunset]{--mc-blue:#b74621;--mc-teal:#913516;--mc-deep-blue:#652c23;--mc-mint:#ffe8da;--mc-on-accent:#fff}
:root[data-mc-personalize=true][data-mc-accent=graphite]{--mc-blue:#475569;--mc-teal:#334155;--mc-deep-blue:#1e293b;--mc-mint:#e2e8f0;--mc-on-accent:#fff}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=lavender]{--mc-blue:#9fc7ff;--mc-teal:#9fc7ff;--mc-deep-blue:#1b2d46;--mc-mint:#253750;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=emerald]{--mc-blue:#8be3c4;--mc-teal:#8be3c4;--mc-deep-blue:#0e3c35;--mc-mint:#20493f;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=sunset]{--mc-blue:#ffbb9b;--mc-teal:#ffbb9b;--mc-deep-blue:#4b2828;--mc-mint:#583e36;--mc-on-accent:#071735}
:root.theme-dark[data-mc-personalize=true][data-mc-accent=graphite]{--mc-blue:#c7d2e2;--mc-teal:#c7d2e2;--mc-deep-blue:#253447;--mc-mint:#334155;--mc-on-accent:#071735}
:root[data-personalize-motion=true] *,:root[data-personalize-motion=true] *::before,:root[data-personalize-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-personalize-contrast=true]{--mc-ink:#06102b;--mc-ink-secondary:#24334c;--mc-line:#3d4b61;--mc-line-strong:#24334c}
:root.theme-dark[data-personalize-contrast=true]{--mc-ink:#fff;--mc-ink-secondary:#edf2ff;--mc-line:#a4b7d8;--mc-line-strong:#d0ddf3}
:root[data-personalize-contrast=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav){border-color:var(--mc-line-strong)}
:root[data-personalize-transparency=true],:root[data-personalize-contrast=true]{--mc-glass-subtle:var(--mc-surface);--mc-glass-standard:var(--mc-surface);--mc-glass-strong:var(--mc-surface);--mc-glass-highlight:transparent;--mc-surface-elevated:var(--mc-surface)}
:root[data-personalize-transparency=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav,.mc-nav--mobile,.mc-live-ai),:root[data-personalize-contrast=true] :is(.mc-card,.mc-sheet,.mc-app-weather,.mc-coda-call,.mc-nav,.mc-nav--mobile,.mc-live-ai){background:var(--mc-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* One AI bar. Plan differences always have a text label as well as color. */
.mc-live-ai[data-ai-plan=plus]:not([data-ai-level=low]) .mc-live-ai__fill{background:#376ab1}.mc-live-ai[data-ai-plan=boost]:not([data-ai-level=low]) .mc-live-ai__fill{background:#ab6c16}.theme-dark .mc-live-ai[data-ai-plan=plus]:not([data-ai-level=low]) .mc-live-ai__fill{background:#86b8ff}.theme-dark .mc-live-ai[data-ai-plan=boost]:not([data-ai-level=low]) .mc-live-ai__fill{background:#f4cd7c}
@media(max-width:360px){.mc-personalize__colors{grid-template-columns:1fr}}
@media(forced-colors:active){.mc-personalize__swatch{border:2px solid CanvasText}.mc-personalize__colors label,.mc-personalize__modes label{border-color:CanvasText}.mc-live-ai .mc-live-ai__fill{background:CanvasText!important}}


/* Source: usability-v1.css */
/* Protect the existing website and PWA content on phones with a notch. */
:root {
  --mc-safe-left: env(safe-area-inset-left, 0px);
  --mc-safe-right: env(safe-area-inset-right, 0px);
  --mc-safe-top: env(safe-area-inset-top, 0px);
  --mc-safe-bottom: env(safe-area-inset-bottom, 0px);
}
.brand { min-width: 44px; min-height: 44px; }
body.is-marketing .marketing-page {
  padding: var(--mc-safe-top) var(--mc-safe-right) var(--mc-safe-bottom) var(--mc-safe-left);
}
body.is-public-document {
  padding: var(--mc-safe-top) var(--mc-safe-right) var(--mc-safe-bottom) var(--mc-safe-left);
}
.app-shell { padding-inline: var(--mc-safe-left) var(--mc-safe-right); }
.app-sidebar { padding-top: max(28px, var(--mc-safe-top)); padding-bottom: max(20px, var(--mc-safe-bottom)); }
@media (max-width: 640px) {
  .mc-sheet:not(#account-sheet) {
    width: calc(100% - var(--mc-safe-left) - var(--mc-safe-right));
    margin-inline: var(--mc-safe-left) var(--mc-safe-right);
  }
  .mc-nav--mobile { left: calc(50% + (var(--mc-safe-left) - var(--mc-safe-right)) / 2); }
}


/* Source: student-study-v1.css */
/* Keep the existing MindCoda materials, and make the next useful action clear. */
.marketing-study-moments { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.marketing-study-moments a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; border: 1px solid var(--mc-line); border-radius: 999px; color: var(--mc-ink-secondary); background: color-mix(in srgb, var(--mc-surface) 64%, transparent); font-size: .8125rem; font-weight: 550; }
.marketing-study-moments a:hover { color: var(--mc-ink); border-color: var(--mc-line-strong); background: var(--mc-marketing-selected); }
body.is-marketing .study-sample__card { max-width: none; padding: clamp(20px, 3vw, 32px); color: var(--mc-ink); border-color: var(--mc-line-strong); background: var(--mc-surface); box-shadow: var(--mc-shadow-subtle); }
.study-sample__topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.study-sample__topline > p { margin: 0; font-size: .6875rem; letter-spacing: .08em; }
.study-sample__progress { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.study-sample__progress li { padding: 7px 10px; border: 1px solid transparent; border-radius: 999px; color: var(--mc-ink-secondary); font-size: .75rem; white-space: nowrap; }
.study-sample__progress [aria-current="step"] { border-color: var(--mc-line); color: var(--mc-ink); background: var(--mc-marketing-selected); font-weight: 650; }
.study-sample__plan-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(24px, 4vw, 48px); align-items: start; }
.study-sample__card h3 { margin: 0 0 10px; color: var(--mc-ink); font-size: clamp(1.25rem, 2vw, 1.625rem); line-height: 1.25; letter-spacing: -.025em; }
.study-sample__card p { color: var(--mc-ink-secondary); }
.study-sample__choices > p { margin: 0 0 18px; font-size: .9375rem; line-height: 1.55; }
.study-sample__choices fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.study-sample__choices legend, .study-sample__choices label { margin: 0 0 10px; color: var(--mc-ink); font-size: .8125rem; font-weight: 650; }
.study-sample__scenarios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.study-sample__scenarios button { display: grid; align-content: center; gap: 5px; min-width: 0; min-height: 80px; padding: 12px; border: 1px solid var(--mc-line-strong); border-radius: 14px; color: var(--mc-ink); background: var(--mc-pearl); text-align: left; }
.study-sample__scenarios button strong { font-size: .875rem; font-weight: 650; }
.study-sample__scenarios button span { color: var(--mc-ink-secondary); font-size: .75rem; }
.study-sample__scenarios [aria-pressed="true"] { border: 2px solid var(--mc-blue); padding: 11px; background: var(--mc-marketing-selected); }
.study-sample__choices label { display: block; margin-top: 20px; }
.study-sample__choices select { width: 100%; min-height: 48px; color: var(--mc-ink); background: var(--mc-pearl); border-color: var(--mc-line-strong); font-size: 1rem; }
.study-sample__card .study-sample__privacy { margin: 12px 0 0; font-size: .75rem; }
.study-sample__plan { padding: 20px; border: 1px solid var(--mc-line); border-radius: 20px; background: color-mix(in srgb, var(--mc-blue) 5%, var(--mc-surface)); }
.study-sample__plan-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.study-sample__plan-heading .eyebrow { font-size: .625rem; letter-spacing: .12em; }
.study-sample__plan-heading h4 { margin: 6px 0 0; font-size: 1.125rem; line-height: 1.3; letter-spacing: -.02em; }
.study-sample__plan-heading > strong { color: var(--mc-teal); font-size: .8125rem; line-height: 1.5; }
.study-sample__agenda { display: grid; gap: 0; margin: 16px 0; padding: 0; list-style: none; }
.study-sample__agenda li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 12px; padding-block: 13px; border-top: 1px solid var(--mc-line); }
.study-sample__time { padding-top: 2px; color: var(--mc-blue); font-size: .8125rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.study-sample__agenda strong { font-size: .875rem; }
.study-sample__agenda p { margin: 5px 0 0; font-size: .875rem; line-height: 1.5; }
.study-sample__plan .mc-button { width: 100%; justify-content: center; font-size: .875rem; }
.study-sample__card .mc-button svg { display: inline; width: 16px; height: 16px; flex: 0 0 auto; }
.study-sample__plan .mc-button--text { margin-top: 4px; color: var(--mc-ink-secondary); font-size: .8125rem; }
.study-sample__card :is([data-sample-step="learn"],[data-sample-step="recap"]) { max-width: 720px; margin-inline: auto; }
.study-sample__answers { margin-block: 20px; }
.study-sample__card .study-sample__feedback { padding: 16px; border: 1px solid var(--mc-line); border-radius: 14px; background: var(--mc-marketing-selected); font-size: .9375rem; }
.study-sample__return { padding: 20px; margin-block: 20px; border: 1px solid var(--mc-line); border-radius: 18px; background: var(--mc-marketing-selected); }
.study-sample__return .eyebrow { font-size: .6875rem; }
.study-sample__return p { margin: 10px 0 0; color: var(--mc-ink); font-size: 1.125rem; line-height: 1.5; }
.study-sample__recap-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.study-sample__card [data-sample-download-status]:empty { display: none; }
.marketing-return-preview { display: grid; gap: 10px; padding: 18px; border: 1px solid var(--mc-line); border-radius: 18px; background: color-mix(in srgb, var(--mc-blue) 8%, var(--mc-surface)); }
.marketing-return-preview .eyebrow { font-size: .6875rem; letter-spacing: .1em; }
.marketing-return-preview strong { color: var(--mc-ink); font-size: 1rem; line-height: 1.4; }
.marketing-return-preview small { color: var(--mc-ink-secondary); font-size: .8125rem; }
.marketing-return-preview a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; color: var(--mc-blue); font-size: .875rem; font-weight: 650; }
.marketing-return-preview a svg { width: 16px; height: 16px; }
/* The PWA reuses its task, course, and Focus controls. */
[data-home-study-start] .today-next__body { align-items: center; }
[data-home-study-start] .mc-home-focus-dock { width: min(100%, 270px); min-width: 220px; gap: 10px; }
.mc-home-time-controls { display: grid; gap: 8px; }
.mc-home-time-controls label { color: inherit; font-size: .8125rem; font-weight: 650; }
.mc-home-time-controls select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--mc-line-strong); border-radius: 12px; color: var(--mc-ink); background: var(--mc-surface); font: inherit; font-size: 1rem; }
[data-home-study-start] .home-start-focus { width: 100%; }
[data-home-study-start] .mc-home-course-link { min-height: 44px; color: inherit; background: transparent; border-color: transparent; }
[data-home-study-start] .mc-home-course-link:hover { border-color: currentColor; }
[data-home-study-cue], [data-home-start-status] { margin: 0; font-size: .8125rem; line-height: 1.5; }
[data-home-start-status]:empty { display: none; }
.mc-home-first-step { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 24px; border: 1px solid var(--mc-line); border-radius: 20px; background: var(--mc-surface); color: var(--mc-ink); }
.mc-home-first-step > div:first-child { flex: 1 1 240px; }
.mc-home-first-step strong { display: block; font-size: 1.125rem; line-height: 1.3; }
.mc-home-first-step p { margin: 6px 0 0; color: var(--mc-ink-secondary); font-size: .875rem; line-height: 1.5; }
.mc-home-first-step__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mc-home-first-step__actions .mc-button { min-height: 44px; }
@media (max-width: 840px) {
  .study-sample__plan-layout { grid-template-columns: 1fr; gap: 20px; }
  .study-sample__choices > p { max-width: 55ch; }
}
@media (max-width: 640px) {
  .marketing-study-moments { gap: 5px; }
  .marketing-study-moments a { padding-inline: 9px; font-size: .75rem; }
  .study-sample__topline { gap: 12px; margin-bottom: 20px; }
  .study-sample__progress li { padding: 6px 8px; }
  .study-sample__scenarios button { min-height: 68px; padding: 10px 8px; text-align: center; }
  .study-sample__scenarios [aria-pressed="true"] { padding: 9px 7px; }
  .study-sample__scenarios button span { display: none; }
  .study-sample__scenarios button strong { font-size: .8125rem; }
  .study-sample__plan { padding: 16px; }
  .study-sample__recap-actions { display: grid; }
  [data-home-study-start] .mc-home-focus-dock { width: 100%; min-width: 0; }
  .mc-home-first-step { padding: 18px 20px; }
}
@media (forced-colors: active) {
  .study-sample__scenarios [aria-pressed="true"], .study-sample__progress [aria-current="step"] { border-color: Highlight; background: Highlight; color: HighlightText; }
  .study-sample__agenda, .study-sample__plan, .study-sample__return, .study-sample__feedback { background: Canvas; border-color: CanvasText; }
}

[data-home-time-controls][hidden], .mc-home-first-step[hidden], [data-home-study-materials][hidden], [data-new-student-guide][hidden] { display: none !important; }

/* A useful first session, with editable work and a page-only timer. */
.study-trial__input { display: block; width: 100%; min-width: 0; padding: 12px 14px; min-height: 48px; border: 1px solid var(--mc-line-strong); border-radius: 12px; color: var(--mc-ink); background: var(--mc-pearl); font: inherit; font-size: 1rem; line-height: 1.5; }
textarea.study-trial__input { resize: vertical; min-height: 120px; }
.study-sample__choices fieldset { margin-top: 20px; }
.study-trial__fields { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 12px; }
.study-trial__fields select { min-width: 0; }
.study-sample__card .study-trial__example { min-height: 44px; margin-top: 6px; padding-inline: 0; color: var(--mc-ink-secondary); font-size: .8125rem; }
.study-sample__plan-heading h4, .study-trial__task { overflow-wrap: anywhere; }
.study-trial__focus { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 24px; margin-top: 24px; align-items: start; }
.study-trial__timer { display: grid; gap: 12px; padding: 24px; border: 1px solid var(--mc-line); border-radius: 20px; background: var(--mc-pearl); }
.study-trial__timer .eyebrow { margin: 0; font-size: .6875rem; }
.study-sample__card .study-trial__task { margin: 0; color: var(--mc-ink); font-weight: 650; }
[data-trial-clock] { color: var(--mc-ink); font-size: clamp(3.75rem,7vw,5.5rem); line-height: 1.15; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.study-trial__timer > p { margin: 0; }
.study-trial__timer-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.study-sample__card [data-trial-panel="return"] { max-width: 720px; margin-inline: auto; }
[data-trial-status]:empty { display: none; }
@media (max-width: 840px) { .study-trial__focus { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 640px) { .study-trial__timer { padding: 20px; } }
@media (forced-colors: active) { .study-trial__input, .study-trial__timer { background: Canvas; color: CanvasText; border-color: CanvasText; } }
body.is-study-tryout { padding: 0; }
.is-study-tryout #trial-main { width: 100%; margin: 0; }
.is-study-tryout .study-sample { margin-top: 48px; }

/* Keep life planning optional, beside the first useful action. */
.study-sample__scenarios { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.study-sample__scenarios button { grid-column: span 2; min-height: 48px; }
.study-sample__scenarios button:nth-child(n+4) { grid-column: span 3; }
.study-trial__day { margin-top: 16px; padding: 12px 14px; border: 1px solid var(--mc-line); border-radius: 14px; }
.study-trial__day summary { min-height: 44px; cursor: pointer; color: var(--mc-ink); font-size: .875rem; font-weight: 650; line-height: 1.5; }
.study-trial__day summary small { display: inline-block; margin-left: 6px; color: var(--mc-ink-secondary); font-weight: 400; }
.study-trial__day .study-trial__input { padding-inline: 10px; }
.study-trial__day label { display: block; margin: 12px 0 8px; color: var(--mc-ink); font-size: .8125rem; font-weight: 650; line-height: 1.5; }
.study-trial__day label small { color: var(--mc-ink-secondary); font-weight: 400; }
.study-trial__day select { display: block; width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--mc-line-strong); border-radius: 12px; color: var(--mc-ink); background: var(--mc-pearl); font: inherit; font-size: 1rem; }
.study-trial__day-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
.study-trial__day-row { display: grid; grid-template-columns: minmax(0,1fr) 64px; gap: 8px; align-items: end; }
.study-trial__day-row select { margin-top: 0; padding-inline: 8px; }
.study-trial__day-list { list-style: none; margin: 16px 0 8px; padding: 0; }
.study-trial__day > .study-trial__day-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.study-trial__day-list li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--mc-line); font-size: .8125rem; line-height: 1.5; }
.study-trial__day-list span { min-width: 0; overflow-wrap: anywhere; }
.study-trial__day-list strong { flex: 0 0 auto; font-variant-numeric: tabular-nums; color: var(--mc-teal); }
[data-trial-day-room][data-over-budget="true"] { color: var(--mc-ink); font-weight: 650; }
.study-trial__day-snapshot { margin-top: 16px; padding: 16px 20px; border: 1px solid var(--mc-line); border-radius: 16px; background: var(--mc-surface); }
.study-trial__day-snapshot[hidden], [data-home-first-course][hidden] { display: none !important; }
.mc-home-course-option { padding: 10px 4px 0; }
.mc-home-course-option summary { min-height: 44px; cursor: pointer; color: var(--mc-ink-secondary); font-size: .8125rem; line-height: 1.5; }
.mc-home-course-option .mc-home-first-step { margin-top: 8px; }
.mc-home-focus-countdown { display: block; color: inherit; font-size: 1.75rem; line-height: 1.3; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.mc-home-focus-countdown[hidden] { display: none !important; }
.mc-home-focus-sync, .focus-sync-status { margin: 0; font-size: .75rem; line-height: 1.5; color: inherit; }
.mc-home-focus-sync:empty, .focus-sync-status:empty { display: none; }
/* Direct task capture stays inside the existing Today layout and design tokens. */
.mc-task-capture { display: grid; gap: 10px; padding: 20px 24px; min-width: 0; color: var(--mc-ink); }
.mc-task-capture > label { font-size: 1.0625rem; font-weight: 650; line-height: 1.4; }
.mc-task-capture__entry { display: flex; gap: 10px; }
.mc-task-capture__entry > input { flex: 1 1 0; min-width: 0; }
.mc-task-capture input { min-height: 48px; width: 100%; padding: 10px 12px; border: 1px solid var(--mc-line-strong); border-radius: 12px; background: var(--mc-surface); color: var(--mc-ink); font: inherit; font-size: 1rem; }
.mc-task-capture textarea { flex: 1 1 0; min-width: 0; width: 100%; min-height: 84px; resize: vertical; padding: 12px; border: 1px solid var(--mc-line-strong); border-radius: 12px; background: var(--mc-surface); color: var(--mc-ink); font: inherit; font-size: 1rem; line-height: 1.5; }
.mc-task-capture__buttons { display: grid; gap: 4px; align-content: start; }
.mc-student-plan-sheet { width: min(720px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); }
.mc-student-plan-sheet .sheet-surface { display: block; max-height: calc(100dvh - 32px); overflow-y: auto; padding: 28px; }
.mc-student-plan-sheet h3 { margin: 24px 0 12px; }
.mc-student-plan-sheet p { font-size: .875rem; line-height: 1.55; }
.mc-student-plan-task { padding: 16px; margin-bottom: 12px; border: 1px solid var(--mc-line); border-radius: 16px; }
.mc-student-plan-task strong { overflow-wrap: anywhere; }
.mc-student-plan-task p { margin: 8px 0; }
.mc-student-plan-task summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-size: .8125rem; }
.mc-student-plan-fields, .mc-student-plan-hours { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 12px 0; }
.mc-student-plan-hours { grid-template-columns: repeat(2,minmax(0,1fr)); }
.mc-student-plan-sheet label { display: grid; gap: 6px; font-size: .8125rem; }
.mc-student-plan-sheet input, .mc-student-plan-sheet select { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid var(--mc-line-strong); border-radius: 10px; color: var(--mc-ink); background: var(--mc-surface); font: inherit; font-size: 1rem; }
.mc-student-plan-sheet small { color: var(--mc-ink-secondary); }
.mc-student-plan-timeline { list-style: none; padding: 0; margin: 16px 0; }
.mc-student-plan-timeline li { display: grid; gap: 5px; padding: 12px 0; border-bottom: 1px solid var(--mc-line); font-size: .875rem; }
.mc-student-plan-unplaced { padding-left: 20px; font-size: .875rem; line-height: 1.55; }
.mc-student-plan-unplaced li { margin: 8px 0; }
.mc-student-plan-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.mc-student-plan-question:empty { display: none; }
.mc-student-plan-question { font-weight: 600; }
[data-student-plan-content][hidden], [data-student-plan-undo][hidden] { display: none !important; }
@media (max-width:640px) {
  .mc-task-capture textarea { flex-basis: 100%; }
  .mc-task-capture__buttons { display: flex; width: 100%; gap: 8px; }
  .mc-task-capture__buttons .mc-button { flex: 1 1 0; width: auto; }
  .mc-student-plan-sheet .sheet-surface { padding: 20px; }
  .mc-student-plan-hours { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mc-student-plan-hours label:last-child { grid-column: 1 / -1; }
}
.mc-task-capture input:focus-visible, .mc-task-capture summary:focus-visible, .mc-next-options summary:focus-visible { outline: 2px solid var(--mc-blue); outline-offset: 3px; }
.mc-task-capture p { margin: 0; color: var(--mc-ink-secondary); font-size: .8125rem; line-height: 1.5; overflow-wrap: anywhere; }
.mc-task-capture__details summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 6px; font-size: .8125rem; }
.mc-task-capture small { color: var(--mc-ink-secondary); font-weight: 400; }
.mc-task-capture__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding-top: 8px; }
.mc-task-capture__fields label { display: grid; gap: 6px; font-size: .8125rem; }
.mc-task-capture__receipt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; }
.mc-task-capture__receipt p { flex: 1 1 250px; }
.mc-task-capture__receipt:has([data-quick-task-status]:empty) { display: none; }
.mc-task-capture__receipt .mc-button, .mc-next-options .mc-button { min-height: 44px; }
.mc-next-step { font-size: .9375rem; line-height: 1.55; font-weight: 600; margin-top: 16px; }
.mc-next-step:empty { display: none; }
.mc-next-options { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mc-next-options summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-size: .8125rem; }
.mc-next-options details .mc-button { display: flex; }
[data-home-task-options][hidden], [data-home-choose-another][hidden], [data-quick-task-edit][hidden], [data-quick-task-undo][hidden], [data-home-plan-undo][hidden] { display: none !important; }
[data-home-study-start] [data-next-title] { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .mc-task-capture { padding: 18px 20px; }
  .mc-task-capture__entry { flex-wrap: wrap; }
  .mc-task-capture__entry input { flex-basis: 100%; }
  .mc-task-capture__entry .mc-button { width: 100%; }
}
@media (max-width: 840px) {
  .study-trial__day-fields { grid-template-columns: 1fr; gap: 0; }
  .study-trial__day > .study-trial__day-list { grid-template-columns: 1fr; gap: 0; }
}
@media (forced-colors: active) {
  .study-trial__day, .study-trial__day-snapshot { background: Canvas; color: CanvasText; border-color: CanvasText; }
  .study-trial__day-list strong { color: CanvasText; }
}


/* Source: live-compact-v1.css */
/* One compact Live View shared by every route. Keep full details in View All. */
.app-shell .mc-weather-bar{position:relative;top:auto;width:100%;margin-bottom:10px}
.app-shell .mc-app-weather{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:5px 10px;min-height:0;border-radius:18px}
.app-shell .mc-live-header{display:contents}
.app-shell .mc-live-header .mc-live-identity{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;min-width:0}
.app-shell .mc-live-identity>img{width:26px;height:26px}
.app-shell .mc-app-weather .mc-app-weather__clock{gap:2px}
.app-shell .mc-app-weather .mc-app-weather__clock time{font-size:1rem;line-height:1.2}
.app-shell .mc-app-weather .mc-app-weather__clock small{display:none}
.app-shell .mc-live-header .mc-app-weather__details{grid-column:2;grid-row:1;justify-self:end;min-width:0}
.app-shell .mc-app-weather .mc-app-weather__details>summary{display:grid;grid-template-columns:18px auto;grid-template-rows:auto;align-items:center;gap:4px;padding:4px 8px;min-height:36px}
.app-shell .mc-app-weather .mc-app-weather__temperature{font-size:1.4rem;line-height:1.1}
.app-shell .mc-app-weather :is([data-weather-condition],.mc-app-weather__city){display:none}
.app-shell .mc-app-weather .mc-app-weather__focus{grid-column:1;grid-row:2;justify-self:start;min-width:0;min-height:36px;padding:5px 8px;font-size:.75rem}
.app-shell .mc-app-weather .mc-live-ai{grid-column:2;grid-row:2;justify-self:end;min-width:0;gap:6px;padding:5px 8px;min-height:30px}
.app-shell .mc-live-ai__battery{width:25px;height:15px;padding:2px;border-radius:4px}
.app-shell .mc-live-ai__battery::after{height:6px;top:3px}
.app-shell .mc-live-ai__heading{gap:6px;font-size:.6875rem}
.app-shell .mc-live-ai__copy small{display:none}
.app-shell .mc-app-weather .mc-live-actions{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;max-width:none;gap:5px;margin:0}
.app-shell .mc-live-actions .mc-live-icon{width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;border-radius:10px}
.app-shell .mc-live-actions .mc-live-icon svg{width:17px;height:17px}
.app-shell .mc-live-upcoming{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:64px repeat(2,minmax(0,1fr));align-items:center;gap:4px 10px;padding-top:5px}
.app-shell .mc-live-upcoming:has(.mc-live-empty){display:none}
.app-shell .mc-live-upcoming__heading{grid-column:1;grid-row:1;min-height:36px;gap:0;justify-content:flex-start}
.app-shell .mc-live-upcoming__heading>strong{display:none}
.app-shell .mc-live-upcoming__heading button{min-height:36px;padding:4px;font-size:.6875rem;white-space:nowrap}
.app-shell .mc-live-upcoming .mc-live-item{min-width:0;min-height:36px;padding:3px 0;gap:6px;align-items:center}
.app-shell .mc-live-upcoming .mc-live-item>svg,.app-shell .mc-live-upcoming .mc-live-item small{display:none}
.app-shell .mc-live-upcoming .mc-live-item__content{display:grid;gap:1px;min-width:0}
.app-shell .mc-live-upcoming .mc-live-item strong{font-size:.8125rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .mc-live-upcoming .mc-live-item .mc-live-item__timing{font-size:.6875rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell .mc-app-weather>.mc-app-weather__birds{display:block;top:0;height:10px;opacity:.2;pointer-events:none}
.app-shell .mc-live-environment{height:90px}
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-app-weather__clock time{font-size:1.2rem}
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-app-weather__temperature{font-size:1.7rem}
/* At laptop widths the rail has two short rows instead of a large card. */
@media(min-width:1100px){
 .app-shell .mc-app-weather{grid-template-columns:minmax(100px,1fr) auto auto auto;padding:6px 10px;gap:4px 10px}
 .app-shell .mc-app-weather .mc-app-weather__focus{grid-column:2;grid-row:1}
 .app-shell .mc-app-weather .mc-live-actions{grid-column:3;grid-row:1;justify-content:flex-end}
 .app-shell .mc-live-header .mc-app-weather__details{grid-column:4;grid-row:1}
 .app-shell .mc-app-weather .mc-live-ai{grid-column:4;grid-row:2}
 .app-shell .mc-live-upcoming{grid-column:1 / 4;grid-row:2;grid-template-columns:64px repeat(2,minmax(0,1fr));padding-top:2px}
}
/* Phone controls retain their existing touch size; density comes from layout. */
@media(max-width:600px){
 .app-shell .mc-app-weather{padding:6px 8px;gap:4px 6px}
 .app-shell .mc-app-weather .mc-app-weather__details>summary,.app-shell .mc-app-weather .mc-app-weather__focus{min-height:44px}
 .app-shell .mc-live-actions .mc-live-icon{width:44px;min-width:44px;height:44px;min-height:44px}
 .app-shell .mc-app-weather .mc-live-actions{gap:2px}
 .app-shell .mc-live-upcoming{grid-template-columns:45px repeat(2,minmax(0,1fr));gap:4px 7px;padding-top:4px}
 .app-shell .mc-live-upcoming__heading,.app-shell .mc-live-upcoming__heading button,.app-shell .mc-live-upcoming .mc-live-item{min-height:44px}
 .app-shell .mc-live-upcoming .mc-live-item strong{font-size:.75rem}
 .app-shell .mc-live-upcoming__heading button{padding:0;font-size:.625rem}
 .app-shell .mc-app-weather .mc-live-ai{padding:5px 7px}
}
@media(max-width:360px){.app-shell .mc-live-ai__battery{display:none}.app-shell .mc-app-weather .mc-app-weather__focus{font-size:.6875rem}}
/* Larger-text users may wrap titles and controls instead of losing content. */
.app-shell .mc-app-weather[data-live-text-size=larger] .mc-live-item strong{white-space:normal;overflow-wrap:anywhere}

/* Visible labels explain the tools without changing their existing actions. */
.app-shell .mc-app-weather .mc-live-actions{grid-column:1 / -1;grid-row:3;min-width:0;justify-content:flex-start;gap:6px;}
.app-shell .mc-live-actions .mc-live-icon{width:auto;min-width:0;max-width:100%;height:auto;min-height:44px;padding:8px 10px;gap:6px;font-size:.75rem;line-height:1.3;}
.app-shell .mc-live-actions .mc-live-action-label{display:inline;white-space:normal;}
@media(max-width:600px){.app-shell .mc-live-actions .mc-live-icon{padding:8px;}.app-shell .mc-app-weather .mc-live-actions{gap:5px;}}


/* Source: student-mobile-v1.css */
/* Shared iPhone layout: content flows above navigation and Safari chrome. */
.app-shell {--mc-mobile-nav-clearance:calc(100px + env(safe-area-inset-bottom,0px));}
.ai-message__content :is(p,ul,ol,pre,h3,h4) {margin:0 0 12px;}
.ai-message__content :is(ul,ol) {padding-left:1.4em;}
.ai-message__content li {margin-bottom:6px;line-height:1.6;}
.ai-message__content h3 {font-size:1.1em;line-height:1.4;}
.ai-message__content pre {white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:var(--mc-glass-subtle);border-radius:12px;}
.ai-message__content code {font-size:.9em;}
.ai-message__content > :last-child {margin-bottom:0;}
.ai-voice-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.app-shell .ai-composer .ai-voice-actions {flex:1 1 auto;min-width:0;}
.app-shell .ai-composer .mc-voice-control [data-voice-start] {min-width:44px;padding:8px 12px;font-size:.8125rem;color:var(--mc-ink);border:1px solid var(--mc-line);background:var(--mc-surface);box-shadow:none;}
.app-shell .ai-composer [data-ai-send] {margin-left:auto;min-width:90px;padding:8px 14px;}
.app-shell .ai-composer .ai-voice-actions:has(.mc-voice-disclosure:not([hidden])) {flex-basis:100%;}
.mc-voice-control {display:grid;gap:8px;min-width:0;}
.mc-voice-control [hidden] {display:none!important;}
.mc-voice-control button,.ai-listen-reply {min-height:44px;min-width:44px;touch-action:manipulation;}
.mc-voice-control button {display:inline-flex;justify-content:center;align-items:center;gap:7px;}
.mc-voice-control svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;}
.mc-voice-disclosure {padding:12px;border:1px solid var(--mc-line);border-radius:14px;background:var(--mc-surface-elevated);font-size:.8125rem;line-height:1.5;}
.mc-voice-disclosure p {margin:0 0 8px;}
.mc-voice-status {margin:0;color:var(--mc-ink-secondary);font-size:.8125rem;line-height:1.5;}
.mc-voice-status:empty {display:none;}
.mc-voice-control[data-voice-state=recording] [data-voice-start] {color:var(--mc-danger);border-color:currentColor;}
.mc-spoken-toggle {display:flex;align-items:center;gap:8px;font-size:.8125rem;min-height:44px;}
.mc-spoken-toggle input {width:18px;height:18px;accent-color:var(--mc-blue);}
.mc-voice-plan-entry {display:grid;gap:10px;padding:16px;border:1px solid var(--mc-line);border-radius:var(--mc-radius-md);background:var(--mc-surface-elevated);}
.mc-voice-plan-entry label {font-weight:650;}
.mc-voice-plan-entry textarea {width:100%;box-sizing:border-box;min-height:68px;max-width:100%;font:inherit;font-size:1rem;padding:12px;border:1px solid var(--mc-line);border-radius:12px;color:var(--mc-ink);background:var(--mc-surface);resize:vertical;}
.mc-voice-plan-entry__actions {display:flex;gap:8px;flex-wrap:wrap;align-items:start;}
@media(max-width:1100px) {
 .app-shell .study-page-header {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;}
 .app-shell .study-page-header > div {min-width:0;}
 .app-shell .study-page-header .page-header__actions {position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;}
 .app-shell .study-page-header .page-header__actions .mc-button {width:100%;min-width:0;padding:10px 8px;white-space:normal;font-size:.875rem;line-height:1.4;}
 .app-shell .study-page-header .page-header__actions .mc-button span {display:inline;}
 .app-shell .study-page-header .page-header__actions .mc-button svg {flex:none;}
}
@media(max-width:900px) {
 .app-shell .app-main {padding-bottom:calc(var(--mc-mobile-nav-clearance) + 24px);}
 .app-shell[data-active-view=ai] .ai-conversation-card {height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible;}
 .app-shell[data-active-view=ai] .ai-message-list {max-height:min(45dvh,420px);min-height:160px;overflow:auto;overscroll-behavior:contain;}
 .app-shell[data-active-view=ai] .ai-conversation-header {position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px;gap:10px;}
 .app-shell[data-active-view=ai] .ai-conversation-header h2 {font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
 .app-shell[data-active-view=ai] .ai-conversation-header [data-ai-conversation-context],
 .app-shell[data-active-view=ai] .ai-learning-context,.app-shell[data-active-view=ai] .ai-conversation-header .eyebrow {display:none;}
 .app-shell[data-active-view=ai] .ai-composer {position:relative;bottom:auto;z-index:1;order:4;margin:8px 10px 12px;background:var(--mc-surface-elevated);box-shadow:var(--mc-shadow-subtle);}
 .app-shell[data-active-view=ai] .ai-composer textarea {font-size:1rem;min-height:54px;max-height:120px;}
 .app-shell[data-active-view=ai] .ai-composer__bottom {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
 .app-shell[data-active-view=ai] [data-ai-composer-note] {display:none;}
 .app-shell[data-active-view=ai] .ai-verify-note {font-size:.75rem;line-height:1.5;padding:12px 14px;}
 .app-shell[data-active-view=ai] .ai-context-card {padding:14px;gap:8px;}
 .app-shell[data-active-view=ai] .ai-context-card h2 {font-size:1rem;}
 .app-shell[data-active-view=ai] .ai-message {max-width:100%;padding:14px;}
 .app-shell[data-active-view=ai] .ai-message--student {max-width:92%;margin-left:auto;}
 .app-shell[data-active-view=ai] .ai-message--assistant {background:var(--mc-surface-elevated);border-color:var(--mc-line);box-shadow:none;}
 .app-shell[data-keyboard-open=true] .mc-nav--mobile {display:none;}
 .app-shell[data-keyboard-open=true] {--mc-mobile-nav-clearance:12px;}
 .app-shell[data-keyboard-open=true] .ai-composer {position:static;}
}
@media(max-width:360px) {.app-shell .study-page-header .page-header__actions {grid-template-columns:minmax(0,1fr);}}


/* Voice settings use their own surface so the composer keeps its space. */
.mc-tutor-voice-dialog {width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;margin:auto;padding:20px;border:1px solid var(--mc-line);border-radius:24px;background:var(--mc-surface-elevated);color:var(--mc-ink);box-shadow:var(--mc-shadow-sheet);}
.mc-tutor-voice-dialog::backdrop {background:rgba(5,14,35,.4);backdrop-filter:blur(6px);}
.mc-tutor-voice-dialog > header {display:flex;justify-content:space-between;align-items:center;gap:16px;}
.mc-tutor-voice-dialog h2 {margin:0;font-size:1.4rem;}
.mc-tutor-voice-dialog button {min-height:44px;}
.mc-tutor-voice__panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:18px;}
.mc-tutor-voice__panel label {display:grid;gap:6px;min-width:0;font-size:.8125rem;}
.mc-tutor-voice__panel select {width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid var(--mc-line);border-radius:10px;background:var(--mc-surface);color:var(--mc-ink);font:inherit;font-size:1rem;}
.mc-tutor-voice__panel > :is(button,p) {grid-column:1 / -1;}
.mc-tutor-voice__panel > button {justify-self:start;}
.mc-tutor-voice-dialog :is(button,select):focus-visible {outline:3px solid var(--mc-blue);outline-offset:3px;}
@media(max-width:440px) {.mc-tutor-voice__panel {grid-template-columns:minmax(0,1fr);}}

.mc-coda-audio{display:block;width:min(100%,300px);height:36px;margin:8px 0}.mc-coda-preview-player{grid-column:1/-1;min-width:0}.mc-coda-preview-player:empty{display:none}


/* Source: course-study-flow-v1.css */
.course-study-flow{display:grid;gap:12px;min-width:0;color:var(--mc-ink)}
.course-study-flow>h3{margin:0;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;letter-spacing:-.03em}
.course-study-flow>.eyebrow{margin:0}
.course-study-flow__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}
.course-study-flow__step{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-surface)}
.course-study-flow__step h4,.course-study-flow__step p{margin:0}
.course-study-flow__step p{color:var(--mc-ink-secondary);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.course-study-flow__step .mc-button{margin-top:auto;min-height:44px;max-width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere}
.course-study-flow__step .mc-button:focus-visible,.course-options summary:focus-visible{outline:3px solid var(--mc-blue);outline-offset:3px}
.course-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;padding:8px}
.course-options[open]{flex-basis:100%}
.course-options__actions{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0}
.flashcard-review{display:grid;gap:16px;min-width:0}
.flashcard-review__content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.6;margin:0}
.flashcard-review__actions{display:flex;flex-wrap:wrap;gap:8px}
.flashcard-review__actions .mc-button{min-height:44px;white-space:normal;max-width:100%}
.flashcard-review__source{margin:0;padding:12px;border-left:3px solid var(--mc-line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}
@media(max-width:680px){.course-study-flow__steps{grid-template-columns:1fr;gap:10px}.course-study-flow__step{padding:12px}.course-study-flow__step .mc-button{width:100%}.course-detail-hero__actions{justify-content:flex-start}.flashcard-review__actions .mc-button{flex:1 1 140px}}


/* Source: maps-learning-v1.css */
.learning-guide{--learn-ink:var(--mc-text-primary,#173d3c);--learn-muted:var(--mc-text-secondary,#526a70);--learn-paper:var(--mc-surface,#fff);--learn-line:var(--mc-border,#ccdcd5);color:var(--learn-ink);margin:1rem 0 2rem;min-width:0;isolation:isolate}.learning-guide *{box-sizing:border-box}.learning-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.learning-top h2{margin:.25rem 0;font-size:clamp(1.4rem,3vw,2rem);overflow-wrap:anywhere}.learning-eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:750;color:var(--learn-muted);margin:.4rem 0}.learning-position{color:var(--learn-muted);font-size:.9rem}.learning-path{display:flex;gap:.5rem;overflow-x:auto;padding:.35rem .2rem .8rem;scrollbar-width:thin}.learning-path .learning-stop{flex:0 0 auto;max-width:220px;min-height:44px;border-radius:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;background:var(--learn-paper);border:1px solid var(--learn-line);color:var(--learn-muted)}.learning-stop[aria-current=true]{background:#166d68!important;color:#fff!important;border-color:#166d68!important}.learning-body{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.learning-visual{position:relative;min-height:370px;border-radius:28px;border:1px solid var(--learn-line);background:radial-gradient(ellipse at 50% 50%,#90d6cc38,transparent 65%),var(--learn-paper);overflow:hidden}.learning-visual svg{width:100%;height:100%;position:absolute;inset:0}.learning-line{fill:none;stroke:#a3bdb8;stroke-width:2}.learning-line.is-current{stroke:#238f80;stroke-width:3;stroke-dasharray:8 5;animation:learning-flow 4s linear infinite}.learning-line.is-example{stroke:#c39b65;stroke-dasharray:4 5}.learning-visual .learning-bubble{position:absolute;transform:translate(-50%,-50%);margin:0;border:1px solid var(--learn-line);background:var(--learn-paper);color:var(--learn-ink);border-radius:18px;min-height:48px;padding:.7rem;font:inherit;line-height:1.35;text-align:center;box-shadow:0 8px 25px #173d3c0a;overflow-wrap:anywhere}.learning-bubble.is-parent{top:13%;left:50%;width:66%;max-width:280px;font-size:.8rem;min-height:44px}.learning-bubble.is-current{top:51%;left:50%;width:38%;background:#166d68;color:white;border-color:#58c0af;box-shadow:0 0 0 6px #51bda61c,0 14px 35px #166d6829;z-index:1}.learning-bubble.is-current small{display:block;font-size:.6rem;letter-spacing:.12em;margin-bottom:.5rem;color:#d2f3e9}.learning-bubble.is-current strong{font-size:clamp(.88rem,1.3vw,1.15rem)}.learning-bubble.is-related{top:51%;width:27%;font-size:.75rem;cursor:pointer}.learning-bubble.is-left{left:15%}.learning-bubble.is-right{left:85%}.learning-bubble.is-everyday{top:84%;left:50%;width:48%;background:#fff1dd;color:#654319;border-color:#e6cba5;font-size:.78rem}.learning-visual-caption{position:absolute;bottom:.1rem;width:100%;text-align:center;font-size:.65rem;color:var(--learn-muted);padding:0 .5rem}.learning-card{padding:clamp(1rem,2vw,1.6rem);border:1px solid var(--learn-line);border-radius:28px;background:var(--learn-paper);min-width:0;box-shadow:0 10px 35px #173d3c08}.learning-card h3{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3;margin:1rem 0 .7rem;overflow-wrap:anywhere}.learning-card p{line-height:1.65;overflow-wrap:anywhere}.learning-explanation{white-space:pre-wrap}.learning-phases{display:flex;gap:.3rem;border-bottom:1px solid var(--learn-line);padding-bottom:.65rem}.learning-phases button{flex:1;min-height:44px;padding:.4rem .5rem;border-radius:12px;background:transparent;border:0;color:var(--learn-muted);font-size:.8rem}.learning-phases button[aria-pressed=true]{background:#dcf0e9;color:#15564f;font-weight:750}.learning-connection{border-left:3px solid #75b8a3;padding:.75rem 1rem;background:#77bda710;border-radius:0 14px 14px 0;font-size:.88rem}.learning-connection p{margin:.4rem 0 0}.learning-note{font-size:.78rem;color:var(--learn-muted)}.learning-source,.learning-transcript{font-size:.85rem;line-height:1.6;margin:1rem 0}.learning-source summary,.learning-transcript summary{cursor:pointer;min-height:44px;padding:.65rem 0}.learning-source blockquote{margin:.4rem 0;border-left:2px solid #70a99a;padding-left:1rem;white-space:pre-wrap}.learning-card label{display:block;font-size:.85rem;line-height:1.5}.learning-card textarea{display:block;width:100%;min-height:95px;margin:.5rem 0;padding:.8rem;border:1px solid var(--learn-line);border-radius:14px;background:var(--learn-paper);color:var(--learn-ink);font:inherit;resize:vertical}.learning-card>.mc-button{margin:.4rem .3rem .3rem 0;min-height:44px;white-space:normal}.learning-example{font-size:1.1rem;line-height:1.7;background:#edbb6f15;border-radius:18px;padding:1rem}.learning-question{font-size:1.15rem;font-weight:650}.learning-reasoning{padding:1rem;border-radius:16px;border:1px solid var(--learn-line);line-height:1.7;white-space:pre-wrap}.learning-footer{display:flex;align-items:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.learning-footer button{min-height:44px;white-space:normal}.learning-footer .mc-button--primary{margin-left:auto;max-width:55%}.learning-transcript p{white-space:pre-wrap;max-height:420px;overflow:auto;padding:1rem;background:var(--learn-paper);border-radius:16px}.learning-feedback{font-size:.85rem}.learning-guide.is-quiet .learning-visual,.learning-guide.is-quiet .learning-path{display:none}.learning-guide.is-quiet .learning-body{grid-template-columns:minmax(0,680px);justify-content:center}.maps-learn-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.maps-learn-toolbar button{min-height:44px}.learning-sample-banner{padding:1rem 1.2rem;border:1px solid var(--mc-border,#ccdcd5);border-radius:20px;background:var(--mc-surface,#fff);display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}.learning-sample-banner p{margin:.2rem 0;font-size:.9rem}.mind-map-export-menu[open]{z-index:50}.mind-map-toolbar{position:relative;z-index:5}.mind-map-export-menu__options{z-index:60!important}
@keyframes learning-flow{to{stroke-dashoffset:-52}}@media(prefers-reduced-motion:reduce){.learning-line.is-current{animation:none}.learning-guide *{scroll-behavior:auto!important}}@media(max-width:780px){.learning-body{grid-template-columns:minmax(0,1fr)}.learning-visual{min-height:300px}.learning-card{border-radius:22px}.learning-footer .mc-button--primary{max-width:100%;flex:1 1 100%;margin:0}.learning-top{align-items:flex-start}.learning-top>.mc-button{flex-shrink:0;font-size:.8rem;padding:.55rem}.learning-bubble.is-current strong{font-size:.9rem}.learning-path .learning-stop{max-width:185px}.learning-visual-caption{font-size:.6rem}}@media(max-width:370px){.learning-visual{min-height:270px}.learning-bubble.is-related{font-size:.65rem;padding:.4rem}.learning-bubble.is-current{padding:.6rem}.learning-phases button{font-size:.75rem}.learning-top h2{font-size:1.3rem}}
/* Existing app-wide button motion and minimum widths must not move diagram nodes or stretch lesson cards. */
.learning-guide{width:100%;max-width:100%}.learning-top>div,.learning-body>*{min-width:0}.learning-guide .mc-button{min-width:0}.learning-path{max-width:100%;min-width:0}.learning-visual .learning-bubble{transform:translate(-50%,-50%)!important}.learning-phases{min-width:0}.learning-phases .mc-button{min-width:0;max-width:100%;flex:1 1 0}.learning-sample-banner>*{min-width:0}
.learning-guide .mc-button{min-width:0!important}.learning-guide .learning-phases .mc-button{padding:.45rem .3rem!important;font-size:.8rem!important}.learning-visual .learning-bubble.mc-button{padding:.6rem!important;font-size:.78rem!important;border-radius:18px!important}.learning-guide .learning-path .mc-button{font-size:.8rem!important;padding:.6rem .85rem!important;border-radius:100px!important}

.learning-music{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;margin:0 0 .7rem}.learning-music label{display:flex;align-items:center;gap:.5rem;color:var(--learn-muted);font-size:.8rem}.learning-music input{width:100px;min-width:0;accent-color:#166d68}.learning-music .learning-note:empty{display:none}.learning-music .mc-button{min-height:44px}.learning-music button[aria-pressed=true]{background:#d9f1e7;color:#154c40}
.learning-quick-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.learning-quick-actions button{min-height:44px;white-space:normal}.learning-overview{margin-top:1rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--learn-line);border-radius:24px;background:var(--learn-paper)}.learning-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.learning-overview h3{margin:0;font-size:1.1rem}.learning-overview p{line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.learning-overview summary,.learning-ambience summary{cursor:pointer;min-height:44px;padding:.75rem 0}.learning-ambience{margin-top:.5rem;color:var(--learn-muted);font-size:.85rem}.learning-ambience .study-music{margin-bottom:1rem}@media(max-width:600px){.learning-top{align-items:flex-start;flex-direction:column}.learning-quick-actions{width:100%}.learning-quick-actions .mc-button--primary{flex:1}.learning-body{gap:.75rem}.learning-visual{min-height:290px}.learning-path{margin-bottom:.25rem}.learning-overview{border-radius:20px}.learning-overview-heading{align-items:flex-start}.learning-overview-heading button{min-height:44px;flex-shrink:0}.learning-top h2{font-size:1.4rem}}


/* Source: map-atlas-v1.css */
.map-atlas,.atlas-preview{--atlas-paper:#faf9f4;--atlas-ink:#202f33;--atlas-muted:#425955;--atlas-line:#c5d3ca;--atlas-fill:#dcf3e8;--atlas-action:#135c4c;color:var(--atlas-ink)}
.theme-dark .map-atlas,.theme-dark .atlas-progress,.theme-dark .atlas-preview{--atlas-paper:#202c30;--atlas-ink:#f0f6f1;--atlas-muted:#c2d2c8;--atlas-line:#546861;--atlas-fill:#264e43;--atlas-action:#a9efd5}
.map-atlas,.map-atlas *,.atlas-preview,.atlas-preview *{box-sizing:border-box}
.map-atlas.learning-visual,.map-atlas{background:var(--atlas-paper);border:1px solid var(--atlas-line);border-radius:20px;overflow:hidden;min-width:0;min-height:0;align-self:start}
.map-atlas button,.atlas-preview button{font:inherit;cursor:pointer;white-space:normal}
.atlas-head,.atlas-tabs,.atlas-paging,.atlas-camera{display:flex;gap:.4rem;align-items:center}
.atlas-head{padding:.9rem 1rem;justify-content:space-between;flex-wrap:wrap}
.atlas-eyebrow,.atlas-count,.atlas-number,.atlas-context{font:700 .76rem/1.4 ui-monospace,monospace;letter-spacing:.045em}
.atlas-eyebrow{color:var(--atlas-muted);margin:0}
.atlas-tabs{flex-wrap:wrap}.atlas-tabs button,.atlas-paging button,.atlas-camera button{min-height:44px;min-width:44px;border:1px solid var(--atlas-line);border-radius:12px;padding:.4rem .7rem;background:transparent;color:var(--atlas-ink);font-weight:650}
.atlas-tabs button[aria-pressed=true]{background:var(--atlas-action);color:var(--atlas-paper)}
.atlas-figure,.atlas-mini{--lit:#8ae7d2;--sky:#193b40;position:relative;isolation:isolate;background:radial-gradient(ellipse at 60% 62%,var(--sky),transparent 70%),#102128;color:white}
[data-template=trail]{--lit:#ffd193;--sky:#503929}[data-template=layers]{--lit:#a1c8ff;--sky:#354050}
[data-template=trail] .atlas-figure,[data-template=layers] .atlas-figure{--lit:inherit;--sky:inherit}
.atlas-figure::before,.atlas-mini::before{position:absolute;content:"";inset:0;z-index:-1;background-image:radial-gradient(#ffffff38 .7px,transparent .9px);background-size:17px 17px;pointer-events:none}
.atlas-figure{padding:.95rem;border-radius:14px;margin:0 .75rem}.atlas-caption{display:flex;align-items:center;justify-content:space-between;color:var(--lit);gap:.5rem}.atlas-caption .atlas-eyebrow{color:inherit}
.atlas-name{font:600 1.2rem/1.2 Georgia,serif;color:#fff}
.map-atlas .atlas-scene,.atlas-preview .atlas-scene{position:static;display:block;width:100%;height:auto;overflow:visible}
.atlas-mark{cursor:pointer}.atlas-camera{justify-content:flex-end}.atlas-camera button{border-color:#789196;color:white;line-height:1;font-size:1.15rem}.atlas-camera button:disabled{opacity:.45}
.atlas-key{padding:1rem}.atlas-detail{margin:.35rem 0 .7rem;font-size:1rem;line-height:1.45;color:var(--atlas-ink)}
.atlas-list{list-style:none;padding:0;margin:0}.atlas-list li{list-style:none;margin:0}
.atlas-key .atlas-entry{width:100%;display:flex;gap:.65rem;align-items:center;min-height:44px;text-align:left;background:transparent;color:var(--atlas-ink);border:0;border-bottom:1px solid var(--atlas-line);padding:.55rem;border-radius:0;font:600 1rem/1.45 system-ui,sans-serif}
.atlas-key .atlas-entry[aria-current=true]{background:var(--atlas-fill);border-radius:9px}
.atlas-number{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;flex:none;border:1px solid currentColor;color:var(--atlas-action);border-radius:50%}
.atlas-title{min-width:0;overflow-wrap:anywhere}.atlas-context{margin-left:auto;color:var(--atlas-muted)}.atlas-paging{margin-top:.7rem}
.atlas-progress{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:.65rem;row-gap:.65rem;color:var(--atlas-ink,var(--mc-text-primary,#203631));margin:.65rem 0 1rem;min-width:0}
.atlas-progress strong{font:650 1rem/1.4 system-ui,sans-serif}.atlas-count{color:var(--atlas-muted,var(--mc-text-secondary,#435b54));text-align:right}
.atlas-track{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:space-around;height:14px;isolation:isolate;color:var(--atlas-action,#29675b)}
.atlas-track::before{content:"";position:absolute;inset:6px 0;z-index:-1;background:linear-gradient(to right,currentColor var(--reviewed),var(--atlas-line,#a9c1b6) var(--reviewed));border-radius:4px}
.atlas-track i{width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background:var(--atlas-paper,var(--mc-surface-primary,#fff))}.atlas-track i.lit{background:currentColor;border-radius:2px;transform:rotate(45deg)}
.map-atlas button:focus-visible,.atlas-preview :is(button,a):focus-visible{outline:3px solid #598dc7;outline-offset:2px}
.learning-guide .learning-path .learning-stop{white-space:normal;overflow-wrap:anywhere}.learning-guide .learning-card p{font-size:max(1rem,16px);line-height:1.6}
@media(forced-colors:active){.atlas-track::before{background:CanvasText}.atlas-track i.lit{background:Highlight}.atlas-figure,.atlas-mini{forced-color-adjust:none}}

/* The comparison always keeps all three diagrams in view. On a phone the
   selected diagram also opens at full reading width above the common key. */
@font-face{font-family:Atlas Display;src:url('/fonts/bricolage-grotesque-v1.woff2') format('woff2');font-display:swap;font-weight:100 900}
.atlas-preview{margin:0;background:var(--atlas-paper);font:1rem/1.5 system-ui,sans-serif;min-height:100vh}
.atlas-preview main{max-width:1184px;padding:1.2rem clamp(.85rem,3.5vw,3rem) 3rem;margin:auto}
.preview-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--atlas-line);padding-bottom:.7rem}
.preview-brand a{font:750 1.4rem/1.2 'Atlas Display',system-ui,sans-serif;color:inherit;text-decoration:none}
.atlas-preview :is(.preview-brand,#covered) button{min-height:44px;padding:.5rem .9rem;border-radius:99px;border:1px solid var(--atlas-line);background:var(--atlas-paper);color:var(--atlas-ink);font-weight:600}
.preview-intro{margin:1.5rem 0 1.1rem}.preview-intro h1{font:700 clamp(2.1rem,5.5vw,4.1rem)/1.08 'Atlas Display',system-ui,sans-serif;letter-spacing:-.04em;margin:.3rem 0}
.preview-intro>p:last-child,.idea-notes{font-size:1.04rem;line-height:1.6;color:var(--atlas-muted);margin:.45rem 0}
#comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.atlas-preview .atlas-mini{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;border:2px solid transparent;border-radius:18px;padding:1rem;color:#fff}
.atlas-mini[aria-pressed=true]{outline:3px solid var(--atlas-action);outline-offset:2px}
.atlas-mini .atlas-eyebrow,.atlas-figure .view-instruction{color:var(--lit,#b2f1e6)}
.atlas-mini strong{font:650 clamp(1.05rem,2.6vw,2rem)/1.2 'Atlas Display',system-ui,sans-serif;margin:.25rem 0}
.mini-caption,.view-instruction{font-size:1rem;line-height:1.4}
.preview-reading{display:grid;grid-template-columns:1fr 1.15fr;align-items:start;gap:clamp(1rem,4vw,3rem);margin:1.65rem 0}
.atlas-preview h2{font:660 1.35rem/1.25 'Atlas Display',system-ui,sans-serif;margin:.25rem 0 .6rem}
.preview-reading .atlas-key{padding:0}.preview-reading article{background:var(--atlas-fill);padding:1.1rem clamp(1rem,2.5vw,1.7rem);border-radius:16px}
.review-check{display:flex;align-items:center;min-height:44px;gap:.55rem;font-weight:600}.review-check input{width:1.15rem;height:1.15rem;accent-color:var(--atlas-action)}
.preview-open{display:inline-block;color:var(--atlas-action);font-weight:650;padding:.65rem 0}.atlas-preview #phone-view{display:none}
#covered[open]{width:100%;height:100%;max-width:100%;max-height:100%;border:0;background:var(--atlas-paper);color:var(--atlas-ink);padding:1.5rem;display:grid;place-items:center}#covered>div{max-width:30rem}
@media(max-width:700px), (pointer:coarse) and (orientation:landscape) and (max-height:500px){
  .atlas-preview main{padding-top:.55rem}.preview-intro{margin:1rem 0}.preview-intro p:last-child{margin-top:.4rem;line-height:1.4}
  #comparison{gap:.45rem}.atlas-preview .atlas-mini{padding:.5rem .45rem .2rem;border-radius:10px}
  .atlas-mini .atlas-eyebrow,.atlas-mini .mini-caption{display:none}.atlas-mini strong{margin:0}
  .atlas-preview #phone-view{display:block;margin:.8rem 0}.atlas-preview #phone-view .atlas-figure{margin:0;padding:.8rem .95rem}
  .preview-reading{grid-template-columns:minmax(0,1fr);gap:.8rem;margin:1rem 0}.preview-reading .atlas-key .atlas-entry{min-height:44px}
}
@media(prefers-color-scheme:dark){.atlas-preview{--atlas-paper:#18262a;--atlas-ink:#f0f6f1;--atlas-muted:#c2d2c8;--atlas-line:#526861;--atlas-fill:#284239;--atlas-action:#a9efd5}}

.map-recall-card{position:relative;display:grid;gap:.55rem;margin:.35rem 1rem 1.1rem;padding:1.1rem 1.2rem;background:#fff8e6;color:#263733;border:1px solid #cbbd9b;border-inline-start:5px solid #d6a950;border-radius:12px;box-shadow:2px 3px 0 #ddd3ba,4px 6px 0 #efe7d7;min-width:0;overflow-wrap:anywhere}
.map-recall-card[data-face=back]{background:#e5f4ec;border-inline-start-color:#4a937a}.map-recall-card strong{font:680 1.22rem/1.25 system-ui,sans-serif}.map-recall-card p{margin:0;font:1rem/1.55 system-ui,sans-serif;white-space:pre-wrap}.map-recall-card .atlas-eyebrow{color:#495e58}.atlas-flip{justify-self:start;min-height:44px;padding:.45rem .8rem;color:#203e35;background:#fffdf6;border:1px solid #879d90;border-radius:8px}

.atlas-relation{margin:.3rem 1rem 1rem;border-inline-start:3px solid var(--atlas-action,#2d7861);padding:.4rem .8rem;background:var(--atlas-fill,#e6f4ec);color:var(--atlas-ink);overflow-wrap:anywhere}.atlas-relation strong{display:block;line-height:1.5}.atlas-relation p{margin:.3rem 0;font-size:1rem;line-height:1.5}.preview-reading .map-recall-card{margin:.6rem 0 1rem}.card-library-list{display:grid;gap:.5rem}.card-library-nav{display:flex;gap:.5rem;flex-wrap:wrap}.card-library-list button,.card-library-nav button{font:inherit;min-height:44px;white-space:normal;overflow-wrap:anywhere}.card-review-check{display:flex;align-items:center;gap:.5rem;min-height:44px}

.maps-studio-entry{margin:1rem 0 1.4rem;display:grid;gap:.85rem}.maps-studio-entry h2{margin:.2rem 0;font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.1}.maps-studio-entry p{margin:.35rem 0}.maps-studio-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.maps-studio-choices .atlas-mini{box-sizing:border-box;display:block;width:100%;min-width:0;padding:clamp(.4rem,1.4vw,1rem);text-align:left;color:#fff;border:1px solid #627a7b;border-radius:14px;overflow:hidden}.maps-studio-choices .atlas-mini strong{display:block}.maps-studio-choices .atlas-scene{display:block;width:100%;height:auto}.maps-studio-entry .card-library-nav{align-items:center;gap:.8rem}.maps-deck-preview{display:flex;align-items:center;justify-content:center;padding:1rem;min-height:92px;background:#263d40;border-radius:13px}.maps-template-face{display:grid;align-content:center;background:#fff5d9;border:1px solid #adbcaa;border-radius:6px;min-width:0;width:46%;min-height:48px;padding:.4rem .5rem;transform:rotate(-5deg);color:#243932}.maps-template-face+div{background:#d9efe4;transform:rotate(4deg);margin-left:-3px}.maps-template-face small{font:700 .68rem monospace}.maps-template-face strong{font:650 .86rem/1.2 system-ui;overflow-wrap:anywhere}
@media(max-width:600px){.maps-studio-choices{gap:.35rem}.maps-studio-choices .mini-caption{display:none}.maps-studio-choices .atlas-mini strong{font-size:1rem}}
/* Keep the printed card ink legible inside the app's global SVG icon theme. */
.atlas-scene g text{fill:#182c31!important;stroke:none}.atlas-scene g text:first-of-type{fill:#375451!important}


/* Source: learning-demo-v1.css */
/* Local, authored learning demo; shares MindCoda's existing theme tokens. */
.demo-experience-tabs { display:flex;gap:6px;max-width:450px;padding:5px;border:1px solid var(--mc-line);border-radius:18px;margin:0 0 24px;background:var(--mc-glass-subtle); }
.demo-experience-tabs button { flex:1;min-height:48px;padding:10px 18px;border:0;border-radius:13px;background:transparent;color:var(--mc-ink-secondary);font:inherit;font-weight:700;cursor:pointer; }
.demo-experience-tabs [aria-selected="true"] { background:var(--mc-glass-strong);color:var(--mc-ink);box-shadow:var(--mc-shadow-subtle); }
.learning-demo { --ld-accent:var(--mc-teal);border:1px solid var(--mc-line);border-radius:28px;padding:clamp(18px,3.2vw,36px);background:var(--mc-glass-subtle);box-shadow:var(--mc-shadow-elevated); }
.learning-demo [hidden], [data-plan-demo-panel][hidden] { display:none!important; }
.learning-demo button, .learning-demo input, .learning-demo textarea { font:inherit; }
.learning-demo button { cursor:pointer; }
.learning-demo :is(button,input,textarea,summary,[role="button"]):focus-visible { outline:3px solid var(--mc-teal);outline-offset:4px; }
.ld-header { display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap; }
.ld-header h3 { font-size:clamp(1.5rem,3.2vw,2.1rem);letter-spacing:-.035em;margin:7px 0 10px;line-height:1.2; }
.ld-badge { border:1px solid var(--mc-line);border-radius:99px;padding:7px 11px;color:var(--mc-ink-secondary);font-size:.72rem;white-space:nowrap; }
.ld-courses,.ld-map-actions,.ld-topic-actions { display:flex;gap:8px;flex-wrap:wrap; }
.ld-courses { margin:18px 0 20px; }
.learning-demo :is(.ld-courses,.ld-map-actions,.ld-topic-actions) button { min-height:42px;padding:9px 14px;border:1px solid var(--mc-line);border-radius:12px;background:var(--mc-glass-standard);color:var(--mc-ink);font-weight:650; }
.ld-courses button[aria-pressed="true"] { border-color:var(--mc-teal);box-shadow:inset 0 0 0 1px var(--mc-teal); }
.ld-source { margin:0 0 22px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-glass-standard); }
.ld-source summary { padding:14px 16px;font-size:.875rem;font-weight:650;cursor:pointer; }
.ld-source p { margin:0;padding:0 16px 18px;max-width:85ch;font-size:.9rem;line-height:1.75;color:var(--mc-ink-secondary); }
.ld-intro { display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:24px 0; }
.ld-intro h4 { font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px; }
.ld-intro p { color:var(--mc-ink-secondary);line-height:1.7;max-width:39ch;margin:0 0 22px; }
.ld-seed { min-height:215px;display:grid;place-items:center;position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse,rgba(115,166,236,.17),transparent 65%); }
.ld-seed-ring { position:absolute;border:1px solid var(--mc-line-strong);width:230px;height:160px;border-radius:50%;transform:rotate(-24deg); }
.ld-seed-ring+ .ld-seed-ring { transform:rotate(34deg);width:175px;height:210px; }
.ld-seed-note { position:relative;transform:rotate(-5deg);width:175px;padding:24px;border:1px solid var(--mc-line-strong);border-radius:18px;background:var(--mc-glass-strong);box-shadow:var(--mc-shadow-elevated); }
.ld-seed-note strong { font-size:1rem;display:block;margin-bottom:14px; }
.ld-seed-note i { display:block;height:5px;border-radius:8px;background:var(--mc-line-strong);margin:10px 0; }.ld-seed-note i:last-child { width:65%;background:var(--mc-teal);opacity:.6; }
.ld-workspace { outline:none; }
.ld-workspace-head { display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px; }
.ld-opened { font-size:.8rem;color:var(--mc-ink-secondary); }
.ld-grid { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:22px;align-items:start; }
.ld-map { background:#0b1530;border:1px solid rgba(163,190,255,.2);border-radius:22px;overflow:hidden;position:relative; }
.ld-map-label { color:#bdcbe5;font-size:.68rem;letter-spacing:.16em;font-weight:700;padding:18px 20px 0; }
.ld-map svg { display:block;width:100%;height:360px;touch-action:pan-y;user-select:none; }
.ld-map svg text { stroke:none; }
.ld-orbit { fill:none;stroke:#7a99da;stroke-width:1;opacity:.13; }.ld-orbit--inner { stroke-dasharray:3 6;opacity:.19; }
.ld-edge { stroke:#6c8ccf;stroke-width:1.2;opacity:.45;transition:stroke .2s,opacity .2s; }.ld-edge.is-selected { stroke:#a6edda;stroke-width:2;opacity:1;stroke-dasharray:5 5; }
.ld-hub circle { fill:#3769cd;stroke:#96b7ff;stroke-width:1.5; }.ld-hub text { fill:#e1eaff;font-size:13px;font-weight:700; }
.ld-node { cursor:pointer; }.ld-node circle { fill:#233b6a;stroke:#7697db;stroke-width:1.4; }.ld-node text { fill:#dae6ff;font-size:13px;font-weight:600; }
.ld-node-check { fill:#c7f5e3!important;font-size:15px!important; }
.ld-node:is(:hover,:focus-visible,.is-selected) circle { fill:#436ec1;stroke:#b6f2df;stroke-width:2.5;filter:drop-shadow(0 0 8px #7db7e366); }
.ld-node.is-selected text { fill:#c7f5e3; }
.ld-camera { display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 15px; }
.ld-camera span { color:#a9b9d7;font-size:.7rem; }.ld-camera div { display:flex;gap:6px; }.ld-camera button { min-width:38px;min-height:38px;border:1px solid #46618d;border-radius:10px;background:#172744;color:#dce8ff;font-size:1rem; }
.ld-topic-list { display:flex;gap:7px;flex-wrap:wrap;margin-top:12px; }
.ld-topic-list button { min-height:38px;border:1px solid var(--mc-line);border-radius:99px;padding:7px 11px;background:var(--mc-glass-standard);color:var(--mc-ink-secondary);font-size:.76rem; }
.ld-topic-list [aria-pressed="true"] { color:var(--mc-ink);border-color:var(--mc-teal); }
.ld-detail,.ld-editor,.ld-pick { padding:23px;border:1px solid var(--mc-line);border-radius:22px;background:var(--mc-glass-standard); }
.ld-detail h4,.ld-editor h4 { font-size:1.5rem;margin:9px 0 14px;letter-spacing:-.03em; }
.ld-detail>p { color:var(--mc-ink-secondary);line-height:1.7;font-size:.95rem; }
.ld-topic-actions { margin:20px 0 0; }.ld-topic-actions button { font-size:.8rem; }
.ld-topic-actions button:last-child { color:var(--mc-ink-secondary); }
.ld-recall { border-top:1px solid var(--mc-line);margin-top:23px;padding-top:20px; }
.ld-recall h5 { font-size:1rem;line-height:1.5;margin:10px 0 15px; }.ld-recall .eyebrow { font-size:.65rem; }
.ld-answers { display:grid;gap:9px; }.ld-answers button { text-align:left;padding:12px 13px;min-height:48px;border:1px solid var(--mc-line);border-radius:12px;background:var(--mc-glass-subtle);color:var(--mc-ink);font-size:.85rem;line-height:1.5; }
.ld-answers [aria-pressed="true"] { border-color:var(--mc-teal);background:var(--mc-marketing-selected); }
.ld-feedback { margin-top:15px;padding:16px;border-radius:14px;border:1px solid var(--mc-line-strong);background:var(--mc-marketing-selected); }.ld-feedback strong { font-size:.9rem; }.ld-feedback p { color:var(--mc-ink-secondary);font-size:.85rem;line-height:1.6;margin:8px 0 0; }
.ld-summary { margin-top:22px;padding:21px 24px;border-radius:20px;border:1px solid var(--mc-line);background:var(--mc-glass-standard); }.ld-summary h4 { font-size:1rem;margin:0 0 12px; }.ld-summary p { font-size:.88rem;line-height:1.85;color:var(--mc-ink-secondary);margin:0; }
.ld-status { min-height:1.6em;font-size:.8rem;color:var(--mc-teal);margin:16px 0 8px; }.ld-footnote { font-size:.75rem!important;line-height:1.7;color:var(--mc-ink-secondary);margin-bottom:0;max-width:85ch; }
.ld-editor label { display:block;font-size:.85rem;margin:14px 0 7px;font-weight:650; }.ld-editor :is(input,textarea),.ld-recall textarea { width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--mc-line-strong);border-radius:12px;background:var(--mc-glass-subtle);color:var(--mc-ink); }
.ld-editor textarea { min-height:130px;resize:vertical; }.ld-edit-error { color:var(--mc-danger);font-size:.8rem;line-height:1.5; }
.ld-arrived .ld-map { animation:ld-reveal .5s ease-out; }@keyframes ld-reveal { from { opacity:0;transform:translateY(8px) scale(.985); }to { opacity:1;transform:none; } }
@media(max-width:800px){.ld-grid{grid-template-columns:1fr}.ld-intro{gap:18px}.ld-detail,.ld-editor,.ld-pick{padding:20px}.ld-map svg{height:360px}}
@media(max-width:500px){.learning-demo{padding:18px;border-radius:22px}.ld-header{gap:8px}.ld-header h3{font-size:1.5rem}.ld-badge{font-size:.65rem}.ld-intro{grid-template-columns:1fr;padding:4px 0 18px}.ld-seed{min-height:170px;order:2}.ld-seed-note{width:150px;padding:20px}.ld-seed-ring{width:215px;height:125px}.ld-seed-ring+.ld-seed-ring{height:165px}.ld-intro h4{font-size:2rem}.ld-courses button{padding:9px 12px;font-size:.8rem}.ld-map-actions button{font-size:.75rem;padding:9px 11px}.ld-camera{padding-inline:10px}.ld-camera span{max-width:110px;line-height:1.5}.ld-summary{padding:18px}.demo-experience-tabs button{padding:9px 12px;font-size:.85rem}.ld-map svg{height:360px}.ld-topic-list button{min-height:42px}.ld-node text{font-size:12px}}
@media(prefers-reduced-motion:reduce){.learning-demo *{animation:none!important;transition:none!important}}


/* Source: home-immersive-v1.css */
/* Home's atmosphere uses the existing brand material. No additional animation,
   rendering loop, weather request, or backdrop layer is introduced. */
.app-shell[data-active-view=home] .app-main {
  background:radial-gradient(ellipse at 5% 3%,color-mix(in srgb,var(--mc-mint) 9%,transparent),transparent 48%),radial-gradient(ellipse at 100% 15%,color-mix(in srgb,var(--mc-blue) 6%,transparent),transparent 48%);
}
/* Live View inherits the shared compact layout used by every app page. */
.app-shell [data-view=home] {gap:20px;}
.app-shell [data-view=home] .today-header {margin-bottom:0;align-items:center;}
.app-shell [data-view=home] .today-header h1 {font-size:clamp(1.5rem,3.5vw,2.15rem);line-height:1.2;letter-spacing:-.04em;}
.app-shell [data-view=home] .page-kicker {font-size:.6875rem;letter-spacing:.14em;}
.app-shell [data-view=home] .today-header__copy {font-size:.9375rem;margin-top:6px;}
.app-shell .mc-home-focused {gap:16px;}
.app-shell .mc-home-focused > .today-next {
  position:relative;min-width:0;padding:26px;border-radius:28px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--mc-line-strong) 72%,var(--mc-glass-highlight));
  background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--mc-mint) 12%,transparent),transparent 62%),linear-gradient(145deg,var(--mc-glass-highlight),transparent 48%),var(--mc-surface-elevated);
  box-shadow:inset 0 1px 0 var(--mc-glass-highlight),var(--mc-shadow-subtle);
}
.app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;}
.app-shell .mc-home-focused .today-next__body > div {min-width:0;}
.app-shell .mc-home-focused .today-next h2 {font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em;line-height:1.2;margin:8px 0 12px;overflow-wrap:anywhere;}
.app-shell .mc-home-focused .today-next__context {font-size:.6875rem;letter-spacing:.12em;color:var(--mc-accent-secondary);}
.app-shell .mc-home-focused .today-next [data-next-copy] {font-size:.9375rem;line-height:1.6;margin:0;max-width:62ch;}
.app-shell .mc-home-focused .mc-next-step {font-size:.8125rem;line-height:1.5;margin-top:8px;}
.app-shell .mc-home-focused .mc-next-options {display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;}
.app-shell .mc-home-focused .mc-next-options :is(button,summary) {min-height:44px;font-size:.8125rem;}
.app-shell .mc-home-focused .mc-home-focus-dock {display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);align-items:end;gap:10px 14px;width:100%;min-width:0;}
.app-shell .mc-home-focused .mc-home-time-controls {gap:6px;}
.app-shell .mc-home-focused .mc-home-time-controls label {font-size:.75rem;font-weight:500;}
.app-shell .mc-home-focused .mc-home-time-controls select {font-size:.875rem;min-width:0;min-height:48px;}
.app-shell .mc-home-focused .home-start-focus {min-height:48px!important;width:100%;border-radius:16px;box-shadow:inset 0 1px 0 var(--mc-glass-highlight),0 5px 14px color-mix(in srgb,var(--mc-blue) 15%,transparent);font-size:.9375rem;}
.app-shell .mc-home-focused .mc-home-focus-dock > :is(strong,p,.mc-home-course-link) {grid-column:1 / -1;}
.app-shell .mc-home-focused .mc-home-focus-dock > p {margin:0;font-size:.75rem;}
.app-shell .mc-home-focused [data-home-study-cue] {display:none;}
.app-shell .mc-home-focused .mc-home-focus-dock > :is(p:empty,strong[hidden]) {display:none;}
.app-shell .mc-home-focused .mc-task-capture {padding:20px 24px;border-radius:24px;gap:10px;background:var(--mc-surface-elevated);box-shadow:var(--mc-shadow-subtle);}
.app-shell .mc-home-focused .mc-task-capture > label {font-size:1rem;}
.app-shell .mc-home-focused .mc-task-capture__entry {display:flex;flex-wrap:wrap;align-items:start;gap:10px;}
.app-shell .mc-home-focused .mc-task-capture textarea {flex:1 1 230px;min-height:52px;max-height:180px;padding:12px 14px;font-size:1rem;line-height:1.5;}
.app-shell .mc-home-focused .mc-task-capture__buttons {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto;}
.app-shell .mc-home-focused .mc-task-capture__buttons .mc-button {width:auto;min-height:48px;padding:10px 14px;font-size:.875rem;}
.app-shell .mc-home-focused .mc-task-capture__buttons svg {width:18px;height:18px;}
.app-shell .mc-home-focused .mc-task-capture__details summary {font-size:.75rem;min-height:36px;}
.app-shell .mc-home-focused .mc-task-capture > p {font-size:.75rem;}
.app-shell .mc-home-tools {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.app-shell .mc-home-tools .mc-button {display:flex;justify-content:center;gap:9px;width:100%;min-height:52px;border:1px solid var(--mc-line);border-radius:18px;padding:12px 10px;background:linear-gradient(145deg,var(--mc-glass-highlight),transparent 70%),var(--mc-glass-subtle);color:var(--mc-ink);box-shadow:inset 0 1px 0 var(--mc-glass-highlight);font-size:.875rem;font-weight:550;white-space:normal;}
.app-shell .mc-home-tools svg {width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;}
.app-shell .mc-home-focused .today-progress {padding:22px 24px;border-radius:24px;background:var(--mc-glass-subtle);box-shadow:none;}
.app-shell .mc-home-focused .today-progress h2 {font-size:1rem;}
.app-shell .mc-home-focused .today-progress__metrics strong {font-size:1.6rem;}
@media(min-width:1200px) {
 .app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:32px;align-items:center;}
 .app-shell .mc-home-focused .mc-home-focus-dock {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:440px) {
 .app-shell [data-view=home] .today-header [data-plan-badge] {display:none;}
 .app-shell .mc-home-focused > .today-next {padding:20px;}
 .app-shell .mc-home-focused .mc-home-focus-dock {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .app-shell .mc-home-focused .home-start-focus {padding:10px;font-size:.875rem;gap:6px;}
 .app-shell .mc-home-focused .home-start-focus svg {width:22px;height:22px;padding:3px;}
 .app-shell .mc-home-focused .mc-task-capture {padding:18px;}
 .app-shell .mc-home-focused .mc-task-capture__buttons {width:100%;}
 .app-shell .mc-home-focused .mc-task-capture__buttons .mc-button {flex:1 1 0;}
 .app-shell .mc-home-tools {gap:8px;}
 .app-shell .mc-home-tools .mc-button {font-size:.8125rem;gap:7px;}
}
/* Existing display and accessibility choices always outrank atmosphere. */
:root[data-reduced-transparency=true] .app-shell[data-active-view=home] .app-main,
:root[data-reduced-transparency=true] .app-shell .mc-home-focused > .today-next {background:var(--mc-surface-elevated);}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 .app-shell[data-active-view=home] .app-main,.app-shell .mc-home-focused > .today-next {background:var(--mc-surface-elevated);}
 .app-shell .mc-home-tools .mc-button {background:var(--mc-surface);box-shadow:none;}
}
@media(forced-colors:active) {
 .app-shell[data-active-view=home] .app-main,.app-shell .mc-home-focused > .today-next,.app-shell .mc-home-tools .mc-button {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;}
}


/* Source: install-glass-v1.css */
/* Install guidance shares the app's existing navy/mint glass material. */
.mc-install-dialog{width:min(calc(100% - 32px),540px);max-height:calc(100dvh - 36px);border-radius:26px;background:var(--mc-surface-elevated);border-color:var(--mc-glass-border);box-shadow:inset 0 1px 0 var(--mc-glass-highlight),0 24px 90px #071b3a35}
.mc-install-dialog__content{gap:14px;padding:28px}
.mc-install-dialog__content h2{padding-right:35px;font-size:1.75rem}
.mc-install-dialog__device-title{font-size:1.125rem;margin:3px 0}
.mc-install-devices{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border:1px solid var(--mc-glass-border);border-radius:20px;background:var(--mc-glass-subtle);margin:0}
.mc-install-devices button{min-height:66px;padding:8px 4px;border:1px solid transparent;border-radius:15px;font-size:.75rem;gap:4px;background:transparent;box-shadow:none;font-weight:600}
.mc-install-devices button[aria-pressed=true]{border-color:var(--mc-glass-border);background:var(--mc-glass-standard);box-shadow:inset 0 1px 0 var(--mc-glass-highlight),0 3px 10px #071b3a14}
.mc-install-device-icon{width:27px;height:27px;border:0;background:none;box-shadow:none;border-radius:0}
.mc-install-device-icon svg{width:23px;height:23px;filter:none}
.mc-install-dialog__steps{list-style:none;padding:0;gap:0;margin:0}
.mc-install-dialog__steps li{display:flex;align-items:start;gap:13px;padding:15px 0;border-bottom:1px solid var(--mc-line)}
.mc-install-step-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:linear-gradient(150deg,var(--mc-glass-highlight),transparent),var(--mc-glass-subtle);color:var(--mc-blue);border:1px solid var(--mc-glass-border);box-shadow:inset 0 1px 0 var(--mc-glass-highlight);border-radius:13px;font-size:23px}
.mc-install-step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mc-install-dialog__steps li>div{min-width:0}
.mc-install-dialog__steps strong{display:block;font-size:.9375rem;font-weight:600;margin-bottom:5px;color:var(--mc-ink)}
.mc-install-dialog__steps div>span{display:block;font-size:.8125rem;line-height:1.6;color:var(--mc-ink-secondary)}
.mc-install-dialog__note{font-size:.75rem;line-height:1.6}
.mc-install-link{padding:14px;background:var(--mc-glass-subtle);border:1px solid var(--mc-glass-border);border-radius:16px;min-width:0}
.mc-install-link label{display:block;font-size:.75rem;color:var(--mc-ink-secondary);margin-bottom:8px}
.mc-install-link>div{display:flex;gap:8px;flex-wrap:wrap}
.mc-install-link input{flex:1 1 190px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--mc-line);border-radius:12px;background:var(--mc-surface);color:var(--mc-ink);font:inherit;font-size:.8125rem;box-sizing:border-box}
.mc-install-link p{margin:8px 0 0;font-size:.75rem;color:var(--mc-ink-secondary)}
.mc-install-link p:empty{display:none}
.mc-home-install:not([hidden]){display:grid;grid-template-columns:40px minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:15px;margin-bottom:24px;border:1px solid var(--mc-glass-border);border-radius:22px;background:var(--mc-surface-elevated);box-shadow:inset 0 1px 0 var(--mc-glass-highlight),var(--mc-shadow-subtle)}
.mc-home-install>div{display:grid;gap:4px;min-width:0}
.mc-home-install strong{font-size:.875rem;color:var(--mc-ink)}
.mc-home-install span{font-size:.8125rem;color:var(--mc-ink-secondary)}
.mc-home-install .mc-home-install__dismiss{grid-column:auto;grid-row:auto}
.mc-home-install [data-home-install-action]{grid-column:auto;width:auto}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mc-install-dialog,.mc-home-install:not([hidden]){background:linear-gradient(145deg,var(--mc-glass-highlight),transparent 65%),var(--mc-glass-standard);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}}
@media(max-width:640px){.mc-install-dialog{width:calc(100% - 24px);margin:auto;max-height:calc(100dvh - 24px);border-radius:24px}.mc-install-dialog__content{padding:24px 20px}.mc-home-install:not([hidden]){grid-template-columns:40px minmax(0,1fr) 44px}.mc-home-install [data-home-install-action]{grid-column:1/3;width:100%}.mc-home-install .mc-home-install__dismiss{grid-column:3;grid-row:1}.mc-install-link input{font-size:16px}}
@media(prefers-reduced-transparency:reduce){.mc-install-dialog,.mc-home-install:not([hidden]){background:var(--mc-surface-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mc-install-dialog,.mc-home-install:not([hidden]){background:var(--mc-surface-elevated)}}


/* Source: layout-customization-v1.css */
/* Account preferences are applied only while the authenticated workspace is active. */
:root[data-workspace-size=small] {font-size:90%;}
:root[data-workspace-size=large] {font-size:112.5%;}
:root[data-workspace-size=larger] {font-size:125%;}
:root[data-workspace-width=reading] .app-shell .app-main {width:min(100%,880px);margin-inline:auto;}
:root[data-workspace-width=standard] .app-shell .app-main {width:min(100%,1320px);margin-inline:auto;}
:root[data-workspace-width=full] .app-shell .app-main {width:100%;max-width:none;}
.mc-workspace-tools {display:flex;justify-content:flex-end;margin:0 0 12px;}
.mc-workspace-tools .mc-button {gap:8px;min-height:44px;font-size:.8125rem;}
.mc-workspace-tools svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;}
.mc-layout-dialog {box-sizing:border-box;width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--mc-glass-border);border-radius:26px;background:var(--mc-surface-elevated);color:var(--mc-ink);box-shadow:var(--mc-shadow-subtle);overflow:auto;overscroll-behavior:contain;}
.mc-layout-dialog::backdrop {background:rgba(7,17,38,.38);backdrop-filter:blur(5px);}
.mc-layout-content {display:grid;gap:20px;padding:26px;}
.mc-layout-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.mc-layout-heading h2 {margin:6px 0 0;font-size:1.5rem;line-height:1.2;letter-spacing:-.03em;}
.mc-layout-heading [data-layout-close] {font-size:1.4rem;width:44px;min-width:44px!important;max-width:44px;min-height:44px;padding:6px;flex:0 0 44px;}
.mc-layout-content p {margin:0;color:var(--mc-ink-secondary);font-size:.875rem;}
.mc-layout-content fieldset {min-width:0;margin:0;padding:0;border:0;}
.mc-layout-content legend {padding:0;margin-bottom:10px;font-size:.9375rem;font-weight:700;}
.mc-layout-choices {display:flex;flex-wrap:wrap;gap:8px;}
.mc-layout-choices button {flex:1 1 90px;min-height:44px;padding:10px 12px;border:1px solid var(--mc-line);border-radius:13px;background:var(--mc-glass-subtle);color:var(--mc-ink);font:inherit;font-size:.8125rem;cursor:pointer;}
.mc-layout-choices button[aria-pressed=true] {border-color:var(--mc-blue);background:color-mix(in srgb,var(--mc-blue) 10%,var(--mc-surface));box-shadow:inset 0 0 0 1px var(--mc-blue);font-weight:750;}
.mc-layout-content fieldset small {display:block;margin-top:9px;color:var(--mc-ink-secondary);font-size:.75rem;line-height:1.5;}
.mc-layout-content .mc-layout-tip {padding:14px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-glass-subtle);font-size:.8125rem;}
.mc-layout-footer {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.mc-layout-dialog button:focus-visible {outline:3px solid var(--mc-blue);outline-offset:3px;}
.app-shell .mc-live-custom {min-width:0;}
.app-shell .mc-live-custom__row > span {min-width:0;overflow-wrap:anywhere;}
@media(max-width:760px) {
 .app-shell .mc-live-custom__row {flex-wrap:wrap;gap:10px;}
 .app-shell .mc-live-custom__row > span {flex:1 1 140px;}
 .app-shell .mc-live-custom__row :is(select,input[type=range]) {max-width:100%;flex:1 1 150px;}
}
:root[data-workspace-layout=stacked] .app-shell :is(.today-layout,.calendar-layout,.profile-layout,.planner-workspace,.ai-tutor-layout) {display:grid;grid-template-columns:minmax(0,1fr);}
:root[data-workspace-layout=stacked] .app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr);}
/* Let the available content width decide whether both columns fit, including
   browser zoom, larger text and a narrow workspace inside a wide window. */
@media(min-width:1000px) {
 :root[data-workspace-layout=columns] .app-shell :is(.today-layout,.calendar-layout,.profile-layout,.planner-workspace,.ai-tutor-layout) {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;gap:20px;}
 :root[data-workspace-layout=columns] .app-shell .mc-home-focused > * {grid-column:auto;min-width:0;}
 :root[data-workspace-layout=columns] .app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:480px) {.mc-layout-content {padding:20px;gap:18px;}.mc-layout-choices button {flex-basis:100px;}}
@media(forced-colors:active) {.mc-layout-choices button[aria-pressed=true] {outline:2px solid Highlight;}}

/* The manual choice applies only where the desktop layout would normally fit. */
.mc-view-toolbar {display:flex;justify-content:flex-end;margin-block-end:8px;}
.mc-view-toolbar .mc-button {min-height:44px;font-size:.8125rem;}
[data-mobile-view-toggle][aria-pressed=true] {
  background:var(--mc-glass-subtle);
  box-shadow:inset 0 0 0 1px var(--mc-blue);
}
@media (width < 768px) {
  .mc-view-toolbar {display:none;}
}
@media (min-width:768px) {
  :root[data-workspace-view=mobile] #app-shell:not([hidden]) {
    display:block;
    --mobile-view-width:480px;
  }
  :root[data-workspace-view=mobile] #app-shell > .app-sidebar {display:none;}
  :root[data-workspace-view=mobile] #app-shell > .app-main {
    box-sizing:border-box;
    width:min(100%,var(--mobile-view-width));
    max-width:var(--mobile-view-width);
    margin-inline:auto;
    padding-inline:16px;
    padding-bottom:110px;
  }
  :root[data-workspace-view=mobile] #app-shell :is(
    .today-layout,.today-next__body,.calendar-layout,.profile-layout,
    .planner-workspace,.ai-tutor-layout,.student-next-actions
  ) {
    grid-template-columns:minmax(0,1fr);
  }
  :root[data-workspace-view=mobile] #app-shell :is(.glass-topbar,.mc-live-header,.mc-live-actions) {
    flex-wrap:wrap;
  }
  :root[data-workspace-view=mobile] body:not(.is-focus-session)
    #app-shell:not([data-keyboard-open=true]) > .mc-nav--mobile:not([hidden]) {
    position:fixed;
    display:grid!important;
    inset:auto 0 10px;
    z-index:var(--mc-z-navigation,80);
    width:min(calc(100% - 20px),460px);
    max-width:none!important;
    margin-inline:auto;
    transform:none;
    grid-template-columns:repeat(var(--mobile-tab-count,4),minmax(0,1fr))!important;
    gap:3px;
    padding:6px;
    border:1px solid var(--mc-line);
    border-radius:22px;
    background:var(--mc-surface);
  }
  :root[data-workspace-view=mobile] #app-shell .mc-nav--mobile .mc-nav__item {
    display:grid!important;
    place-items:center;
    min-width:0;
    min-height:48px;
    padding:3px;
    gap:2px;
    font-size:.75rem;
  }
  :root[data-workspace-view=mobile] #app-shell .mc-nav--mobile .mc-nav__item svg {
    width:20px;
    height:20px;
  }
}


/* Source: note-studio-v1.css */
.note-studio{display:grid;gap:16px;min-width:0}.note-studio-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--mc-glass-border);border-radius:16px;background:var(--mc-glass-subtle)}.note-studio-tabs button{flex:1;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--mc-ink-secondary);font:inherit;font-weight:750}.note-studio-tabs button[aria-pressed="true"]{color:var(--mc-ink);background:var(--mc-glass-prominent,var(--mc-surface));box-shadow:var(--mc-shadow-subtle)}
.note-format,.note-board-tools{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px}.note-format label,.note-board-tools label{display:grid;gap:5px;color:var(--mc-ink-secondary);font-size:.75rem;font-weight:650}.note-format select,.note-board-tools select{min-height:42px;max-width:150px;padding:8px;border:1px solid var(--mc-line);border-radius:10px;background:var(--mc-surface);color:var(--mc-ink);font:inherit;font-size:.85rem}.note-format button,.note-board-tools button{min-width:42px;min-height:42px;padding:8px 12px;border:1px solid var(--mc-line);border-radius:10px;background:var(--mc-glass-standard);color:var(--mc-ink);font:inherit;font-size:.85rem}.note-format button[aria-pressed="true"]{border-color:var(--mc-blue);box-shadow:inset 0 0 0 1px var(--mc-blue)}.note-studio button:focus-visible,.note-studio select:focus-visible,.note-paper:focus-visible{outline:3px solid var(--mc-blue);outline-offset:3px}.note-studio button:disabled{opacity:.5;cursor:default}
.note-paper{min-height:390px;padding:clamp(20px,4vw,42px);border:1px solid #d8d9d3;border-radius:14px;color:#172644;background:#fffef8;box-shadow:0 8px 24px rgba(0,0,0,.08);font:18px/1.75 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:#1646b8}.note-paper:empty:before{content:'Start with an idea…';color:#65708a;pointer-events:none}.note-paper span{line-height:inherit}.note-studio-tip,.note-studio-meter,.note-studio-status{color:var(--mc-ink-secondary);font-size:.78rem;line-height:1.5}.note-studio-tip{margin:8px 0 14px}.note-studio-status{min-height:1.5em;margin:0}.note-studio-meter{display:flex;justify-content:space-between;gap:16px;margin-top:12px}.note-studio-meter span:last-child{max-width:330px;text-align:right}
.note-whiteboard{display:block;width:100%;aspect-ratio:5/3;min-height:280px;max-height:600px;border:1px solid #d8d9d3;border-radius:14px;background:#fffef8;touch-action:none;user-select:none;-webkit-user-select:none}.note-finger-toggle{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--mc-ink-secondary);font-size:.85rem}.note-finger-toggle input{width:20px;height:20px}.note-ink-actions,.note-writing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.note-ink-actions>span{color:var(--mc-ink-secondary);font-size:.8rem}.note-scribble,.note-writing-help{margin-top:16px;padding:16px;border:1px solid var(--mc-line);border-radius:14px;background:var(--mc-glass-subtle)}.note-scribble summary,.note-writing-help summary{min-height:32px;cursor:pointer;color:var(--mc-ink);font-weight:700}.note-scribble p,.note-writing-help p{font-size:.85rem;line-height:1.5;color:var(--mc-ink-secondary)}.note-scribble textarea,[data-ink-result]{min-height:140px!important}.note-writing-suggestion{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--mc-line);margin-top:14px}.note-writing-suggestion p{margin:0;white-space:pre-wrap}.note-writing-suggestion p:nth-child(2){color:var(--mc-ink);font-weight:650}.note-writing-suggestion small{color:var(--mc-ink-secondary)}
#study-note-sheet{width:min(960px,calc(100vw - 24px))}#study-note-sheet .note-form{max-width:none;width:100%}.note-cloud-choice>summary{cursor:pointer;font-weight:700;color:var(--mc-ink)}.note-cloud-choice[open]{display:block}.note-cloud-choice[open]>*+*{margin-top:12px}.notes-studio-start{display:grid;gap:18px}.notes-studio-start h2{margin:4px 0 0}.notes-studio-start p{margin:0;color:var(--mc-ink-secondary);line-height:1.5}.notes-studio-start .notes-document-provider{text-align:left;width:100%;font:inherit;cursor:pointer}.notes-studio-links{padding-top:16px;border-top:1px solid var(--mc-line)}.notes-studio-links summary{cursor:pointer;color:var(--mc-ink-secondary);font-size:.85rem}.notes-studio-links>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.notes-studio-links p{font-size:.8rem;margin-top:10px}.notes-studio-links a{color:var(--mc-blue);font-weight:650;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:640px){.note-format{gap:6px}.note-format select{max-width:125px}.note-format label:first-child{flex:1}.note-format label:first-child select{max-width:none}.note-paper{min-height:330px;padding:20px}.note-studio-meter{flex-direction:column;gap:4px}.note-studio-meter span:last-child{text-align:left}.note-whiteboard{min-height:300px}.note-board-tools{gap:6px}.note-board-tools button{padding:8px}.note-format button,.note-format select,.note-board-tools button,.note-board-tools select{min-height:44px}}
@media(prefers-reduced-motion:reduce){.note-studio *{animation:none!important;transition:none!important}}

.note-studio-files{padding:16px;border:1px solid var(--mc-line);border-radius:14px;background:var(--mc-glass-subtle)}.note-studio-files summary{min-height:32px;cursor:pointer;font-weight:700;color:var(--mc-ink)}.note-studio-files p{font-size:.82rem;color:var(--mc-ink-secondary);line-height:1.5}.note-studio-files>div{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.note-studio-files .mc-input{flex:1;min-width:180px}

.note-studio-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-studio-bar>strong{font-size:.85rem;color:var(--mc-ink-secondary)}.note-studio-bar .mc-button{min-height:44px}
#study-note-sheet.is-note-expanded{width:100dvw!important;max-width:100dvw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;inset:0}#study-note-sheet.is-note-expanded .note-form{height:100%;max-height:100%;padding:max(16px,env(safe-area-inset-top)) clamp(16px,4vw,48px) max(16px,env(safe-area-inset-bottom));gap:14px}#study-note-sheet.is-note-expanded .note-form>:not(.note-studio):not(.planner-form__actions):not([data-note-status]){display:none!important}#study-note-sheet.is-note-expanded .note-studio{width:100%;max-width:1400px;margin:0 auto}#study-note-sheet.is-note-expanded .note-studio-bar{position:sticky;top:-1px;z-index:2;background:var(--mc-surface);border-radius:12px;padding:4px 12px}#study-note-sheet.is-note-expanded .note-paper{min-height:65dvh}#study-note-sheet.is-note-expanded .note-whiteboard{height:65dvh;max-height:none;aspect-ratio:auto}#study-note-sheet.is-note-expanded .planner-form__actions{position:sticky;bottom:0;z-index:2;background:var(--mc-surface);padding:12px;border-radius:14px;border:1px solid var(--mc-line);margin:0 auto;width:100%;max-width:1400px}

#study-note-sheet.is-note-expanded .note-studio-tabs{position:sticky;top:60px;z-index:2;background:var(--mc-surface)}#study-note-sheet.is-note-expanded .note-studio-bar{min-height:56px}

#study-note-sheet:not(.is-note-expanded){height:min(90dvh,1000px);max-height:90dvh;max-width:calc(100dvw - 24px);margin:auto;inset:0;overflow:hidden}#study-note-sheet .note-form{height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto}

.note-time-metadata{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:5px;color:var(--mc-ink-secondary);font-size:.75rem;line-height:1.6;margin-top:-6px}.note-time-metadata time{font-variant-numeric:tabular-nums}@media(max-width:640px){.note-time-metadata{display:grid;gap:3px}}

.note-studio-identity{min-width:0;display:grid;gap:6px}.note-studio-identity>strong{font-size:.85rem;color:var(--mc-ink-secondary);overflow-wrap:anywhere}.note-studio-identity .note-time-metadata{margin:0;font-size:.68rem}.note-studio-bar>[data-studio-expand]{flex-shrink:0}@media(max-width:640px){.note-studio-identity .note-time-metadata{font-size:.64rem}}

.note-studio-bar{position:sticky;top:0;z-index:3;padding:10px 0;background:var(--mc-surface);border-bottom:1px solid var(--mc-line)}.note-studio-save-state{margin:0!important;min-height:1em;font-size:.68rem!important;line-height:1.4!important;color:var(--mc-ink-secondary)}

#study-note-sheet .note-studio-tabs,#study-note-sheet.is-note-expanded .note-studio-tabs{position:sticky;top:var(--note-studio-header-height,100px);z-index:2;background:var(--mc-surface)}
.note-studio-bar .mc-button{min-width:0;padding:9px 11px!important;font-size:.75rem!important}

/* Expanded Notes uses the existing modal and editor nodes. Nothing is moved,
   re-created, or saved merely by changing the amount of editing space. */
#study-note-sheet.is-note-expanded{box-sizing:border-box;position:fixed;inset:0;width:100vw!important;width:100dvw!important;max-width:none!important;height:100vh;height:100dvh;max-height:none!important;overflow:hidden;background:var(--mc-surface);}
#study-note-sheet.is-note-expanded .note-form{box-sizing:border-box;display:flex;flex-direction:column;min-height:0;width:100%;height:100%;max-height:none;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:8px;}
#study-note-sheet.is-note-expanded .note-form:fullscreen{width:100dvw;height:100dvh;background:var(--mc-surface);}
#study-note-sheet.is-note-expanded .note-studio{display:flex;flex-direction:column;flex:1 1 0;min-height:0;width:100%;max-width:none;margin:0;gap:8px;}
#study-note-sheet.is-note-expanded .note-studio-bar{position:static;flex:0 0 auto;flex-wrap:wrap;min-height:44px;padding:0 0 8px;gap:8px;}
#study-note-sheet.is-note-expanded .note-studio-identity{flex:1 1 180px;}
#study-note-sheet.is-note-expanded .note-studio-tabs{position:static;flex:0 0 auto;margin:0;}
#study-note-sheet.is-note-expanded :is([data-studio-document],[data-studio-board]){display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;}
#study-note-sheet.is-note-expanded [hidden]{display:none!important;}
#study-note-sheet.is-note-expanded :is(.note-format,.note-board-tools){position:sticky;top:0;z-index:1;flex:0 0 auto;margin:0;padding:4px 0 8px;background:var(--mc-surface);}
#study-note-sheet.is-note-expanded .note-studio-tip{flex:0 0 auto;margin:4px 0 8px;}
#study-note-sheet.is-note-expanded .note-paper{box-sizing:border-box;flex:1 0 200px;min-height:200px;width:100%;margin:0;overflow:auto;overscroll-behavior:contain;padding:clamp(20px,3vw,48px);}
#study-note-sheet.is-note-expanded .note-whiteboard{box-sizing:border-box;flex:1 0 240px;min-height:240px;height:100%;max-height:none;width:100%;aspect-ratio:auto;}
#study-note-sheet.is-note-expanded :is(.note-studio-meter,.note-ink-actions,.note-finger-toggle){flex:0 0 auto;margin:6px 0;}
#study-note-sheet.is-note-expanded :is(.note-writing-help,.note-scribble){flex:0 0 auto;margin:6px 0;padding:10px 14px;}
#study-note-sheet.is-note-expanded .note-studio-files{display:none;}
#study-note-sheet.is-note-expanded .note-studio-status:empty{display:none;}
#study-note-sheet.is-note-expanded .planner-form__actions{position:static;flex:0 0 auto;max-width:none;width:100%;margin:0;padding:8px 0 0;border:0;border-top:1px solid var(--mc-line);border-radius:0;}
@media(max-width:640px){#study-note-sheet.is-note-expanded .note-studio-identity{flex-basis:120px;}#study-note-sheet.is-note-expanded .note-studio-meter span:last-child{display:none;}}
/* Short landscape windows keep the drawing area and Restore on screen;
   secondary helpers remain reachable by scrolling the workspace. */
@media(max-height:540px){
 #study-note-sheet.is-note-expanded .note-studio-identity .note-time-metadata{display:none;}
 #study-note-sheet.is-note-expanded :is(.note-studio-bar,.note-studio-tabs){padding-block:0;min-height:40px;}
 #study-note-sheet.is-note-expanded .note-studio-tip{display:none;}
 #study-note-sheet.is-note-expanded .note-whiteboard{flex:1 0 180px;min-height:180px;}
 #study-note-sheet.is-note-expanded .note-paper{flex-basis:180px;min-height:180px;}
 #study-note-sheet.is-note-expanded .note-board-tools{gap:6px;}
 #study-note-sheet.is-note-expanded .note-finger-toggle{margin:0 0 4px;}
}

/* The Notes hook is paper and ink, with readable content on solid surfaces. */
.app-shell .notes-studio-start{padding:clamp(20px,3vw,32px);gap:24px;overflow:hidden;background:var(--mc-surface);border-color:var(--mc-line)}
.notes-studio-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:24px;min-width:0}
.notes-studio-intro__copy{max-width:560px;min-width:0}.notes-studio-intro__copy h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin:8px 0 14px;color:var(--mc-ink)}
.notes-studio-intro__copy>.eyebrow{font-size:14px;color:var(--mc-teal);font-weight:750;letter-spacing:.08em}.notes-studio-intro__copy>p:last-child{font-size:16px;line-height:1.6;color:var(--mc-ink-secondary)}
.notes-studio-art{position:relative;height:178px;width:230px;color:var(--mc-teal);pointer-events:none}.notes-studio-art__paper{position:absolute;left:18px;top:6px;display:grid;align-content:start;gap:13px;width:130px;height:160px;box-sizing:border-box;padding:24px 18px;border:1px solid var(--mc-line-strong);border-radius:12px;background:var(--mc-surface);transform:rotate(-8deg);box-shadow:0 10px 24px rgba(7,26,45,.09)}.notes-studio-art__paper b{font-size:32px;font-weight:750;line-height:1}.notes-studio-art__paper i{height:3px;border-radius:3px;background:var(--mc-line-strong)}.notes-studio-art__paper i:last-child{width:65%}
.notes-studio-art__ink{position:absolute;right:0;bottom:0;width:140px;height:118px;border:1px solid var(--mc-line-strong);border-radius:14px;background:var(--mc-surface);transform:rotate(7deg);box-shadow:0 8px 20px rgba(7,26,45,.08)}.notes-studio-art__ink svg{width:100%;height:100%}.notes-studio-art__ink>span{position:absolute;right:-5px;top:-12px;display:grid;place-items:center;width:36px;height:36px;background:var(--mc-mint);border:1px solid var(--mc-line-strong);border-radius:50%;font-size:24px;color:#0f4f42}
.app-shell .notes-studio-start .notes-document-provider{min-height:104px;padding:18px;text-align:left;background:var(--mc-surface);border:1px solid var(--mc-line-strong);border-radius:16px;gap:14px}.notes-studio-start .notes-document-provider strong{font-size:16px;line-height:1.4;color:var(--mc-ink)}.notes-studio-start .notes-document-provider small{font-size:14px;line-height:1.5;color:var(--mc-ink-secondary)}.notes-studio-start .notes-document-provider__icon{display:grid!important;width:48px;height:56px;color:var(--mc-teal);font-size:26px;border-color:var(--mc-line-strong);border-radius:10px;background:var(--mc-surface)}.notes-studio-start .notes-document-provider--ink .notes-document-provider__icon{color:var(--mc-blue);font-size:30px}.notes-studio-start .notes-document-provider>span:last-child{font-size:24px;color:var(--mc-teal)}.app-shell .notes-studio-start .notes-document-provider:hover{background:var(--mc-glass-subtle);border-color:var(--mc-teal)}
.notes-studio-start .notes-studio-links summary{display:flex;align-items:center;min-height:48px;font-size:14px;font-weight:650;color:var(--mc-ink-secondary)}.notes-studio-start .notes-studio-links summary:before{content:'＋';font-size:20px;margin-right:10px}.notes-studio-start .notes-studio-links[open] summary:before{content:'−'}.notes-studio-start .notes-studio-links p{font-size:14px;line-height:1.6;color:var(--mc-ink-secondary)}.notes-studio-start .notes-studio-links a,.notes-studio-start .notes-studio-links button{min-height:48px;font-size:14px}
.notes-library-heading{margin-bottom:20px}.notes-library-heading h2{margin:0 0 6px;color:var(--mc-ink);font-size:22px;line-height:1.3}.notes-library-heading p{margin:0;font-size:16px;line-height:1.6;color:var(--mc-ink-secondary)}.notes-library-card>.mc-input{margin-bottom:12px}.notes-library-card>.mc-input>span{font-size:14px;color:var(--mc-ink-secondary)}.notes-library-card input[type=search]{min-height:48px;font-size:16px}
.note-library-item{align-items:center;gap:16px;padding:20px 0;min-width:0}.note-library-item>.note-library-item__body{display:grid;gap:8px;flex:1;min-width:0}.note-library-item__open{display:flex;align-items:center;gap:18px;width:100%;min-height:96px;color:var(--mc-ink);text-decoration:none!important;min-width:0}.note-library-item__open:hover .note-library-item__copy>strong{text-decoration:underline;text-underline-offset:3px}.note-library-item__preview{display:grid;align-content:center;gap:10px;width:82px;height:96px;flex:0 0 82px;box-sizing:border-box;padding:12px;border:1px solid var(--mc-line-strong);border-radius:10px;background:var(--mc-surface);color:var(--mc-teal);overflow:hidden}.note-library-item__preview>svg{width:100%;height:100%;min-height:68px}.note-library-item__glyph{font-size:26px;font-weight:750;line-height:1}.note-library-item__paper-lines{display:grid;gap:6px}.note-library-item__paper-lines i{display:block;width:100%;height:2px;background:var(--mc-line-strong);border-radius:2px}.note-library-item__paper-lines i:last-child{width:60%}
.note-library-item__copy{display:grid;gap:6px;min-width:0}.note-library-item__copy>strong{font-size:17px;font-weight:750;line-height:1.4;color:var(--mc-ink);overflow-wrap:anywhere}.note-library-item .note-library-item__kind{font-size:14px;font-weight:650;line-height:1.4;color:var(--mc-teal)}.note-library-item__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:400;line-height:1.5;color:var(--mc-ink-secondary);overflow-wrap:anywhere}.note-library-item__metadata{display:flex;flex-wrap:wrap;gap:4px 16px;padding-left:100px}.note-library-item .note-library-item__metadata small{font-size:14px;line-height:1.5;color:var(--mc-ink-secondary)}.note-library-item .note-library-item__link{min-height:48px;font-size:14px}.note-library-item__open:focus-visible,.notes-studio-start summary:focus-visible{outline:3px solid var(--mc-blue);outline-offset:4px;border-radius:8px}
.notes-library-empty{display:grid;justify-items:start;gap:12px;padding:28px 0 12px;max-width:560px}.notes-library-empty__mark{display:grid;place-items:center;width:64px;height:72px;border:1px solid var(--mc-line-strong);border-radius:12px;color:var(--mc-teal);background:var(--mc-surface);font-size:30px;font-weight:750}.notes-library-empty h3{margin:4px 0 0;font-size:20px;line-height:1.4;color:var(--mc-ink)}.notes-library-empty p{margin:0;font-size:16px;line-height:1.6;color:var(--mc-ink-secondary)}.notes-library-empty .mc-button{min-height:48px;margin-top:4px;font-size:16px}
@media(max-width:700px){.notes-studio-intro{grid-template-columns:minmax(0,1fr) 140px;gap:14px}.notes-studio-art{width:140px;height:150px}.notes-studio-art__paper{width:105px;height:132px;left:2px;top:0;padding:17px 14px;gap:10px}.notes-studio-art__ink{width:102px;height:92px}.notes-studio-intro__copy h2{font-size:26px}.notes-studio-start .notes-document-tools__providers{grid-template-columns:1fr}.note-library-item{align-items:stretch}.note-library-item__link{align-self:flex-start;margin-left:100px}.note-library-item__open{min-height:96px}}
@media(max-width:420px){.notes-studio-intro{grid-template-columns:1fr}.notes-studio-art{display:none}.note-library-item__preview{width:64px;height:84px;flex-basis:64px;padding:9px}.note-library-item__open{gap:14px}.note-library-item__metadata{padding-left:78px}.note-library-item__link{margin-left:78px}.notes-studio-start .notes-document-provider{padding:14px;gap:12px}.notes-studio-start .notes-document-provider__icon{width:42px;flex-basis:42px}.notes-studio-start .notes-document-provider>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.notes-studio-start *,.note-library-item *{animation:none!important;transition:none!important}}

/* Keep the writing/drawing surface reachable when helpers are open in a short
   window. The same editor remains mounted; its tools cannot overlap it. */
#study-note-sheet.is-note-expanded .note-studio {overflow-y:auto;overscroll-behavior:contain;}
#study-note-sheet.is-note-expanded :is([data-studio-document],[data-studio-board]) {flex:1 0 220px;}
#study-note-sheet.is-note-expanded :is(.focus-note-helpers,.note-studio-status) {flex:0 0 auto;}
#study-note-sheet.is-note-expanded.is-focus-capture .note-studio-bar {display:flex!important;}
#study-note-sheet.is-note-expanded .focus-note-start {display:none;}
#study-note-sheet.is-note-expanded [data-studio-board] {flex:0 0 auto;overflow:visible;}
#study-note-sheet.is-note-expanded .note-whiteboard {flex:0 0 auto;height:clamp(240px,50dvh,650px);}

/* Defer fixed-size ink previews while keeping row geometry and targets stable. */
@supports (content-visibility: auto) {
  [data-notes-library] .note-library-item__preview {
    content-visibility: auto;
  }
}

/* Keep writing space when a phone keyboard or landscape shrinks the viewport. */
@media (max-width: 900px) and (max-height: 600px) {
  #study-note-sheet:not(.is-note-expanded) {height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);}
  #study-note-sheet:not(.is-note-expanded) .note-form {padding:16px;gap:8px;scroll-padding-bottom:80px;}
  #study-note-sheet:not(.is-note-expanded) .note-form .note-studio {gap:8px;}
  #study-note-sheet:not(.is-note-expanded) .note-form .note-studio-bar {display:flex!important;position:static;align-items:center;gap:8px;min-height:0;padding:0 32px 8px 0;}
  #study-note-sheet:not(.is-note-expanded) .note-form .note-studio-identity {position:static;min-width:0;gap:2px;padding:0;}
  #study-note-sheet:not(.is-note-expanded) .note-studio-identity p {margin-block:0;}
  #study-note-sheet:not(.is-note-expanded) .note-form [data-studio-expand] {flex:0 0 44px;min-width:44px;min-height:44px;padding:8px;}
  #study-note-sheet:not(.is-note-expanded) [data-studio-expand-label] {display:none;}
  #study-note-sheet:not(.is-note-expanded) .note-form .note-studio-tabs {padding:3px;}
  #study-note-sheet:not(.is-note-expanded) .note-form .note-paper {min-height:180px;padding:16px;}
  #study-note-sheet:not(.is-note-expanded) .note-form .planner-form__actions {padding-block:8px;}
}

/* Grammar check that runs on this device. The underline colour holds at least
   3:1 against both light and dark paper. Nothing here animates. */
::highlight(mc-note-grammar){text-decoration:underline wavy #2f6fed;}
[data-studio-document]{position:relative;}
.note-grammar-status{min-height:44px;padding:0;border:0;background:none;color:var(--mc-ink);font:inherit;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.note-studio .note-grammar-status:disabled{opacity:1;color:var(--mc-ink-secondary);text-decoration:none;cursor:default;}
@media(min-width:641px){.note-studio-meter{align-items:center;}}
.note-grammar-pop{position:absolute;z-index:6;box-sizing:border-box;width:min(340px,calc(100% - 16px));padding:14px;border:1px solid var(--mc-line-strong,var(--mc-line));border-radius:14px;background:var(--mc-surface);color:var(--mc-ink);box-shadow:0 12px 32px rgba(0,0,0,.22);}
.note-grammar-why{margin:0 0 10px;color:var(--mc-ink);font-size:.9rem;line-height:1.45;overflow-wrap:anywhere;}
.note-grammar-choices{display:flex;flex-wrap:wrap;gap:8px;}
.note-grammar-choices .mc-button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;}
.note-grammar-panel{box-sizing:border-box;margin-top:12px;padding:16px;border:1px solid var(--mc-line);border-radius:14px;background:var(--mc-surface);color:var(--mc-ink);}
.note-grammar-panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;}
.note-grammar-toggle{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--mc-ink);font-size:.9rem;}
.note-grammar-toggle input{width:20px;height:20px;flex:none;}
.note-grammar-note{margin:8px 0 0;color:var(--mc-ink-secondary);font-size:.85rem;line-height:1.5;}
.note-grammar-list{display:grid;gap:0;margin:12px 0 0;padding:0;list-style:none;}
.note-grammar-item{display:grid;gap:6px;padding:14px 0;border-top:1px solid var(--mc-line);}
.note-grammar-excerpt{justify-self:start;min-height:44px;max-width:100%;padding:0;border:0;background:none;color:var(--mc-ink);font:inherit;font-weight:700;text-align:left;text-decoration:underline wavy #2f6fed;text-underline-offset:4px;overflow-wrap:anywhere;cursor:pointer;}
.note-grammar-status:focus-visible,.note-grammar-excerpt:focus-visible,.note-grammar-toggle input:focus-visible{outline:3px solid var(--mc-blue);outline-offset:3px;}
#study-note-sheet.is-note-expanded .note-grammar-panel{flex:0 0 auto;}


/* Source: study-save-v1.css */
/* Save buttons for notes, flashcard decks and the study export dialog. */
.study-save-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:12px 0}
.study-save-row>.mc-button{flex:1 1 140px;min-height:44px;white-space:normal;text-align:center}
.study-save-ready-host{margin:8px 0}
.study-save-ready-host:empty{display:none}
.study-save-ready-host>.mc-button{min-height:44px;width:100%}
@media(min-width:600px){.study-save-ready-host>.mc-button{width:auto;min-width:200px}}
.flashcards-save{margin:24px 0;padding:16px;border:1px solid var(--mc-line,#c9d3df);border-radius:16px}
.flashcards-save>h3{margin:0 0 4px}
.flashcards-save .flashcards-note{margin:8px 0}
.free-study-dialog .study-save-ready-host{margin:12px 0}
.study-save-status:empty{display:none}
.study-save-status{margin:8px 0 12px;font-size:.875rem;line-height:1.5;font-weight:600;color:var(--mc-ink,#172b46)}


/* Source: coda-conversation-v1.css */
.mc-coda-talk{gap:8px;white-space:nowrap}.mc-coda-talk:before{content:"";width:9px;height:9px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #ffffff21}
.mc-coda-call{box-sizing:border-box;width:540px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:26px;border:1px solid var(--mc-line,#dce5ef);border-radius:32px;background:radial-gradient(ellipse at 50% 28%,#c6f6e82b,transparent 60%),var(--mc-surface,#fff);color:var(--mc-ink,#17233f);box-shadow:0 24px 100px #13265233;overflow:auto}
.mc-coda-call::backdrop{background:#17253d70;backdrop-filter:blur(10px)}
.mc-coda-call__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mc-coda-call h2{margin:3px 0;font-size:1.5rem;letter-spacing:-.04em}.mc-coda-call__eyebrow{font-size:.625rem;font-weight:750;letter-spacing:.17em;color:var(--mc-ink-secondary,#60718d);margin:0 0 6px}
.mc-coda-call__close{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:10px;border:1px solid var(--mc-line,#dce5ef);border-radius:50%;color:var(--mc-ink-secondary,#60718d);background:var(--mc-surface,#fff);cursor:pointer}.mc-coda-call__close:hover{background:var(--mc-pearl,#f2f7fa)}.mc-coda-call svg{width:20px;height:20px;flex:0 0 auto}
.mc-coda-call__center{text-align:center;padding:28px 0 20px}.mc-coda-call__orb{position:relative;isolation:isolate;display:grid;place-items:center;width:116px;height:116px;margin:0 auto 22px;border:1px solid #abefdf;border-radius:42%;background:radial-gradient(circle at 26% 20%,#d1ffe6,#7edac2 36%,#37a8ae 65%,#4465bd 100%);box-shadow:inset 0 2px 18px #ffffffe0,inset 0 -8px 24px #28459b22,0 16px 38px #1c8b9c26}.mc-coda-call__orb:before{position:absolute;content:"";inset:-9px;border:1px solid #75cbb52b;border-radius:44%;z-index:-1}.mc-coda-call__wave{display:flex;align-items:center;gap:5px;height:36px;filter:drop-shadow(0 2px 4px #22598833)}.mc-coda-call__wave i{width:5px;height:12px;border-radius:6px;background:#fff}.mc-coda-call__wave i:nth-child(2),.mc-coda-call__wave i:nth-child(4){height:24px}.mc-coda-call__wave i:nth-child(3){height:34px}
.mc-coda-call__voice{margin:0 0 10px;font-size:.61rem;font-weight:750;letter-spacing:.16em;color:var(--mc-ink-secondary,#60718d)}.mc-coda-call__status{font-weight:700;font-size:1.27rem;letter-spacing:-.025em;margin:0 0 9px;line-height:1.4;overflow-wrap:anywhere}.mc-coda-call__hint{font-size:.85rem;line-height:1.6;color:var(--mc-ink-secondary,#60718d);margin:0 auto;max-width:330px}.mc-coda-call__mic-status{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;padding:6px 10px;border:1px solid var(--mc-line,#dce5ef);border-radius:100px;font-size:.7rem;font-weight:650;color:var(--mc-ink-secondary,#60718d);background:var(--mc-surface,#fff)}.mc-coda-call__mic-status svg{width:14px;height:14px}.mc-coda-call__mic-status[data-on="true"]{color:#126346;border-color:#79c8a766;background:#e4f9ef}.mc-coda-call[data-muted="true"] .mc-coda-call__mic-status{color:#845e16;border-color:#dec58c;background:#fff4da}
.mc-coda-call__disclosure{padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--mc-pearl,#f2f7fa) 65%,transparent);border:1px solid var(--mc-line,#dce5ef);color:var(--mc-ink-secondary,#60718d);font-size:.75rem;line-height:1.65}.mc-coda-call__disclosure p{margin:0}.mc-coda-call__disclosure p+p{margin-top:8px}
.mc-coda-call__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.mc-coda-call__start{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;width:100%;border-radius:16px}.mc-coda-call__control{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;min-width:150px;padding:12px 18px;border:1px solid var(--mc-line,#dce5ef);border-radius:16px;color:var(--mc-ink,#17233f);background:var(--mc-surface,#fff);font:inherit;font-size:.85rem;font-weight:650;cursor:pointer}.mc-coda-call__control:hover{background:var(--mc-pearl,#f2f7fa)}.mc-coda-call__control:disabled{opacity:.5;cursor:wait}.mc-coda-call__control[aria-pressed="true"]{border-color:#dec58c;background:#fff4da;color:#845e16}.mc-coda-call__end{color:#a23c4b;background:#fff1f2;border-color:#efd5d9}.mc-coda-call__end:hover{background:#ffe6e9}.mc-coda-call button:focus-visible{outline:3px solid var(--mc-blue,#2367dd);outline-offset:3px}
.mc-coda-call__captions{margin-top:22px;padding:16px 18px;border:1px solid var(--mc-line,#dce5ef);border-radius:18px;max-height:170px;overflow:auto;background:color-mix(in srgb,var(--mc-surface,#fff) 70%,transparent)}.mc-coda-call__captions p:not(.mc-coda-call__eyebrow){font-size:.85rem;line-height:1.65;margin:8px 0 14px}.mc-coda-call__captions p:last-child{margin-bottom:0}.mc-coda-call [hidden]{display:none!important}.mc-coda-call[data-muted="true"] .mc-coda-call__orb{filter:saturate(.45)}
:root.theme-dark .mc-coda-call__mic-status[data-on="true"]{color:#a9edcc;background:#133c32}:root.theme-dark .mc-coda-call[data-muted="true"] .mc-coda-call__mic-status,:root.theme-dark .mc-coda-call__control[aria-pressed="true"]{color:#f1d99c;background:#3d3421;border-color:#786944}:root.theme-dark .mc-coda-call__end{color:#f3b2bc;background:#3c2533;border-color:#654052}
@media(prefers-reduced-motion:no-preference){.mc-coda-call[data-state="listening"] .mc-coda-call__orb,.mc-coda-call[data-state="speaking"] .mc-coda-call__orb{animation:coda-call-breathe 3.5s ease-in-out infinite}.mc-coda-call[data-state="speaking"] .mc-coda-call__wave i{animation:coda-call-wave 1s ease-in-out infinite alternate}.mc-coda-call__wave i:nth-child(2){animation-delay:-.25s!important}.mc-coda-call__wave i:nth-child(3){animation-delay:-.5s!important}.mc-coda-call__wave i:nth-child(4){animation-delay:-.75s!important}@keyframes coda-call-breathe{50%{transform:scale(1.035);box-shadow:inset 0 2px 20px #ffffffe0,0 16px 40px #1c8b9c38}}@keyframes coda-call-wave{to{transform:scaleY(.45)}}}
:root[data-reduced-motion="true"] .mc-coda-call__orb,:root[data-reduced-motion="true"] .mc-coda-call__wave i,body.reduce-motion .mc-coda-call__orb,body.reduce-motion .mc-coda-call__wave i{animation:none!important}
@media(max-width:480px){.mc-coda-call{padding:20px;border-radius:26px}.mc-coda-call h2{font-size:1.35rem}.mc-coda-call__center{padding-top:24px}.mc-coda-call__orb{width:94px;height:94px;margin-bottom:20px}.mc-coda-call__status{font-size:1.15rem}.mc-coda-call__actions{gap:10px}.mc-coda-call__control{flex:1;min-width:120px;padding-inline:12px}.mc-coda-call__disclosure{padding:13px}.mc-coda-talk{min-height:44px}}
[data-view="ai"]>.page-header{flex-wrap:wrap}[data-view="ai"]>.page-header>div:first-child{flex:1;min-width:150px}

.mc-coda-call__voice-panel{margin-top:18px}.mc-coda-call__voice-panel fieldset{border:0;padding:0;margin:0}.mc-coda-call__voice-panel legend{font-size:.75rem;color:var(--mc-ink-secondary);margin-bottom:9px}.mc-coda-call__voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mc-coda-call__voice-grid label{position:relative;display:flex;align-items:center;gap:7px;padding:11px 9px;min-height:54px;box-sizing:border-box;border:1px solid var(--mc-line);border-radius:13px;cursor:pointer;background:var(--mc-surface)}.mc-coda-call__voice-grid label:has(input:checked){border-color:var(--mc-blue);background:color-mix(in srgb,var(--mc-blue) 10%,var(--mc-surface))}.mc-coda-call__voice-grid input{margin:0;width:15px;height:15px;flex:0 0 auto;accent-color:var(--mc-blue)}.mc-coda-call__voice-grid span{display:grid;gap:3px}.mc-coda-call__voice-grid strong{font-size:.8rem}.mc-coda-call__voice-grid small{font-size:.65rem;color:var(--mc-ink-secondary)}.mc-coda-call__voice-panel>button{min-height:36px;margin-top:5px;padding-block:5px}.mc-coda-call__preview-note,.mc-coda-call__preview-status{font-size:.67rem;line-height:1.5;color:var(--mc-ink-secondary);margin:3px 0}.mc-coda-call__preview-status:empty{display:none}.mc-coda-call__voice-panel .mc-coda-audio{width:100%;margin-top:8px}@media(max-width:380px){.mc-coda-call__voice-grid label{padding:9px 6px;gap:5px}.mc-coda-call__voice-grid strong{font-size:.75rem}.mc-coda-call__voice-grid small{font-size:.6rem}}
.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center{padding:12px 0}.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center .mc-coda-call__orb{width:64px;height:64px;margin-bottom:12px}.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center .mc-coda-call__hint{display:none}.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center .mc-coda-call__voice{margin-bottom:6px}.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center .mc-coda-call__status{font-size:1.15rem;margin-bottom:0}.mc-coda-call__voice-panel:not([hidden])+.mc-coda-call__center .mc-coda-call__mic-status{margin-top:10px}

.mc-coda-call__balance{margin:8px 0 14px;padding:12px 16px;border-radius:14px;background:var(--mc-surface-soft,#e8f4f2);color:var(--mc-ink,#17233f);font-weight:650;font-size:.9rem}.theme-dark .mc-coda-call__balance{background:#1c3445;color:#e3f5ef}[data-voice-allowance]{margin:18px 0;padding:14px 0;border-top:1px solid var(--mc-line,#dce5ef)}[data-voice-allowance] h3{font-size:1rem;margin:0 0 8px}

.mc-coda-call__voice-panel{border-top:1px solid var(--mc-line,#dce5ef);padding-top:4px}.mc-coda-call__voice-panel>summary{min-height:44px;box-sizing:border-box;padding:13px 0;cursor:pointer;font-size:.8rem;font-weight:650;color:var(--mc-ink,#17233f)}.mc-coda-call__voice-panel>summary:focus-visible{outline:3px solid var(--mc-blue,#2367dd);outline-offset:3px;border-radius:6px}.mc-coda-call__voice-panel[open]>summary{margin-bottom:6px}.mc-coda-call__voice-panel .mc-coda-call__voice-grid strong,.mc-coda-call__voice-panel legend{color:var(--mc-ink,#17233f)}.mc-coda-call__voice-panel .mc-coda-call__voice-grid label{min-height:58px}.mc-coda-call__voice-panel>button{min-height:44px}.mc-coda-call__scope{padding-top:8px;border-top:1px solid var(--mc-line,#dce5ef)}.mc-coda-call__mic-status{min-height:32px;box-sizing:border-box}.mc-coda-call[data-state="thinking"] .mc-coda-call__orb{box-shadow:inset 0 2px 18px #ffffffe0,0 0 0 6px #68c7ec26,0 16px 38px #1c8b9c26}


/* Source: coda-actions-v1.css */
.mc-coda-work{box-sizing:border-box;width:660px;max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:26px;border:1px solid var(--mc-line);border-radius:28px;color:var(--mc-ink);background:var(--mc-surface);box-shadow:0 24px 100px #13265233;overflow:auto}.mc-coda-work::backdrop{background:#17253d70;backdrop-filter:blur(9px)}.mc-coda-work header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mc-coda-work h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.mc-coda-work__intro{color:var(--mc-ink-secondary);font-size:.9rem;margin:12px 0 20px}.mc-coda-work__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mc-coda-work__tabs [aria-pressed=true]{background:var(--mc-mint,#daf4e9);color:var(--mc-teal,#12604a);border-color:var(--mc-teal,#12604a)}.mc-coda-work form,.mc-coda-work__review{display:grid;gap:14px}.mc-coda-work label:not(.mc-coda-work__source){display:grid;gap:7px;font-size:.82rem;font-weight:650}.mc-coda-work input:not([type=checkbox]),.mc-coda-work textarea{box-sizing:border-box;width:100%;border:1px solid var(--mc-line-strong,#bac8da);border-radius:12px;padding:11px 12px;background:var(--mc-surface);color:var(--mc-ink);font:inherit;font-size:.9rem;line-height:1.55}.mc-coda-work textarea{resize:vertical}.mc-coda-work__source{font-size:.8rem;line-height:1.5;color:var(--mc-ink-secondary)}.mc-coda-work__small{margin:0;font-size:.76rem;line-height:1.6;color:var(--mc-ink-secondary)}.mc-coda-work__status{font-size:.85rem;line-height:1.6;color:var(--mc-ink-secondary)}.mc-coda-work__review{padding-top:18px;border-top:1px solid var(--mc-line)}.mc-coda-work__diagram{width:100%;max-height:310px;background:#fffef8;border:1px solid #dce5ef;border-radius:16px}.mc-coda-work [hidden]{display:none!important}.mc-coda-action-card{padding:15px;border:1px solid var(--mc-line);border-radius:16px;margin-top:12px;text-align:left}.mc-coda-action-card p{margin:0 0 10px;font-size:.85rem;line-height:1.6}.mc-coda-action-card button{min-height:44px}.mc-coda-entry{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block:12px}.mc-coda-entry p{font-size:.85rem;color:var(--mc-ink-secondary);margin:0;flex:1;min-width:180px}.mc-coda-work button:focus-visible{outline:3px solid var(--mc-blue);outline-offset:3px}@media(max-width:480px){.mc-coda-work{padding:20px}.mc-coda-work h2{font-size:1.15rem}.mc-coda-work__tabs button{flex:1;padding-inline:12px}}

.mc-coda-work input:not([type=checkbox]),.mc-coda-work textarea{font-weight:400}.mc-coda-work__review>button:first-of-type:not(:last-child){justify-self:start;min-height:40px}
.mc-coda-work svg.mc-coda-work__diagram{display:block;width:100%;height:clamp(190px,35vh,310px);max-height:310px}


/* Source: course-map-progress-v1.css */
.mc-course-learning{grid-column:1 / -1;min-width:0;margin:8px 0 20px}.mc-course-learning__heading,.mc-course-learning__top{display:flex;justify-content:space-between;align-items:center;gap:16px}.mc-course-learning__heading{margin-bottom:14px}.mc-course-learning__heading h2{margin:3px 0;font-size:1.35rem}.mc-course-learning__heading .eyebrow{margin:0}.mc-course-learning__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));gap:16px}.mc-course-learning__card{padding:22px;min-width:0}.mc-course-learning__top{align-items:flex-start}.mc-course-learning__top h3{margin:0;font-size:1.08rem;overflow-wrap:anywhere}.mc-course-learning__badge{font-size:.58rem;letter-spacing:.09em;white-space:nowrap;border:1px solid var(--border,#dbe3f1);border-radius:20px;padding:5px 8px;opacity:.8}.mc-course-learning__map{display:flex;align-items:center;gap:10px;margin:16px 0 10px;padding:10px 12px;width:100%;border:1px solid var(--border,#dbe3f1);border-radius:12px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:.85rem;cursor:pointer;overflow-wrap:anywhere;min-height:44px}.mc-course-learning__map-icon{font-size:1.6rem;color:var(--accent,#3567db)}.mc-course-learning__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.mc-course-learning__metrics>div{display:flex;flex-direction:column;gap:5px;min-width:0}.mc-course-learning__metrics span{font-size:.72rem;opacity:.8}.mc-course-learning__metrics strong{font-size:1.35rem;line-height:1.2}.mc-course-learning__metrics small{font-size:.66rem;opacity:.72;line-height:1.5}.mc-course-learning__progress-label{font-size:.77rem;margin:0 0 8px}.mc-course-learning__progress{appearance:none;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:rgba(100,130,180,.17)}.mc-course-learning__progress::-webkit-progress-bar{background:rgba(100,130,180,.17);border-radius:8px}.mc-course-learning__progress::-webkit-progress-value{background:linear-gradient(90deg,#3b78ec,#49b4a0);border-radius:8px}.mc-course-learning__progress::-moz-progress-bar{background:#3b78ec;border-radius:8px}.mc-course-learning__note{font-size:.7rem;line-height:1.6;opacity:.72;margin:12px 0}.mc-course-learning__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.learning-check{border-top:1px solid var(--border,#dbe3f1);margin-top:20px;padding-top:16px}.learning-check__choices{display:flex;flex-wrap:wrap;gap:6px}.learning-check [aria-pressed=true]{box-shadow:0 0 0 2px var(--accent,#3567db)}.learning-source-review{margin-top:16px}.learning-source-review details p{white-space:pre-wrap;max-height:260px;overflow:auto;font-size:.85rem}.learning-source-review label{display:flex!important;align-items:center;gap:8px;margin-top:12px;font-size:.82rem}.learning-source-review input{width:20px;height:20px}.learning-check__review{display:flex;gap:8px;align-items:center;font-size:.82rem;margin-top:14px}@media(max-width:600px){.mc-course-learning__heading{align-items:flex-start;flex-direction:column;gap:8px}.mc-course-learning__card{padding:16px}.mc-course-learning__metrics{gap:10px}.mc-course-learning__metrics strong{font-size:1.15rem}.mc-course-learning__badge{font-size:.5rem;padding:4px 6px}.mc-course-learning__actions .mc-button{flex:1 1 auto}}


/* Source: google-connectors-v1.css */
.google-connectors{grid-column:1 / -1;min-width:0}.google-connectors>p{color:var(--mc-ink-secondary);line-height:1.55}.google-connectors__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:18px}.google-connectors__card{padding:18px;border:1px solid var(--mc-line-strong);border-radius:18px;background:var(--mc-surface);color:var(--mc-ink);min-width:0}.google-connectors__card h3{margin:0 0 10px;font-size:1rem}.google-connectors__card p{font-size:.875rem;line-height:1.5;color:var(--mc-ink-secondary)}.google-connectors__actions{display:flex;flex-wrap:wrap;gap:8px}.google-connectors .mc-button{min-height:44px;max-width:100%;white-space:normal}.google-connectors__results{margin-block:18px;padding:18px;border:1px solid var(--mc-line-strong);border-radius:16px;background:var(--mc-surface);color:var(--mc-ink);overflow-wrap:anywhere}.google-connectors__message{display:block;text-align:left;margin-block:8px;width:100%}.google-connectors__preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.875rem;line-height:1.6;max-height:380px;overflow:auto;padding:12px;border:1px solid var(--mc-line);border-radius:10px;tab-size:2}.google-connectors a{color:var(--mc-blue);text-decoration:underline}.google-connectors [hidden]{display:none!important}@media(max-width:900px){.google-connectors__cards{grid-template-columns:1fr}}@media(forced-colors:active){.google-connectors__card,.google-connectors__results{border-color:CanvasText}}


/* Source: tutor-access-v1.css */
/* Tutor-only layout: keep existing controls and review/consent behavior. */
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 236px;
  align-items: start;
  gap: 16px;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar {
  grid-column: 1 / -1;
  order: 0;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: end;
  gap: 12px 20px;
  padding: 14px 18px;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar > .mc-input { margin: 0; min-width: 0; gap: 4px; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar select { min-height: 44px; width: 100%; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-context-options { margin: 0; min-width: 0; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-context-options > summary {
  display: flex; align-items: center; gap: 10px; min-height: 44px;
  padding: 8px 12px; border: 1px solid var(--mc-line); border-radius: 12px;
  cursor: pointer; font-size: .875rem; color: var(--mc-ink); background: var(--mc-glass-subtle);
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-context-options[open] { grid-column: 1 / -1; display: grid; gap: 14px; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card {
  grid-column: 1; order: 1; display: grid; position: relative;
  grid-template-rows: auto minmax(140px, 1fr) auto auto;
  height: clamp(620px, calc(100dvh - 250px), 920px); min-height: 0; min-width: 0;
  gap: 0; padding: 0; overflow: hidden; align-content: stretch;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-header {
  position: static; grid-row: 1; display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: start; gap: 12px; padding: 16px 20px; min-width: 0;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-header h2 { margin: 0; font-size: 1.125rem; line-height: 1.4; overflow-wrap: anywhere; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-header [data-ai-conversation-context] { margin-top: 4px; font-size: .8125rem; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-orb { display: none; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-new-conversation { min-height: 44px; padding: 8px 12px; white-space: nowrap; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message-list {
  grid-row: 2; display: flex; flex-direction: column; align-items: stretch;
  min-height: 0; max-height: none; overflow: auto; overscroll-behavior: contain;
  padding: 20px; gap: 18px; scroll-padding-block: 20px;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message { flex: 0 0 auto; min-width: 0; max-width: 100%; margin: 0; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message--student { align-self: flex-end; max-width: 90%; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message--assistant { align-self: flex-start; width: min(100%, 72ch); box-sizing: border-box; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-verify-note { grid-row: 3; margin: 0 20px; padding: 9px 0; font-size: .6875rem; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer {
  grid-row: 4; position: static; display: flex; flex-direction: column; gap: 10px;
  margin: 0 12px 12px; padding: 12px; min-width: 0;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer textarea {
  min-height: 60px; height: 60px; max-height: 160px; padding: 8px;
  font-size: 1rem; line-height: 1.5; box-sizing: border-box;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions {
  display: flex; flex-wrap: wrap; gap: 6px; margin: 0; min-width: 0;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions button {
  flex: 1 1 auto; justify-content: center; min-height: 44px; padding: 8px 10px;
  border-radius: 12px; font-size: .8125rem; text-align: center; line-height: 1.35;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions button svg { display: none; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer__bottom { flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; }
.app-shell[data-active-view="ai"] [data-view="ai"] [data-ai-composer-note] { display: none; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-voice-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; flex: 1 1 220px; min-width: 0;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .mc-spoken-toggle { display: flex; align-items: center; gap: 6px; min-height: 44px; font-size: .8125rem; white-space: nowrap; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer__bottom .mc-button:not([data-ai-send]) {
  min-height: 44px; padding: 8px 10px; font-size: .8125rem; color: var(--mc-ink);
  background: var(--mc-glass-subtle); border: 1px solid var(--mc-line); box-shadow: none;
}
.app-shell[data-active-view="ai"] [data-view="ai"] [data-ai-send] { margin-left: auto; min-height: 44px; min-width: 90px; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer > .mc-voice-status { margin: 0; font-size: .6875rem; line-height: 1.45; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-sidebar { grid-column: 2; order: 2; display: grid; gap: 12px; min-width: 0; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-sidebar > .mc-card { padding: 14px; min-width: 0; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-history-card { display: block; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-history-card h2 { font-size: 1rem; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-prompt-list button[hidden] { display: none; }
.app-shell[data-active-view="ai"] [data-view="ai"] :is(button, summary, select, textarea):focus-visible { outline: 3px solid var(--mc-blue); outline-offset: 3px; }
/* Empty state keeps the question box near the top; no blank transcript panel. */
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card:not(:has(.ai-message)) { height: auto; grid-template-rows: auto auto auto; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card:not(:has(.ai-message)) .ai-message-list { display: none; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card:not(:has(.ai-message)) .ai-composer { grid-row: 2; margin-top: 12px; }
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card:not(:has(.ai-message)) .ai-verify-note { grid-row: 3; }
@media (max-width: 1100px) {
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-layout { grid-template-columns: minmax(0, 1fr); }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-sidebar { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card { height: auto; grid-template-rows: auto minmax(0, 1fr) auto auto; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-message-list { max-height: min(48dvh, 480px); }
}
@media (max-width: 600px) {
  .app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar { padding: 12px; gap: 8px; grid-template-columns: minmax(0, 1fr); }
  .app-shell[data-active-view="ai"] [data-view="ai"] .tutor-context-options > summary { justify-content: space-between; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-tutor-sidebar { grid-template-columns: minmax(0, 1fr); }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-header { padding: 12px; gap: 8px; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-message-list { padding: 12px; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-composer { margin: 0 8px 8px; padding: 10px; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-verify-note { margin: 0 14px; }
  .app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions button { flex-basis: calc(50% - 6px); }
}
/* Existing context styles span every column; keep the always-visible course row compact. */
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar > .mc-input { grid-column: 1; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar > .tutor-context-options { grid-column: 2; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar > .tutor-context-options[open] { grid-column: 1 / -1; }
@media (min-width: 1101px) {
  .app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card:has(.ai-message) { height: clamp(560px, calc(100dvh - 400px), 760px); }
}
@media (max-width: 600px) {
  .app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar > .tutor-context-options { grid-column: 1; }
}


/* Source: privacy-data-v1.css */
.mc-privacy-data{width:min(640px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--line,#cbd5e1);border-radius:24px;background:var(--surface,#fff);color:var(--ink,#14213d)}
.mc-privacy-data::backdrop{background:rgb(8 19 42 / .65)}
.mc-privacy-data header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mc-privacy-data h2{margin:0;font-size:1.45rem}.mc-privacy-data h3{margin:24px 0 8px}.mc-privacy-data p{line-height:1.6}.mc-privacy-data__actions{display:flex;flex-wrap:wrap;gap:10px}.mc-privacy-data button{min-height:44px;white-space:normal}.mc-privacy-data [data-status]{min-height:1.5em;font-weight:600}.theme-dark .mc-privacy-data{background:#111e36;color:#eef4ff;border-color:#40516e}@media(max-width:480px){.mc-privacy-data{padding:18px}.mc-privacy-data__actions>*{width:100%}}


/* Source: study-polish-v1.css */
.mc-study-polish{margin-top:24px}.mc-milestones{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mc-milestones li{border:1px solid var(--mc-line);border-radius:14px;padding:16px;color:var(--mc-ink-secondary);animation:mc-milestone-enter 180ms ease-out}.mc-milestones strong,.mc-milestones small{display:block}.mc-milestones span{display:inline-block;font-size:.85rem;margin:8px 0}.mc-milestones li.is-earned{border-color:var(--mc-teal);color:var(--mc-ink);background:var(--mc-surface-elevated)}.mc-encouragement-control{display:flex;align-items:center;gap:10px;min-height:44px}.mc-encouragement-control input{width:22px;height:22px}.mc-theme-quick{min-height:44px;transition:opacity 140ms ease-out}.mc-theme-quick:active{opacity:.7}[data-encouragement]{line-height:1.6}@keyframes mc-milestone-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:480px){.mc-milestones{grid-template-columns:1fr}.page-header__actions:has(.mc-theme-quick){flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.mc-milestones li{animation:none}.mc-theme-quick{transition:none}}html[data-reduced-motion="true"] .mc-milestones li{animation:none}html[data-reduced-motion="true"] .mc-theme-quick{transition:none}
.mc-study-polish[hidden],[data-encouragement][hidden]{display:none!important}.mc-theme-quick:focus-visible,.mc-encouragement-control input:focus-visible{outline:3px solid var(--mc-teal);outline-offset:3px}

/* A fitting desktop timeline stays visible beside the taller supporting cards. */
.app-shell .planner-workspace > .planner-timeline-card.mc-planner-sticky{position:sticky;top:24px;align-self:start;}
/* Let Plan's grid shrink at tablet widths and larger accessibility text sizes. */
.app-shell [data-view="planner"],.app-shell .planner-workspace,.app-shell .planner-workspace > *{min-width:0;}
@media(max-width:1000px){.app-shell .planner-page-header{flex-wrap:wrap}.app-shell .planner-date-nav{flex-wrap:wrap;max-width:100%}.app-shell .planner-workspace{grid-template-columns:minmax(0,1fr)}}

/* Balanced rows replace the long supporting rail; keep all existing controls. */
.app-shell .planner-workspace--compact{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));}
.app-shell .planner-workspace--compact > .mc-card{min-width:0;padding:20px;gap:12px;}
.app-shell .planner-workspace--compact .mc-empty-state{min-height:0;padding:16px;gap:8px;}
.app-shell .planner-workspace--compact .mc-empty-state h2{font-size:var(--mc-text-lg);}
.app-shell .planner-workspace--compact .mc-empty-state p{max-width:none;line-height:1.5;}
.app-shell .planner-workspace--compact .calendar-connection-row{min-height:58px;padding:9px 0;}
.app-shell .planner-workspace--compact .section-heading{margin-bottom:0;}
:root[data-workspace-layout=stacked] .app-shell .planner-workspace--compact{grid-template-columns:minmax(0,1fr);}
@media(max-width:1000px){.app-shell .planner-workspace--compact{grid-template-columns:minmax(0,1fr);}}

/* Keep empty schedules brief; the card headings already provide these actions. */
.app-shell .planner-workspace--compact :is(.planner-timeline-card,.planner-tasks-card) .mc-empty-state :is(.tool-icon,.mc-button){display:none;}
.app-shell [data-view="planner"] .planner-hero{padding:18px 20px;gap:6px;}
.app-shell [data-view="planner"] .planner-hero .mc-hero__top{display:none;}
.app-shell [data-view="planner"] .planner-hero h2{font-size:1.65rem;}


/* Source: student-walkthrough-v1.css */
dialog.student-walkthrough { position:fixed; inset:auto 24px 24px auto; margin:0; width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:24px; border:1px solid var(--mc-border,rgba(100,140,145,.3)); border-radius:26px; background:var(--mc-surface,#f7faf9); color:var(--mc-ink,#173d45); box-shadow:0 20px 70px #061c2940; }
.student-walkthrough::backdrop { background:rgba(7,25,35,.18); }
.student-walkthrough h2 { margin:12px 0; font-size:clamp(1.3rem,4vw,1.65rem); line-height:1.2; outline:none; }
.student-walkthrough p { line-height:1.55; margin:12px 0; }
.walkthrough-top,.walkthrough-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.walkthrough-top .eyebrow { margin:0; }
.student-walkthrough progress { display:block; width:100%; height:5px; accent-color:#12817d; margin:12px 0 20px; }
.student-walkthrough .walkthrough-tip { padding:12px; border-radius:14px; background:rgba(100,160,155,.12); font-size:.9rem; }
.walkthrough-actions { margin-top:18px; }
.student-walkthrough button { min-height:44px; white-space:normal; }
.walkthrough-target { outline:3px solid #69cac0 !important; outline-offset:4px; }
@media(max-width:600px) { dialog.student-walkthrough { inset:auto 12px calc(84px + env(safe-area-inset-bottom)) 12px; width:auto; max-height:calc(100dvh - 120px - env(safe-area-inset-bottom)); padding:20px; border-radius:22px; } }
@media(prefers-color-scheme:dark) { html:not([data-theme="light"]) dialog.student-walkthrough { background:#18333b; color:#f0f7f4; } }
html[data-theme="dark"] dialog.student-walkthrough,body[data-theme="dark"] dialog.student-walkthrough { background:#18333b; color:#f0f7f4; }
@media(prefers-reduced-motion:reduce) { .student-walkthrough { scroll-behavior:auto; } }

html.theme-dark dialog.student-walkthrough { background:#18333b; color:#f0f7f4; }
html:not(.theme-dark) dialog.student-walkthrough { background:#f7faf9; color:#173d45; }

.walkthrough-top { flex-wrap:nowrap; align-items:center; }
.walkthrough-top .eyebrow { font-size:.7rem; letter-spacing:.09em; }
.walkthrough-top [data-walkthrough-skip] { flex-shrink:0; min-height:44px; padding:8px 10px; font-size:.8125rem; }
.walkthrough-actions [data-walkthrough-next] { margin-left:auto; }
.student-walkthrough [data-walkthrough-explore] { width:100%; font-size:.875rem; }
.student-walkthrough button:focus-visible { outline:3px solid #12817d; outline-offset:3px; }
.guided-home { grid-column:1/-1; position:relative; display:grid; grid-template-columns:minmax(160px,.75fr) 1.6fr; gap:24px; align-items:center; padding:clamp(24px,4vw,42px); border-radius:30px; border:1px solid rgba(100,165,162,.28); background:linear-gradient(135deg,rgba(192,232,223,.45),rgba(247,250,247,.76) 60%,rgba(184,205,241,.25)); box-shadow:0 12px 38px rgba(15,61,72,.06); overflow:hidden; }
.guided-home__art { height:200px; display:grid; place-items:center; position:relative; }
.guided-home__art img { width:92px;height:92px;filter:drop-shadow(0 16px 24px #123f7530);z-index:1; }
.guided-home__orbit { position:absolute; width:190px;height:190px;border:1px solid rgba(60,139,142,.28);border-radius:50%;background:radial-gradient(circle,rgba(130,209,185,.3),transparent 68%); }
.guided-home__orbit--inner { width:140px;height:140px;border-style:dashed;transform:rotate(-18deg); }
.guided-home__spark { position:absolute;right:12%;top:12%;font-size:26px;color:#418a86; }
.guided-home__copy h2 { margin:8px 0 12px;font-size:clamp(1.7rem,3.3vw,2.6rem);letter-spacing:-.045em;line-height:1.1; }
.guided-home__copy>p:not(.eyebrow) { max-width:43ch;line-height:1.6; }
.guided-home__copy .mc-button { margin-top:8px; }
.guided-home .guided-home__progress { font-size:.8rem;margin:12px 0 0;opacity:.8; }
.guided-home__tools { grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:16px;border-top:1px solid rgba(80,135,140,.18); }
.guided-home__tools button { min-width:0;min-height:64px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;background:rgba(255,255,255,.35);border:1px solid transparent;border-radius:15px;color:inherit;font:inherit;font-size:.75rem;cursor:pointer; }
.guided-home__tools button:hover,.guided-home__tools button:focus-visible { background:rgba(120,200,185,.2);border-color:#599d99; }
.guided-home__tools button.is-explored { border-color:rgba(60,145,130,.4); }
.guided-home__tools svg,.walkthrough-feature svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65; }
.walkthrough-feature { display:flex;align-items:center;gap:10px;color:#267871;font-size:.8rem;font-weight:650;margin-bottom:14px; }
.walkthrough-feature__icon { width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(104,191,176,.15); }
.walkthrough-resume { position:fixed;right:20px;bottom:100px;z-index:60;max-width:420px;display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px solid rgba(90,140,145,.3);border-radius:18px;background:#f7faf9;color:#173d45;box-shadow:0 8px 30px #15384320; }
.walkthrough-resume[hidden],body:has(dialog[open])>.walkthrough-resume,body:has([data-view="home"]:not([hidden]))>.walkthrough-resume { display:none; }
.walkthrough-resume span { font-size:.8rem;line-height:1.45; }
html.theme-dark .guided-home { background:linear-gradient(135deg,rgba(23,78,80,.75),rgba(25,45,70,.8) 70%);color:#eff7f4; }
html.theme-dark .guided-home__tools button { background:rgba(15,32,52,.25); }
html.theme-dark .walkthrough-feature { color:#8fd5ca; }
html.theme-dark .walkthrough-resume { background:#18333b;color:#eff7f4; }
@media(max-width:600px) { .guided-home { grid-template-columns:1fr;gap:12px;padding:24px; }.guided-home__art { height:126px; }.guided-home__orbit { width:126px;height:126px; }.guided-home__orbit--inner {width:98px;height:98px;}.guided-home__art img {width:66px;height:66px;}.guided-home__spark {right:28%;top:2%;font-size:20px;}.guided-home__tools {grid-template-columns:repeat(3,minmax(0,1fr));}.walkthrough-resume {left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));padding:10px 14px;}.student-walkthrough h2 {font-size:1.25rem;} .student-walkthrough .walkthrough-tip {font-size:.8rem;padding:10px;} .walkthrough-feature {margin-bottom:8px;} }
@media(prefers-reduced-motion:reduce) { .guided-home * { animation:none!important;transition:none!important; } }

@media(max-width:600px){.guided-home__art{position:absolute;right:18px;top:42px;width:64px;height:64px;}.guided-home__art img{width:48px;height:48px;}.guided-home__orbit{width:64px;height:64px;}.guided-home__orbit--inner{width:84px;height:84px;}.guided-home__spark{right:-3px;top:-8px;font-size:16px;}.guided-home__copy h2{padding-right:64px;font-size:1.65rem;}.guided-home__copy>.eyebrow{font-size:.65rem;}.guided-home__tools{gap:6px;padding-top:12px}.guided-home__tools button{min-height:54px;padding:8px 3px;}}
@media(max-width:600px){.today-header{padding-bottom:12px!important;gap:10px!important;}.guided-home{margin-top:0;}}

.ai-action-allowance{line-height:1.5;margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:rgba(120,180,170,.10);}.ai-action-review .onboarding-actions{flex-wrap:wrap;gap:10px}.ai-action-review button{white-space:normal;}

@media(max-width:600px){
 .app-shell .mc-app-weather {grid-template-columns:minmax(0,1fr) minmax(0,auto)!important;gap:6px!important;}
 .app-shell .mc-app-weather .mc-live-actions {grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:nowrap!important;gap:2px!important;justify-self:start;}
 .app-shell .mc-live-actions :is([data-live-notifications],[data-live-breathe],[data-live-customize],[data-signout]) {display:none!important;}
 .app-shell .mc-app-weather .mc-live-ai {grid-column:2!important;grid-row:2!important;justify-self:end!important;position:relative!important;max-width:100%!important;min-width:0!important;margin:0!important;}
 .app-shell .mc-live-ai__heading {gap:5px;flex-wrap:wrap;line-height:1.3;}
 .app-shell .mc-live-ai__heading strong {font-size:.8rem;white-space:nowrap;}
 .app-shell .mc-app-weather .mc-app-weather__focus {grid-column:1/-1!important;grid-row:3!important;}
 .app-shell .mc-app-weather .mc-live-upcoming {grid-column:1/-1!important;grid-row:4!important;}
 .app-shell .today-header .mc-theme-quick {min-height:44px;padding-inline:8px;}
 .guided-home button,.walkthrough-resume button {scroll-margin-block:100px;}
 .app-shell .app-main {padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
 html {scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom));}
}
@media(max-width:360px){
 .app-shell .mc-app-weather .mc-live-ai {grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;}
 .app-shell .mc-app-weather .mc-live-actions {grid-column:1/-1!important;grid-row:3!important;}
 .app-shell .mc-app-weather .mc-app-weather__focus {grid-row:4!important;}
 .app-shell .mc-app-weather .mc-live-upcoming {grid-row:5!important;}
}

@media(max-width:600px){.app-shell .today-header .page-header__actions .mc-theme-quick{display:none!important;}.app-shell .today-header{margin-bottom:10px!important;}}
@media(max-width:360px){
 .guided-home {padding:18px;gap:10px;border-radius:24px;}
 .guided-home__copy h2 {font-size:1.35rem;padding-right:38px;line-height:1.12;}
 .guided-home__copy>p:not(.eyebrow) {font-size:.88rem;line-height:1.45;}
 .guided-home__art {right:15px;top:42px;width:40px;height:40px;}
 .guided-home__art img {width:34px;height:34px;}
 .guided-home__orbit {width:43px;height:43px;}.guided-home__orbit--inner {width:53px;height:53px;}
 .guided-home__copy .mc-button {font-size:.83rem;padding-inline:12px;}
}
@media(max-width:600px){
 .guided-home__copy>p:not(.eyebrow):not(.guided-home__progress) {margin:8px 0;font-size:.92rem;line-height:1.45;}
 .guided-home__tools button {box-sizing:border-box;height:54px;min-height:54px!important;padding:6px 3px!important;gap:3px;font-size:.72rem;}
}
/* Labeled phone utilities keep their own row; allowance never shares their tap area. */
@media(max-width:600px){
 .app-shell .mc-app-weather .mc-live-ai{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;}
 .app-shell .mc-app-weather .mc-live-actions{grid-column:1/-1!important;grid-row:3!important;flex-wrap:wrap!important;}
 .app-shell .mc-app-weather .mc-app-weather__focus{grid-row:4!important;}
 .app-shell .mc-app-weather .mc-live-upcoming{grid-row:5!important;}
}


/* Source: legal-acceptance-v1.css */
.mc-legal-acceptance,.mc-sharing-consent__agreement{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.65;padding:14px 0;cursor:pointer}.mc-legal-acceptance input,.mc-sharing-consent__agreement input{flex:0 0 22px;width:22px;height:22px;margin:3px 0;accent-color:#295d55}.mc-legal-acceptance a{text-decoration:underline}.mc-legal-acceptance:focus-within,.mc-sharing-consent__agreement:focus-within{outline:2px solid #448277;outline-offset:4px;border-radius:4px}.mc-sharing-consent__agreement{padding:4px 0 14px}.mc-sharing-consent__actions button:disabled{opacity:.5;cursor:not-allowed}


/* Source: study-workflows-v1.css */
.mc-companion{margin-block:28px;color:var(--text-primary,#192e39)}.companion-heading{max-width:640px;margin-bottom:20px}.companion-heading h2{font-size:clamp(24px,4vw,34px);letter-spacing:-.035em;margin:8px 0}.companion-heading p{line-height:1.6}.companion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.companion-card{font:inherit;color:inherit;background:var(--surface,#fff);text-align:left;padding:22px 18px;border:1px solid #a5b6ad66;border-radius:14px;min-height:142px;cursor:pointer}.companion-card:hover{border-color:#467762;box-shadow:0 8px 24px #193a2920}.companion-card strong{display:block;font-size:17px;margin-bottom:9px}.companion-card span{display:block;font-size:14px;line-height:1.55;opacity:.8}.companion-card:focus-visible,.mc-companion button:focus-visible,.companion-dialog :focus-visible{outline:3px solid #38735a;outline-offset:3px}.companion-dialog{border:1px solid #a5b6ad66;border-radius:18px;padding:28px;max-width:680px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;color:#192e39;background:#fafbf8;box-sizing:border-box}.companion-dialog::backdrop{background:#102c38aa}.companion-close{float:right;min-height:44px;padding:8px 14px;border:1px solid #c3cec5;border-radius:8px;background:#fff;color:#192e39;cursor:pointer}.companion-dialog h2{padding-right:80px}.companion-field{display:grid;gap:7px;margin:18px 0;font-weight:600}.companion-field input,.companion-field textarea,.companion-field select{font:inherit;color:#192e39;border:1px solid #99ada2;border-radius:8px;padding:12px;background:#fff;min-height:44px;width:100%;box-sizing:border-box}.companion-field textarea{resize:vertical}.companion-dialog .mc-button{display:inline-flex;margin:6px 8px 6px 0;min-height:44px;align-items:center}.companion-output li{margin-block:12px;line-height:1.6}.companion-note,.companion-plans{font-size:14px;line-height:1.65}.companion-plans{margin-top:18px;padding:16px;border:1px solid #a5b6ad66;border-radius:10px}.companion-plans summary{cursor:pointer;min-height:30px;font-weight:600}.companion-labs{width:100%;border-radius:10px;margin-block:12px}.companion-dialog [role=status]{line-height:1.6}.companion-dialog button:disabled{opacity:.6;cursor:wait}@media(max-width:1000px){.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.companion-grid{grid-template-columns:1fr}.companion-card{min-height:100px}.companion-dialog{padding:20px}}
.mc-study-workflows{margin-block:16px}.mc-study-workflows>summary{font-weight:650;cursor:pointer;min-height:44px;display:list-item;padding:10px 4px}.theme-dark .companion-dialog{color:#e5eeea;background:#152825}.theme-dark .companion-field input,.theme-dark .companion-field textarea,.theme-dark .companion-field select,.theme-dark .companion-close{color:#e5eeea;background:#1e3530;border-color:#68897c}.theme-dark .companion-card{background:#1b302b;color:#e5eeea}
.companion-room-timer{font-size:clamp(32px,6vw,52px);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:650}

.companion-reflections { margin-block:18px; border-top:1px solid #a5b6ad66; padding-top:12px; }
.companion-reflections summary { min-height:44px; padding-block:10px; cursor:pointer; font-weight:650; }
.companion-reflections article { padding-block:12px; border-bottom:1px solid #a5b6ad44; }
.companion-reflections h3 { font-size:.875rem; margin:0 0 8px; }
.companion-reflections p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }

/* Inherit MindCoda's actual theme tokens so headings remain readable. */
.app-shell .mc-companion,.companion-dialog{color:var(--mc-ink);background:var(--mc-surface);}
.app-shell .mc-companion .companion-heading :is(h2,p),.companion-dialog :is(h2,h3,p,label,summary){color:var(--mc-ink);}
.app-shell .companion-card,.companion-dialog .companion-close,.companion-dialog .companion-field :is(input,textarea,select){background:var(--mc-surface-elevated);color:var(--mc-ink);border-color:var(--mc-line-strong);}
.app-shell .companion-card span{color:var(--mc-ink-secondary);opacity:1;}
.app-shell .mc-study-workflows{margin-top:16px;}


/* Source: home-calm-v1.css */
/* Home starts with one next step. Supporting tools stay in the existing app. */
.app-shell .mc-home-calm{grid-template-columns:minmax(0,1fr);gap:12px;}
.app-shell .mc-home-calm > *{grid-column:1 / -1;min-width:0;}
.app-shell .mc-home-calm > .today-next{padding:24px;}
.app-shell .mc-home-calm .today-next__body{gap:18px;}
.app-shell .mc-home-calm .mc-next-step:empty{display:none;}
.app-shell .mc-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.app-shell .mc-home-shortcuts .mc-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 10px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-surface);color:var(--mc-ink);white-space:normal;font-size:.9rem;}
.app-shell .mc-home-shortcuts svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;}
.app-shell .mc-home-disclosure{min-width:0;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-glass-subtle);}
.app-shell .mc-home-disclosure > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 18px;cursor:pointer;list-style:none;font-weight:600;font-size:.875rem;color:var(--mc-ink);}
.app-shell .mc-home-disclosure > summary::-webkit-details-marker{display:none;}
.app-shell .mc-home-disclosure > summary::after{content:'+';font-size:1.2rem;font-weight:400;}
.app-shell .mc-home-disclosure[open] > summary::after{content:'−';}
.app-shell .mc-home-disclosure > summary:focus-visible{outline:3px solid var(--mc-teal);outline-offset:3px;border-radius:16px;}
.app-shell .mc-home-disclosure > :not(summary){margin:0 16px 16px;}
.app-shell .mc-home-disclosure > .mc-card{border:0;box-shadow:none;background:transparent;padding:4px 0;}
.app-shell .mc-home-disclosure .mc-course-learning{padding-top:12px;}
.app-shell .mc-home-disclosure .mc-home-install{width:auto;}
@media(max-width:640px){.app-shell .mc-home-calm > .today-next{padding:18px;}.app-shell .mc-home-shortcuts{gap:6px;}.app-shell .mc-home-shortcuts .mc-button{flex-direction:column;gap:6px;font-size:.8125rem;padding:10px 5px;}.app-shell .mc-home-disclosure > summary{padding:12px 14px;}}
.app-shell .mc-home-shortcuts .mc-button{min-width:0;width:100%;}
@media(max-width:640px){.app-shell .mc-home-calm .mc-home-focus-dock{grid-template-columns:minmax(0,1fr);}.app-shell .mc-home-calm .mc-home-time-controls select{width:100%;}.app-shell [data-view=home] .today-header .page-header__actions{width:auto;}}

.app-shell [data-home-tools-disclosure] .mc-weather-bar{width:auto;}
@media(max-width:640px){.app-shell [data-view=home] .today-header .mc-theme-quick{min-width:0;padding:8px!important;}.app-shell [data-view=home] .today-header{gap:8px;}}


/* Source: home-clarity-v1.css */
/* One real task is the visual anchor. Existing Focus, course and task handlers
   retain ownership of every action; the tour remains available on demand. */
.app-shell [data-view=home] {max-width:1120px;margin-inline:auto;}
.app-shell [data-view=home] .today-header {padding-block:8px 2px;}
.app-shell .mc-home-calm {gap:24px;}
.app-shell .mc-home-calm > .mc-clarity {
 padding:clamp(24px,4vw,48px);border-radius:32px;
 border:1px solid var(--mc-line);
 background:radial-gradient(ellipse at 100% 10%,color-mix(in srgb,var(--mc-mint) 40%,transparent),transparent 60%),var(--mc-surface-elevated);
 box-shadow:0 18px 54px color-mix(in srgb,var(--mc-ink) 5%,transparent);
}
.app-shell .mc-clarity .today-next__body {grid-template-columns:minmax(0,1fr) 220px;gap:clamp(24px,5vw,64px);align-items:center;}
.app-shell .mc-clarity .mc-clarity__task {display:block;}
.app-shell .mc-clarity .today-next__context {color:var(--mc-teal);font-weight:700;letter-spacing:.15em;font-size:.72rem;margin:0 0 18px;}
.app-shell .mc-clarity .mc-clarity__course {display:inline-block;align-self:flex-start;width:fit-content;max-width:100%;margin:0 0 10px;padding:7px 11px;border-radius:9px;background:var(--mc-mint);color:var(--mc-ink);font-size:.85rem;font-weight:600;overflow-wrap:anywhere;}
.app-shell .mc-clarity .mc-clarity__course[hidden] {display:none;}
.app-shell .mc-clarity h2 {max-width:20ch;margin:0 0 14px;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.13;letter-spacing:-.04em;text-wrap:balance;}
.app-shell .mc-clarity [data-next-copy] {max-width:46ch;color:var(--mc-ink-secondary);font-size:.9rem;line-height:1.6;}
.app-shell .mc-clarity .mc-next-step {max-width:48ch;padding:16px 0 0;margin:18px 0 0;border-top:1px solid var(--mc-line);color:var(--mc-ink);font-size:1rem;line-height:1.6;}
.app-shell .mc-clarity .mc-next-options {margin-top:10px;}
.app-shell .mc-clarity .mc-next-options:not(:has(>button:not([hidden]))) {display:none;}
.app-shell .mc-clarity .mc-next-options :is(button,summary) {font-size:.8rem;color:var(--mc-ink-secondary);}
.app-shell .mc-clarity .mc-home-focus-dock {grid-template-columns:minmax(0,1fr);gap:12px;justify-items:center;align-items:center;}
.app-shell .mc-clarity .mc-home-time-controls {width:100%;text-align:center;}
.app-shell .mc-clarity .mc-home-time-controls label {font-size:.8rem;color:var(--mc-ink-secondary);}
.app-shell .mc-clarity .mc-home-time-controls select {width:100%;min-height:44px;padding:9px 12px;border-color:var(--mc-line);background:var(--mc-surface);font-size:.8rem;}
.app-shell .mc-clarity .home-start-focus {
 display:flex;flex-direction:column;justify-content:center;gap:5px;
 width:164px;min-width:0!important;min-height:164px!important;padding:22px!important;border-radius:50%!important;
 background:radial-gradient(circle at 35% 20%,#ffffff55,transparent 65%),#bdeedc!important;
 color:#163e34!important;border:1px solid color-mix(in srgb,var(--mc-teal) 23%,var(--mc-line));
 box-shadow:inset 0 2px 1px var(--mc-glass-highlight),0 12px 30px color-mix(in srgb,var(--mc-teal) 12%,transparent);
 font-size:.85rem;line-height:1.3;transition:transform .18s ease,box-shadow .18s ease;
}
.app-shell .mc-clarity .home-start-focus:hover:not(:disabled) {transform:translateY(-2px);box-shadow:inset 0 2px 1px var(--mc-glass-highlight),0 16px 34px color-mix(in srgb,var(--mc-teal) 18%,transparent);}
.app-shell .mc-clarity .home-start-focus:focus-visible {outline:3px solid var(--mc-teal);outline-offset:6px;}
.app-shell .mc-clarity__go {display:block;font-size:2.7rem;font-weight:650;line-height:1;letter-spacing:-.045em;}
.app-shell .mc-clarity .mc-home-course-link {font-size:.8rem;min-height:44px;}
.app-shell .mc-clarity .mc-home-focus-countdown {font-size:1.65rem;line-height:1.2;}
.app-shell .mc-home-rest {border-top:1px solid var(--mc-line);}
.app-shell .mc-home-rest > summary {display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;min-height:62px;padding:12px 2px;cursor:pointer;list-style:none;color:var(--mc-ink);font-size:.9rem;font-weight:600;}
.app-shell .mc-home-rest > summary::-webkit-details-marker {display:none;}
.app-shell .mc-home-rest > summary::after {content:'+';margin-left:auto;font-size:1.35rem;font-weight:400;}
.app-shell .mc-home-rest[open] > summary::after {content:'−';}
.app-shell .mc-home-rest__hint {color:var(--mc-ink-secondary);font-size:.75rem;font-weight:400;}
.app-shell .mc-home-rest > summary:focus-visible {outline:3px solid var(--mc-teal);outline-offset:4px;border-radius:8px;}
.app-shell .mc-home-rest__content {display:grid;gap:14px;padding-top:6px;}
.app-shell .mc-home-rest [data-home-task-options] {padding:12px 16px;border:1px solid var(--mc-line);border-radius:16px;}
.app-shell .mc-home-rest [data-home-task-options] > summary {min-height:32px;cursor:pointer;font-size:.875rem;}
.app-shell .mc-home-rest [data-home-task-options][hidden] {display:none;}
.app-shell .mc-home-tour .guided-home {margin:0 16px 16px;border-radius:18px;box-shadow:none;}
@media(max-width:700px) {
 .app-shell .mc-home-calm > .mc-clarity {padding:24px;border-radius:26px;}
 .app-shell .mc-clarity .today-next__body {grid-template-columns:minmax(0,1fr);gap:22px;}
 .app-shell .mc-clarity h2 {font-size:1.85rem;max-width:22ch;}
 .app-shell .mc-clarity .today-next__context {margin-bottom:12px;}
 .app-shell .mc-clarity .mc-next-step {margin-top:14px;padding-top:14px;font-size:.92rem;}
 .app-shell .mc-clarity .mc-home-focus-dock {grid-template-columns:minmax(0,1fr) 128px;gap:8px 18px;}
 .app-shell .mc-clarity .mc-home-time-controls {text-align:left;}
 .app-shell .mc-clarity .mc-home-time-controls label {font-size:.76rem;}
 .app-shell .mc-clarity .mc-home-time-controls select {font-size:.76rem;min-height:46px;padding-inline:7px;}
 .app-shell .mc-clarity .home-start-focus {width:128px;min-height:128px!important;padding:18px!important;font-size:.8rem;}
 .app-shell .mc-clarity__go {font-size:2.2rem;}
 .app-shell .mc-clarity .mc-home-focus-dock > :is(strong,p,.mc-home-course-link) {grid-column:1/-1;}
 .app-shell .mc-home-rest__hint {display:none;}
}
@media(max-width:360px) {
 .app-shell .mc-home-calm > .mc-clarity {padding:19px;}
 .app-shell .mc-clarity .mc-home-focus-dock {grid-template-columns:minmax(0,1fr) 106px;gap:10px;}
 .app-shell .mc-clarity .home-start-focus {width:106px;min-height:106px!important;font-size:.75rem;}
 .app-shell .mc-clarity__go {font-size:1.9rem;}
}
@media(prefers-reduced-motion:reduce) {.app-shell .mc-clarity .home-start-focus {transition:none;transform:none!important;}}
:root[data-reduced-motion=true] .app-shell .mc-clarity .home-start-focus {transition:none;transform:none!important;}
:root[data-reduced-transparency=true] .app-shell .mc-home-calm > .mc-clarity {background:var(--mc-surface-elevated);box-shadow:none;}
:root[data-reduced-transparency=true] .app-shell .mc-clarity .home-start-focus {background:#bdeedc!important;box-shadow:none;}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {.app-shell .mc-home-calm > .mc-clarity {background:var(--mc-surface-elevated);box-shadow:none;}.app-shell .mc-clarity .home-start-focus {background:#bdeedc!important;box-shadow:none;}}
@media(forced-colors:active) {.app-shell .mc-home-calm > .mc-clarity,.app-shell .mc-clarity .home-start-focus {background:Canvas!important;color:CanvasText!important;border-color:ButtonText;box-shadow:none;}}


/* Source: home-progress-v1.css */
.app-shell .mc-home-calm>.mc-home-progress{padding:26px 30px;border:1px solid var(--mc-line);border-radius:26px;background:var(--mc-surface-elevated);box-shadow:none;}
.mc-home-progress[hidden],.mc-home-progress [hidden]{display:none!important;}
.mc-home-progress header{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.mc-home-progress__eyebrow{font-size:.65rem;letter-spacing:.13em;font-weight:700;color:var(--mc-teal);margin:0 0 8px;}
.app-shell .mc-home-progress h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.035em;margin:0;}
.mc-home-progress__range{font-size:.75rem;color:var(--mc-ink-secondary);margin:7px 0 0;}
.mc-home-progress__switch{display:flex;gap:4px;border-radius:13px;background:var(--mc-surface);border:1px solid var(--mc-line);padding:4px;flex-shrink:0;}
.mc-home-progress__switch button{font:inherit;font-size:.8rem;color:var(--mc-ink-secondary);border:0;background:transparent;min-height:44px;padding:9px 13px;border-radius:9px;cursor:pointer;}
.mc-home-progress__switch button[aria-pressed=true]{background:var(--mc-mint);color:var(--mc-ink);font-weight:650;}
.mc-home-progress__switch button:focus-visible,.mc-home-progress__details>summary:focus-visible{outline:3px solid var(--mc-teal);outline-offset:3px;}
.mc-home-progress__metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;margin:24px 0;}
.mc-home-progress__metrics>div{display:flex;flex-direction:column;gap:7px;min-width:0;}
.mc-home-progress__metrics strong{font-size:2rem;line-height:1;letter-spacing:-.05em;color:var(--mc-ink);}
.mc-home-progress__metrics .mc-home-progress__focus strong{font-size:2.6rem;}
.mc-home-progress__metrics span{font-size:.8rem;color:var(--mc-ink-secondary);line-height:1.4;}
.mc-home-progress__chart{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:20px 0 16px;margin:0;border-top:1px solid var(--mc-line);}
.mc-home-progress__chart li{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;}
.mc-home-progress__day-value{font-size:.75rem;color:var(--mc-ink-secondary);}
.mc-home-progress__day-track{height:58px;width:min(30px,70%);background:var(--mc-surface);border:1px solid var(--mc-line);border-radius:7px;display:flex;align-items:flex-end;overflow:hidden;}
.mc-home-progress__day-track i{display:block;width:100%;background:var(--mc-teal);border-radius:5px;}
.mc-home-progress__day-label{font-size:.75rem;color:var(--mc-ink-secondary);}
.mc-home-progress__chart .is-today .mc-home-progress__day-label{font-weight:750;color:var(--mc-ink);text-decoration:underline;text-underline-offset:4px;}
.mc-home-progress__chart .is-future{opacity:.55;}
.mc-home-progress__summary{font-size:.85rem;line-height:1.5;color:var(--mc-ink);margin:0;}
.mc-home-progress__ask{margin-top:16px;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--mc-line);background:var(--mc-mint);color:var(--mc-ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;}
.mc-home-progress__ask:focus-visible{outline:3px solid var(--mc-teal);outline-offset:3px;}
.mc-home-progress__details{color:var(--mc-ink-secondary);font-size:.75rem;line-height:1.5;margin-top:8px;}
.mc-home-progress__details>summary{min-height:44px;cursor:pointer;display:flex;align-items:center;width:fit-content;gap:8px;}
.mc-home-progress__details>summary::after{content:'+';}
.mc-home-progress__details[open]>summary::after{content:'−';}
.mc-home-progress__details p{margin:4px 0 0;max-width:72ch;}
@media(max-width:700px){.app-shell .mc-home-calm>.mc-home-progress{padding:22px;border-radius:24px;}.mc-home-progress header{align-items:flex-start;flex-direction:column;gap:14px;}.mc-home-progress__metrics{grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:22px 0;}.mc-home-progress__metrics strong{font-size:1.6rem;}.mc-home-progress__metrics .mc-home-progress__focus strong{font-size:2rem;}.mc-home-progress__metrics span{font-size:.72rem;}.mc-home-progress__chart{gap:7px;}.mc-home-progress__day-label{font-size:.7rem;}}
@media(max-width:360px){.app-shell .mc-home-calm>.mc-home-progress{padding:18px;}.mc-home-progress__metrics{grid-template-columns:1fr 1fr;}.mc-home-progress__metrics .mc-home-progress__focus{grid-column:1/-1;}.mc-home-progress__chart{gap:4px;}.mc-home-progress__day-label{font-size:.65rem;}}
@media(forced-colors:active){.mc-home-progress__day-track i{background:Highlight;}.mc-home-progress__switch button[aria-pressed=true]{border:2px solid Highlight;}}


/* Source: coda-companion-v1.css */
.mc-coda-companion{position:fixed;right:24px;bottom:24px;z-index:70;color:var(--mc-ink,#142b26);font-family:inherit;}
.mc-coda-companion[hidden],.mc-coda-companion [hidden]{display:none!important;}
.mc-coda-companion button,.mc-coda-companion input{font:inherit;box-sizing:border-box;}
.mc-coda-companion button{cursor:pointer;min-height:44px;border-radius:14px;padding:10px 14px;}
.mc-coda-companion__launcher{display:block;margin-left:auto;background:#bdeedc;color:#163e34;border:1px solid #6baf97;box-shadow:0 5px 20px #122a2525;font-weight:650;min-width:76px;}
.mc-coda-companion__launcher::before{content:'✦';margin-right:8px;}
.mc-coda-companion__panel{width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow:auto;margin-bottom:12px;padding:24px;border:1px solid var(--mc-line,#bbcec5);border-radius:26px;background:var(--mc-surface-elevated,#fff);box-shadow:0 20px 65px #061e2933;box-sizing:border-box;}
.mc-coda-companion header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;}
.mc-coda-companion__eyebrow{font-size:.65rem;letter-spacing:.12em;color:var(--mc-teal,#2d6b56);margin:0 0 9px;font-weight:700;}
.mc-coda-companion h2{font-size:1.5rem;letter-spacing:-.035em;line-height:1.15;margin:0;}
.mc-coda-companion__close{flex:0 0 44px;padding:0!important;font-size:1.4rem!important;background:transparent;border:0;color:inherit;}
.mc-coda-companion__intro{font-size:.9rem;line-height:1.5;margin:16px 0;}
.mc-coda-companion__privacy{color:var(--mc-ink-secondary,#4e665e);font-size:.75rem;line-height:1.5;margin:14px 0;}
.mc-coda-companion__choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;}
.mc-coda-companion__choice{background:var(--mc-surface,#f5faf7);border:1px solid var(--mc-line,#c1d1ca);color:inherit;font-size:.8rem!important;text-align:left;}
.mc-coda-companion__allow{background:#bdeedc;color:#163e34;border:1px solid #6baf97;font-weight:600;}
.mc-coda-companion form{margin-top:16px;display:grid;gap:10px;}
.mc-coda-companion label{font-size:.8rem;line-height:1.5;}
.mc-coda-companion input{display:block;width:100%;margin-top:8px;min-height:46px;padding:10px 12px;border:1px solid var(--mc-line,#bbcec5);border-radius:12px;background:var(--mc-surface,#fff);color:inherit;font-size:1rem;}
.mc-coda-companion__off{background:transparent;border:0;color:var(--mc-ink-secondary,#4e665e);padding-left:0!important;font-size:.75rem!important;}
.mc-coda-companion__how{margin-top:12px;color:var(--mc-ink-secondary,#4e665e);font-size:.75rem;}
.mc-coda-companion__how>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;}
.mc-coda-companion__how>summary::after{content:'+';margin-left:auto;}
.mc-coda-companion__how[open]>summary::after{content:'−';}
.mc-coda-companion__progress{margin-top:18px;padding:18px;border:1px solid var(--mc-line,#bbcec5);border-radius:18px;background:var(--mc-surface,#f5faf7);}
.mc-coda-companion__progress h3{font-size:1.1rem;line-height:1.3;letter-spacing:-.025em;margin:16px 0 10px;}
.mc-coda-companion__progress>p:not(.mc-coda-companion__eyebrow){font-size:.85rem;line-height:1.55;margin:0 0 16px;}
.mc-coda-companion__totals{border-bottom:1px solid var(--mc-line,#bbcec5);padding-bottom:10px;}
.mc-coda-companion__totals p{font-size:.75rem;line-height:1.5;color:var(--mc-ink-secondary,#4e665e);margin:4px 0;}
.mc-coda-companion__progress>.mc-coda-companion__allow{width:100%;}
.mc-coda-companion__progress .mc-coda-companion__how p{font-size:.75rem;line-height:1.5;margin:8px 0;}
.mc-coda-companion__status{font-size:.9rem;line-height:1.5;margin:14px 0 0;padding:12px 14px;border-left:3px solid #83bda8;border-radius:4px 12px 12px 4px;background:var(--mc-surface,#f5faf7);}
.mc-coda-companion__status:empty{display:none;}
.mc-coda-companion :is(button,input):focus-visible{outline:3px solid var(--mc-teal,#2d6b56);outline-offset:3px;}
.mc-coda-companion button:disabled{opacity:.6;cursor:wait;}
body.is-marketing .mc-coda-companion,body.is-privacy-locked .mc-coda-companion{display:none!important;}
@media(max-width:760px){.mc-coda-companion{right:16px;bottom:calc(94px + env(safe-area-inset-bottom,0px));}.mc-coda-companion__panel{max-height:calc(100dvh - 185px - env(safe-area-inset-bottom,0px));padding:20px;width:min(380px,calc(100vw - 32px));}.mc-coda-companion h2{font-size:1.35rem;}}
@media(max-width:360px){
 .app-shell .mc-home-calm > .mc-clarity{padding:16px;}
 .app-shell .mc-clarity .today-next__body{gap:8px;}
 .app-shell .mc-clarity .home-start-focus{width:96px;min-height:96px!important;padding:14px!important;}
 .app-shell .mc-clarity .today-next__context{margin-bottom:6px;}
 .app-shell .mc-clarity [data-next-copy]{font-size:.875rem;line-height:1.45;}
 .app-shell .mc-clarity .mc-next-step{font-size:.875rem;line-height:1.45;margin-top:12px;padding-top:12px;}
}
@media(forced-colors:active){.mc-coda-companion__panel,.mc-coda-companion button{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none;}}

/* Keep the greeting still for both account and device accessibility choices. */
:root:is([data-reduced-motion="true"],[data-personalize-motion="true"]) .mc-coda-companion,
:root:is([data-reduced-motion="true"],[data-personalize-motion="true"]) .mc-coda-companion *,
:root:is([data-reduced-motion="true"],[data-personalize-motion="true"]) .mc-coda-companion *::before,
:root:is([data-reduced-motion="true"],[data-personalize-motion="true"]) .mc-coda-companion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
@media(prefers-reduced-motion:reduce){.mc-coda-companion,.mc-coda-companion *,.mc-coda-companion *::before,.mc-coda-companion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* A small edge companion: animation stays inside its own touch target. */
.mc-coda-companion[data-living-coda]{bottom:24px;right:22px;isolation:isolate}
.mc-coda-companion[data-living-coda=hidden]{visibility:hidden;pointer-events:none}
.mc-coda-companion[data-coda-side=left]{left:22px;right:auto}
.mc-coda-companion[data-coda-side=left] .mc-coda-companion__launcher{margin-left:0;margin-right:auto}
.mc-coda-companion[data-living-coda] .mc-coda-companion__launcher{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:80px;min-width:44px;min-height:88px;padding:4px;border:0;background:transparent;color:var(--mc-ink,#142b26);box-shadow:none;font-size:11px;font-weight:650;line-height:1.2}
.mc-coda-companion[data-living-coda] .mc-coda-companion__launcher::before{display:none}
.mc-coda-companion[data-living-coda] .mc-coda-companion__portrait{display:block;width:72px;height:72px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 8px 8px #30436624)!important;transform-origin:50% 80%}
.mc-coda-companion[data-living-coda=idle] .mc-coda-companion__portrait{animation:coda-living-hover 5.8s ease-in-out infinite}
.mc-coda-companion[data-living-coda=thinking] .mc-coda-companion__portrait{animation:coda-living-think 3.6s ease-in-out infinite}
.mc-coda-companion[data-living-coda=replying] .mc-coda-companion__portrait{animation:coda-living-reply 2.6s ease-in-out infinite}
.mc-coda-companion[data-living-coda=resting] .mc-coda-companion__portrait{animation:none!important;transform:none!important}
.mc-coda-companion[data-living-coda] .mc-coda-companion__launcher:hover .mc-coda-companion__portrait,.mc-coda-companion[data-living-coda] .mc-coda-companion__launcher:focus-visible .mc-coda-companion__portrait{animation-play-state:paused}
.mc-coda-companion__hint{position:absolute;right:88px;bottom:24px;max-width:180px;width:max-content;padding:9px 13px;border:1px solid var(--mc-line,#d6dce7);border-radius:15px;background:var(--mc-surface-elevated,#fff);box-shadow:0 4px 14px #13214312;font-size:12px;line-height:1.4;opacity:0;pointer-events:none}
.mc-coda-companion[data-coda-side=left] .mc-coda-companion__hint{right:auto;left:88px}
.mc-coda-companion:has(.mc-coda-companion__launcher:is(:hover,:focus-visible)[aria-expanded=false]) .mc-coda-companion__hint{opacity:1}
.mc-coda-companion[data-coda-editing=true] .mc-coda-companion__hint{display:none}
.mc-coda-companion[data-living-coda] .mc-coda-companion__panel{margin-bottom:4px}
@keyframes coda-living-hover{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(-3px,-7px) rotate(1.5deg)}}
@keyframes coda-living-think{0%,100%{transform:translateY(-2px) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
@keyframes coda-living-reply{0%,100%{transform:translateY(-2px) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
@media(max-width:760px){.mc-coda-companion[data-living-coda]{right:10px;bottom:calc(90px + env(safe-area-inset-bottom,0px))}.mc-coda-companion[data-coda-side=left]{left:10px;right:auto}.mc-coda-companion[data-living-coda] .mc-coda-companion__launcher{width:62px;min-height:72px}.mc-coda-companion[data-living-coda] .mc-coda-companion__portrait{width:56px;height:56px}.mc-coda-companion[data-coda-editing=true]{visibility:hidden;pointer-events:none}.mc-coda-companion__hint{right:68px}.mc-coda-companion[data-coda-side=left] .mc-coda-companion__hint{left:68px}}
@media(prefers-reduced-motion:reduce){.mc-coda-companion[data-living-coda] .mc-coda-companion__portrait{animation:none!important;transform:none!important}}

/* Leave scroll room so the edge companion never traps the last control. */
body:has(.mc-coda-companion:not([hidden])) #app-shell{padding-bottom:180px}
@media(min-width:1000px){body:has(.app-sidebar) .mc-coda-companion[data-coda-side=left]{left:230px}}


/* Source: quick-setup-v1.css */
.mc-quick-setup .onboarding-step{display:grid;gap:14px;text-align:left;}
.mc-quick-setup .onboarding-step[hidden]{display:none;}
.mc-quick-setup .onboarding-step p{margin:0;}
.mc-quick-setup .onboarding-step textarea{width:100%;resize:vertical;min-height:120px;}
.mc-quick-setup .onboarding-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:20px;}
.mc-quick-setup .theme-picker{display:flex;flex-wrap:wrap;gap:8px;}
.mc-quick-setup [data-theme-choice][aria-pressed=true]{border-color:var(--mc-teal);background:var(--mc-mint);color:#123e37;}
.mc-course-extra>summary,.mc-study-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600;color:var(--mc-ink);}
.mc-course-extra[open]{display:grid;gap:14px;}
.mc-study-more{position:relative;}
.mc-study-more>summary{padding:8px 12px;border:1px solid var(--mc-line);border-radius:12px;}
.mc-study-more>div{position:absolute;right:0;top:100%;z-index:12;display:grid;gap:8px;min-width:230px;max-width:85vw;padding:12px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-surface-elevated);box-shadow:var(--mc-shadow-card);}
.app-shell .study-page-header .page-header__actions{flex-wrap:wrap;gap:8px;}
.app-shell [data-study-hero]{padding:18px 20px;}
.app-shell [data-study-hero] h2{font-size:1.25rem;}
.app-shell [data-study-hero] [data-setup-milestones]{justify-self:start;min-width:0;white-space:normal;text-align:left;}
.app-shell .course-library-card{border-top:3px solid var(--mc-teal);}
.app-shell .course-library-card:nth-child(3n+2){border-top-color:#819be5;}
.app-shell .course-library-card:nth-child(3n){border-top-color:#bca174;}
@media(max-width:640px){.app-shell .study-page-header .page-header__actions{display:flex;width:100%;}.app-shell .study-page-header .page-header__actions>.mc-button{width:auto;flex:1 1 auto;}.app-shell .study-page-header .page-header__actions .mc-study-more .mc-button{width:100%;}.mc-quick-setup .onboarding-actions .mc-button{min-width:0;}}

/* One guide action; optional connections remain folded. */
.mc-quick-setup .setup-coda{display:flex;flex-direction:column;align-items:center;gap:4px;}
.mc-quick-setup .setup-coda img{width:128px;height:128px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 18px rgb(101 70 210 / .14));}
.mc-quick-setup .setup-coda .eyebrow{font-size:.7rem;line-height:1.5;}
html #onboarding-sheet [data-onboarding-step="0"]{text-align:center;}
html #onboarding-sheet [data-onboarding-step="0"] h2{font-size:clamp(1.6rem,5.8vw,2.15rem);line-height:1.15;margin:4px 0 0;}
html #onboarding-sheet [data-onboarding-step="0"] h2:focus{outline:none;}
html #onboarding-sheet [data-onboarding-step="0"] > p{max-width:40ch;margin-inline:auto;line-height:1.65;}
html #onboarding-sheet [data-onboarding-step="0"] [data-setup-tour]{justify-self:center;}
html #onboarding-sheet .setup-calendar-options{text-align:left;}
@media(max-height:700px){.mc-quick-setup .setup-coda img{width:96px;height:96px;}}
.mc-quick-setup .setup-calendar-options{border-top:1px solid var(--mc-line);padding-top:8px;}
.mc-quick-setup .setup-calendar-options>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.mc-quick-setup .setup-calendar-options[open]>*+*{margin-top:12px;}
.mc-quick-setup [data-setup-tour]{justify-self:start;}


/* Source: focus-calm-v1.css */
/* Timer-first Focus layout; existing timer, preference and music controls stay intact. */
[data-view="focus"] { max-width:800px; margin-inline:auto; }
[data-view="focus"] .page-header { margin-bottom:12px; padding-bottom:12px; }
[data-view="focus"] .focus-hero { margin:0 0 18px; padding:0; background:none; border:0; box-shadow:none; backdrop-filter:none; min-height:0; border-radius:0; }
[data-view="focus"] .focus-hero::before, [data-view="focus"] .focus-hero::after,
[data-view="focus"] .focus-hero .mc-hero__top { display:none; }
[data-view="focus"] .focus-hero h2 { font-size:clamp(1.125rem,3vw,1.4rem); line-height:1.4; margin:0 0 4px; letter-spacing:-.02em; }
[data-view="focus"] .focus-hero p { margin:0; font-size:.875rem; line-height:1.5; }
[data-view="focus"] .focus-layout--pwa { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
[data-view="focus"] .focus-timer-card--glass { min-height:0; padding:24px; gap:16px; box-shadow:none; }
[data-view="focus"] .focus-timer-card--glass::before, [data-view="focus"] .focus-timer-card--glass::after { display:none; }
[data-view="focus"] .focus-ring { width:min(100%,270px); box-shadow:none; }
[data-view="focus"] .focus-clock { font-size:clamp(3.75rem,14vw,5rem); }
[data-view="focus"] [data-focus-phase-label], [data-view="focus"] [data-focus-clock-note],
[data-view="focus"] .focus-timer-copy, [data-view="focus"] .focus-note-card,
[data-view="focus"] .mc-context-scene--focus { display:none; }
[data-view="focus"] .focus-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
[data-view="focus"] .focus-actions .mc-button { width:auto; min-width:120px; }
[data-view="focus"] .focus-actions [data-open-breathing-guide] { order:10; min-width:0; background:transparent; border-color:transparent; font-size:.8125rem; }
.focus-options { border:1px solid var(--mc-line,#d8e0eb); border-radius:18px; background:var(--mc-surface,#fff); overflow:hidden; }
.focus-options > summary { display:list-item; padding:18px 24px; min-height:52px; cursor:pointer; color:var(--mc-ink,#18233b); }
.focus-options > summary strong { font-size:.9375rem; }
.focus-options > summary span { display:block; font-size:.8125rem; color:var(--mc-ink-secondary,#506078); margin:4px 0 0 16px; line-height:1.4; }
.focus-options > summary:focus-visible { outline:3px solid var(--mc-blue,#285cc4); outline-offset:-4px; }
.focus-options .focus-side-stack { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:0 16px 16px; }
.focus-options .mc-card { margin:0; box-shadow:none; }
.theme-dark .focus-options { background:var(--mc-surface,#142138); border-color:rgba(180,200,230,.2); }
@media(max-width:640px) { [data-view="focus"] .focus-timer-card--glass { padding:20px 16px; } [data-view="focus"] .focus-ring { width:min(100%,250px); } .focus-options > summary { padding:16px 18px; } }


/* Source: achievements-v1.css */
/* Uses the existing profile card, palette and type; no decorative animation. */
.profile-achievements { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--mc-line); }
.profile-achievements h3 { margin: 0 0 6px; }
.achievement-list { margin: 12px 0 0; padding: 0; list-style: none; }
.achievement-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--mc-line); }
.achievement-row > span:first-child { display: grid; gap: 4px; }
.achievement-row strong { font-size: var(--mc-text-sm); color: var(--mc-ink); }
.achievement-row small { font-size: var(--mc-text-xs); color: var(--mc-ink-secondary); line-height: 1.45; }
.achievement-earned { flex-shrink: 0; font-size: var(--mc-text-xs); color: var(--mc-teal); font-weight: 700; }
.achievement-toast { position: fixed; z-index: 100; bottom: max(88px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 12px; width: max-content; max-width: calc(100% - 32px); padding: 12px 16px; border: 1px solid var(--mc-line-strong); border-radius: var(--mc-radius-md); background: var(--mc-surface); color: var(--mc-ink); box-shadow: var(--mc-shadow-float); font-size: var(--mc-text-sm); }
.achievement-toast[hidden] { display: none; }
@media (max-width: 640px) { .achievement-row { align-items: flex-start; flex-direction: column; gap: 6px; } }


/* Source: aurora-onboarding-v1.css */
/* Aurora is scoped to the welcome and account surfaces; app themes remain user-owned. */
.aurora-welcome{--aurora-purple:#78b0ff;--aurora-mint:#9cebd8;min-width:0!important;max-width:620px;isolation:isolate}
.aurora-welcome [hidden]{display:none!important}
.aurora-topline,.aurora-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.aurora-topline{margin-bottom:18px}.aurora-topline button,.aurora-back,.aurora-motion-toggle{font:inherit;font-size:12px;min-height:44px;padding:10px 14px;border:1px solid rgba(192,203,255,.26);border-radius:30px;color:#dfdef3;background:#191c32;cursor:pointer}
.aurora-motion-toggle{margin-left:auto;white-space:nowrap}.aurora-topline .eyebrow{margin:0!important}
body.is-marketing .aurora-welcome h1,body.is-marketing .aurora-welcome h2{font-size:clamp(32px,4.1vw,55px);line-height:1.08;letter-spacing:-.045em;margin:24px 0 16px;font-weight:650;max-width:100%;color:#eff6ff}
body.is-marketing .aurora-welcome em{color:#80b5ff;font-style:normal}
body.is-marketing .aurora-welcome p:not(.eyebrow):not(.marketing-note){color:#c3c5dc;font-size:15px;line-height:1.7;max-width:44ch}
.aurora-scene{height:270px;position:relative;display:grid;place-items:center;isolation:isolate}
.aurora-core{width:155px;height:155px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#5d90d7,#223d59 65%,#8ee7db);box-shadow:0 0 65px #3d7ed84d,inset 0 0 25px #8fbdff75;border:1px solid #c0daff70}
.aurora-core img{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 4px 10px #090c22)}
.aurora-orbit{position:absolute;border:1px dashed #789ed250;border-radius:50%;pointer-events:none;animation:none}
.aurora-orbit--outer{width:260px;height:260px}.aurora-orbit--inner{width:210px;height:210px;animation-direction:reverse;animation-duration:18s;border-style:solid;border-color:#78b0ff18}
.aurora-orbit i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#a4ecdc;box-shadow:0 0 18px #9aebdc}
.aurora-orbit--inner i{background:#78b0ff;box-shadow:0 0 16px #78b0ff}
.aurora-satellite{position:absolute;padding:12px 16px;border:1px solid #dad4ff38;border-radius:16px;background:#22263beb;box-shadow:inset 0 1px #ffffff12,0 15px 40px #0003;backdrop-filter:blur(14px);font-size:11px;color:#d2d3e5;animation:none}
.aurora-satellite b{display:block;color:#81b5ff;font-size:18px;margin:3px 0}.aurora-satellite--plan{right:5%;top:28px}.aurora-satellite--focus{left:2%;bottom:15px;animation-delay:-3s}
.aurora-controls{margin:24px 0 14px}.aurora-controls>.mc-button{min-width:122px;min-height:48px;border-radius:16px;background:linear-gradient(115deg,#286ac6,#7565ee)!important;color:#fff!important;border:1px solid #a7ccff55;box-shadow:inset 0 1px #ffffff3b,0 8px 24px #2c66b730}
.aurora-dots{display:flex;align-items:center;gap:7px;margin-right:auto}.aurora-dots i{display:block;width:5px;height:5px;background:#686a88;border-radius:9px;transition:opacity .2s}.aurora-dots .is-current{width:25px;background:#6aa8ff}
.aurora-step-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.aurora-roadmap,.aurora-tools{min-height:270px;border:1px solid #a1c8ff29;border-radius:24px;background:linear-gradient(145deg,#302d4bcb,#172534e6);padding:24px;box-shadow:inset 0 1px #ffffff12,0 20px 70px #03071340}
.aurora-roadmap>.eyebrow{font-size:10px;color:#9db6d9}.aurora-roadmap__item{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid #bbd7ff1c}.aurora-roadmap__item>span{font-size:11px;color:#a4e7d8}.aurora-roadmap__item>div{flex:1}.aurora-roadmap__item strong,.aurora-roadmap__item small{display:block}.aurora-roadmap__item strong{font-size:14px;color:#e9f2ff}.aurora-roadmap__item small{font-size:11px;color:#bcc2d5;margin-top:7px;line-height:1.5}.aurora-roadmap__item>b{color:#7aaff8;font-weight:400}.aurora-example{display:block;font-size:10px;color:#bcc2d5;margin-top:15px}
.aurora-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;border:0;background:none;box-shadow:none}.aurora-tools article{padding:20px 16px;border:1px solid #a4caff29;border-radius:18px;background:linear-gradient(145deg,#302d4b,#192431);box-shadow:inset 0 1px #ffffff12}.aurora-tools article>span{display:grid;place-items:center;width:38px;height:38px;background:#111726;border-radius:12px;font-size:26px;color:#77afff}.aurora-tools article:nth-child(even)>span{color:#9ee6cd}.aurora-tools h3{font-size:14px;margin:16px 0 7px;color:#f3f8ff}.aurora-welcome .aurora-tools article p{font-size:12px!important;margin:0!important;line-height:1.5!important}
.aurora-welcome [data-aurora-panel]:not([hidden]){animation:aurora-reveal .35s ease-out both}
body.is-marketing #account-sheet .account-sheet{background:linear-gradient(145deg,#232239,#101b2c);border:1px solid #90beff40;color:#f4f3ff;box-shadow:inset 0 1px #ffffff17,0 24px 80px #0006}body.is-marketing #account-sheet .mc-hero{background:transparent}body.is-marketing #account-sheet input{background:#101728;color:#f4f3ff;border-color:#88a5cf5c}body.is-marketing #account-sheet .mc-emblem img{object-fit:contain}
@keyframes aurora-spin{to{transform:rotate(360deg)}}@keyframes aurora-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes aurora-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.aurora-tools article:hover>span{animation:aurora-spin .65s ease-in-out}.aurora-topline button:hover span{display:inline-block;animation:aurora-spin .65s ease-in-out}}
html[data-aurora-paused] .aurora-welcome *,html[data-aurora-paused] .aurora-welcome *::before,html[data-aurora-paused] .aurora-welcome *::after{animation:none!important;transition:none!important}
html[data-aurora-background] .aurora-welcome *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.aurora-welcome *,.aurora-welcome *::before,.aurora-welcome *::after{animation:none!important;transition:none!important}}
@media(max-width:640px){body.is-marketing .marketing-nav{flex-wrap:wrap;gap:8px;padding-bottom:12px}.aurora-motion-toggle{font-size:10px;padding:8px 10px}.aurora-welcome{width:100%;padding-top:12px!important}.aurora-scene{height:250px}.aurora-orbit--outer{width:240px;height:240px}.aurora-orbit--inner{width:195px;height:195px}.aurora-satellite--plan{right:0}.aurora-satellite--focus{left:0}.aurora-roadmap{padding:20px}.aurora-tools article{padding:16px 12px}body.is-marketing .aurora-welcome h1,body.is-marketing .aurora-welcome h2{font-size:clamp(30px,8.6vw,46px)}.aurora-welcome .marketing-today-preview{display:none!important}}
@media(forced-colors:active){.aurora-tools article,.aurora-roadmap,.aurora-core,.aurora-satellite{border:1px solid CanvasText;background:Canvas;color:CanvasText}.aurora-dots i{background:CanvasText}.aurora-dots .is-current{background:Highlight}}
/* Small, non-blocking map constellation. Fixed geometry causes no layout shift. */
.maps-loader{position:fixed;z-index:40;left:50%;top:44%;width:240px;height:240px;margin:-120px 0 0 -120px;pointer-events:none;contain:layout paint;animation:maps-expire .14s 1.1s both}
.maps-loader__map{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#17233bf5 12%,#11182dc9 42%,#11182d00 70%)}
.maps-loader__logo{position:absolute;inset:30px;width:180px;height:180px;transform:perspective(500px) rotateX(5deg) rotateY(-7deg);filter:drop-shadow(0 8px 12px #1a7aff35)}
.maps-logo-part{transform-box:view-box;animation:maps-leaf 1.05s cubic-bezier(.37,0,.25,1) both;transform-origin:47% 60%}
.maps-logo-part--1{transform-origin:51% 61%;animation-name:maps-leaf-right;animation-delay:.07s}
.maps-logo-part--2{transform-origin:49% 64%;animation:maps-note .65s .32s ease-in-out both}
.maps-loader__arcs{position:absolute;inset:0;width:240px;height:240px;color:#80b1f785;animation:maps-response .65s .4s ease-out both}
.maps-loader__nodes{position:absolute;inset:0;animation:maps-orbit 1.1s cubic-bezier(.25,.1,.25,1) both}
.maps-loader__nodes i{position:absolute;left:28px;top:68px;width:14px;height:14px;border:1px solid #7eb4ff;border-radius:5px;background:#212d3d;box-shadow:0 0 12px #579dff50}
.maps-loader__nodes i:nth-child(2){left:199px;top:83px;border-color:#70dded;background:#173846;box-shadow:0 0 12px #70dded45}
.maps-loader__nodes i:nth-child(3){left:148px;top:201px;width:11px;height:11px}
.maps-loader.is-done{animation:maps-expire .14s ease-out both}
@keyframes maps-leaf{0%,100%{transform:rotate(0)}40%{transform:rotate(-.8deg) translateY(-.8px)}75%{transform:rotate(.35deg)}}
@keyframes maps-leaf-right{0%,100%{transform:rotate(0)}40%{transform:rotate(.8deg) translateY(-.8px)}75%{transform:rotate(-.35deg)}}
@keyframes maps-note{0%,100%{transform:translateX(0)}40%{transform:translateX(.8px) rotate(.15deg)}70%{transform:translateX(-.4px)}}
@keyframes maps-response{0%,100%{opacity:.55;transform:scale(1)}45%{opacity:1;transform:scale(1.012)}}
@keyframes maps-orbit{from{transform:rotate(-8deg)}to{transform:rotate(5deg)}}
@keyframes maps-expire{to{opacity:0;visibility:hidden}}
/* Both accessibility sources apply across the app, including existing transitions. */
html[data-aurora-paused] *,html[data-aurora-paused] *::before,html[data-aurora-paused] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-aurora-paused] .maps-loader__logo{transform:none}
html[data-aurora-paused] .maps-loader{animation:maps-expire .001s 1.1s both!important}
html[data-aurora-paused] .maps-loader.is-done{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.maps-loader__logo{transform:none}.maps-loader{animation:maps-expire .001s 1.1s both!important}.maps-loader.is-done{display:none}}

.aurora-living-logo{width:180px;height:180px;transform:perspective(600px) rotateX(4deg) rotateY(-5deg)}
.aurora-living-logo .maps-logo-part{animation-duration:3.2s}
.aurora-living-logo .maps-logo-part--1{animation-delay:.15s}
.aurora-living-logo .maps-logo-part--2{animation-duration:2s;animation-delay:1s}
html[data-aurora-paused] .aurora-living-logo{transform:none}
@media(prefers-reduced-motion:reduce){.aurora-living-logo{transform:none}}


/* Source: dashboard-glass-v2.css */
/* Reference-driven Aurora glass. Solid fallback and reduced-transparency support. */
.app-shell {--glass-panel:linear-gradient(135deg,#ffffffed,#f1f3ffe8);--glass-edge:#8290c744;--glass-grid:#929dc529;}
.theme-dark .app-shell {--glass-panel:linear-gradient(135deg,#182b4cbf,#0a142bcf);--glass-edge:#8d9bdf48;--glass-grid:#91a2ea1b;background:radial-gradient(ellipse at 90% 0%,#29206b88,transparent 45%),radial-gradient(ellipse at -5% 70%,#214e8d4d,transparent 35%),#040d20;}
.app-shell .app-main {padding-top:18px;}
.app-shell .mc-card,.app-shell .today-quick-actions {background:var(--glass-panel);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff14,0 12px 32px #02082015;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:17px;}
.glass-topbar {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;min-height:72px;}
.glass-wordmark {font-size:.7rem;letter-spacing:.18em;color:var(--mc-ink-secondary);font-weight:650;}
.glass-time-weather {display:flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid var(--glass-edge);border-radius:15px;background:var(--glass-panel);box-shadow:inset 0 1px 0 #ffffff17;}
.glass-clock {display:grid;gap:4px;min-width:140px;}
.glass-clock>span {font-size:.72rem;color:var(--mc-ink-secondary);}
.glass-clock time {font-size:1.45rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.glass-topbar .mc-weather-bar {margin:0;padding:0;}
.glass-topbar .mc-app-weather {position:static;display:grid;grid-template-columns:auto auto;gap:2px 8px;min-width:100px;max-width:180px;min-height:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;color:var(--mc-ink);}
.glass-topbar .mc-app-weather__city {font-size:.65rem;color:var(--mc-ink-secondary);}
.glass-topbar .mc-app-weather__temperature {font-size:1.1rem;}
.glass-topbar .mc-app-weather__forecast {font-size:.68rem;color:var(--mc-ink-secondary);}
.glass-topbar .mc-app-weather__location {font-size:.65rem;color:var(--mc-ink);padding:2px;min-height:24px;}
.app-shell .today-header {margin:0;padding:0;border:0;}
.app-shell .today-header .page-kicker {display:none;}
.app-shell .today-header h1 {font-size:clamp(1.8rem,2.7vw,2.25rem);}
.app-shell .today-header__copy {margin:8px 0 0;}
.app-shell .aurora-actions {margin:18px 0 20px;gap:14px;}
.app-shell .aurora-action {min-height:87px;background:linear-gradient(110deg,#5c58ec20,transparent),var(--glass-panel);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff1a,0 8px 24px #09072f20;}
.app-shell .today-layout {grid-template-columns:minmax(0,1fr) 235px;gap:18px;}
.app-shell .today-main {display:grid;grid-template-columns:minmax(220px,.8fr) minmax(360px,1.25fr);align-items:start;gap:18px;}
.app-shell .today-next {grid-column:1/-1;grid-row:auto;display:flex;align-items:center;gap:18px;padding:14px 18px;min-height:0;}
.app-shell .today-next>.card-label {display:none;}
.app-shell .today-next__body {display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px;padding:0;}
.app-shell .today-next h2 {font-size:1rem;margin:0 0 5px;}
.app-shell .today-next [data-next-copy] {font-size:.75rem;margin:0;}
.app-shell .today-next__context {font-size:.62rem;margin:0 0 5px;}
.app-shell .today-next__link {font-size:.72rem;margin:0;white-space:nowrap;}
.app-shell .today-next .mc-button {min-height:36px;font-size:.75rem;padding:8px 12px;}
.app-shell .today-plan {grid-row:2;grid-column:2;padding:18px 14px;}
.app-shell .today-priorities {grid-row:2;grid-column:1;padding:18px;}
.glass-legacy-day {display:none;}
.glass-week-toolbar {display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:18px;}
.glass-week-toolbar h2 {margin:0 auto 0 0;}
.glass-week-toolbar>span {order:2;width:100%;font-size:.7rem;color:var(--mc-ink-secondary);margin-top:6px;}
.glass-week-toolbar button {border:1px solid var(--glass-edge);background:var(--mc-surface);color:var(--mc-ink);border-radius:8px;min-height:32px;min-width:32px;padding:5px 8px;cursor:pointer;}
.glass-week-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-left:38px;margin-bottom:10px;gap:2px;}
.glass-day {display:grid;gap:6px;text-align:center;border:1px solid transparent;padding:7px 1px;border-radius:8px;background:transparent;color:var(--mc-ink-secondary);cursor:pointer;font-size:.62rem;}
.glass-day strong {font-size:.8rem;font-weight:550;color:var(--mc-ink);}
.glass-day[aria-pressed=true] {background:#1370f12e;border-color:#398afb66;}
.glass-week-grid {display:grid;grid-template-columns:38px repeat(7,minmax(0,1fr));height:300px;}
.glass-week-hours {display:flex;flex-direction:column;justify-content:space-between;font-size:.57rem;color:var(--mc-ink-secondary);padding-right:6px;}
.glass-week-column {position:relative;border-left:1px solid var(--glass-grid);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(16.6667% - 1px),var(--glass-grid) calc(16.6667% - 1px),var(--glass-grid) 16.6667%);}
.glass-week-empty {position:absolute;top:46%;left:0;width:100%;font-size:.55rem;color:var(--mc-ink-secondary);text-align:center;opacity:.55;}
.glass-event {position:absolute;left:2px;right:2px;display:flex;flex-direction:column;gap:5px;padding:7px 4px;border:1px solid #b0a9ff77;border-radius:6px;background:linear-gradient(135deg,#4b68edcc,#4837bbd9);box-shadow:inset 0 1px 0 #ffffff33,0 4px 10px #050f1d33;color:white;text-align:left;overflow:hidden;cursor:pointer;min-height:39px;}
.glass-event strong {font-size:.58rem;font-weight:550;overflow-wrap:anywhere;line-height:1.4;}
.glass-event small {font-size:.5rem;line-height:1.4;}
.glass-event--2 {background:linear-gradient(135deg,#11b9b5bb,#116d8dcc);}
.glass-event--3 {background:linear-gradient(135deg,#397fe0cc,#27579acc);}
.glass-event--0 {background:linear-gradient(135deg,#e95491cc,#b52a73cc);}
.glass-calendar-foot {font-size:.7rem;color:var(--mc-ink-secondary);margin:16px 0 0;}
.app-shell .today-rail {gap:18px;display:flex;flex-direction:column;}
.app-shell .today-progress {order:-2;padding:18px;}
.app-shell .today-ai-insight {order:2;}
.app-shell .today-quick-actions {order:3;}
.glass-progress-layout {display:grid;place-items:center;gap:12px;margin:18px 0;}
.glass-progress-ring {--progress:0%;display:grid;place-items:center;width:135px;height:135px;border-radius:50%;background:conic-gradient(from 215deg,#1473f8 0%,#19d9d2 var(--progress),var(--glass-grid) var(--progress));box-shadow:0 0 28px #3e80c51c;}
.glass-progress-ring>div {display:grid;place-content:center;gap:3px;text-align:center;width:112px;height:112px;border-radius:50%;background:var(--mc-surface);}
.glass-progress-ring strong {font-size:1.8rem;letter-spacing:-.04em;font-weight:600;}
.glass-progress-ring small {font-size:.64rem;color:var(--mc-ink-secondary);}
.glass-progress-layout p {font-size:.75rem;line-height:1.6;text-align:center;margin:0;color:var(--mc-ink-secondary);}
.app-shell .today-progress__metrics {gap:8px;}
.app-shell .today-progress__metrics strong {font-size:1.15rem;}
.app-shell .today-progress__metrics small {font-size:.65rem;}
.glass-notes-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;}
.glass-note .course-note-row {border:0;}
.app-shell .mc-nav__item {font-weight:500;}
.app-shell .mc-nav--mobile {grid-template-columns:repeat(5,minmax(0,1fr));}
.glass-planner-note {color:var(--mc-ink-secondary);font-size:.74rem;line-height:1.6;}
@media(min-width:1450px){.app-shell .today-next {grid-column:1/-1;}.glass-week-grid{height:330px;}.glass-event strong{font-size:.68rem;}}
@media(max-width:1190px){.app-shell .today-layout{grid-template-columns:1fr;}.app-shell .today-rail{display:grid;grid-template-columns:1fr 1fr;}.app-shell .today-main{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.2fr);}.glass-progress-layout{grid-template-columns:135px 1fr;}.app-shell .today-progress{grid-column:1;}.app-shell .today-ai-insight{grid-column:2;}}
@media(max-width:900px){.app-shell .today-main{grid-template-columns:1fr;}.app-shell .today-plan{grid-column:1;grid-row:2;}.app-shell .today-priorities{grid-column:1;grid-row:3;}.glass-wordmark{display:none;}.glass-topbar{justify-content:flex-end;}.glass-week-grid{height:340px;}.glass-event strong{font-size:.7rem;}}
@media(max-width:760px){.app-shell .app-main{padding:12px 16px 100px;}.glass-topbar{margin-bottom:22px;}.glass-time-weather{width:100%;justify-content:space-between;padding:12px 14px;gap:12px;}.glass-clock time{font-size:1.5rem;}.glass-topbar .mc-app-weather{min-width:95px;max-width:160px;}.app-shell .today-header h1{font-size:1.8rem;max-width:280px;}.app-shell .today-header .page-header__actions{align-self:flex-start;}.app-shell .aurora-actions{gap:9px;margin:18px 0;}.app-shell .aurora-action{min-height:70px;padding:12px;}.app-shell .today-main{gap:14px;}.app-shell .today-next{display:block;}.app-shell .today-next__body{flex-direction:row;align-items:center;}.app-shell .today-next__link{margin-top:12px;}.app-shell .today-next [data-next-copy]{display:none;}.app-shell .today-next .mc-button{white-space:nowrap;}.app-shell .today-layout{gap:14px;}.app-shell .today-plan{padding:16px 12px;}.glass-week-days{margin-left:36px;}.glass-week-grid{grid-template-columns:36px repeat(7,minmax(0,1fr));height:310px;}.glass-week-column:not([data-selected=true]){display:none;}.glass-week-column[data-selected=true]{grid-column:2/-1;}.glass-event{left:8px;right:12px;padding:8px 12px;flex-direction:row;justify-content:space-between;align-items:center;}.glass-event strong{font-size:.8rem;}.glass-event small{font-size:.7rem;}.glass-week-empty{font-size:.75rem;}.app-shell .today-rail{display:flex;}.glass-progress-layout{grid-template-columns:135px 1fr;}.app-shell .today-progress{order:0;}.app-shell .today-ai-insight{order:1;}.app-shell .mc-nav--mobile{border:1px solid var(--glass-edge);background:color-mix(in srgb,var(--mc-surface) 90%,transparent);backdrop-filter:blur(24px);}.app-shell .mc-nav--mobile .mc-nav__item{min-width:0;padding:9px 4px;font-size:.64rem;}.glass-day{min-height:45px;}.glass-week-toolbar button{min-height:40px;min-width:40px;}}
@media(prefers-reduced-transparency:reduce){.app-shell .mc-card,.app-shell .aurora-action,.glass-time-weather{background:var(--mc-surface);backdrop-filter:none;-webkit-backdrop-filter:none;}}
@media(min-width:761px){.app-shell .app-sidebar .mc-nav__item{justify-content:flex-start;}.app-shell .app-sidebar .mc-nav__item span{display:inline;}.app-shell .app-sidebar .brand{display:flex;}.app-shell .today-next .today-next__body{flex-direction:row;}.app-shell .today-next{justify-content:space-between;}.app-shell .today-next .home-start-focus{width:auto;margin:0;}}
/* Home is an action summary; the full calendar lives in Plan. */
.app-shell .today-layout{display:flex;flex-direction:column;gap:20px}
.app-shell .today-layout>.today-progress{order:-1;width:100%;display:grid;grid-template-columns:180px minmax(180px,1fr) auto;align-items:center;gap:18px;padding:18px 22px}
.app-shell .today-progress .section-heading{margin:0}.app-shell .today-progress__note{display:none}
.app-shell .glass-progress-layout{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
.app-shell .glass-progress-bar{width:100%;height:10px;display:block;border-radius:8px;background:linear-gradient(to right,#5d8cff 0%,#52dcd1 var(--progress),var(--glass-grid) var(--progress),var(--glass-grid) 100%);box-shadow:0 0 14px #51aaff22;position:relative}
.app-shell .glass-progress-bar>div{position:static;width:auto;height:auto;display:block;background:transparent;text-align:left}
.app-shell .glass-progress-bar strong,.app-shell .glass-progress-bar small{display:none}
.app-shell .glass-progress-layout p{text-align:left;font-size:11px}
.app-shell .today-progress__metrics{display:flex;gap:24px;margin:0}.app-shell .today-progress__metrics strong{font-size:18px;white-space:nowrap;overflow:visible}.app-shell .today-progress__metrics span{min-width:65px}
.app-shell .today-main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.3fr);gap:20px}
.app-shell .today-next{grid-column:1/-1}.app-shell .today-plan{grid-column:2;grid-row:2}.app-shell .today-priorities{grid-column:1;grid-row:2}.app-shell .today-rail{display:contents}
.glass-agenda-row{display:grid;grid-template-columns:100px 1fr 12px;align-items:center;gap:16px;width:100%;min-height:74px;padding:16px 0;border:0;border-bottom:1px solid var(--glass-grid);background:transparent;color:var(--mc-ink);text-align:left;cursor:pointer}
.glass-agenda-row>span:first-child{font-size:11px;color:var(--mc-ink-secondary)}.glass-agenda-row strong{font-size:14px;font-weight:500}.glass-agenda-empty{font-size:14px;line-height:1.7;color:var(--mc-ink-secondary)}
.coda-anytime{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:0;min-height:44px;font:inherit;font-size:11px;text-align:left;cursor:pointer}.coda-anytime img{width:42px;height:42px}.coda-anytime:focus-visible{outline:2px solid #71cfff;border-radius:10px}
@media(max-width:760px){.app-shell .today-layout>.today-progress{grid-template-columns:1fr;gap:12px;padding:16px}.app-shell .today-progress__metrics{justify-content:space-between;gap:12px}.app-shell .today-main{display:flex;flex-direction:column}.glass-agenda-row{grid-template-columns:82px 1fr 12px;gap:10px}.app-shell .today-plan{order:1}.app-shell .today-priorities{order:2}}


/* Source: coda-welcome-v3.css */
/* Coda welcome matches the native surface. Existing forms and tutor hooks stay intact. */
[data-view="ai"] .page-header {display:none}
.coda-welcome {max-width:570px;margin:0 auto;text-align:center;padding:12px 20px 24px}
.coda-brand {display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:10px}
.coda-brand img {width:48px;height:48px;object-fit:contain}
.coda-brand h1 {font-size:24px;margin:0}.coda-brand p {font-size:13px;margin:4px 0;color:var(--mc-text-secondary,#aab7d5)}
.coda-luminous-orb {position:relative;width:220px;height:220px;margin:24px auto 30px;border-radius:50%;background:radial-gradient(circle at 28% 30%,#030a24 18%,#10237d 60%,#57deff 84%,#1f6cf0);box-shadow:0 0 50px #1677ef55,inset -4px -5px 15px #89eaff80;border:1px solid #6bcfff}
.coda-luminous-orb i {position:absolute;inset:50px -1px;border:2px solid transparent;border-bottom-color:#8ccfff;border-right-color:#6fabff;border-top-color:#3369ff;border-radius:50%;transform:rotate(-48deg);box-shadow:0 3px 10px #56aeff6b}
.coda-luminous-orb i:nth-child(2) {inset:38px 4px;transform:rotate(-38deg);opacity:.6}.coda-luminous-orb i:nth-child(3) {inset:25px 9px;transform:rotate(-29deg);opacity:.4}
.coda-welcome .coda-greeting {color:#aab7d5;font-size:15px;margin:0 0 12px}.coda-welcome h2 {font-size:clamp(30px,4vw,42px);line-height:1.14;letter-spacing:-1.2px;margin:0;font-weight:600}
[data-view="ai"] .ai-tutor-layout {display:flex!important;flex-direction:column;max-width:570px;margin:auto;gap:16px}
[data-view="ai"] .ai-conversation-card {order:0;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
[data-view="ai"] .ai-conversation-header {display:none!important}
[data-view="ai"] .ai-message-list:empty {display:none;min-height:0!important}
[data-view="ai"] .ai-message-list {min-height:0!important}
[data-view="ai"] .ai-composer {border-radius:28px!important;border:1px solid #72beff66!important;background:linear-gradient(150deg,#183f7455,#25346d66)!important;backdrop-filter:blur(24px);padding:14px!important;box-shadow:0 18px 60px #216add24}
[data-view="ai"] .ai-composer textarea {min-height:44px!important;background:transparent!important;border:0!important;font-size:17px!important}
[data-view="ai"] .ai-composer__bottom {margin-top:0!important}[data-view="ai"] [data-ai-composer-note] {font-size:10px;opacity:.6}
[data-view="ai"] [data-ai-send] {border-radius:50%!important;width:44px;height:44px;padding:10px!important;min-width:44px;background:linear-gradient(140deg,#1677ff,#3448ed)!important}[data-view="ai"] [data-ai-send] span{display:none}
[data-view="ai"] .ai-tutor-sidebar {display:flex!important;flex-direction:column;gap:14px}
[data-view="ai"] .ai-prompt-card {order:-1;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
[data-view="ai"] .ai-prompt-card .section-heading,[data-view="ai"] .ai-prompt-card>.small-print {display:none}
[data-view="ai"] .ai-prompt-list {display:grid!important;grid-template-columns:1fr!important;gap:10px}
[data-view="ai"] .ai-prompt-list button {min-height:64px!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(135deg,#29217a66,#0c1b3566)!important;border:1px solid #7969e544!important;font-size:15px;text-align:left;color:inherit}
[data-view="ai"] .ai-prompt-list button svg {background:linear-gradient(140deg,#3881e8,#5842d5)!important;color:white!important;width:20px;height:20px;padding:7px;border-radius:10px}
[data-view="ai"] .ai-context-card,[data-view="ai"] .ai-history-card {font-size:13px}
[data-view="ai"] .ai-source-options {max-width:570px;margin:12px auto}
[data-view="ai"] .ai-verify-note {font-size:11px;margin-bottom:10px}
[data-view="ai"] .ai-tutor-rail {display:none}
@media(max-width:600px){.coda-welcome {padding:4px 0 22px}.coda-luminous-orb{width:190px;height:190px;margin:24px auto}.coda-brand{margin-top:8px}[data-view="ai"] .ai-tutor-layout{gap:16px}}
@media(prefers-reduced-transparency:reduce){[data-view="ai"] .ai-composer,[data-view="ai"] .ai-prompt-list button{background:#13213e!important;backdrop-filter:none}}
html:not(.theme-dark) .coda-greeting{color:#505b78}html:not(.theme-dark) [data-view="ai"] .ai-composer,html:not(.theme-dark) [data-view="ai"] .ai-prompt-list button{background:linear-gradient(140deg,#eeebff,#e4f0ff)!important;color:#151f42}
[data-view="ai"] {background:radial-gradient(ellipse at 50% 700px,#1359ad24,transparent 60%);padding-bottom:30px}
.coda-luminous-orb {background:radial-gradient(circle at 28% 30%,#020617 32%,#04163d 62%,#126fc0 83%,#9aefff 96%)}
main:has([data-view="ai"]:not([hidden]))>.glass-topbar {display:none}
[data-view="ai"] .ai-conversation-card {display:flex!important;flex-direction:column;gap:10px!important}
[data-view="ai"] .ai-message-list {padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
[data-view="ai"] .ai-composer {order:1}
[data-view="ai"] .ai-verify-note {order:2;opacity:.7}
/* Flowing-light welcome and a persistent bottom composer. */
.coda-flow {width:280px;height:280px;margin:10px auto 10px;position:relative}
.coda-flow img {width:100%;height:100%;animation:coda-breathe 8s ease-in-out infinite;filter:drop-shadow(0 0 14px #176de827)}
@keyframes coda-breathe {0%,100%{transform:translateY(0) scale(1);opacity:.94}50%{transform:translateY(-4px) scale(1.025);opacity:1}}
@media(prefers-reduced-motion:reduce){.coda-flow img{animation:none}}
[data-view="ai"] {padding-bottom:180px;min-height:calc(100dvh - 100px)}
[data-view="ai"] .ai-composer {position:fixed;z-index:30;bottom:24px;left:calc(50% + 110px);transform:translateX(-50%);width:min(540px,calc(100vw - 300px));display:flex!important;align-items:center;gap:10px!important;min-height:70px;padding:12px 16px!important;background:linear-gradient(140deg,#214b817a,#4b99dd40)!important;box-shadow:inset 0 1px 0 #ffffff26,0 15px 70px #087cff44;backdrop-filter:blur(30px)}
[data-view="ai"] .ai-composer textarea {flex:1;width:0;min-height:34px!important;height:40px;resize:none;margin:0;padding:8px 0!important}
[data-view="ai"] .ai-composer__bottom {flex:none;padding:0!important;border:0!important}
[data-view="ai"] [data-ai-composer-note] {display:none}
[data-view="ai"] .ai-verify-note {display:none}
[data-view="ai"] .ai-message-list:empty {display:none!important}
.coda-tools {max-width:540px;margin:24px auto 0;color:#aebbd6;font-size:13px}
.coda-tools>summary {text-align:center;cursor:pointer;padding:12px;list-style:none}
.coda-tools[open]>summary {margin-bottom:16px}
.coda-brand img {width:42px;height:46px}
@media(max-width:760px){
 [data-view="ai"] .ai-composer {left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:none;width:auto;max-width:none}
 .coda-welcome{padding:0 0 8px}.coda-flow {width:min(64vw,260px);height:min(64vw,260px);margin:14px auto 12px}
 .coda-welcome h2{font-size:34px}.coda-tools{margin-top:10px}
 [data-view="ai"] {background:radial-gradient(ellipse at 50% 90%,#086adb3d,transparent 65%)}
}
@media(max-height:700px) and (max-width:760px){.coda-flow{width:195px;height:195px;margin:0 auto}.coda-welcome h2{font-size:30px}.coda-welcome .coda-greeting{margin-bottom:8px}}
@media(prefers-reduced-transparency:reduce){[data-view="ai"] .ai-composer{background:#163253!important;backdrop-filter:none}}
.coda-look-switch{display:flex;background:#1d294955;border:1px solid #a5c4ff22;border-radius:12px;padding:4px;gap:4px;margin:14px 0 4px}
.coda-look-switch button{flex:1;border:0;border-radius:9px;padding:9px 5px;min-height:36px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.coda-look-switch button[aria-pressed=true]{background:#607cac44;box-shadow:0 1px 3px #0003}
.coda-flow.is-seed img{padding:32px;filter:drop-shadow(0 0 18px #448cff44)}
[data-view="ai"] .ai-conversation-card{height:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;transform:none!important;contain:none!important}
@media(max-height:700px) and (max-width:760px){
 .coda-brand{margin:0;height:40px}.coda-brand h1{font-size:21px}.coda-brand p{font-size:11px}.coda-brand img{width:32px;height:36px}
 .coda-look-switch{margin:8px 0 0;padding:2px}.coda-look-switch button{min-height:30px;padding:5px}
 .coda-flow{width:145px;height:145px;margin:0 auto}.coda-welcome h2{font-size:26px;line-height:1.12}.coda-welcome .coda-greeting{font-size:12px;margin:0 0 6px}
 .coda-tools{margin:0}.coda-tools>summary{padding:8px;font-size:11px}
}
body>.coda-bottom-composer{position:fixed!important;z-index:80;bottom:24px;left:calc(50% + 110px);transform:translateX(-50%);width:min(540px,calc(100vw - 300px));display:flex!important;align-items:center;gap:12px;padding:12px 16px!important;margin:0!important;min-height:70px;border:1px solid #77c9ff66!important;border-radius:30px!important;background:linear-gradient(140deg,#214b81bd,#4b99dd80)!important;box-shadow:inset 0 1px 0 #ffffff26,0 15px 70px #087cff44;backdrop-filter:blur(30px);color:#e8f4ff}
body>.coda-bottom-composer[hidden]{display:none!important}
body>.coda-bottom-composer textarea{flex:1;width:0;min-height:40px!important;height:40px;max-height:140px;margin:0;padding:10px 0!important;resize:none;background:transparent!important;border:0!important;color:inherit;font:inherit;font-size:16px}
body>.coda-bottom-composer .ai-composer__bottom{display:flex;padding:0;margin:0;border:0}
body>.coda-bottom-composer [data-ai-composer-note],body>.coda-bottom-composer [data-ai-send] span{display:none}
body>.coda-bottom-composer [data-ai-send]{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;border-radius:50%;background:#167ace;color:white;border:1px solid #7ebfff55}
body>.coda-bottom-composer [data-ai-send] svg{width:22px;height:22px}
html:not(.theme-dark) body>.coda-bottom-composer{background:#e0eefff0!important;color:#142744}
@media(max-width:760px){body>.coda-bottom-composer{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;transform:none}}
@media(prefers-reduced-transparency:reduce){body>.coda-bottom-composer{background:#183553!important;backdrop-filter:none}}
.coda-look-switch{width:100%}
[data-view="ai"] .ai-conversation-card:has(.ai-message-list:empty){display:none!important}
body>.coda-bottom-composer [data-ai-send]{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:10px!important;border-radius:50%!important}
/* Crisp glass highlights; character and rings animate independently. */
.coda-flow{isolation:isolate}.coda-flow>img{filter:drop-shadow(0 0 8px #168cf52b);animation:coda-liquid-idle 10s ease-in-out infinite;will-change:transform}
@keyframes coda-liquid-idle{0%,100%{transform:rotate(-5deg) scale(.985)}50%{transform:rotate(6deg) scale(1.015)}}
@keyframes coda-thinking{to{transform:rotate(360deg)}}
.coda-flow:not(.is-seed)[data-thinking=true]>img{animation:coda-thinking 4s linear infinite}
.coda-flow.is-seed>img{animation:coda-seed-idle 8s ease-in-out infinite;padding:40px}
@keyframes coda-seed-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.coda-orbits{display:none;position:absolute;inset:15%;animation:coda-thinking 40s linear infinite;pointer-events:none}
.is-seed .coda-orbits{display:block}.coda-orbits i{position:absolute;inset:17% -12%;border:1px solid #8eeaff8c;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 5px #6abaff25}
.coda-orbits i:nth-child(2){inset:0 16%;transform:rotate(40deg);border-color:#85b8ff66}.coda-orbits i:nth-child(3){inset:6%;transform:rotate(20deg);border-style:dotted;opacity:.4}
.coda-orbits b{position:absolute;color:#bbecff;font-size:15px;top:15%;left:0;text-shadow:0 0 8px #44d9ff}.coda-orbits b:last-child{left:auto;right:4%;top:70%;font-size:10px}
.is-seed[data-thinking=true] .coda-orbits{animation-duration:4s}
.coda-flow[data-color=violet]{filter:hue-rotate(40deg)}.coda-flow[data-color=mint]{filter:hue-rotate(-55deg)}.coda-flow[data-color=amber]{filter:hue-rotate(180deg)}
.coda-flow[data-motion=false]>img,.coda-flow[data-motion=false] .coda-orbits{animation:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.coda-flow>img,.coda-orbits{animation:none!important;will-change:auto}}
.coda-topic{position:absolute;right:12%;bottom:14%;font:600 16px Georgia,serif;color:#dbf8ff;padding:6px 9px;border-radius:12px;background:#0b213bba;border:1px solid #a9deff55;backdrop-filter:blur(12px)}.coda-topic:empty{display:none}
.coda-state{font-size:11px!important;min-height:15px;margin:0 0 5px!important;color:#99cee8}.coda-state:empty{display:none}
.coda-customize{border:0;background:transparent;position:relative;padding:0;min-width:44px;min-height:44px;cursor:pointer}.coda-customize img{width:36px!important;height:42px!important}.coda-settings-spark{position:absolute;right:0;top:4px;color:#aee9ff;font-size:12px}
.coda-settings{max-width:420px;width:calc(100% - 32px);border:1px solid #8ebdfc55;border-radius:24px;background:#101d34;color:#eaf4ff;padding:24px;box-shadow:0 30px 100px #0009}.coda-settings::backdrop{background:#020916aa;backdrop-filter:blur(10px)}
.coda-settings header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0;margin-bottom:24px}.coda-settings h2{font-size:22px;margin:4px 0}.coda-settings header p{font-size:9px;letter-spacing:.15em;color:#a5b8d5;margin:0}.coda-settings header button{font-size:24px;background:transparent;border:0;color:inherit;min-width:44px;min-height:44px}
.coda-settings label{display:block;font-size:14px}.coda-settings select{width:100%;margin:8px 0 20px;padding:12px;background:#1c2e4b;color:inherit;border:1px solid #7db4f455;border-radius:12px;font:inherit}.coda-settings fieldset{border:0;padding:0;margin:0 0 24px}.coda-settings legend{margin-bottom:12px;font-size:14px}.coda-swatches{display:flex;justify-content:space-between;gap:8px}.coda-swatches label{text-align:center;font-size:11px;cursor:pointer}.coda-swatches input{accent-color:#62c7ff}.coda-swatches span{display:block;width:34px;height:34px;margin:5px auto;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 4px #ffffff22}
.coda-settings .coda-toggle{display:flex;align-items:center;gap:10px;padding:10px 0}.coda-settings input[type=checkbox]{width:18px;height:18px;accent-color:#61ccff}.coda-settings-note{font-size:11px;line-height:1.6;color:#9fb1ce}.coda-settings-done{width:100%;padding:12px;margin-top:12px;border:1px solid #7edbff55;background:#22699a;color:white;border-radius:14px}.coda-motion-demo{font-size:10px;color:#a3cbe8;background:transparent;border:1px solid #71a4d733;padding:6px 12px;border-radius:16px;margin:12px 0 0;cursor:pointer}
.coda-welcome.in-conversation .coda-flow{width:110px;height:110px}.coda-welcome.in-conversation h2,.coda-welcome.in-conversation .coda-greeting{display:none}
/* Liquid-glass refinement: a stable core with independent light currents. */
.coda-flow:not(.is-seed)::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#247ad51a 0%,#020b21a8 50%,#0466b133 83%);box-shadow:inset 0 0 0 1px #70ccff44,inset -10px -7px 24px #157bec18,0 0 35px #1285ff12;pointer-events:none}
.coda-flow:not(.is-seed)::after{content:"";position:absolute;inset:15%;border-radius:50%;border:1px solid transparent;border-top-color:#c7f8ff99;border-right-color:#68dfff55;box-shadow:1px -1px 4px #9aeaff33;transform:rotate(-24deg);pointer-events:none;animation:coda-refraction 18s linear infinite}
.coda-flow:not(.is-seed)>img{position:relative;z-index:1;filter:drop-shadow(0 0 3px #3ba5ff3d);animation:coda-liquid-idle 14s ease-in-out infinite}
.coda-flow:not(.is-seed)[data-thinking=true]>img{animation:coda-thinking 6s linear infinite}
.coda-flow:not(.is-seed)[data-thinking=true]::after{animation-duration:9s;border-top-color:#e3ffff;box-shadow:1px -1px 6px #81dfff66}
@keyframes coda-refraction{from{transform:rotate(-24deg)}to{transform:rotate(-384deg)}}
.coda-flow[data-motion=false]::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.coda-flow::after{animation:none!important}}

.coda-swatches [data-swatch=blue]{--swatch:#58caff}.coda-swatches [data-swatch=violet]{--swatch:#72adff}.coda-swatches [data-swatch=mint]{--swatch:#76e4bd}.coda-swatches [data-swatch=amber]{--swatch:#ffc970}

.coda-flow.is-original-coda>img{object-fit:contain;filter:none!important;mix-blend-mode:normal;max-width:100%;max-height:100%}
.coda-flow.is-original-coda .coda-orbits{display:none}
@media(prefers-reduced-motion:reduce){.coda-flow.is-original-coda,.coda-flow.is-original-coda>img{animation:none!important;transition:none!important;transform:none!important}}

html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:12px!important}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation::before,html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb.coda-avatar-presentation::after{display:none!important}
.coda-avatar-presentation img{display:block;width:100%;height:100%;object-fit:contain}


/* Source: mobile-layout.css */
.mobile-sections-button{min-width:44px;min-height:44px;border-radius:14px;border:1px solid var(--glass-edge);background:var(--glass-panel);color:var(--mc-ink);cursor:pointer;font-size:22px}
.mobile-tabs-dialog{color:#edf3ff;background:linear-gradient(145deg,#17284b,#080f24);border:1px solid #9cbaff55;border-radius:26px;padding:24px;width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;box-shadow:0 24px 90px #0009}
.mobile-tabs-dialog::backdrop{background:#020817bb;backdrop-filter:blur(8px)}
.mobile-tabs-dialog header{display:flex;align-items:center;justify-content:space-between}.mobile-tabs-dialog h2{margin:4px 0;font-size:25px}.mobile-tabs-dialog p{font-size:14px;line-height:1.6;color:#bac9e6}
.mobile-tabs-dialog button,.mobile-tabs-dialog select{min-height:44px;border:1px solid #9ab6ed55;border-radius:12px;background:#1c2c50;color:#edf3ff;padding:8px 12px;font:inherit}.mobile-tabs-dialog button:disabled{opacity:.3}
.mobile-tab-row{display:grid;grid-template-columns:1fr 44px 44px;gap:8px;margin:10px 0}.mobile-tab-row select{min-width:0}.mobile-all-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mobile-tabs-dialog :focus-visible,.mobile-sections-button:focus-visible{outline:3px solid #70dfff;outline-offset:3px}
@media(max-width:760px){
 .app-shell{min-width:0}.app-shell .app-main{padding:12px 16px calc(100px + env(safe-area-inset-bottom));overflow-x:clip}
 .glass-topbar{gap:8px;align-items:flex-start;margin-bottom:18px}.glass-time-weather{flex:1;min-width:0;padding:10px}.glass-topbar .mc-app-weather{min-width:75px;max-width:120px}.glass-clock time{font-variant-numeric:tabular-nums;font-size:1.35rem}.glass-clock small{font-size:10px}
 .app-shell .today-header{padding:14px 0 4px}.app-shell .today-header h1{font-size:1.85rem;max-width:260px}.app-shell .today-header__copy{font-size:13px}
 .app-shell .aurora-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.app-shell .aurora-action{flex-direction:column;justify-content:center;gap:10px;text-align:center;padding:15px 6px;min-height:108px;border-radius:18px;background:linear-gradient(145deg,#5858ed88,#24234a55),var(--glass-panel)}
 .app-shell .aurora-action:nth-child(2){background:linear-gradient(145deg,#048cf0aa,#12315d88)}.app-shell .aurora-action:nth-child(3){background:linear-gradient(145deg,#3476d499,#1e355688)}.app-shell .aurora-action small,.app-shell .aurora-action>svg{display:none}.app-shell .aurora-action strong{font-size:12px;line-height:1.4}.app-shell .aurora-action-icon{width:32px;height:32px;background:none;box-shadow:none}
 .app-shell .today-main,.app-shell .today-main>*{width:100%;min-width:0;max-width:none}.app-shell .today-next{padding:20px;border-radius:20px;background:radial-gradient(ellipse at 90% 0%,#2470da4a,transparent 80%),var(--glass-panel)}
 .app-shell .today-next__body{flex-wrap:wrap;gap:14px}.app-shell .today-next h2{font-size:18px;line-height:1.35}.app-shell .today-next .mc-button{min-height:44px}.app-shell .today-progress__metrics strong{font-size:17px}.app-shell .today-progress__metrics span{min-width:0}
 .app-shell .mc-nav--mobile{left:8px;right:8px;bottom:0;width:auto;padding:7px 4px calc(7px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:80}.app-shell .mc-nav--mobile .mc-nav__item{min-height:48px;padding:6px 2px;gap:5px;font-size:10px;border-radius:14px}
 .app-shell .mc-nav--mobile svg{width:22px;height:22px}.glass-notes-list{grid-template-columns:minmax(0,1fr)}
 .coda-bottom-composer{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.mobile-tabs-dialog::backdrop{backdrop-filter:none}}

.mobile-smart-start{margin:18px 0}.mobile-smart-start[hidden]{display:none!important}.app-shell .mobile-smart-start .today-next{width:100%;max-width:none}.app-shell .today-main{width:100%;max-width:none}
@media(max-width:760px){.app-shell .today-header .plan-badge{display:none}.app-shell .today-header{border:0;padding:0}.mobile-smart-start{margin:14px 0}.app-shell .today-header h1{font-size:1.65rem}.app-shell .today-header__copy{margin:6px 0 0}.app-shell .aurora-actions{margin:14px 0}.app-shell .aurora-action{min-height:92px}.glass-topbar{margin-bottom:16px}}
@media(max-width:760px){.app-shell .mc-nav--mobile{transform:none;max-width:none;margin:0}.app-shell .mobile-smart-start .today-next{min-height:0;padding:18px}.app-shell .mobile-smart-start .today-next__body{gap:12px}.app-shell .mobile-smart-start .home-start-focus{width:auto;flex:0 0 auto}.app-shell .mobile-smart-start .today-next__body>div{flex:1;min-width:160px}.app-shell .mobile-smart-start .today-next__link{margin-top:12px}}

.mobile-tabs-dialog .mobile-all-sections {margin-top:20px;}
.mobile-tabs-dialog .mobile-all-sections [aria-current=page] {border-color:#70dfff;background:#254566;}
.mobile-tabs-dialog [data-customize-tabs] {margin-top:20px;border-top:1px solid #9ab6ed55;}
.mobile-tabs-dialog [data-customize-tabs]>summary {min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600;}
.mobile-tabs-dialog [data-customize-tabs][open]>:not(summary) {animation:mobile-tools-enter 160ms ease-out both;}
@keyframes mobile-tools-enter {from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-tabs-dialog [data-customize-tabs][open]>:not(summary){animation:none;}}
:root[data-reduced-motion=true] .mobile-tabs-dialog [data-customize-tabs][open]>:not(summary){animation:none;}


/* Source: planner-student-v1.css */
/* Keep the student's next action in front; setup remains available on demand. */
.app-shell [data-view="planner"] .planner-page-header { align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; padding-bottom: 16px; }
.app-shell [data-view="planner"] .planner-page-header h1 { margin-bottom: 6px; }
.planner-day-summary { margin: 0; color: var(--mc-ink-secondary); font-size: .875rem; line-height: 1.5; }
.app-shell [data-view="planner"] .planner-date-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.app-shell [data-view="planner"] [data-planner-previous] svg { transform: rotate(180deg); }
.app-shell [data-view="planner"] [data-planner-next] svg { transform: none; }
.app-shell [data-view="planner"] .plan-view-controls { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .8125rem; }
.plan-view-select { min-height: 44px; border: 1px solid var(--mc-line-strong); border-radius: 12px; padding: 8px 28px 8px 12px; font: inherit; font-size: 1rem; }
.app-shell [data-view="planner"] .planner-command-strip { background: transparent; border: 0; box-shadow: none; margin: 0 0 18px; padding: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.app-shell [data-view="planner"] .planner-command-strip__actions { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; gap: 10px; }
.app-shell [data-view="planner"] .planner-command-strip__actions > .mc-button { width: auto; min-height: 48px; }
.app-shell [data-view="planner"] .planner-tasks-card > .section-heading { margin-bottom: 0; }
.planner-secondary { margin-top: 18px; min-width: 0; border: 1px solid var(--mc-line); border-radius: 16px; background: var(--mc-surface); }
.planner-secondary > summary { cursor: pointer; padding: 16px 18px; min-height: 48px; font-weight: 600; color: var(--mc-ink-secondary); }
.planner-secondary[open] > summary { color: var(--mc-ink); border-bottom: 1px solid var(--mc-line); }
.planner-secondary__content { display: grid; gap: 18px; padding: 18px; min-width: 0; }
.planner-extra-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.planner-secondary__content > .mc-day-route { margin: 0; }
.app-shell [data-view="planner"] :is(select,summary,button):focus-visible { outline: 3px solid var(--mc-blue); outline-offset: 3px; }
@media(max-width:700px){
 .app-shell [data-view="planner"] .planner-page-header { gap: 14px; }
 .app-shell [data-view="planner"] .planner-date-nav { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; width: 100%; }
 .app-shell [data-view="planner"] .plan-view-controls { grid-column: 1 / span 2; grid-row: 1; width: auto; max-width: calc(100% - 32px); flex-wrap: nowrap; }
 .app-shell [data-view="planner"] .plan-view-select { margin-left: 0; }
 .app-shell [data-view="planner"] [data-planner-today] { grid-column: 3; grid-row: 1; justify-self: end; width: auto; }
 .app-shell [data-view="planner"] [data-planner-previous] { grid-column: 1; grid-row: 2; }
 .app-shell [data-view="planner"] .planner-date-picker { grid-column: 2; grid-row: 2; min-width: 0; width: 100%; }
 .app-shell [data-view="planner"] [data-planner-next] { grid-column: 3; grid-row: 2; }
 .app-shell [data-view="planner"] .planner-command-strip__actions { display: grid; grid-template-columns: 1fr 1fr; }
 .app-shell [data-view="planner"] .planner-command-strip__actions > .mc-button { width: 100%; grid-column: auto; white-space: normal; font-size: .875rem; }
 .planner-secondary__content { padding: 14px; }
 .planner-secondary__content > .mc-card { padding: 16px; }
 .planner-extra-actions > button { width: 100%; white-space: normal; }
}


/* Source: day-route-v1.css */
.mc-day-route{grid-column:1/-1;min-width:0;border:1px solid var(--mc-line,rgba(130,150,190,.23));border-radius:18px;padding:clamp(18px,3vw,28px);background:linear-gradient(120deg,rgba(104,93,216,.09),rgba(57,183,176,.06));margin-block:12px}.mc-route__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mc-day-route h2{font-size:clamp(20px,2.5vw,25px);margin:4px 0 12px}.mc-day-route p{line-height:1.6;overflow-wrap:anywhere}.mc-route__road{list-style:none;padding:0 0 0 20px;margin:20px 0;border-left:2px solid rgba(106,130,211,.35)}.mc-route__stop{position:relative;padding:0 0 24px 16px}.mc-route__stop:last-child{padding-bottom:0}.mc-route__stop:before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;border:2px solid #8e9dee;border-radius:50%;background:var(--mc-surface,#182138)}.mc-route__stop[data-state=leave]:before{background:#57cbb8;box-shadow:0 0 0 5px rgba(87,203,184,.13)}.mc-route__cue{font-size:13px;color:var(--mc-ink,#8a9be3)}.mc-route__stop h3{font-size:19px;margin:7px 0}.mc-route__stop p{margin:4px 0}.mc-route__stop small,.mc-route__note{display:block;line-height:1.6;opacity:.8}.mc-route__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mc-route-dialog{width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid rgba(130,150,190,.35);border-radius:18px;padding:24px;background:var(--mc-surface,#182138);color:var(--mc-ink,#edf0fa)}.mc-route-dialog::backdrop{background:rgba(8,12,25,.65)}.mc-route-dialog form{display:grid;gap:14px}.mc-route-dialog h2,.mc-route-dialog p{margin:0}.mc-route-dialog label{display:grid;gap:6px;font-size:14px}.mc-route-dialog input,.mc-route-dialog select{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid rgba(140,160,190,.4);border-radius:8px;background:var(--mc-surface,transparent);color:inherit;font:inherit}.mc-route-dialog input:disabled{opacity:.65}.mc-route-dialog small{line-height:1.5}.mc-route-dialog select option{color:#182138;background:#fff}@media(max-width:480px){.mc-route__top{align-items:flex-start;flex-direction:column}.mc-route-dialog{padding:18px}}[data-theme=light] .mc-route-dialog{background:#fff;color:#182138}


/* Source: platform-alignment-v1.css */
/* Shared student-workspace language, matching MindCodaTheme.swift.
   Scoped to the existing app: marketing, note formatting, and saved preferences
   retain their own surfaces. Content is quiet; glass belongs on controls. */
.app-shell {
  --mc-ink: #0c193d;
  --mc-ink-secondary: #4d5c75;
  --mc-teal: #0f4f42;
  --mc-blue: #0940c4;
  --mc-surface: #fff;
  --mc-pearl: #fcfcf2;
  --mc-mint: #c7fce0;
  --mc-on-accent: #fff;
  --mc-line: rgba(12,25,61,.16);
  --mc-line-strong: rgba(12,25,61,.26);
  --mc-font-display: var(--mc-font);
  --mc-radius-sm: 12px;
  --mc-radius-md: 16px;
  --mc-radius-lg: 20px;
  --mc-radius-xl: 20px;
  --mc-duration-fast: 160ms;
  --mc-duration-standard: 220ms;
  --glass-panel: color-mix(in srgb,var(--mc-surface) 96%,transparent);
  --glass-edge: var(--mc-line);
  --aurora-card: var(--glass-panel);
  --aurora-glow: rgba(199,252,224,.16);
  color: var(--mc-ink);
  background: linear-gradient(160deg,#edf9f3 0%,var(--mc-pearl) 48%,#fff 100%);
}
.theme-dark .app-shell {
  --mc-ink: #f2f6ff;
  --mc-ink-secondary: #bbc9e2;
  --mc-teal: #9cefcc;
  --mc-blue: #a5c2ff;
  --mc-surface: #142446;
  --mc-pearl: #09152e;
  --mc-mint: #c7fce0;
  --mc-on-accent: #071735;
  --mc-line: rgba(176,194,209,.22);
  --mc-line-strong: rgba(176,194,209,.38);
  --glass-panel: #142446;
  --glass-edge: var(--mc-line);
  --aurora-card: var(--glass-panel);
  --aurora-glow: rgba(156,239,204,.08);
  background: linear-gradient(160deg,#0c2529,var(--mc-pearl) 45%);
}
.app-shell :is(.mc-card,.today-quick-actions) {
  background: var(--glass-panel);
  border-color: var(--mc-line);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(5,21,92,.05);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.app-shell .today-next {
  background: var(--glass-panel);
  border-radius: 20px;
  border-color: var(--mc-line);
}
.app-shell :is(.page-header h1,.today-next h2) {
  font-family: var(--mc-font);
  letter-spacing: -.025em;
  line-height: 1.2;
}
.app-shell .mc-button--primary:not(.home-start-focus) {
  min-height: 54px;
  border-radius: 12px;
  background: var(--mc-teal);
  color: var(--mc-on-accent);
  border-color: transparent;
  box-shadow: none;
}
.app-shell .mc-button--secondary { border-radius: 12px; }
.app-shell .mc-nav__item.is-active {
  background: color-mix(in srgb,var(--mc-teal) 10%,transparent);
  color: var(--mc-teal);
  border-color: transparent;
  box-shadow: none;
}
.app-shell .mc-nav--mobile {
  background: color-mix(in srgb,var(--mc-surface) 88%,transparent);
  border-color: var(--mc-line);
}
.app-shell .mc-nav--mobile .mc-nav__item.is-active { color: var(--mc-teal); }
.app-shell .glass-wordmark {
  display: flex; align-items: center; gap: 8px;
  color: var(--mc-ink); font-size: 1.125rem; font-weight: 650;
  letter-spacing: -.025em; white-space: nowrap;
}
.app-shell .glass-wordmark img { width: 30px; height: 30px; object-fit: contain; }
.app-shell .glass-time-weather { border: 0; background: transparent; padding: 0; box-shadow: none; }
.app-shell .glass-clock { min-width: 0; }
.app-shell .glass-clock > time { display: block; }
.app-shell .glass-clock > span { font-size: .75rem; color: var(--mc-ink-secondary); }
.app-shell .coda-anytime { min-height: 44px; }
.app-shell .mobile-sections-button { border-radius: 12px; }
@media (max-width:760px) {
  .app-shell .app-main { padding-inline: 18px; }
  .app-shell .glass-topbar { align-items: center; gap: 8px; margin-bottom: 24px; min-height: 44px; }
  .app-shell .glass-wordmark { display: flex; margin-right: auto; }
  .app-shell .glass-time-weather { flex: 0 1 auto; min-width: 0; }
  .app-shell .glass-clock > span { display: none; }
  .app-shell .glass-clock .coda-anytime { margin: 0; padding: 4px; }
  .app-shell .glass-clock .coda-anytime img { width: 24px; height: 24px; }
  .app-shell .glass-clock .coda-anytime span { font-size: .75rem; }
  .app-shell .mc-nav--mobile { border-radius: 20px; bottom: max(8px,env(safe-area-inset-bottom)); padding-bottom: 7px; }
  .app-shell .mc-nav--mobile .mc-nav__item { min-height: 48px; font-size: .6875rem; }
  .app-shell .today-header h1 { font-size: 1.75rem; max-width: none; }
  .app-shell .today-header__copy { font-size: .9375rem; }
}
@media (prefers-reduced-transparency:reduce) {
  .app-shell .mc-nav--mobile { background: var(--mc-surface); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-contrast:more) {
  .app-shell :is(.mc-card,.today-next,.mc-nav--mobile) { border-color: var(--mc-ink-secondary); }
}
/* The existing Tutor moves this form outside .app-shell. Keep its allowance,
   question, and voice controls on separate rows at every viewport size. */
html:not(.theme-dark) body > form.coda-bottom-composer,
body > form.coda-bottom-composer {
  display: grid !important;
  grid-template-columns: minmax(0,1fr);
  gap: 10px;
  max-height: min(380px,60dvh);
  overflow-y: auto;
  border-radius: 20px !important;
  border-color: rgba(12,25,61,.2) !important;
  background: rgba(255,255,255,.96) !important;
  color: #0c193d;
  box-shadow: 0 6px 24px rgba(5,21,92,.12);
}
.theme-dark body > form.coda-bottom-composer {
  background: rgba(20,36,70,.96) !important;
  color: #f2f6ff;
  border-color: rgba(176,194,209,.3) !important;
}
body > form.coda-bottom-composer textarea {
  width: 100%; min-width: 0; min-height: 52px !important;
  height: 52px; padding: 8px !important; line-height: 1.5;
}
body > form.coda-bottom-composer :is(.ai-action-allowance,.mc-voice-status) {
  margin: 0; padding: 0; width: 100%; max-width: none;
  font-size: .75rem; line-height: 1.45; color: inherit;
}
body > form.coda-bottom-composer .tutor-quick-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
body > form.coda-bottom-composer .tutor-quick-actions summary { min-height: 44px; padding: 10px 0; font-size: .8125rem; }
body > form.coda-bottom-composer .ai-composer__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body > form.coda-bottom-composer .ai-voice-actions { display: flex; flex-wrap: wrap; align-items: center; flex: 1 1 180px; gap: 6px; }
body > form.coda-bottom-composer .mc-spoken-toggle { display: flex; align-items: center; gap: 6px; min-height: 44px; font-size: .8125rem; }
body > form.coda-bottom-composer .mc-spoken-toggle input { width: 20px; height: 20px; }
body > form.coda-bottom-composer .mc-tutor-voice-trigger { min-height: 44px; padding: 8px; font-size: .8125rem; color: inherit; }
body > form.coda-bottom-composer [data-ai-send] { background: #0f4f42; }
.theme-dark body > form.coda-bottom-composer [data-ai-send] { background: #9cefcc; color: #071735; }
@media (prefers-reduced-transparency:reduce) {
  body > form.coda-bottom-composer { background: #fff !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .theme-dark body > form.coda-bottom-composer { background: #142446 !important; }
}
/* Preserve the runtime's route/privacy visibility guard above layout overrides. */
html body > form.coda-bottom-composer[hidden] { display: none !important; }


/* Source: student-offer-v1.css */
/* Local presentation preview. Shared tokens follow the selected appearance. */
body.is-marketing .sales-section{padding:80px 0;border-top:1px solid var(--welcome-line);color:var(--welcome-ink);scroll-margin-top:24px}
body.is-marketing .sales-section *{box-sizing:border-box}
body.is-marketing .sales-heading{max-width:720px;margin-bottom:36px}
body.is-marketing .sales-eyebrow,body.is-marketing .example-label{font-size:11px;line-height:1.6;letter-spacing:.12em;font-weight:700;color:var(--welcome-accent);margin:0 0 14px}
body.is-marketing .sales-section h2{font-size:clamp(30px,3.7vw,46px);line-height:1.14;letter-spacing:-.045em;font-weight:650;margin:0 0 20px;color:var(--welcome-ink)}
body.is-marketing .sales-heading>p:last-child:not(.sales-eyebrow){font-size:17px;line-height:1.7;color:var(--welcome-muted);max-width:58ch}
body.is-marketing .sales-section h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;color:var(--welcome-ink);margin:16px 0}
body.is-marketing .walkthrough-shell{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--welcome-line);border-radius:24px;overflow:hidden;background:var(--welcome-surface)}
body.is-marketing .walkthrough-story{padding:32px;background:var(--welcome-canvas)}
body.is-marketing .walkthrough-tabs{display:grid;gap:10px}
body.is-marketing .walkthrough-tabs button{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:4px 12px;padding:17px 14px;min-height:88px;border:1px solid transparent;background:transparent;color:var(--welcome-muted);border-radius:12px;font:inherit;cursor:pointer}
body.is-marketing .walkthrough-tabs button[aria-selected=true]{border-color:var(--welcome-line);background:var(--welcome-surface);color:var(--welcome-ink);box-shadow:0 3px 10px #10172c06}
body.is-marketing .walkthrough-tabs button span{grid-row:span 2;font-size:12px;padding-top:3px;color:var(--welcome-accent)}
body.is-marketing .walkthrough-tabs strong{font-size:15px;font-weight:650}
body.is-marketing .walkthrough-tabs small{font-size:13px;line-height:1.5}
body.is-marketing .walkthrough-trust{font-size:13px;line-height:1.7;color:var(--welcome-muted);margin:28px 0 0}
body.is-marketing .walkthrough-display{padding:32px;min-width:0}
body.is-marketing .walkthrough-display [hidden]{display:none!important}
body.is-marketing .sample-window-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--welcome-line);color:var(--welcome-muted);font-size:12px}
body.is-marketing .course-chip,body.is-marketing .example-pill{padding:6px 9px;background:var(--welcome-canvas);border:1px solid var(--welcome-line);border-radius:6px;font-size:11px;color:var(--welcome-accent);font-weight:650}
body.is-marketing .sample-document{display:flex;align-items:center;gap:14px;margin:24px 0;padding:16px;border:1px solid var(--welcome-line);border-radius:12px}
body.is-marketing .sample-document small,body.is-marketing .sample-agenda small,body.is-marketing .sample-focus small{display:block;color:var(--welcome-muted);font-size:12px;line-height:1.7;margin-top:3px}
body.is-marketing .document-icon{display:grid;place-items:center;width:40px;height:48px;background:var(--welcome-canvas);border:1px solid var(--welcome-line);border-radius:7px;color:var(--welcome-accent);font-size:10px;font-weight:700}
body.is-marketing .walkthrough-display blockquote{margin:0 0 24px;padding:0 0 0 16px;border-left:3px solid var(--welcome-accent);font-size:18px;line-height:1.7}
body.is-marketing .walkthrough-display blockquote span{font-size:14px;color:var(--welcome-muted)}
body.is-marketing .sample-extraction{display:flex;gap:12px;padding:18px;background:var(--welcome-canvas);border-radius:12px;font-size:14px}
body.is-marketing .sample-check{color:var(--welcome-accent)}
body.is-marketing .sample-extraction p{font-size:13px;line-height:1.8;margin:8px 0 0;color:var(--welcome-muted)}
body.is-marketing .sample-footnote,body.is-marketing .sales-disclosure{font-size:12px;line-height:1.7;color:var(--welcome-muted);margin:18px 0 0;max-width:90ch}
body.is-marketing .sample-next{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:24px;padding:14px 0 0;border:0;border-top:1px solid var(--welcome-line);background:transparent;color:var(--welcome-accent);text-decoration:none;font:inherit;font-size:14px;font-weight:650;cursor:pointer;min-height:44px}
body.is-marketing .sample-context{font-size:14px;line-height:1.7;color:var(--welcome-muted)}
body.is-marketing .sample-agenda{margin:22px 0}
body.is-marketing .sample-agenda>div{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--welcome-line);font-size:14px}
body.is-marketing .sample-agenda>div>span{width:75px;flex-shrink:0;font-size:11px;color:var(--welcome-accent);font-weight:650}
body.is-marketing .sample-callout{padding:14px;border-radius:10px;background:var(--welcome-canvas);font-size:12px;line-height:1.7;color:var(--welcome-muted)}
body.is-marketing .sample-focus{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--welcome-line)}
body.is-marketing .sample-focus>span:first-child{font-size:32px;color:var(--welcome-accent)}
body.is-marketing .sample-focus strong{font-size:32px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.is-marketing .sample-focus .example-pill{margin-left:auto}
body.is-marketing .sample-question{padding:24px 0 0}
body.is-marketing .sample-question h4{font-size:18px;line-height:1.5;margin:0 0 16px}
body.is-marketing .sample-question button{padding:11px 14px;border:1px solid var(--welcome-line);border-radius:8px;background:var(--welcome-canvas);color:var(--welcome-ink);font:inherit;font-size:13px;cursor:pointer;min-height:44px}
body.is-marketing .sample-question>p:last-child{font-size:14px;line-height:1.7;color:var(--welcome-muted)}
body.is-marketing .sales-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
body.is-marketing .sales-benefit-grid article{border-top:2px solid var(--welcome-line);padding-top:22px}
body.is-marketing .sales-benefit-grid article>span{font-size:11px;letter-spacing:.1em;color:var(--welcome-accent)}
body.is-marketing .sales-benefit-grid h3{font-size:20px}
body.is-marketing .sales-benefit-grid p{font-size:15px;line-height:1.8;color:var(--welcome-muted)}
body.is-marketing .sales-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.is-marketing .sales-plan{display:flex;flex-direction:column;padding:32px;border:1px solid var(--welcome-line);border-radius:20px;background:var(--welcome-surface)}
body.is-marketing .sales-plan--plus{border:2px solid var(--welcome-accent);padding:31px}
body.is-marketing .plan-label{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--welcome-accent);margin:0}
body.is-marketing .sales-plan h3{font-size:21px;margin:18px 0 20px}
body.is-marketing .plan-price{font-size:48px;line-height:1.15;font-weight:650;letter-spacing:-.05em;margin:0 0 14px;white-space:nowrap}
body.is-marketing .plan-price span{font-size:13px;letter-spacing:0;font-weight:400;color:var(--welcome-muted)}
body.is-marketing .plan-description{font-size:14px;line-height:1.7;color:var(--welcome-muted);margin:0}
body.is-marketing .sales-plan ul{list-style:none;padding:22px 0;margin:22px 0;border-top:1px solid var(--welcome-line);flex:1}
body.is-marketing .sales-plan li{position:relative;padding:0 0 0 22px;font-size:14px;line-height:1.6;margin:0 0 15px}
body.is-marketing .sales-plan li:before{content:'✓';position:absolute;left:0;color:var(--welcome-accent)}
body.is-marketing .sales-plan li strong{font-weight:650}
body.is-marketing .plan-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 20px;border:1px solid var(--welcome-line);border-radius:12px;background:var(--welcome-surface);color:var(--welcome-ink);font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}
body.is-marketing .sales-plan .welcome-primary{width:100%;text-decoration:none;justify-content:space-between;gap:10px}
body.is-marketing .sales-plan small,body.is-marketing .sales-final small{display:block;font-size:12px;line-height:1.7;color:var(--welcome-muted);margin-top:16px}
body.is-marketing .pricing-clarity{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--welcome-line);margin-top:12px;font-size:14px;line-height:1.7}
body.is-marketing .pricing-clarity p{margin:0;color:var(--welcome-muted)}
body.is-marketing .sales-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}
body.is-marketing .faq-list details{border-bottom:1px solid var(--welcome-line)}
body.is-marketing .faq-list summary{padding:22px 24px 22px 0;font-size:15px;font-weight:600;line-height:1.6;cursor:pointer;list-style:none;position:relative}
body.is-marketing .faq-list summary:after{content:'+';position:absolute;right:0;font-size:20px;color:var(--welcome-accent)}
body.is-marketing .faq-list details[open] summary:after{content:'−'}
body.is-marketing .faq-list summary::-webkit-details-marker{display:none}
body.is-marketing .faq-list p{font-size:14px;line-height:1.8;color:var(--welcome-muted);margin:0 0 22px}
body.is-marketing .faq-list a,body.is-marketing .welcome-plan-link{color:var(--welcome-accent);text-underline-offset:4px}
body.is-marketing .welcome-plan-link{font-size:13px;min-height:30px;padding-top:6px}
body.is-marketing .sales-final{text-align:center}
body.is-marketing .sales-final>p:not(.sales-eyebrow){font-size:16px;line-height:1.7;color:var(--welcome-muted)}
body.is-marketing .sales-final>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
body.is-marketing .sales-final .welcome-primary{text-decoration:none}
body.is-marketing .marketing-page>#study-sample{display:block!important;margin:0!important;padding:64px 0!important;border:0!important;border-top:1px solid var(--welcome-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-margin-top:24px}
body.is-marketing #study-sample h2{color:var(--welcome-ink)!important;letter-spacing:-.035em}
@media(max-width:700px){
 body.is-marketing .sales-section{padding:48px 0}
 body.is-marketing .sales-heading{margin-bottom:26px}
 body.is-marketing .sales-heading>p:last-child:not(.sales-eyebrow){font-size:15px}
 body.is-marketing .walkthrough-shell,body.is-marketing .sales-plan-grid,body.is-marketing .sales-faq,body.is-marketing .sales-benefit-grid{grid-template-columns:1fr;gap:20px}
 body.is-marketing .walkthrough-shell{gap:0;border-radius:16px}
 body.is-marketing .walkthrough-story{padding:20px;border-bottom:1px solid var(--welcome-line)}
 body.is-marketing .walkthrough-tabs{gap:5px}
 body.is-marketing .walkthrough-tabs button{min-height:68px;padding:11px 10px}
 body.is-marketing .walkthrough-trust{margin-top:16px}
 body.is-marketing .walkthrough-display{padding:22px 20px}
 body.is-marketing .sales-section h3{font-size:21px}
 body.is-marketing .sample-window-top{font-size:10px}
 body.is-marketing .sales-plan{padding:24px}
 body.is-marketing .sales-plan--plus{padding:23px}
 body.is-marketing .plan-price{font-size:42px}
 body.is-marketing .plan-price span{font-size:11px}
 body.is-marketing .pricing-clarity{grid-template-columns:1fr;gap:8px}
 body.is-marketing .sales-final>div{flex-direction:column}
 body.is-marketing .sales-final .plan-secondary{width:100%}
 body.is-marketing .marketing-page>#study-sample{padding:48px 0!important}
}
body.is-marketing .marketing-page>.sales-section{display:block!important}
body.is-marketing .marketing-page>.sales-faq{display:grid!important}

body.is-marketing .student-promotion,body.is-marketing .brainfm-promotion{padding:28px 32px;margin-top:24px;border:1px solid var(--welcome-line);border-radius:18px;background:var(--welcome-surface)}
body.is-marketing .student-promotion p:not(.plan-label),body.is-marketing .brainfm-promotion p:not(.plan-label){font-size:14px;line-height:1.8;color:var(--welcome-muted);max-width:78ch}
body.is-marketing .student-promotion small{font-size:12px;line-height:1.7;color:var(--welcome-muted)}
body.is-marketing .brainfm-promotion .plan-secondary{margin:8px 0;text-align:center}
@media(max-width:700px){body.is-marketing .student-promotion,body.is-marketing .brainfm-promotion{padding:24px}}

body.is-marketing .sales-brainfm__brand{display:grid;place-items:center;width:198px;min-height:68px;margin-bottom:18px;padding:16px 20px;border-radius:12px;background:#0c193d}
body.is-marketing .sales-brainfm__brand img{display:block;width:158px;height:36px}


/* Source: study-clarity-v1.css */
/* A single Tutor workspace: question, response, then optional tools. */
.app-shell[data-active-view=ai] [data-view=ai] { min-height: 0; padding-bottom: 24px; }
.app-shell[data-active-view=ai] [data-view=ai] > .page-header { display: none !important; }
.app-shell[data-active-view=ai] .coda-welcome { display: grid; grid-template-columns: minmax(0,1fr) 80px; gap: 8px 12px; max-width: 620px; padding: 0 0 18px; text-align: left; }
.app-shell[data-active-view=ai] .coda-welcome > :is(.coda-brand,h2,.coda-greeting) { grid-column: 1; }
.app-shell[data-active-view=ai] .coda-welcome > .coda-flow { grid-column: 2; grid-row: 1 / 4; width: 80px; height: 80px; align-self: center; }
.app-shell[data-active-view=ai] .coda-state { grid-column: 2; }
.app-shell[data-active-view=ai] .coda-brand { margin-bottom: 0; }
.app-shell[data-active-view=ai] .coda-flow { width: 128px; height: 128px; margin: 8px auto; }
.app-shell[data-active-view=ai] .coda-welcome h2 { font-size: 19px; letter-spacing: -.3px; }
.app-shell[data-active-view=ai] .coda-greeting { margin: 0; font-size: 13px; line-height: 1.5; color: var(--mc-ink-secondary); }
.app-shell[data-active-view=ai] [data-view=ai] .ai-tutor-layout { max-width: 620px; gap: 16px; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-tutor-layout[hidden] { display: none !important; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-conversation-card { display: flex !important; }
.app-shell[data-active-view=ai] [data-view=ai] .tutor-course-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; padding: 14px !important; }
.app-shell[data-active-view=ai] .tutor-course-bar > label { flex: 1 1 180px; min-width: 0; margin: 0; }
.app-shell[data-active-view=ai] .tutor-context-options { flex-basis: 100%; }
.app-shell[data-active-view=ai] .tutor-context-options > summary { min-height: 44px; padding-block: 12px; }
.app-shell[data-active-view=ai] [data-tutor-material-shortcut] button { min-height: 44px; }
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer {
  position: static !important; left: auto; right: auto; bottom: auto; transform: none;
  display: flex !important; flex-direction: column; align-items: stretch; gap: 12px !important;
  width: 100%; max-width: none; min-width: 0; min-height: 0; max-height: none;
  padding: 16px !important; border-radius: 20px !important;
  background: var(--mc-surface,#fff) !important; color: var(--mc-ink,#0c193d);
  border: 1px solid var(--mc-glass-border,rgba(12,25,61,.2)) !important;
  box-shadow: 0 5px 22px rgba(5,21,92,.08); backdrop-filter: none;
}
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer textarea {
  width: 100%; height: 100px; min-height: 100px !important; max-height: 50dvh;
  flex: none; margin: 0; padding: 8px !important; resize: vertical;
  color: inherit; line-height: 1.5; font-size: 16px !important;
}
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions { display: flex !important; flex-wrap: wrap; gap: 8px; }
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions button {
  flex: 0 1 auto; min-height: 44px !important; padding: 10px 12px !important;
  border-radius: 12px !important; font-size: 13px; line-height: 1.4;
  background: var(--mc-glass-standard) !important; color: inherit;
}
.app-shell[data-active-view=ai] .tutor-quick-actions button svg { display: none; }
.app-shell[data-active-view=ai] .ai-action-allowance { margin: 0; font-size: 12px; line-height: 1.5; }
.app-shell[data-active-view=ai] .tutor-account-usage { order: 3; align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; color: var(--mc-ink); text-underline-offset: 3px; }
.app-shell[data-active-view=ai] .tutor-account-usage[hidden] { display: none !important; }
.app-shell[data-active-view=ai] [data-view=ai] .ai-composer__bottom { display: flex; justify-content: flex-end; }
.app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] {
  width: auto !important; min-width: 130px; height: auto; min-height: 44px; padding: 10px 16px !important;
  border-radius: 12px !important; background: #0f4f42 !important; color: #fff;
}
.app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] span { display: inline; }
.app-shell[data-active-view=ai] [data-ai-send] svg { width: 18px; height: 18px; }
.app-shell[data-active-view=ai] .coda-voice-options { order: 3; border-top: 1px solid var(--mc-glass-border); padding-top: 4px; }
.app-shell[data-active-view=ai] .coda-voice-options summary { min-height: 44px; padding-block: 12px; font-size: 13px; cursor: pointer; }
.app-shell[data-active-view=ai] .ai-voice-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.app-shell[data-active-view=ai] .ai-voice-actions :is(button,label) { min-height: 44px; }
.app-shell[data-active-view=ai] .mc-voice-status { font-size: 12px; line-height: 1.5; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools,[data-ai-access-note]) { max-width: 620px; margin: 16px auto; color: inherit; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools) > summary { min-height: 44px; padding: 14px 8px; text-align: left; cursor: pointer; font-size: 14px; list-style: revert; }
.app-shell[data-active-view=ai] .tutor-workspace-tools .mc-workspace-tools { margin-block: 12px; }
.app-shell[data-active-view=ai] [data-ai-access-note] { padding: 20px; }
.app-shell[data-active-view=ai] [data-ai-access-note] h2 { font-size: 21px; }
.app-shell[data-active-view=ai] [data-ai-access-note] > button { margin: 8px 8px 0 0; min-height: 44px; }
.app-shell[data-active-view=ai] .coda-welcome.in-conversation .coda-flow { display: none; }
body:has(.app-shell:is([data-active-view=ai],[data-active-view=study])) .mc-coda-companion:not([data-living-coda]) .mc-coda-companion__launcher[aria-expanded=false] { display: none; }
.app-shell[data-active-view=study] .study-page-header .page-header__actions { gap: 10px; }
.app-shell[data-active-view=study] .course-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.app-shell[data-active-view=study] .study-workspace-tools { margin-top: 24px; }
.app-shell[data-active-view=study] .study-workspace-tools > summary { min-height: 44px; padding: 12px 8px; font-size: 14px; cursor: pointer; }
.app-shell[data-active-view=study] .study-workspace-tools .mc-workspace-tools { margin-block: 12px; }
/* Keep privacy, loading and route guards stronger than layout display rules. */
.app-shell[data-active-view=ai] [data-view=ai] :is(form,[data-ai-prompt],.ai-voice-actions,.coda-voice-options)[hidden] { display: none !important; }
@media(max-width:760px) {
 .app-shell[data-active-view=ai] .coda-flow { width: 100px; height: 100px; margin-block: 4px; }
 .app-shell[data-active-view=ai] .coda-brand h1 { font-size: 23px; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer { padding: 14px !important; }
}
@media(max-width:360px) {
 .app-shell[data-active-view=ai] .coda-welcome { grid-template-columns: minmax(0,1fr) 52px; gap: 6px; padding-bottom: 12px; }
 .app-shell[data-active-view=ai] .coda-welcome > .coda-flow { width: 52px; height: 52px; }
 .app-shell[data-active-view=ai] .coda-welcome h2 { font-size: 17px; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer { gap: 8px !important; }
 .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer textarea { height: 76px; min-height: 76px !important; }
}


/* Source: coda-visual-flow-v1.css */
/* Coda's visual language across the live workspace. Route, account, and AI
   access state remain owned by the existing app. */

.app-shell {
  --coda-accent: #4563d8;
  --coda-violet: #2e6cc2;
  --coda-tint: #e9edff;
  --coda-edge: rgba(75,100,183,.22);
  --coda-glow: rgba(91,110,244,.13);
  --mc-mint: #e5eaff;
  --mc-teal: #3d57b5;
  --mc-blue: #405dc9;
}
.theme-dark .app-shell {
  --coda-accent: #b5c7ff;
  --coda-violet: #81b6ff;
  --coda-tint: #25365a;
  --coda-edge: rgba(157,182,255,.22);
  --coda-glow: rgba(79,102,239,.17);
  --mc-mint: #26385e;
  --mc-teal: #b5c7ff;
  --mc-blue: #b5c7ff;
}
.app-shell .app-main {
  background: radial-gradient(ellipse at 78% 0%,var(--coda-glow),transparent 54%);
}
.app-shell :is(.app-sidebar,.mc-nav--mobile) { border-color: var(--coda-edge); }
.app-shell .mc-nav__item.is-active {
  color: var(--coda-accent); background: var(--coda-tint); border-color: transparent;
}
.app-shell :is(.page-header h1,.section-heading h2) { letter-spacing: -.035em; }
.app-shell :is(.mc-card,.mc-home-disclosure,.mc-home-progress) { border-color: var(--coda-edge); }
.app-shell .mc-button--primary {
  color: #fff; background: linear-gradient(125deg,#6356d8,#366fc6);
  box-shadow: 0 5px 18px rgba(68,82,190,.18);
}
.app-shell .mc-button--primary:hover:not(:disabled) { background: linear-gradient(125deg,#5546cb,#2b60b3); }
.app-shell :is(button,a,input,textarea,select,summary):focus-visible {
  outline-color: var(--coda-accent);
}
.app-shell :is(.page-header,.study-page-header) .eyebrow,
.app-shell .page-kicker { color: var(--coda-accent); }
.app-shell .mc-home-calm > .today-next {
  background: radial-gradient(ellipse at 75% 20%,var(--coda-glow),transparent 65%),var(--mc-surface);
  border-color: var(--coda-edge);
}
.app-shell .today-next__context { display: flex; align-items: center; gap: 9px; }
.app-shell .today-next__context::before {
  content: ''; width: 32px; height: 32px; flex: none;
  background: url('/coda-flowing-orb.svg') center / contain no-repeat;
}
.app-shell .mc-home-time-options button[aria-pressed=true] {
  background: var(--coda-tint); color: var(--coda-accent); border-color: var(--coda-accent);
}
.app-shell .mc-clarity .home-start-focus {
  color: #fff !important; background: linear-gradient(145deg,#7568e9,#367fd0) !important;
  border-color: rgba(172,192,255,.6) !important;
  box-shadow: 0 4px 14px rgba(69,90,202,.16);
}
.app-shell .mc-clarity .home-start-focus :is(span,strong) { color: #fff; }
.app-shell .mc-home-ready-tools .mc-button { border-color: var(--coda-edge); }

/* One clean header, with weather, usage and customization available on demand. */
.app-shell .glass-topbar {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;
  gap: 12px; min-height: 48px; margin-bottom: 24px; padding: 0;
}
.app-shell .glass-topbar .glass-time-weather {
  display: flex; width: auto; min-width: 0; max-width: none; min-height: 44px;
  padding: 0; margin: 0; border: 0; box-shadow: none; background: none; gap: 0;
}
.app-shell .glass-topbar .glass-clock { min-width: 0; }
.app-shell .glass-topbar .coda-anytime {
  display: inline-flex; align-items: center; gap: 7px; min-height: 44px;
  padding: 6px 10px; white-space: nowrap; border: 1px solid var(--coda-edge); border-radius: 24px;
  color: var(--coda-accent); font-size: 12px;
}
body:has(#app-shell:not([hidden])) .mc-coda-companion:not([data-living-coda]) .mc-coda-companion__launcher[aria-expanded=false] { display: none; }
.app-shell :is(.coda-workspace-details,.coda-planning-options,.coda-planner-ai) {
  max-width: 800px; margin: 20px auto 0; border-top: 1px solid var(--coda-edge);
  color: var(--mc-ink-secondary);
}
.app-shell :is(.coda-workspace-details,.coda-planning-options,.coda-planner-ai) > summary {
  min-height: 48px; padding: 14px 4px; font-size: 13px; cursor: pointer;
}
.app-shell .coda-workspace-details[open] > :not(summary),
.app-shell .coda-planning-options[open] > div { margin-top: 12px; }
.app-shell .coda-workspace-details .mc-weather-bar { width: 100%; }
.app-shell .coda-planning-options > div { display: grid; gap: 14px; }
.app-shell .coda-workspace-details[hidden] { display: none; }
.app-shell [data-view=home] .mc-home-tour { display: none; }
.app-shell .mc-clarity .home-start-focus { position: relative; overflow: hidden; }
.app-shell .mc-clarity .home-start-focus::before {
  content: none;
}
.app-shell .mc-clarity .home-start-focus > span { position: relative; }
.app-shell .mc-clarity .mc-clarity__go { display: none; }
.app-shell .mc-clarity .home-start-focus [data-home-focus-label] { font-size: 16px; line-height: 1.4; }

/* Focus has one visual anchor and one primary action. */
.app-shell [data-view=focus] { max-width: 700px; }
.app-shell [data-view=focus] > .page-header { border: 0; padding: 0; margin: 0 0 16px; }
.app-shell [data-view=focus] .page-kicker { display: none; }
.app-shell [data-view=focus] .page-header h1 { font-size: 24px; }
.app-shell [data-view=focus] .focus-hero {
  display: block; margin: 0 0 16px; padding: 0; min-height: 0; text-align: center;
  background: none !important; border: 0; border-radius: 0; box-shadow: none;
}
.app-shell [data-view=focus] .focus-hero h2 { font-size: 18px; font-weight: 500; margin: 0 0 6px; color: var(--mc-ink) !important; }
.app-shell [data-view=focus] .focus-hero > p { font-size: 13px; color: var(--mc-ink-secondary); }
.app-shell [data-view=focus] .focus-layout { gap: 14px; }
.app-shell [data-view=focus] .focus-timer-card--glass {
  padding: 6px 0 16px; gap: 18px; min-height: 0; border: 0; background: none; box-shadow: none;
}
.app-shell [data-view=focus] .focus-timer-card__top { font-size: 11px; color: var(--mc-ink-secondary); }
.app-shell [data-view=focus] .focus-ring {
  position: relative; width: min(100%,290px); padding: 3px;
  background: conic-gradient(from -90deg,#a6b6ff var(--focus-progress),rgba(142,171,255,.24) 0);
  border: 1px solid var(--coda-edge); box-shadow: 0 0 60px var(--coda-glow);
}
.app-shell [data-view=focus] .focus-ring::before {
  content: ''; position: absolute; inset: -14px; border: 1px solid var(--coda-edge); border-radius: 50%; pointer-events: none;
}
.app-shell [data-view=focus] .focus-ring__inner {
  position: relative; overflow: hidden; border: 1px solid rgba(178,201,255,.24);
  background: radial-gradient(circle at 30% 20%,#253f76,#0b1a36 68%,#102c4f); gap: 10px;
}
.app-shell [data-view=focus] .focus-ring__inner::before {
  content: ''; position: absolute; inset: -12%; background: url('/coda-flowing-orb.svg') center / contain no-repeat;
  opacity: .28; pointer-events: none;
}
.app-shell [data-view=focus] .focus-clock { position: relative; font-size: clamp(3.7rem,16vw,5rem); color: #f1f5ff; font-weight: 550; letter-spacing: -.06em; }
.app-shell [data-view=focus] .focus-actions { margin-top: 4px; }
.app-shell [data-view=focus] .focus-actions .mc-button--primary { min-width: 190px; min-height: 50px; border-radius: 16px; color: #fff !important; background: linear-gradient(125deg,#6356d8,#366fc6) !important; }
.app-shell [data-view=focus] .focus-sync-status { margin: 0; max-width: 48ch; justify-self: center; color: var(--mc-ink-secondary); font-size: 12px; text-align: center; }
.app-shell [data-view=focus] .focus-sync-status:empty { display: none; }
.app-shell [data-view=focus] .focus-options { border: 0; border-top: 1px solid var(--coda-edge); border-radius: 0; background: none; }
.app-shell [data-view=focus] .focus-options > summary { min-height: 48px; padding: 14px 4px; }
.app-shell [data-view=focus] .focus-options > summary strong { font-size: 13px; font-weight: 500; }
.app-shell [data-view=focus] .focus-options > summary span { display: none; }

/* Planning shows the day and its tasks; integrations are a deliberate choice. */
.app-shell [data-view=planner] .planner-hero { display: none; }
.app-shell [data-view=planner] .planner-command-strip {
  padding: 0; margin: 0 0 20px; border: 0; background: none; box-shadow: none;
}
.app-shell [data-view=planner] .planner-command-strip [data-add-block] { display: none; }
.app-shell [data-view=planner] .planner-command-strip__actions { display: flex; flex-wrap: nowrap; gap: 10px; }
.app-shell [data-view=planner] .planner-command-strip__actions > button { flex: 1; width: auto; min-width: 0; }
.app-shell [data-view=planner] .planner-command-strip [data-add-task] { background: var(--mc-action) !important; color: var(--mc-on-accent) !important; }
.app-shell [data-view=planner] .planner-command-strip [data-plan-my-day] { background: transparent !important; color: var(--mc-teal) !important; border: 1px solid var(--mc-line); box-shadow: none; }
.app-shell [data-view=planner] .planner-workspace {
  display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 18px;
}
.app-shell [data-view=planner] .planner-workspace > :is(.planner-timeline-card,.planner-tasks-card) { grid-column: auto; grid-row: auto; }
.app-shell [data-view=study] .study-section-nav { display: none; }
.app-shell [data-view=notes] .notes-studio-start { background: none; border: 0; padding: 0; box-shadow: none; }
.app-shell [data-view=notes] .notes-studio-start .eyebrow { display: none; }
.app-shell [data-view=notes] .notes-studio-start h2 { font-size: 23px; }
.app-shell [data-view=notes] .notes-studio-start > p { font-size: 14px; max-width: 48ch; color: var(--mc-ink-secondary); }
.app-shell [data-view=notes] .notes-studio-links { border: 0; border-top: 1px solid var(--coda-edge); border-radius: 0; background: none; }
.app-shell [data-view=notes] .notes-studio-links > summary { min-height: 48px; font-size: 13px; }
.app-shell [data-view=notes] .mc-coda-entry { display: block; padding: 0; margin-top: 8px; border-top: 1px solid var(--coda-edge); }
.app-shell [data-view=notes] .mc-coda-entry > summary { min-height: 48px; padding: 14px 0; font-size: 13px; color: var(--mc-ink-secondary); cursor: pointer; }
.app-shell [data-view=notes] .mc-coda-entry > button { margin: 4px 8px 8px 0; }

/* Ready -> thinking -> conversation. The orb stays a recognizable anchor. */
.app-shell[data-active-view=ai] [data-view=ai] {
  max-width: 790px; margin-inline: auto; padding-bottom: 30px;
  background: none; color: var(--mc-ink);
}
.app-shell[data-active-view=ai] .coda-welcome {
  display: flex; flex-direction: column; align-items: center; gap: 0;
  max-width: 680px; margin: 0 auto 22px; padding: 4px 16px 0; text-align: center;
}
.app-shell[data-active-view=ai] .coda-brand {
  order: 0; gap: 10px; align-self: stretch; margin: 0 0 4px;
}
.app-shell[data-active-view=ai] .coda-brand h1 { margin: 0; font-size: 20px; letter-spacing: -.5px; }
.app-shell[data-active-view=ai] .coda-brand p { margin: 3px 0 0; color: var(--mc-ink-secondary); font-size: 12px; }
.app-shell[data-active-view=ai] .coda-welcome > .coda-flow {
  order: 1; display: block; width: 168px; height: 168px; flex: none;
  margin: 4px auto 10px; align-self: center; position: relative;
  transition: width 240ms ease,height 240ms ease;
}
.app-shell[data-active-view=ai] .coda-welcome > h2 {
  order: 2; font-size: clamp(27px,3vw,36px); line-height: 1.2;
  font-weight: 600; letter-spacing: -.045em; margin: 0 0 10px;
}
.app-shell[data-active-view=ai] .coda-greeting {
  order: 3; margin: 0; max-width: 44ch; color: var(--mc-ink-secondary);
  font-size: 14px; line-height: 1.6;
}
.app-shell[data-active-view=ai] .coda-state {
  order: 4; margin: 8px 0 0 !important; min-height: 0;
  font-size: 12px !important; color: var(--coda-accent);
}
.app-shell[data-active-view=ai] [data-view=ai] .ai-tutor-layout {
  max-width: 680px; margin-inline: auto; gap: 12px;
}
.app-shell[data-active-view=ai] [data-view=ai] .tutor-course-bar {
  display: flex; align-items: center; gap: 12px; padding: 10px 14px !important;
  border: 1px solid var(--coda-edge); border-radius: 16px;
  background: color-mix(in srgb,var(--mc-surface) 78%,transparent); box-shadow: none;
}
.app-shell[data-active-view=ai] .tutor-course-bar > label { flex: 1 1 120px; min-width: 0; gap: 2px; }
.app-shell[data-active-view=ai] [data-tutor-material-shortcut] { flex: 0 0 auto; }
.app-shell[data-active-view=ai] .tutor-course-bar > label > span { font-size: 11px; color: var(--mc-ink-secondary); }
.app-shell[data-active-view=ai] .tutor-course-bar select {
  min-height: 36px; padding: 5px 22px 5px 0; border: 0; border-radius: 0; background-color: transparent;
  color: var(--mc-ink); font-size: 14px; box-shadow: none;
}
.app-shell[data-active-view=ai] [data-tutor-material-shortcut] button {
  font-size: 12px; padding: 8px 6px; color: var(--coda-accent); white-space: nowrap;
}
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer {
  position: relative !important; gap: 12px !important; padding: 20px !important;
  border-radius: 24px !important; border: 1px solid var(--coda-edge) !important;
  background: linear-gradient(135deg,color-mix(in srgb,var(--mc-surface) 92%,#b2b4f1),var(--mc-surface)) !important;
  box-shadow: 0 12px 42px var(--coda-glow),inset 0 1px 0 rgba(255,255,255,.12);
}
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer:focus-within {
  border-color: var(--coda-accent) !important; box-shadow: 0 12px 42px var(--coda-glow),0 0 0 3px var(--coda-glow);
}
.app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer textarea {
  order: 0; min-height: 76px !important; height: 76px; padding: 3px 0 !important;
  max-height: 38dvh; resize: vertical; font-size: 16px !important; line-height: 1.6;
}
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions { order: 1; gap: 8px; }
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions button {
  display: flex; align-items: center; gap: 7px; min-height: 44px !important;
  border: 1px solid var(--coda-edge); border-radius: 12px !important; padding: 9px 12px !important;
  font-size: 12px; background: transparent !important; color: var(--mc-ink);
}
.app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions button svg {
  display: block; width: 15px; height: 15px; padding: 0; border-radius: 0;
  background: transparent !important; color: var(--coda-accent) !important;
}
.app-shell[data-active-view=ai] .ai-composer__bottom { order: 2; margin: 0; }
.app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] {
  min-height: 44px; border-radius: 13px !important; color: #fff;
  background: linear-gradient(120deg,#6556d8,#366fc6) !important;
  border: 1px solid rgba(172,192,255,.38); box-shadow: 0 4px 16px rgba(68,82,190,.17);
}
.app-shell[data-active-view=ai] .ai-action-allowance {
  order: 3; padding: 0; margin: 0; background: none; color: var(--mc-ink-secondary);
  font-size: 11px; line-height: 1.5;
}
.app-shell[data-active-view=ai] .coda-voice-options { order: 4; margin: 0; border-color: var(--coda-edge); }
.app-shell[data-active-view=ai] .coda-voice-options summary { min-height: 44px; padding: 10px 0; font-size: 12px; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools,[data-ai-access-note]) { max-width: 680px; }
.app-shell[data-active-view=ai] :is(.coda-tools,.tutor-workspace-tools) > summary { color: var(--mc-ink-secondary); font-size: 12px; }
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) {
  display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center;
  gap: 0 12px; padding: 0; margin-bottom: 16px; text-align: left;
}
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) > .coda-flow {
  display: block; grid-column: 1; grid-row: 1 / 3; width: 48px; height: 48px; margin: 0;
}
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-brand { grid-column: 2; grid-row: 1; margin: 0; }
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-customize { display: none; }
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-state { grid-column: 2; grid-row: 2; margin: 3px 0 0 !important; }
.app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) :is(h2,.coda-greeting,.coda-topic) { display: none; }
.app-shell[data-active-view=ai] .ai-message-list { padding: 12px 0 20px !important; gap: 22px !important; overflow: visible; }
.app-shell[data-active-view=ai] .ai-message--student { border-color: var(--coda-edge); background: var(--coda-tint); color: var(--mc-ink); }
.app-shell[data-active-view=ai] .ai-message--assistant { border-color: var(--coda-edge); line-height: 1.7; }
.app-shell[data-active-view=ai] [data-coda-flow=thinking] .coda-state { color: var(--coda-accent); }

@media(max-width:760px) {
  .app-shell .glass-topbar { gap: 8px; margin-bottom: 22px; }
  .app-shell .glass-topbar .glass-wordmark { min-width: 0; font-size: 18px; }
  .app-shell [data-view=planner] .planner-workspace { grid-template-columns: minmax(0,1fr); }
  .app-shell .today-next__context { justify-content: flex-start; }
  .app-shell[data-active-view=ai] .coda-welcome { padding-inline: 0; margin-bottom: 18px; }
  .app-shell[data-active-view=ai] .coda-welcome > .coda-flow { width: 130px; height: 130px; margin: 2px auto 8px; }
  .app-shell[data-active-view=ai] .coda-welcome > h2 { font-size: 28px; }
  .app-shell[data-active-view=ai] .coda-greeting { font-size: 13px; max-width: 36ch; }
  .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer { padding: 16px !important; gap: 10px !important; }
  .app-shell[data-active-view=ai] [data-view=ai] .tutor-quick-actions button { flex: 1 1 auto; justify-content: center; padding: 9px 7px !important; }
  .app-shell[data-active-view=ai] .coda-welcome:is(.in-conversation,.is-composing) > .coda-flow { width: 48px; height: 48px; }
}
@media(max-height:740px) and (max-width:760px) {
  .app-shell [data-view=focus] .focus-ring { width: min(100%,225px); }
  .app-shell [data-view=focus] .focus-timer-card--glass { gap: 14px; }
  .app-shell [data-view=focus] > .page-header { margin-bottom: 10px; }
}
@media(max-width:360px) {
  .app-shell[data-active-view=ai] .coda-welcome > .coda-flow { width: 108px; height: 108px; }
  .app-shell[data-active-view=ai] .coda-welcome > h2 { font-size: 25px; }
  .app-shell[data-active-view=ai] [data-view=ai] .tutor-course-bar { padding: 8px 10px !important; }
  .app-shell[data-active-view=ai] .tutor-course-bar > label { flex-basis: 100px; }
}
@media(prefers-reduced-motion:reduce) { .app-shell[data-active-view=ai] .coda-flow { transition: none; } }
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .app-shell[data-active-view=ai] [data-view=ai] form.coda-inline-composer,
  .app-shell .mc-home-calm > .today-next { background: var(--mc-surface) !important; }
}
@media(forced-colors:active) {
  .app-shell .mc-clarity .home-start-focus,
  .app-shell[data-active-view=ai] [data-view=ai] [data-ai-send] { background: ButtonFace !important; color: ButtonText !important; border: 1px solid ButtonText !important; }
}

/* A recognizable companion, with a quiet footprint during real study work. */
.app-shell .glass-topbar .coda-anytime { gap: 8px; font-size: 14px; padding: 4px 12px 4px 6px; }
.app-shell .coda-anytime img { width: 36px; height: 36px; object-fit: contain; flex: none; }
.app-shell .today-next__context::before {
  width: 44px; height: 44px;
  background-image: url('/coda-companion-blue-v1.png');
}
.coda-flow.is-companion::before,.coda-flow.is-companion::after { display: none; }
.coda-flow.is-companion > img,
.coda-flow.is-companion[data-thinking=true] > img {
  object-fit: contain; padding: 0;
  animation: coda-companion-float 8s ease-in-out infinite;
  filter: drop-shadow(0 8px 18px #247ae52b);
}
@keyframes coda-companion-float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.mc-coda-companion__portrait { width: 44px; height: 44px; object-fit: contain; vertical-align: middle; margin-right: 6px; }
.mc-coda-companion__launcher::before { content: none; }
.theme-dark .app-shell { --mc-ink: #f1f5ff; --mc-ink-secondary: #bccbe3; }
@media(prefers-reduced-motion:reduce) {
  .coda-flow.is-companion > img { animation: none !important; will-change: auto; }
}


/* Shared Coda presence and contextual handoffs. */
.app-shell .glass-topbar { position: sticky; top: 0; z-index: 25; background: color-mix(in srgb,var(--mc-surface,#fff) 94%,transparent); backdrop-filter: blur(12px); }
.app-shell main.app-main:has([data-view=ai]:not([hidden])) > .glass-topbar { display: flex; }
.app-shell .glass-topbar .coda-thread {
  max-width: min(400px,48vw); gap: 9px; padding: 5px 12px 5px 5px;
  text-align: left; white-space: normal; border-radius: 28px;
}
.app-shell .coda-thread .coda-thread__orb { width: 34px; height: 34px; flex: none; }
.coda-thread__identity { display: grid; min-width: 0; gap: 1px; line-height: 1.25; }
.coda-thread__identity strong { font-size: 12px; font-weight: 650; }
.coda-thread__subtitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--mc-ink-secondary); }
.coda-thread__live { flex: none; font-size: 11px; font-variant-numeric: tabular-nums; }
.coda-thread__live:not([hidden])::before { content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 5px; vertical-align: 1px; border-radius: 50%; background: currentColor; }
.coda-thread[data-state=running] .coda-thread__orb,
.coda-thread[data-state=thinking] .coda-thread__orb { animation: coda-thread-breathe 4s ease-in-out infinite; }
@keyframes coda-thread-breathe { 50% { transform: scale(.9); opacity: .7; } }
#coda-thread-sheet { position: fixed; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%); margin: 0; width: min(480px,calc(100% - 24px)); max-width: calc(100% - 24px); max-height: min(760px,90dvh); border: 1px solid rgba(112,126,194,.3); border-radius: 24px; padding: 0; color: var(--mc-ink,#232641); background: var(--mc-surface,#fff); overflow: auto; }
.coda-thread-sheet .sheet-surface { display: block; width: 100%; min-width: 0; padding: 24px; overflow-wrap: anywhere; }
.coda-thread-sheet::backdrop { background: rgba(13,18,45,.48); backdrop-filter: blur(6px); }
.coda-thread__head { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.coda-thread__head .coda-thread__orb { width: 42px; height: 42px; }
.coda-thread__head h2 { flex: 1; font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
.coda-thread__head > button { padding: 8px; font-size: 12px; min-width: 44px; }
.coda-thread__subject { margin: 0 0 6px; font-size: 25px; line-height: 1.2; letter-spacing: -.035em; overflow-wrap: anywhere; }
.coda-thread__course { margin: 0 0 16px; color: var(--mc-ink-secondary,#656980); font-size: 13px; }
.coda-thread__state { margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: var(--mc-ink-secondary,#656980); }
.coda-thread__session { width: 100%; min-height: 48px; padding: 12px; margin-bottom: 18px; border: 1px solid rgba(99,112,201,.3); border-radius: 12px; color: var(--mc-ink,#24283f); background: rgba(102,113,218,.08); font: inherit; font-size: 13px; cursor: pointer; }
.coda-thread__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.coda-thread__actions > .mc-button--primary { grid-column: 1/-1; }
.coda-thread__actions > .mc-button { min-height: 46px; padding: 10px; font-size: 13px; }
.coda-thread__actions + p { margin: 18px 0 0; font-size: 11px; line-height: 1.5; color: var(--mc-ink-secondary,#656980); }
.coda-thread-attachment { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 10px; padding: 10px 12px; border-radius: 12px; background: var(--coda-tint,#e9edff); color: var(--coda-accent,#4563d8); font-size: 12px; }
.coda-thread-attachment > span { flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; }
.coda-thread-attachment > button { min-height: 36px; padding: 4px; font-size: 11px; }
.app-shell[data-active-view=ai] [data-view=ai] .coda-thread-attachment > button { width: auto; min-height: 30px; flex: none; padding: 3px 4px !important; font-size: 11px; }
.coda-thread-attachment[hidden],.coda-thread__session[hidden],.coda-thread__live[hidden],.coda-thread__actions [hidden] { display: none; }
.theme-dark .coda-thread-sheet { background: #182137; color: #f0f2ff; --mc-ink: #f0f2ff; --mc-ink-secondary: #b3bed8; --mc-surface: #182137; }
@media (max-width: 540px) {
  .app-shell .glass-topbar .coda-thread { max-width: 51vw; gap: 5px; padding-right: 9px; }
  .app-shell .coda-thread .coda-thread__orb { width: 30px; height: 30px; }
  .coda-thread__identity strong { font-size: 11px; }
  .coda-thread__subtitle { max-width: 90px; font-size: 10px; }
  .coda-thread__live { font-size: 10px; }
  .coda-thread-sheet .sheet-surface { padding: 20px; }
}
@media (max-width: 360px) { .coda-thread__subtitle { max-width: 60px; } }
@media (prefers-reduced-motion: reduce) { .coda-thread .coda-thread__orb { animation: none !important; } }
html:is([data-reduced-motion=true],[data-personalize-motion=true]) .coda-thread .coda-thread__orb { animation: none !important; }

/* Music is one deliberate choice beside Focus, with provider-owned playback. */
.app-shell [data-view=focus] .focus-music-drawer { border-top:1px solid var(--coda-edge); margin:4px 0; min-width:0; }
.focus-music-drawer > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 4px; cursor:pointer; font-size:13px; }
.focus-music-drawer > summary span { font-size:11px; color:var(--mc-ink-secondary); }
.app-shell .focus-music-drawer .focus-music-card { margin:0 0 12px; width:100%; min-width:0; }
.focus-music-service-links { margin-top:8px; }
.focus-music-service-links a { min-height:44px; font-size:12px; }


/* Source: home-ready-v1.css */
/* Refined Aurora Home: one next step, two destinations, details on demand.
   This layer changes presentation only; account, consent and session engines
   retain ownership. Existing Light/Dark/System and accessibility choices apply. */
body:not(.is-marketing) > .pwa-intro { display: none !important; }
.app-shell[data-active-view=home] { background: var(--mc-pearl); }
.app-shell[data-active-view=home] .app-main { background: transparent; }
.app-shell [data-view=home] {
  width: 100%; max-width: 780px; margin-inline: auto; gap: 0;
}
.app-shell [data-view=home] .today-header {
  margin: 12px 0 30px; padding: 0; border: 0; align-items: center; gap: 16px;
}
.app-shell [data-view=home] .today-header h1 {
  font-size: clamp(1.5rem,3vw,2rem); font-weight: 650;
  letter-spacing: -.035em; line-height: 1.25; overflow-wrap: anywhere;
}
.app-shell [data-view=home] .today-header__copy {
  margin-top: 8px; font-size: .9375rem; line-height: 1.6; color: var(--mc-ink-secondary);
}
.app-shell [data-view=home] .page-kicker { margin-bottom: 10px; color: var(--mc-ink-secondary); }
.app-shell .mc-day-route:empty { display: none; }
.app-shell .mc-home-calm { gap: 16px; }
.app-shell .mc-home-calm > :is(nav,details) { width: 100%; }
.app-shell .mc-home-calm > .mc-clarity {
  padding: 28px; border: 1px solid var(--mc-line); border-radius: 12px;
  background: var(--mc-surface); box-shadow: none; overflow: visible;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
.app-shell .mc-clarity .today-next__body {
  display: grid; grid-template-columns: minmax(0,1fr) 190px;
  align-items: center; gap: 28px; padding: 0;
}
.app-shell .mc-clarity .mc-clarity__task { display: block; min-width: 0; }
.app-shell .mc-clarity .today-next__context {
  margin: 0 0 14px; font-size: .6875rem; font-weight: 650; letter-spacing: .12em;
  color: var(--mc-ink-secondary);
}
.app-shell .mc-clarity .today-next__context::before { content: none; }
.app-shell .mc-clarity .mc-clarity__course {
  margin: 0 0 8px; padding: 0; border: 0; border-radius: 0;
  color: var(--mc-ink-secondary); background: transparent; font-size: .8125rem;
}
.app-shell .mc-clarity h2 {
  max-width: none; margin: 0 0 10px; font-size: clamp(1.25rem,2.3vw,1.65rem);
  font-weight: 650; letter-spacing: -.025em; line-height: 1.35; overflow-wrap: anywhere;
}
.app-shell .mc-clarity [data-next-copy] {
  display: block; margin: 0; max-width: 48ch;
  font-size: .875rem; line-height: 1.65; color: var(--mc-ink-secondary);
}
.app-shell .mc-clarity .mc-next-step {
  margin: 14px 0 0; padding: 0; border: 0; font-size: .875rem;
  line-height: 1.6; color: var(--mc-ink);
}
.app-shell .mc-clarity .mc-next-step:empty,
.app-shell .mc-clarity [data-home-start-status]:empty,
.app-shell .mc-clarity .mc-home-focus-sync:empty { display: none; }
.app-shell .mc-clarity .mc-next-options { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 8px; }
.app-shell .mc-clarity .mc-next-options button {
  width: auto; min-width: 0; min-height: 44px; padding: 8px 0;
  border: 0; border-radius: 6px; background: transparent; font-size: .8125rem;
}
.app-shell .mc-clarity .mc-home-focus-dock {
  display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 0;
}
.app-shell .mc-clarity :is(.home-start-focus,.home-start-study) {
  order: 1; width: 100%; height: auto; min-width: 0 !important; min-height: 48px !important;
  margin: 0 !important; padding: 12px 16px !important; border-radius: 8px !important;
  flex-direction: row; font-size: .9375rem; font-weight: 600; line-height: 1.4;
  color: #fff !important; background: #5746bf !important; border: 1px solid transparent !important;
  box-shadow: none; transition: background-color 160ms ease;
}
.app-shell .mc-clarity :is(.home-start-focus,.home-start-study):hover:not(:disabled) { background: #4939a5 !important; transform: none; box-shadow: none; }
.app-shell .mc-clarity :is(.home-start-focus,.home-start-study):disabled { opacity: .65; cursor: wait; }
.app-shell .mc-clarity .mc-home-focus-countdown {
  order: 0; font-size: 1.75rem; font-variant-numeric: tabular-nums; color: var(--mc-ink);
}
.app-shell .mc-clarity .mc-home-time-controls { order: 2; width: 100%; text-align: left; }
.app-shell .mc-clarity .mc-home-time-controls > summary {
  min-height: 44px; padding: 12px 0; font-size: .8125rem;
  color: var(--mc-ink-secondary); cursor: pointer;
}
.app-shell .mc-clarity .mc-home-time-label {
  display: block; margin: 2px 0 8px; color: var(--mc-ink-secondary); font-size: .8125rem;
}
.mc-home-time-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
.mc-home-time-options button {
  min-width: 0; min-height: 44px; padding: 8px 2px; border: 1px solid var(--mc-line);
  border-radius: 6px; background: var(--mc-surface); color: var(--mc-ink);
  font: inherit; font-size: .75rem; cursor: pointer;
}
.app-shell .mc-home-time-options button[aria-pressed=true] {
  background: var(--coda-tint); color: var(--coda-accent); border-color: currentColor; font-weight: 700;
}
.mc-home-time-options button:disabled { opacity: .6; cursor: default; }
.app-shell .mc-clarity .mc-home-course-link { order: 3; padding: 8px 0; min-height: 44px; font-size: .8125rem; }
.app-shell .mc-clarity [data-home-study-cue] { font-size: .8125rem; line-height: 1.5; color: var(--mc-ink-secondary); }
.app-shell .mc-clarity :is([data-home-start-status],.mc-home-focus-sync) { order: 4; font-size: .8125rem; line-height: 1.5; }
.app-shell .mc-home-calm .mc-home-ready-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.app-shell .mc-home-calm .mc-home-ready-tools .mc-button {
  display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px;
  width: 100%; min-width: 0; min-height: 64px; padding: 16px 20px !important;
  border: 1px solid var(--mc-line); border-radius: 10px; background: transparent;
  color: var(--mc-ink); font-size: .9375rem; font-weight: 550; line-height: 1.4; white-space: normal;
  box-shadow: none; transition: background-color 160ms ease;
}
.app-shell .mc-home-ready-tools .mc-button:hover { background: var(--mc-surface); }
.app-shell .mc-home-ready-tools svg { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; color: var(--coda-accent); }
.app-shell .mc-home-plan-link { justify-self: center; min-height: 44px; margin: 0 0 12px; padding: 10px 12px; font-size: .875rem; color: var(--mc-ink-secondary); }
.app-shell .mc-home-progress-disclosure,.app-shell .mc-home-rest { border-top: 1px solid var(--mc-line); }
.app-shell :is(.mc-home-progress-disclosure,.mc-home-rest) > summary {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  min-height: 52px; padding: 12px 2px; font-size: .875rem; font-weight: 550;
  color: var(--mc-ink-secondary); cursor: pointer; list-style: none;
}
.app-shell :is(.mc-home-progress-disclosure,.mc-home-rest) > summary::-webkit-details-marker { display: none; }
.app-shell :is(.mc-home-progress-disclosure,.mc-home-rest) > summary::after { content: '+'; font-size: 1.2rem; font-weight: 400; }
.app-shell :is(.mc-home-progress-disclosure,.mc-home-rest)[open] > summary::after { content: '−'; }
.app-shell .mc-home-progress-disclosure .mc-home-progress { padding: 20px; border: 1px solid var(--mc-line); border-radius: 10px; background: var(--mc-surface); }
.app-shell .mc-home-calm :is(.mc-home-disclosure,.mc-home-shortcuts .mc-button) { border-radius: 10px; box-shadow: none; }
.app-shell .mc-home-calm :is(button,select,summary):focus-visible { outline: 3px solid var(--coda-accent); outline-offset: 4px; }
.app-shell .mc-home-calm [hidden] { display: none !important; }
.app-shell[data-active-view=home] .app-sidebar { background: var(--mc-pearl); box-shadow: none; }
.app-shell[data-active-view=home] .mc-nav__item { border-radius: 8px; box-shadow: none; }
.app-shell[data-active-view=home] .mc-nav--mobile { border-radius: 12px; background: var(--mc-surface); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media(max-width:700px) {
  .app-shell [data-view=home] .today-header { margin: 4px 0 24px; align-items: flex-start; }
  .app-shell [data-view=home] .today-header .page-header__actions { flex: none; width: auto; }
  .app-shell .mc-home-calm > .mc-clarity { padding: 22px; }
  .app-shell .mc-clarity .today-next__body { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .app-shell .mc-clarity .mc-home-focus-dock { gap: 4px; }
  .app-shell .mc-clarity .mc-home-time-controls { max-width: none; }
  .app-shell .mc-clarity .mc-home-time-options { gap: 8px; }
  .app-shell .mc-home-calm .mc-home-ready-tools { gap: 10px; }
  .app-shell .mc-home-calm .mc-home-ready-tools .mc-button { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px !important; }
  .app-shell .mc-home-rest__hint { display: none; }
}
@media(max-width:360px) { .app-shell .mc-home-calm > .mc-clarity { padding: 18px; } }
@media(prefers-reduced-motion:reduce) { .app-shell .mc-home-calm * { transition: none !important; } }
:root[data-reduced-motion=true] .app-shell .mc-home-calm * { transition: none !important; }
@media(forced-colors:active) {
  .app-shell .mc-clarity :is(.home-start-focus,.home-start-study) { color: ButtonText !important; background: ButtonFace !important; border-color: ButtonText !important; }
  .app-shell .mc-home-ready-tools .mc-button { border-color: ButtonText; }
}

/* One meaningful visual anchor: existing Coda artwork and real session days.
   No extra request, perpetual animation, percentage, or completion target. */
.app-shell .mc-clarity .today-next__body { grid-template-columns: minmax(0,1fr) 180px; align-items: center; gap: 16px 28px; }
.app-shell .mc-clarity .mc-home-focus-dock { grid-column: 1 / -1; align-items: flex-start; gap: 4px; }
.app-shell .mc-clarity .mc-home-focus-dock :is(.home-start-focus,.home-start-study) { width: min(100%,260px); }
.app-shell .mc-clarity .mc-home-time-controls { max-width: 260px; }
.app-shell .mc-home-momentum { margin: -12px -4px 0; width: 100%; min-width: 0; text-align: center; }
.app-shell .mc-momentum__scene { position: relative; display: grid; place-items: center; height: 154px; isolation: isolate; }
.app-shell .mc-momentum__scene::before { content: ''; position: absolute; z-index: -1; inset: 15% 7%; border-radius: 50%; background: radial-gradient(ellipse,color-mix(in srgb,var(--coda-violet) 12%,transparent),transparent 70%); }
.app-shell .mc-momentum__scene img { position: relative; width: 150px; height: auto; max-width: 100%; object-fit: contain; }
.app-shell .mc-momentum__orbit { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--coda-edge); stroke-width: 1; stroke-dasharray: 3 5; }
.app-shell .mc-momentum__spark { position: absolute; top: 10px; right: 12px; color: var(--coda-violet); font-size: 22px; }
.app-shell .mc-momentum__trail { position: relative; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; list-style: none; margin: 2px 4px 8px; padding: 0; }
.app-shell .mc-momentum__trail::before { content: ''; position: absolute; left: 7%; right: 7%; top: 5px; height: 1px; background: var(--mc-line); }
.app-shell .mc-momentum__trail li { position: relative; display: grid; justify-items: center; gap: 6px; font-size: .625rem; line-height: 1.2; color: var(--mc-ink-secondary); }
.app-shell .mc-momentum__dot { width: 10px; height: 10px; border: 1px solid var(--mc-line-strong); border-radius: 50%; background: var(--mc-surface); box-sizing: border-box; }
.app-shell .mc-momentum__trail .is-complete .mc-momentum__dot { background: var(--coda-accent); border-color: var(--coda-accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--coda-accent) 10%,transparent); }
.app-shell .mc-momentum__trail .is-today > span:last-child { color: var(--mc-ink); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.app-shell .mc-home-momentum figcaption { color: var(--mc-ink-secondary); font-size: .6875rem; line-height: 1.5; text-wrap: balance; }
@media(max-width:700px) {
 .app-shell .mc-clarity .today-next__body { grid-template-columns: minmax(0,1fr) 104px; gap: 18px 12px; }
 .app-shell .mc-home-momentum { margin: -4px -2px 0; }
 .app-shell .mc-momentum__scene { height: 98px; }
 .app-shell .mc-momentum__scene img { width: 100px; }
 .app-shell .mc-momentum__spark { top: 0; right: 0; font-size: 16px; }
 .app-shell .mc-momentum__trail { margin-inline: 0; gap: 2px; }
 .app-shell .mc-momentum__dot { width: 8px; height: 8px; }
 .app-shell .mc-momentum__trail::before { top: 4px; }
 .app-shell .mc-home-momentum figcaption { font-size: .625rem; }
 .app-shell .mc-clarity .mc-home-focus-dock :is(.home-start-focus,.home-start-study) { width: 100%; }
 .app-shell .mc-clarity .mc-home-time-controls { max-width: none; }
}
@media(max-width:360px) {
 .app-shell .mc-clarity .today-next__body { grid-template-columns: minmax(0,1fr) 84px; gap: 16px 10px; }
 .app-shell .mc-momentum__scene { height: 84px; }
 .app-shell .mc-momentum__scene img { width: 84px; }
 .app-shell .mc-clarity h2 { font-size: 1.125rem; }
}
@media(prefers-contrast:more) { .app-shell .mc-momentum__dot { border-color: var(--mc-ink); }.app-shell .mc-momentum__scene::before { display: none; } }
@media(forced-colors:active) { .app-shell .mc-momentum__trail .is-complete .mc-momentum__dot { background: Highlight; border-color: Highlight; box-shadow: none; } }

.app-shell .mc-clarity .mc-home-study-help { order: 2; min-height: 44px; padding: 8px 0; font-size: .875rem; color: var(--coda-accent); }
.app-shell .mc-clarity .mc-home-time-controls { order: 3; }
.app-shell .mc-home-focus-alternative { width: 100%; min-height: 44px; margin-top: 10px; border-radius: 8px; }

/* Phase 1 keeps one Next Up card and the existing Aurora components. */
.app-shell .mc-clarity .home-start-focus { order: 0; }
.app-shell .mc-clarity .home-start-study { order: 1; color: var(--mc-ink) !important; background: var(--mc-surface) !important; border: 1px solid var(--mc-line-strong) !important; }
.app-shell .mc-clarity .home-start-study:hover:not(:disabled) { background: var(--mc-surface-raised, var(--mc-surface)) !important; }
.app-shell .mc-clarity .mc-home-resume { order: 2; display: flex; flex-direction: column; align-items: flex-start; max-width: 100%; min-height: 44px; padding: 8px 0; text-align: left; white-space: normal; }
.app-shell .mc-clarity .mc-home-resume[hidden] { display: none; }
.app-shell .mc-home-resume small { max-width: 100%; font-size: .75rem; color: var(--mc-ink-secondary); overflow-wrap: anywhere; }
.app-shell .mc-clarity .mc-home-study-help { order: 3; }
.app-shell .mc-clarity .mc-home-time-controls { order: 4; }
.app-shell .mc-clarity [data-home-resume-status] { order: 5; }
.mc-home-recommendation-details { margin-top: 8px; font-size: .8125rem; line-height: 1.5; color: var(--mc-ink-secondary); }
.mc-home-recommendation-details summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: var(--mc-ink); }
.mc-home-recommendation-details p { margin: 0 0 8px; max-width: 65ch; }
.app-shell .course-progress-details { margin-top: 20px; border-top: 1px solid var(--mc-line); }
.app-shell .course-progress-details > summary { padding: 14px 0; min-height: 48px; color: var(--mc-ink-secondary); font-size: .875rem; cursor: pointer; }
.app-shell .course-progress-details > summary:focus-visible { outline: 3px solid var(--coda-accent); outline-offset: 3px; }

/* Course material is the destination; course administration stays secondary. */
.app-shell[data-active-view=study] [data-view=study]:has([data-course-detail-pane]:not([hidden])) .study-page-header { margin: 0 0 10px; padding: 0; min-height: 0; border: 0; }
.app-shell[data-active-view=study] [data-view=study]:has([data-course-detail-pane]:not([hidden])) .study-page-header :is(.page-kicker,.page-header__actions) { display: none; }
.app-shell[data-active-view=study] [data-view=study]:has([data-course-detail-pane]:not([hidden])) .study-page-header h1 { margin: 0; font-size: 1.125rem; }
.app-shell .course-detail-hero { padding: 18px; border-radius: 12px; box-shadow: none; gap: 14px; }
.app-shell .course-detail-hero__identity { gap: 10px; }
.app-shell .course-detail-hero .course-mark--large { width: 36px; height: 36px; }
.app-shell .course-detail-hero h2 { font-size: clamp(1.25rem,2vw,1.6rem); margin: 0; line-height: 1.3; }
.app-shell .course-detail-hero .eyebrow { margin-bottom: 4px; }
.app-shell .course-detail-hero__actions { gap: 8px; }
.app-shell .course-detail-hero__actions > .mc-button { min-height: 44px; padding: 10px 14px; }
.app-shell .course-back { margin: 0 0 10px; padding-block: 8px; min-height: 44px; }
.app-shell .course-disclosures > .course-disclosure:first-child > summary { min-height: 56px; padding-block: 12px; }
.app-shell .course-material-reader summary { min-height: 44px; padding-block: 10px; }
.app-shell .course-material-reader p { font-size: 1rem; line-height: 1.7; }

/* Native disclosure stays inline and uses the existing theme in every mode. */
.mc-home-recommendation-details summary:focus-visible { outline: 2px solid var(--mc-ink); outline-offset: 3px; border-radius: 6px; }
.mc-home-recommendation-details ul { margin: 0 0 8px; padding-inline-start: 20px; max-width: 65ch; overflow-wrap: anywhere; }
.mc-home-recommendation-details li + li { margin-top: 4px; }


/* Source: language-settings-v1.css */
.mc-language-trigger {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;max-width:140px;padding:6px 10px;border:1px solid var(--mc-line,#c8d0e0);border-radius:10px;background:var(--mc-surface,#fff);color:var(--mc-ink,#102044);font:inherit;font-size:.8125rem;cursor:pointer;overflow-wrap:anywhere;}
.mc-language-profile {justify-content:flex-start;width:100%;max-width:none;}
.mc-language-sheet {box-sizing:border-box;width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;margin:auto;padding:20px;border:1px solid var(--mc-line,#c8d0e0);border-radius:18px;background:#fff;color:#102044;font-family:var(--mc-font,system-ui);font-size:1rem;line-height:1.5;}
.theme-dark .mc-language-sheet {background:#142446;color:#f1f5ff;border-color:#516381;}
.mc-language-sheet::backdrop {background:#07173599;}
.mc-language-sheet header {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.mc-language-sheet h2 {font-size:1.25rem;margin:0;overflow-wrap:anywhere;}
.mc-language-sheet button {box-sizing:border-box;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #c8d0e0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:.875rem;cursor:pointer;white-space:normal;overflow-wrap:anywhere;}
.theme-dark .mc-language-sheet button {border-color:#516381;}
.mc-language-sheet .mc-language-close {font-size:1.4rem;padding:4px;flex:none;}
.mc-language-intro {font-weight:650;font-size:.875rem;margin:12px 0 8px;}
.mc-language-coverage {font-size:.8125rem;line-height:1.6;margin:10px 0 16px;}
.mc-language-targets {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;}
.mc-language-sheet [aria-pressed=true] {background:#e5eaff;color:#263c91;border-color:#4563d8;}
.theme-dark .mc-language-sheet [aria-pressed=true] {background:#25365a;color:#d3dfff;border-color:#a5baff;}
.mc-language-sheet label {display:block;font-size:.875rem;font-weight:600;}
.mc-language-sheet input {box-sizing:border-box;width:100%;min-height:48px;margin-top:6px;padding:10px 12px;font:inherit;font-size:16px;border:1px solid #a2afc7;border-radius:10px;background:transparent;color:inherit;}
.mc-language-count {font-size:.75rem;margin:8px 0;}
.mc-language-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(34dvh,320px);overflow-y:auto;padding:4px;scroll-padding:6px;}
.mc-language-sheet .mc-language-option {display:grid;gap:2px;text-align:start;min-width:0;}
.mc-language-option strong {font-size:.9375rem;font-weight:600;}
.mc-language-option small {font-size:.75rem;}
.mc-language-status {font-size:.8125rem;min-height:24px;}
.mc-language-conflict {display:flex;flex-wrap:wrap;gap:8px;}
.mc-language-sheet footer {display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid #a2afc744;}
.mc-language-sheet .mc-language-done {background:#405dc9;color:#fff;border-color:#405dc9;}
.mc-language-sheet :is(input,button):focus-visible,.mc-language-trigger:focus-visible {outline:3px solid #498ae7;outline-offset:3px;}
.mc-language-sheet [hidden],.mc-language-trigger[hidden] {display:none!important;}
/* Translated labels wrap instead of widening the phone or shrinking text. */
.app-shell [data-language-label] {overflow-wrap:anywhere;white-space:normal;}
.app-shell .mc-nav--mobile [data-language-label] {font-size:clamp(.625rem,2.5vw,.75rem);line-height:1.25;}
.app-shell .mc-home-ready-tools [data-language-label] {line-height:1.4;}
@media(max-width:420px){.mc-language-results{grid-template-columns:minmax(0,1fr);}.mc-language-sheet{padding:16px;}.app-shell .glass-topbar .mc-language-trigger{max-width:90px;padding:6px;font-size:.75rem;}.app-shell .glass-topbar{gap:6px;}.app-shell .glass-topbar .glass-wordmark{font-size:1rem;}}
@media(forced-colors:active){.mc-language-sheet button[aria-pressed=true]{outline:2px solid Highlight;}}


/* Source: web-push-v1.css */
.mc-push-settings{margin-block:1rem;padding:1rem;border:1px solid var(--border,rgba(125,143,180,.25));border-radius:12px;min-width:0}
.mc-push-settings h3{margin:0 0 .4rem;font-size:1rem}
.mc-push-description,.mc-push-status{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.mc-push-description{opacity:.8;margin:.4rem 0 .75rem}
.mc-push-status{margin:.6rem 0}
.mc-push-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.mc-push-options{margin-top:.75rem}
.mc-push-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:.9rem;font-weight:600}
.mc-push-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.mc-push-check{display:flex;align-items:center;gap:.6rem;grid-column:1/-1;min-height:44px;font-size:.9rem}
.mc-push-check input{width:1.1rem;height:1.1rem;flex:none;accent-color:var(--accent,#2563eb)}
.mc-push-controls .mc-input{min-width:0}
.mc-push-controls .mc-input:first-of-type{grid-column:1/-1}
.mc-push-controls select{max-width:100%;min-height:44px;width:100%}
.mc-push-settings button:focus-visible,.mc-push-settings summary:focus-visible,.mc-push-settings input:focus-visible,.mc-push-settings select:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:3px}
@media(max-width:380px){.mc-push-controls{grid-template-columns:minmax(0,1fr)}.mc-push-actions>.mc-button{width:100%}}


/* Source: shared-design-v2.css */
/* Generated from design-contract.json; do not edit individual values. */
:root, .app-shell {
  --mc-ink: #172D43;
  --mc-ink-secondary: #41596D;
  --mc-surface: #FFFFFF;
  --mc-pearl: #F2F5F6;
  --mc-line: #CBD6DD;
  --mc-teal: #165F58;
  --mc-action: #173F3E;
  --mc-on-accent: #FFFFFF;
  --mc-radius-sm: 12px;
  --mc-radius-lg: 24px;
  --mc-body-size: 17px;
  --mc-caption-size: 14px;
  --mc-body-line-height: 1.6;
}
:root.theme-dark, .theme-dark .app-shell {
  --mc-ink: #EDF4FA;
  --mc-ink-secondary: #C0D0DC;
  --mc-surface: #152333;
  --mc-pearl: #0D1823;
  --mc-line: #405567;
  --mc-teal: #9CE9CF;
  --mc-action: #BCEBDC;
  --mc-on-accent: #102E2C;
  --mc-radius-sm: 12px;
  --mc-radius-lg: 24px;
  --mc-body-size: 17px;
  --mc-caption-size: 14px;
  --mc-body-line-height: 1.6;
}


/* Source: readability-v2.css */
/* Approved cross-platform reading surfaces. Custom document formatting stays local to the editor. */
:root {
  --horizon-ink: var(--mc-ink); --horizon-muted: var(--mc-ink-secondary);
  --horizon-panel: var(--mc-surface); --horizon-bg: var(--mc-pearl);
  --horizon-line: var(--mc-line); --horizon-accent: var(--mc-teal);
}
.app-shell {
  --mc-blue: #2458a1; --mc-line-strong: #aabcc8;
  --mc-glass-subtle: #f2f6f7; --mc-glass-standard: var(--mc-surface);
  --mc-glass-prominent: var(--mc-surface); --glass-panel: var(--mc-surface);
  --mc-radius-xl: var(--mc-radius-lg);
  font-size: var(--mc-body-size); line-height: var(--mc-body-line-height);
  color: var(--mc-ink); background: var(--mc-pearl);
}
.theme-dark .app-shell {
  --mc-blue: #a9caff; --mc-line-strong: #6b8193;
  --mc-glass-subtle: #1d3040;
  background: var(--mc-pearl);
}
.app-shell :is(.mc-card, .today-next, .today-quick-actions) {
  color: var(--mc-ink); background: var(--mc-surface);
  border-color: var(--mc-line); border-radius: var(--mc-radius-lg);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.app-shell :is(.mc-card p, .mc-input input, .mc-input select, .mc-input textarea) {
  font-size: var(--mc-body-size); line-height: var(--mc-body-line-height);
}
.app-shell :is(.small-print, .field-hint, .plan-badge, .mc-input > span, .mc-card > small) {
  font-size: var(--mc-caption-size); line-height: 1.6;
  color: var(--mc-ink-secondary);
}
.app-shell :is(.mc-nav__item, .mc-nav--mobile button, .mc-nav--mobile a) {
  min-height: 48px;
}
.app-shell :is(.mc-nav__item span, .mc-nav--mobile .mc-nav__label) {
  font-size: var(--mc-caption-size); line-height: 1.4;
}
.app-shell .mc-button {
  min-height: 48px; border-radius: var(--mc-radius-sm);
  font-size: 16px; line-height: 1.5;
}
.app-shell .mc-button--primary:not(.home-start-focus) {
  color: var(--mc-on-accent) !important; background: var(--mc-action) !important;
}
.app-shell :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--mc-blue); outline-offset: 4px;
}
.app-shell :is(input, select, textarea)::placeholder { color: var(--mc-ink-secondary); opacity: 1; }
.app-shell .mc-nav--mobile { background: var(--mc-surface); border-color: var(--mc-line); }
@media (prefers-reduced-motion: reduce) {
  .app-shell *, .app-shell *::before, .app-shell *::after {
    animation-duration: .01ms !important; transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}


/* Source: coda-workspace-v1.css */
/* The approved paper-and-orbit design on the working Notes and Coda screens.
   Shared palette values come from the platform design contract. */
.app-shell :is([data-view="notes"],[data-view="ai"]) {
  color: var(--mc-ink);
  font-size: 1.0625rem;
  line-height: 1.6;
}
.app-shell :is([data-view="notes"],[data-view="ai"]) :is(.mc-card,.mc-input input,.mc-input select) {
  background: var(--mc-surface);
  color: var(--mc-ink);
  border-color: var(--mc-line);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.app-shell :is([data-view="notes"],[data-view="ai"]) :is(.mc-button,.mc-input input,.mc-input select,summary) {
  min-height: 48px;
}
.app-shell :is([data-view="notes"],[data-view="ai"]) :is(.small-print,.page-kicker,.eyebrow,.mc-input>span) {
  font-size: .875rem;
  line-height: 1.55;
  color: var(--mc-ink-secondary);
  opacity: 1;
}
.app-shell [data-view="notes"] :is(.notes-studio-intro__copy>p:last-child,.notes-library-heading p,.notes-library-empty p,.note-library-item__excerpt) {
  font-size: 1.0625rem;
  line-height: 1.6;
}
.app-shell [data-view="notes"] .notes-document-provider strong { font-size: 1.0625rem; }
.app-shell [data-view="notes"] .notes-studio-start { border-radius: 24px; }
.app-shell [data-view="notes"] .notes-library-card { padding: clamp(20px,3vw,32px); }
.app-shell [data-view="notes"] .notes-studio-start .mc-coda-entry {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  margin: 0; padding: 20px 0 0; border-top: 1px solid var(--mc-line);
  background: transparent; border-radius: 0;
}
.app-shell [data-view="notes"] .mc-coda-entry p { flex: 1 1 320px; font-size: 1rem; line-height: 1.6; }
.app-shell [data-view="notes"] .mc-coda-entry .mc-button { font-size: 1rem; }

/* A single Coda welcome retains the current orb customization and real actions. */
.app-shell[data-active-view="ai"] .coda-studio-start {
  display: grid; grid-template-columns: minmax(0,1fr) 220px;
  grid-template-rows: auto auto; align-items: center; gap: 20px 28px;
  width: 100%; max-width: 1000px; box-sizing: border-box;
  margin: 0 auto 24px; padding: clamp(22px,3.5vw,36px);
  text-align: left; border: 1px solid var(--mc-line); border-radius: 24px;
  color: var(--mc-ink); background: var(--mc-surface);
  box-shadow: 0 12px 36px color-mix(in srgb,var(--mc-ink) 5%,transparent);
}
.app-shell[data-active-view="ai"] .coda-studio-start>.coda-brand { grid-column: 1; grid-row: 1; margin: 0; }
.app-shell[data-active-view="ai"] .coda-studio-start .coda-brand h1 { font-size: 1.5rem; line-height: 1.25; color: var(--mc-ink); }
.app-shell[data-active-view="ai"] .coda-studio-start .coda-brand p { font-size: .875rem; line-height: 1.5; color: var(--mc-ink-secondary); }
.app-shell[data-active-view="ai"] .coda-studio-start>.coda-studio-copy { grid-column: 1; grid-row: 2; min-width: 0; max-width: 620px; }
.app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-plus {
  display: inline-flex; align-items: center; min-height: 32px; padding: 4px 10px;
  border: 1px solid var(--mc-line); border-radius: 100px;
  color: var(--mc-teal); background: var(--mc-surface);
  font-size: .875rem; font-weight: 750; letter-spacing: .035em;
}
.app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-copy>h2 {
  display: block; margin: 16px 0; color: var(--mc-ink);
  font-size: clamp(1.8rem,3.2vw,2.6rem); font-weight: 650;
  letter-spacing: -.035em; line-height: 1.16;
}
.app-shell[data-active-view="ai"] .coda-studio-start .coda-greeting {
  display: block; margin: 0 0 22px; max-width: 44ch;
  color: var(--mc-ink-secondary); font-size: 1.0625rem; line-height: 1.65;
}
.app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-actions .mc-button {
  min-height: 48px; white-space: normal; font-size: 1rem; line-height: 1.4;
}
.app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-privacy {
  margin: 14px 0 0; color: var(--mc-ink-secondary); font-size: .875rem; line-height: 1.6;
}
.app-shell[data-active-view="ai"] .coda-studio-start>.coda-flow {
  display: block; grid-column: 2; grid-row: 1 / 3; align-self: center;
  width: 220px; height: 220px; max-width: 100%; margin: 0;
}
.app-shell[data-active-view="ai"] .coda-studio-start>.coda-state {
  grid-column: 2; grid-row: 3; text-align: center; margin: 0!important;
  font-size: .875rem!important; line-height: 1.5; color: var(--mc-ink-secondary);
}
.app-shell[data-active-view="ai"] [data-view="ai"] :is(.ai-tutor-layout,.coda-tools,.tutor-workspace-tools,[data-ai-access-note]) {
  max-width: 1000px;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-conversation-card {
  padding: 0!important; border: 0!important; background: transparent!important;
  box-shadow: none!important; gap: 18px!important;
}
.app-shell[data-active-view="ai"] [data-view="ai"] :is(.ai-context-card,.ai-history-card) {
  color: var(--mc-ink); background: var(--mc-surface)!important; font-size: 1rem;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message {
  color: var(--mc-ink); font-size: 1.0625rem; line-height: 1.7;
  background: var(--mc-surface)!important; border-color: var(--mc-line);
}
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-message :is(p,li) { line-height: 1.7; }
.app-shell[data-active-view="ai"] [data-view="ai"] :is(.ai-message-meta,.ai-verify-note,.ai-action-allowance,.mc-voice-status,.ai-history-meta,.ai-history-card small) {
  color: var(--mc-ink-secondary); font-size: .875rem; line-height: 1.6; opacity: 1;
}
.app-shell[data-active-view="ai"] [data-view="ai"] :is(.ai-context-card small,.ai-source-links small,.coda-voice-options summary,.tutor-context-options summary,.mc-spoken-toggle) {
  font-size: .875rem; line-height: 1.6;
}
.app-shell[data-active-view="ai"] [data-view="ai"] form.coda-inline-composer {
  background: var(--mc-surface)!important; border-color: var(--mc-line)!important;
  padding: clamp(18px,2.5vw,26px)!important; color: var(--mc-ink);
}
.app-shell[data-active-view="ai"] [data-view="ai"] form.coda-inline-composer textarea {
  font-size: 1.0625rem!important; line-height: 1.65; min-height: 112px!important;
  color: var(--mc-ink); caret-color: var(--mc-teal);
}
.app-shell[data-active-view="ai"] [data-view="ai"] form.coda-inline-composer textarea::placeholder {
  color: var(--mc-ink-secondary); opacity: 1;
}
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions button {
  flex: 1 1 180px; min-height: 52px!important; padding: 12px 16px!important;
  background: var(--mc-surface)!important; color: var(--mc-ink);
  border: 1px solid var(--mc-line)!important; font-size: .9375rem; line-height: 1.5;
}
.app-shell[data-active-view="ai"] [data-view="ai"] [data-ai-send] {
  min-height: 48px; min-width: 150px; font-size: 1rem;
}
.app-shell[data-active-view="ai"] [data-view="ai"] :is(.coda-tools,.tutor-workspace-tools)>summary {
  min-height: 48px; color: var(--mc-ink); font-size: .9375rem;
}
/* Content remains readable when secondary tools open. */
.app-shell[data-active-view="ai"] [data-view="ai"] .ai-prompt-list button {
  font-size: .9375rem; line-height: 1.5; color: var(--mc-ink);
  background: var(--mc-surface)!important; border-color: var(--mc-line)!important;
}

/* Native modal nodes sit beside .app-shell, so use the shared root bridge. */
:is(.mc-coda-call,.coda-settings,#study-note-sheet) {
  color: var(--horizon-ink,var(--mc-ink));
  background: var(--horizon-panel,var(--mc-surface));
  border-color: var(--horizon-line,var(--mc-line));
}
.mc-coda-call { width: min(680px,calc(100vw - 32px)); padding: clamp(22px,4vw,34px); border-radius: 24px; }
.mc-coda-call h2 { font-size: clamp(1.4rem,3vw,1.75rem); line-height: 1.3; letter-spacing: -.025em; }
.mc-coda-call :is(.mc-coda-call__eyebrow,.mc-coda-call__voice,.mc-coda-call__preview-note,.mc-coda-call__preview-status,.mc-coda-call__mic-status) {
  font-size: .875rem; line-height: 1.6; color: var(--horizon-muted,var(--mc-ink-secondary));
}
.mc-coda-call .mc-coda-call__hint { max-width: 42ch; font-size: 1.0625rem; line-height: 1.65; color: var(--horizon-muted,var(--mc-ink-secondary)); }
.mc-coda-call .mc-coda-call__disclosure { font-size: .9375rem; line-height: 1.65; color: var(--horizon-muted,var(--mc-ink-secondary)); background: var(--horizon-panel,var(--mc-surface)); }
.mc-coda-call .mc-coda-call__captions { background: var(--horizon-panel,var(--mc-surface)); max-height: 240px; }
.mc-coda-call .mc-coda-call__captions p:not(.mc-coda-call__eyebrow) { font-size: 1.0625rem; line-height: 1.7; }
.mc-coda-call .mc-coda-call__close { width: 48px; height: 48px; }
.mc-coda-call :is(.mc-button,.mc-coda-call__control) { min-height: 48px; font-size: 1rem; }
.mc-coda-call .mc-coda-call__voice-panel :is(summary,legend,strong,small) { font-size: .875rem; line-height: 1.5; }
.mc-coda-call .mc-coda-call__voice-panel summary { min-height: 48px; color: var(--horizon-ink,var(--mc-ink)); }
.mc-coda-call .mc-coda-call__voice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.mc-coda-call .mc-coda-call__voice-grid label { min-height: 68px; padding: 12px; }
.mc-coda-call .mc-coda-call__orb {
  width: 160px; height: 160px; border: 0; background: transparent; border-radius: 50%; box-shadow: none;
}
.mc-coda-call .mc-coda-call__orb::before { inset: 8px; border-radius: 50%; border-color: var(--horizon-line,var(--mc-line)); }
.mc-coda-call .mc-coda-call__orb-image { position: absolute; inset: 0; width: 100%; height: 100%; }
.mc-coda-call .mc-coda-call__wave { z-index: 1; transform: scale(.72); }
.mc-coda-call .mc-coda-call__mic-status { min-height: 40px; }
.coda-settings { font-size: 1rem; }
.coda-settings :is(.coda-settings-note,.coda-swatches label,.coda-settings header p) { font-size: .875rem; color: var(--horizon-muted,var(--mc-ink-secondary)); }
.coda-settings :is(select,button,label) { min-height: 48px; }
#study-note-sheet :is(.note-format label,.note-board-tools label,.note-studio-tip,.note-studio-meter,.note-studio-status,.note-time-metadata,.note-studio-identity .note-time-metadata) { font-size: .875rem; line-height: 1.55; }
#study-note-sheet .note-studio-save-state { font-size: .875rem!important; line-height: 1.55!important; }
#study-note-sheet .note-studio-bar .mc-button { min-height: 48px; font-size: .875rem!important; }
#study-note-sheet :is(.note-format button,.note-format select,.note-board-tools button,.note-board-tools select) { min-height: 48px; font-size: .9375rem; }
#study-note-sheet :is(.note-writing-help p,.note-writing-suggestion small,.note-studio-files p,.note-finger-toggle,.note-ink-actions>span) { font-size: .875rem; line-height: 1.6; }

@media(max-width:760px) {
  .app-shell[data-active-view="ai"] .coda-studio-start { grid-template-columns: minmax(0,1fr) 150px; gap: 18px; }
  .app-shell[data-active-view="ai"] .coda-studio-start>.coda-flow { width: 150px; height: 150px; }
  .app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-copy>h2 { font-size: 1.8rem; }
  .app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-actions .mc-button { flex: 1 1 190px; }
}
@media(max-width:600px) {
  .app-shell[data-active-view="ai"] .coda-studio-start { grid-template-columns: minmax(0,1fr) 74px; gap: 16px; padding: 22px; }
  .app-shell[data-active-view="ai"] .coda-studio-start>.coda-brand { grid-column: 1; }
  .app-shell[data-active-view="ai"] .coda-studio-start>.coda-flow { grid-column: 2; grid-row: 1; width: 74px; height: 74px; }
  .app-shell[data-active-view="ai"] .coda-studio-start>.coda-studio-copy { grid-column: 1 / -1; }
  .app-shell[data-active-view="ai"] .coda-studio-start>.coda-state { grid-column: 1 / -1; grid-row: 3; }
  .app-shell[data-active-view="ai"] .coda-studio-start .coda-studio-copy>h2 { font-size: clamp(1.75rem,8vw,2rem); }
  .app-shell[data-active-view="ai"] [data-view="ai"] .tutor-quick-actions button { flex-basis: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.coda-studio-start,.mc-coda-call) *, .coda-studio-start .coda-flow::after { animation: none!important; transition: none!important; }
}
@media(prefers-contrast:more) {
  .app-shell :is(.coda-studio-start,.notes-studio-start,.notes-library-card,.note-library-item__preview,.coda-studio-plus) { border-color: currentColor; box-shadow: none; }
  .mc-coda-call { box-shadow: none; border-color: currentColor; }
}
/* Preserve route, account, loading and privacy visibility guards. */
.app-shell [data-view="ai"] :is(.coda-studio-start,.coda-studio-actions,button,form)[hidden] { display: none!important; }

/* Current workspace refinements: retain compact conversation states and optional Notes tools. */
.app-shell[data-active-view="ai"] [data-view="ai"] { max-width: 1000px; }
.app-shell [data-view="notes"] .notes-studio-start {
  padding: clamp(20px,3vw,32px); border: 1px solid var(--mc-line);
  background: var(--mc-surface); box-shadow: 0 8px 28px color-mix(in srgb,var(--mc-ink) 5%,transparent);
}
.app-shell [data-view="notes"] .notes-studio-start .eyebrow { display: block; }
.app-shell [data-view="notes"] .notes-studio-intro__copy h2 { font-size: clamp(26px,3vw,36px); }
.app-shell [data-view="notes"] .notes-studio-start details.mc-coda-entry { display: block; }
.app-shell [data-view="notes"] .mc-coda-entry>summary { min-height: 48px; font-size: .875rem; color: var(--mc-ink-secondary); }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar>label>span { font-size: .875rem; line-height: 1.55; }
.app-shell[data-active-view="ai"] [data-view="ai"] .tutor-course-bar select { min-height: 48px; font-size: 1.0625rem; }
.app-shell[data-active-view="ai"] [data-view="ai"] [data-tutor-material-shortcut] button { font-size: .9375rem; min-height: 48px; }
.app-shell[data-active-view="ai"] [data-view="ai"] [data-ai-send] {
  color: var(--mc-on-accent)!important; background: var(--mc-action)!important;
}
.app-shell[data-active-view="ai"] .coda-studio-start .mc-button--primary {
  color: var(--mc-on-accent)!important; background: var(--mc-action)!important;
}
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing) {
  grid-template-columns: minmax(0,1fr) 74px; gap: 16px; padding: 20px 24px;
}
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing)>.coda-brand { grid-column: 1; grid-row: 1; }
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing)>.coda-flow {
  grid-column: 2; grid-row: 1; width: 74px; height: 74px;
}
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing)>.coda-studio-copy { grid-column: 1 / -1; grid-row: 2; }
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing)>.coda-state { grid-column: 1 / -1; grid-row: 3; }
.app-shell[data-active-view="ai"] .coda-studio-start:is(.in-conversation,.is-composing) .coda-studio-copy>:is(h2,.coda-greeting,.coda-studio-plus,.coda-studio-privacy) { display: none; }
.coda-settings select { color: var(--horizon-ink,var(--mc-ink)); background: var(--horizon-panel,var(--mc-surface)); border-color: var(--horizon-line,var(--mc-line)); }
.coda-settings .coda-settings-done { color: var(--mc-on-accent); background: var(--mc-action); }
.mc-coda-call .mc-coda-call__start { color: var(--mc-on-accent); background: var(--mc-action); }
@media (forced-colors:active) {
  .app-shell[data-active-view="ai"] [data-view="ai"] [data-ai-send],
  .app-shell[data-active-view="ai"] .coda-studio-start .mc-button--primary,
  .mc-coda-call .mc-coda-call__start { color: ButtonText!important; background: ButtonFace!important; border: 1px solid ButtonText!important; }
}


/* Source: header-clarity-v1.css */
/* One brand mark, a quiet status rail, and the existing working controls. */
.app-shell .glass-topbar {
  min-height: 56px; margin: 0 0 22px; padding: 0 0 12px;
  border-bottom: 1px solid var(--mc-line); gap: 16px;
  background: var(--mc-pearl); box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.app-shell .glass-topbar .glass-wordmark { display: none; }
.app-shell:has(.mc-weather-bar[aria-label="MindCoda Live View"]) .glass-topbar [data-header-weather] { display: none!important; }
.app-shell .glass-topbar .glass-time-weather { margin-left: auto; background: none; box-shadow: none; border: 0; }
.app-shell .glass-topbar .glass-clock { display: flex; align-items: center; gap: 14px; }
.app-shell .glass-topbar .glass-clock>[data-dashboard-date] { color: var(--mc-ink-secondary); font-size: 14px; line-height: 1.5; }
.app-shell .glass-topbar .coda-thread {
  min-height: 48px; max-width: min(460px,65vw); padding: 8px 12px;
  border: 1px solid var(--mc-line); border-radius: 12px;
  background: var(--mc-surface); color: var(--mc-ink); box-shadow: none;
}
.app-shell .glass-topbar .coda-thread>:is(img,.coda-thread__orb) { display: none; }
.app-shell .glass-topbar .coda-thread__identity { gap: 3px; }
.app-shell .glass-topbar .coda-thread__identity strong { font-size: 14px; line-height: 1.4; }
.app-shell .glass-topbar :is(.coda-thread__subtitle,.coda-thread__live) { font-size: 14px; line-height: 1.4; color: var(--mc-ink-secondary); }
.app-shell .glass-topbar .coda-thread__subtitle { max-width: 32ch; }

/* The weather projection and owner preferences remain active. Decoration is
   restrained here; forecast, focus, cloud and accessibility states stay real. */
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] { margin: 0 0 20px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather {
  --header-panel: var(--mc-surface); --header-ink: var(--mc-ink);
  --header-muted: var(--mc-ink-secondary); --header-line: var(--mc-line);
  display: grid; grid-template-columns: minmax(0,1fr) auto auto;
  gap: 12px 16px; padding: 14px 0;
  color: var(--header-ink); background: var(--header-panel)!important;
  border: 0; border-block: 1px solid var(--header-line); border-radius: 0;
  box-shadow: none!important; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather[data-live-text="light"] {
  --header-panel: #152333; --header-ink: #edf4fa; --header-muted: #c0d0dc; --header-line: #405567;
  padding-inline: 16px;
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather::before,
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] :is(.mc-live-environment,.mc-app-weather__birds) { display: none!important; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-header { display: contents; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-identity { grid-column: 1; grid-row: 1; min-width: 0; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__clock { color: var(--header-ink); }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__clock time { font-size: 17px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__details { grid-column: 3; grid-row: 1; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__details>summary {
  display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px 10px;
  font-size: 14px; color: var(--header-ink);
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__temperature { font-size: 20px; line-height: 1.3; color: var(--header-ink); }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__focus {
  grid-column: 2; grid-row: 1; display: inline-flex; align-items: center; gap: 8px;
  justify-self: end; min-height: 48px; padding: 10px 12px; font-size: 14px; color: var(--header-ink);
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__focus>[data-live-focus] { display: inline; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary,.mc-live-ai,.mc-live-analog) {
  border: 1px solid var(--header-line); border-radius: 10px;
  background: var(--header-panel); color: var(--header-ink); box-shadow: none;
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] :is(.mc-live-icon,.mc-app-weather__focus,.mc-app-weather__details>summary):hover { border-color: var(--header-ink); background: var(--header-panel); }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-actions { grid-column: 1 / -1; grid-row: 2; gap: 8px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-icon {
  min-width: 48px; min-height: 48px; padding: 10px 12px;
  font-size: 14px; line-height: 1.4; border-color: transparent;
}
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-action-label { font-size: 14px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-actions:has([data-live-more][data-live-overflow-ready])>:is([data-live-breathe],[data-live-customize],[data-signout]) { display: none; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-ai { grid-column: 1 / -1; grid-row: 3; min-height: 48px; padding: 10px 12px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-ai__heading,
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-ai__heading strong { font-size: 14px; line-height: 1.5; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-ai__fill { background: var(--mc-teal); box-shadow: none; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-upcoming { grid-column: 1 / -1; grid-row: 4; grid-template-columns: auto repeat(2,minmax(0,1fr)); gap: 8px 16px; padding-top: 10px; border-top: 1px solid var(--header-line); }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] :is(.mc-live-upcoming__heading,.mc-live-upcoming__heading button,.mc-live-upcoming .mc-live-item) { min-height: 48px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] :is(.mc-live-upcoming__heading button,.mc-live-upcoming .mc-live-item strong,.mc-live-upcoming .mc-live-item__timing) { font-size: 14px; line-height: 1.5; color: var(--header-ink); }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-upcoming .mc-live-item strong { white-space: normal; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-popover { background: var(--header-panel); color: var(--header-ink); border-color: var(--header-line); box-shadow: 0 10px 24px #00000014; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-popover :is(span,small,a,button) { font-size: 14px; line-height: 1.6; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-popover button { min-height: 48px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather[data-live-text-size="larger"] .mc-app-weather__clock time { font-size: 20px; }
.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather:is([data-live-text-size="larger"],[data-weather-size="larger"]) .mc-app-weather__temperature { font-size: 24px; }
.mc-live-panel :is(.mc-live-item,.mc-live-panel__close,.mc-live-read) { min-height: 48px; font-size: 16px; }
.mc-live-panel :is(.mc-live-panel__note,.mc-live-custom__row) { font-size: 14px; line-height: 1.6; }

@media(max-width:760px) {
  .app-shell .glass-topbar { gap: 12px; padding-bottom: 12px; margin-bottom: 20px; }
  .app-shell .glass-topbar .glass-wordmark { display: flex; flex: none; gap: 8px; font-size: 17px; color: var(--mc-ink); }
  .app-shell .glass-topbar .glass-wordmark img { width: 28px; height: 28px; }
  .app-shell .glass-topbar .glass-clock>[data-dashboard-date] { display: none; }
  .app-shell .glass-topbar .coda-thread { max-width: 47vw; padding: 8px 10px; }
  .app-shell .glass-topbar .coda-thread__subtitle { max-width: 16ch; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather { grid-template-columns: minmax(0,1fr) auto!important; gap: 10px!important; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-identity { grid-column: 1!important; grid-row: 1!important; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__details { grid-column: 2!important; grid-row: 1!important; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather__focus { grid-column: 1 / -1!important; grid-row: 3!important; justify-self: stretch; justify-content: center; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-actions {
    display: flex!important; grid-column: 1 / -1!important; grid-row: 2!important;
    width: 100%; max-width: none!important; min-width: 0; box-sizing: border-box;
    flex-wrap: nowrap!important; justify-self: stretch!important; gap: 4px!important;
  }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-icon { flex: 1 1 0; width: auto; min-width: 48px; max-width: none; flex-direction: column; gap: 5px; padding: 10px 6px; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-ai { grid-column: 1 / -1!important; grid-row: 4!important; }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-upcoming { grid-column: 1 / -1!important; grid-row: 5!important; grid-template-columns: minmax(0,1fr); }
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-live-upcoming>* { grid-column: 1; grid-row: auto; }
}
@media(prefers-contrast:more) {
  .app-shell .glass-topbar,.app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather { border-color: var(--mc-ink); }
}
@media(forced-colors:active) {
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather,
  .app-shell .mc-weather-bar[aria-label="MindCoda Live View"] .mc-app-weather[data-live-text] { --header-panel: Canvas; --header-ink: CanvasText; --header-muted: CanvasText; --header-line: CanvasText; }
}


/* Source: display-preferences-v1.css */
/* Reading and display settings (Profile → Reading and display). Loaded last
   so a student's choice wins over screen styles. */

/* Text size: scales the whole content area, so layouts reflow like browser
   zoom. Installed apps have no zoom menu, so this is the student's control. */
.app-shell .app-main{zoom:var(--mc-text-scale,1)}
html:not([data-text-scale="100"]) .app-shell .today-layout{grid-template-columns:minmax(0,1fr)}
html[data-text-scale="175"] .app-shell .app-main,html[data-text-scale="200"] .app-shell .app-main{padding-left:12px;padding-right:12px}
/* With larger text everything wraps and shrinks to fit instead of pushing the
   page sideways: no fixed minimum widths, no single-line buttons, rows wrap. */
html:not([data-text-scale="100"]) .app-shell .app-main *{min-width:0!important;max-width:100%}
html:not([data-text-scale="100"]) .app-shell .app-main :is(h1,h2,h3,p,small,strong,span,label,legend,summary,a,time){overflow-wrap:break-word;hyphens:manual}
/* Card padding scales with the text; trim it so the words get the room. */
html:not([data-text-scale="100"]) .app-shell .app-main :is(.mc-card,.mc-hero,.mc-glass-standard,.today-now,.today-agenda,.reading-settings){padding:14px!important}
html:not([data-text-scale="100"]) .app-shell .app-main :is(.mc-button,button){padding-left:10px!important;padding-right:10px!important;gap:6px!important}
/* Display headings already start large; scaled, they stay big but keep whole words. */
html:not([data-text-scale="100"]) .app-shell .app-main h1{font-size:24px!important;line-height:1.15!important}
html:not([data-text-scale="100"]) .app-shell .app-main :is(h2,[data-next-title]){font-size:22px!important;line-height:1.2!important}
html:not([data-text-scale="100"]) .app-shell .app-main :is(.page-kicker,.eyebrow,.card-label,.today-now__state){letter-spacing:.04em!important}
html:not([data-text-scale="100"]) .app-shell .app-main :is(button,.mc-button,select,input:not([type=checkbox]):not([type=radio]),textarea,summary){white-space:normal!important;height:auto!important;max-width:100%}
html:not([data-text-scale="100"]) .app-shell .app-main :is(.page-header,.page-header__actions,.section-heading,.mc-hero__top,.today-now__actions,.today-week,.reading-settings__footer,.text-size-choice__options,.planner-command-strip,.study-section-nav,.coda-starters,.ai-prompt-list,.focus-presets,.time-shortcuts,.course-empty-actions){flex-wrap:wrap!important}
html:not([data-text-scale="100"]) .app-shell .app-main :is(.today-quick-actions__grid,.course-grid,.metrics,.focus-live-grid){grid-template-columns:minmax(0,1fr)!important}

/* Easy-read font: open, rounded letterforms that are easy to tell apart.
   Atkinson Hyperlegible is used when the student has it installed. */
html.mc-reading-font .app-shell,html.mc-reading-font .app-shell :is(h1,h2,h3,h4,p,span,strong,small,li,label,button,input,select,textarea,time,legend){font-family:"Atkinson Hyperlegible",Verdana,"Trebuchet MS",system-ui,sans-serif!important;font-style:normal}
html.mc-reading-font .app-shell :is(h1,h2,h3){letter-spacing:0!important}

/* Wider spacing: room between lines, words and letters (WCAG 1.4.12). */
html.mc-wide-spacing .app-shell .app-main{line-height:1.8;letter-spacing:.04em;word-spacing:.16em}
html.mc-wide-spacing .app-shell .app-main :is(p,li,small){line-height:1.8}
html.mc-wide-spacing .app-shell .app-main p+p{margin-top:1em}

/* Line focus: the line being read is highlighted, the rest stays calm. */
html.mc-line-focus .app-shell .app-main :is(p,li,.today-agenda__row,.ai-message):is(:hover,:focus-within){background:color-mix(in srgb,var(--campus-violet,#294c7d) 12%,transparent);border-radius:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--campus-violet,#294c7d) 12%,transparent)}
html.mc-line-focus .app-shell .app-main :is(p,li){max-width:65ch}

/* Reduce motion: no animation or smooth scrolling anywhere in the app. */
html.mc-reduce-motion,html.mc-reduce-motion *,html.mc-reduce-motion *::before,html.mc-reduce-motion *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* Solid backgrounds: no see-through glass. */
html[data-reduced-transparency="true"] .app-shell :is(.mc-glass-subtle,.mc-glass-standard,.mc-glass-strong,.mc-card,.app-sidebar,.mc-nav--mobile,.mc-home-install){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-reduced-transparency="true"] .app-shell :is(.mc-glass-subtle,.mc-glass-standard,.mc-glass-strong,.mc-nav--mobile){background:var(--campus-card,#fff)!important}

/* Simple mode: one thing at a time. Each screen keeps its main job. */
html.mc-simple .app-shell :is(.today-rail,.course-home-section,.today-week__days,.mc-context-scene){display:none!important}
html.mc-simple .app-shell .today-layout{grid-template-columns:minmax(0,1fr)!important;max-width:720px}
html.mc-simple .app-shell :is(.focus-sound-card,.partner,.live-playlist,.focus-music-card,.breathing){display:none!important}
html.mc-simple .app-shell :is(.coda-tools,.ai-tutor-rail,.ai-history-card){display:none!important}
html.mc-simple .app-shell :is(.planner-sync-card,.planner-calendar-card,.calendar-other-connections,.planner-availability-card){display:none!important}
html.mc-simple .app-shell .today-header__copy{display:none}

/* The settings card itself. */
.app-shell .reading-settings{display:grid;gap:18px;padding:24px}
.app-shell .reading-settings h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.02em}
.app-shell .reading-settings>p{margin:0}
.app-shell .reading-settings fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.app-shell .reading-settings legend{font-weight:650;color:var(--campus-ink);padding:0;margin-bottom:8px}
.app-shell .text-size-choice__options{display:flex;flex-wrap:wrap;gap:8px}
.app-shell .text-size-choice__options label{position:relative}
.app-shell .text-size-choice__options input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.app-shell .text-size-choice__options span{display:grid;place-items:center;min-width:64px;min-height:44px;padding:0 12px;border:1px solid var(--campus-line);border-radius:12px;font-weight:650;color:var(--campus-ink);font-variant-numeric:tabular-nums}
.app-shell .text-size-choice__options input:checked+span{background:var(--campus-violet);border-color:var(--campus-violet);color:var(--mc-on-accent,#fff)}
.app-shell .text-size-choice__options input:focus-visible+span{outline:3px solid var(--campus-violet);outline-offset:3px}
.app-shell .display-toggles{display:grid;gap:4px}
.app-shell .display-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--campus-line);cursor:pointer}
.app-shell .display-toggle span{display:grid;gap:2px;min-width:0}
.app-shell .display-toggle strong{font-weight:650;color:var(--campus-ink)}
.app-shell .display-toggle small{color:var(--campus-muted);font-size:14px;line-height:1.5}
.app-shell .display-toggle input{appearance:none;-webkit-appearance:none;width:52px;height:32px;margin:0;border-radius:99px;background:color-mix(in srgb,var(--campus-line) 80%,transparent);position:relative;cursor:pointer;flex:none}
.app-shell .display-toggle input::after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease}
.app-shell .display-toggle input:checked{background:var(--campus-violet)}
.app-shell .display-toggle input:checked::after{transform:translateX(20px)}
.app-shell .display-toggle input:focus-visible{outline:3px solid var(--campus-violet);outline-offset:3px}
.app-shell .reading-settings__footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.app-shell .reading-settings__footer p{margin:0;font-size:14px;color:var(--campus-muted)}
@media(forced-colors:active){.app-shell .display-toggle input{border:2px solid CanvasText}.app-shell .display-toggle input:checked{background:Highlight}.app-shell .text-size-choice__options input:checked+span{background:Highlight;color:HighlightText}}


/* Source: live-wallpaper-v1.css */
/* Calming live wallpapers (Profile → Calming wallpaper). The scene sits behind
   the app shell; a scrim keeps headings and text at full contrast. Motion uses
   transforms and opacity only, runs slowly, and stops for reduced motion. */
.mc-live-wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:var(--mcw-base,transparent)}
.mc-live-wallpaper[data-wallpaper=off]:not(.mc-live-wallpaper--preview),body.is-marketing>.mc-live-wallpaper{display:none}
.mc-live-wallpaper__layer{position:absolute;inset:-20%;will-change:transform}
.mc-live-wallpaper__scrim{position:absolute;inset:0;background:rgba(246,243,237,.58)}
.theme-dark .mc-live-wallpaper__scrim{background:rgba(9,15,29,.6)}
/* Photos have darker corners, so they take a stronger scrim. */
:is(.mc-live-wallpaper[data-wallpaper=library],.mc-live-wallpaper[data-wallpaper=dusk]) .mc-live-wallpaper__scrim{background:rgba(246,243,237,.74)}
.theme-dark :is(.mc-live-wallpaper[data-wallpaper=library],.mc-live-wallpaper[data-wallpaper=dusk]) .mc-live-wallpaper__scrim{background:rgba(9,15,29,.68)}
:root[data-reduced-transparency=true] .mc-live-wallpaper__scrim{background:rgba(246,243,237,.9)}
:root.theme-dark[data-reduced-transparency=true] .mc-live-wallpaper__scrim{background:rgba(9,15,29,.9)}
html[data-live-wallpaper]:not([data-live-wallpaper=off]) body:not(.is-marketing){background:transparent}

/* Aurora: three soft colour fields drifting past each other. */
.mc-live-wallpaper[data-wallpaper=aurora]{--mcw-base:#e3edfa}
.theme-dark .mc-live-wallpaper[data-wallpaper=aurora]{--mcw-base:#0b1022}
.mc-live-wallpaper[data-wallpaper=aurora] .mc-live-wallpaper__layer--a{background:radial-gradient(closest-side at 30% 35%,#80b5ff 0%,transparent 70%);animation:mcw-drift-a 46s ease-in-out infinite alternate}
.mc-live-wallpaper[data-wallpaper=aurora] .mc-live-wallpaper__layer--b{background:radial-gradient(closest-side at 70% 60%,#a1eed1 0%,transparent 70%);animation:mcw-drift-b 58s ease-in-out infinite alternate}
.mc-live-wallpaper[data-wallpaper=aurora] .mc-live-wallpaper__layer--c{background:radial-gradient(closest-side at 50% 85%,#f5d4b6 0%,transparent 65%);animation:mcw-drift-a 72s ease-in-out infinite alternate-reverse}

/* Gentle rain: two sheets of fine streaks falling at different speeds over
   a dusk window, with a warm lamp glow that breathes. */
.mc-live-wallpaper[data-wallpaper=rain]{--mcw-base:linear-gradient(180deg,#5d6f93 0%,#9d9bb5 60%,#d8c4c2 100%)}
.theme-dark .mc-live-wallpaper[data-wallpaper=rain]{--mcw-base:linear-gradient(180deg,#0d1527 0%,#1f2741 60%,#2f3947 100%)}
.mc-live-wallpaper[data-wallpaper=rain] :is(.mc-live-wallpaper__layer--a,.mc-live-wallpaper__layer--b){inset:-160px -10% 0;rotate:8deg;background-image:linear-gradient(180deg,transparent 55%,rgba(255,255,255,.42) 100%);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 1.5px,transparent 1.5px 37px);mask-image:repeating-linear-gradient(90deg,#000 0 1.5px,transparent 1.5px 37px)}
.mc-live-wallpaper[data-wallpaper=rain] .mc-live-wallpaper__layer--a{background-size:100% 140px;animation:mcw-fall-140 1.6s linear infinite}
.mc-live-wallpaper[data-wallpaper=rain] .mc-live-wallpaper__layer--b{background-size:100% 200px;opacity:.55;-webkit-mask-image:repeating-linear-gradient(90deg,transparent 0 19px,#000 19px 20px,transparent 20px 53px);mask-image:repeating-linear-gradient(90deg,transparent 0 19px,#000 19px 20px,transparent 20px 53px);animation:mcw-fall-200 3.2s linear infinite}
.mc-live-wallpaper[data-wallpaper=rain] .mc-live-wallpaper__layer--c{inset:auto auto -30% -20%;width:80vmax;height:80vmax;background:radial-gradient(closest-side,rgba(245,190,130,.55),transparent 70%);animation:mcw-breathe 9s ease-in-out infinite alternate}

/* Night sky: two star fields twinkling out of step, drifting very slowly. */
.mc-live-wallpaper[data-wallpaper=stars]{--mcw-base:linear-gradient(180deg,#7f8cc4 0%,#b4b0dc 55%,#eadbe6 100%)}
.theme-dark .mc-live-wallpaper[data-wallpaper=stars]{--mcw-base:radial-gradient(ellipse at 50% 120%,#2a2a5a 0%,#0e1430 55%,#070b1c 100%)}
.mc-live-wallpaper[data-wallpaper=stars] :is(.mc-live-wallpaper__layer--a,.mc-live-wallpaper__layer--b){background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 120px 90px,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 180px 160px,#d8e8ff 50%,transparent 51%),radial-gradient(1px 1px at 60px 190px,#fff 50%,transparent 51%),radial-gradient(1px 1px at 200px 40px,#dff8ee 50%,transparent 51%)}
.mc-live-wallpaper[data-wallpaper=stars] .mc-live-wallpaper__layer--a{background-size:220px 220px;animation:mcw-twinkle 5s ease-in-out infinite alternate,mcw-drift-a 120s linear infinite alternate}
.mc-live-wallpaper[data-wallpaper=stars] .mc-live-wallpaper__layer--b{background-size:340px 340px;background-position:90px 60px;animation:mcw-twinkle 7s ease-in-out infinite alternate-reverse,mcw-drift-b 160s linear infinite alternate}
.mc-live-wallpaper[data-wallpaper=stars] .mc-live-wallpaper__layer--c{background:radial-gradient(ellipse 60% 30% at 50% 100%,rgba(128, 181, 255,.35),transparent 70%)}

/* Ocean drift: three wave bands rolling sideways at different speeds. */
.mc-live-wallpaper[data-wallpaper=ocean]{--mcw-base:linear-gradient(180deg,#e4f3f2 0%,#bfe0e2 45%,#6fa7b9 100%)}
.theme-dark .mc-live-wallpaper[data-wallpaper=ocean]{--mcw-base:linear-gradient(180deg,#081627 0%,#0c2a3e 50%,#0f4352 100%)}
.mc-live-wallpaper[data-wallpaper=ocean] .mc-live-wallpaper__layer{inset:auto auto 0 0;width:200%;background-image:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(255,255,255,.45),transparent 70%);background-size:25% 100%;background-repeat:repeat-x}
.mc-live-wallpaper[data-wallpaper=ocean] .mc-live-wallpaper__layer--a{height:42%;animation:mcw-roll 38s linear infinite}
.mc-live-wallpaper[data-wallpaper=ocean] .mc-live-wallpaper__layer--b{height:30%;opacity:.7;background-size:20% 100%;animation:mcw-roll 26s linear infinite reverse}
.mc-live-wallpaper[data-wallpaper=ocean] .mc-live-wallpaper__layer--c{height:18%;opacity:.55;background-size:12.5% 100%;animation:mcw-roll 18s linear infinite}

/* Photo scenes: a slow drift across MindCoda's own study photos. */
:is(.mc-live-wallpaper[data-wallpaper=library],.mc-live-wallpaper[data-wallpaper=dusk]){--mcw-base:#19293b}
:is(.mc-live-wallpaper[data-wallpaper=library],.mc-live-wallpaper[data-wallpaper=dusk]) .mc-live-wallpaper__layer--a{inset:-6%;background-position:center;background-size:cover;animation:mcw-pan 70s ease-in-out infinite alternate}
.mc-live-wallpaper[data-wallpaper=library] .mc-live-wallpaper__layer--a{background-image:url("/scene-focus-v1.jpg")}
.mc-live-wallpaper[data-wallpaper=dusk] .mc-live-wallpaper__layer--a{background-image:url("/scene-evening-v1.jpg")}

@keyframes mcw-drift-a{from{transform:translate3d(-8%,-6%,0) scale(1)}to{transform:translate3d(9%,7%,0) scale(1.15)}}
@keyframes mcw-drift-b{from{transform:translate3d(7%,5%,0) scale(1.1)}to{transform:translate3d(-9%,-8%,0) scale(.95)}}
@keyframes mcw-fall-140{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,140px,0)}}
@keyframes mcw-fall-200{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,200px,0)}}
@keyframes mcw-breathe{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}
@keyframes mcw-twinkle{from{opacity:.35}to{opacity:1}}
@keyframes mcw-roll{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes mcw-pan{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-2%,-2%,0)}}

/* Less motion: every scene holds still on its first frame. */
.mc-wallpaper-paused .mc-live-wallpaper *{animation-play-state:paused}
.mc-reduce-motion .mc-live-wallpaper *{animation:none!important}
@media (prefers-reduced-motion:reduce){.mc-live-wallpaper *{animation:none!important}}
@media (forced-colors:active){.mc-live-wallpaper:not(.mc-live-wallpaper--preview){display:none}}

/* Profile previews: the same scenes, small, with a lighter scrim. */
.wallpaper-choice{margin:16px 0 0;padding:0;border:0}
.wallpaper-choice legend{font-weight:650;margin-bottom:10px}
.wallpaper-choice__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.wallpaper-choice__option{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--campus-line);border-radius:16px;cursor:pointer;color:var(--campus-ink)}
.wallpaper-choice__option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.wallpaper-choice__swatch{position:relative;display:block;height:84px;border-radius:10px;overflow:hidden;background:var(--campus-paper)}
.mc-live-wallpaper--preview{position:absolute;inset:0;z-index:0}
.mc-live-wallpaper--preview .mc-live-wallpaper__scrim{background:rgba(246,243,237,.18)}
.theme-dark .mc-live-wallpaper--preview .mc-live-wallpaper__scrim{background:rgba(9,15,29,.18)}
.mc-live-wallpaper--preview[data-wallpaper=rain] :is(.mc-live-wallpaper__layer--a,.mc-live-wallpaper__layer--b){inset:-160px -10% 0}
.wallpaper-choice__option strong{font-size:15px;padding:4px 4px 0}
.wallpaper-choice__option small{font-size:13px;color:var(--campus-muted);padding:0 4px 4px;line-height:1.35}
.wallpaper-choice__option:has(input:checked){border-color:var(--campus-violet);box-shadow:0 0 0 2px var(--campus-violet)}
.wallpaper-choice__option:has(input:focus-visible){outline:3px solid var(--campus-violet);outline-offset:3px}
@media (forced-colors:active){.wallpaper-choice__option:has(input:checked){border:3px solid Highlight}}

/* Photo themes share the same preference and motion controls as earlier scenes. */
.mc-live-wallpaper[data-wallpaper=galaxy] {--mcw-base:#102035;}
.mc-live-wallpaper[data-wallpaper=galaxy] .mc-live-wallpaper__layer--a {inset:-6%;background:url('/signin-galaxy-v1.webp') center/cover;animation:mcw-pan 90s ease-in-out infinite alternate;}
.mc-live-wallpaper[data-wallpaper=birds] {--mcw-base:linear-gradient(180deg,#abd8e7,#e5f6ef);}
.mc-live-wallpaper[data-wallpaper=birds] .mc-live-wallpaper__layer {inset:0;background:none;}
.mc-live-wallpaper[data-wallpaper=birds] .mc-live-wallpaper__layer::after {content:'';position:absolute;left:-10%;top:25%;width:34px;height:16px;border-top:2px solid #254c65;border-radius:50%;transform:rotate(-8deg);box-shadow:22px -5px 0 -3px #254c6538;animation:mcw-bird-flight 55s linear infinite;}
.mc-live-wallpaper[data-wallpaper=birds] .mc-live-wallpaper__layer--b::after {top:40%;width:24px;animation-duration:65s;animation-delay:-22s;opacity:.7;}
.mc-live-wallpaper[data-wallpaper=birds] .mc-live-wallpaper__layer--c::after {top:18%;width:28px;animation-duration:78s;animation-delay:-48s;opacity:.55;}
.mc-live-wallpaper[data-wallpaper=ocean] .mc-live-wallpaper__layer--a {inset:-6%;width:auto;height:auto;background:url('/nature-ocean-v1.jpg') center/cover;animation:mcw-pan 70s ease-in-out infinite alternate;}
.mc-live-wallpaper[data-wallpaper=ocean] :is(.mc-live-wallpaper__layer--b,.mc-live-wallpaper__layer--c) {display:none;}
@keyframes mcw-bird-flight {to {translate:120vw -4vh;}}
.mc-wallpaper-paused .mc-live-wallpaper *::after {animation-play-state:paused;}
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-live-wallpaper *,
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-live-wallpaper *::after {animation:none!important;}
@media(prefers-reduced-motion:reduce) {.mc-live-wallpaper *::after {animation:none!important;}}

.mc-live-wallpaper[data-wallpaper=forest]{background:radial-gradient(ellipse at 25% 10%,#9dcfaf,#e1ead0 60%,#c1dcc9);}
.mc-live-wallpaper[data-wallpaper=dawn]{background:radial-gradient(ellipse at 25% 10%,#ffd7b0,#f6d4d9 60%,#eee0bb);}


/* Source: mindcoda-one-links-v1.css */
/* Links from the app to mindcodaone.com: a quiet pair under the sidebar
   navigation, and a card in Profile for phones, where the sidebar is hidden.
   Both open in a new tab so a study session is never replaced. */
.app-shell .mc-one-links{display:grid;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid var(--campus-line)}
.app-shell .mc-one-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:14px;color:var(--campus-muted);font-size:14px;font-weight:600;text-decoration:none}
.app-shell .mc-one-link svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell .mc-one-link .mc-one-link__out{width:14px;height:14px;margin-left:auto;opacity:.7}
.app-shell .mc-one-link:hover{background:color-mix(in srgb,var(--campus-violet) 8%,transparent);color:var(--campus-ink)}
.app-shell .mc-one-link:focus-visible{outline:3px solid var(--campus-violet);outline-offset:2px}
.app-shell .mc-one-card__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}
.app-shell .mc-one-card .mc-one-link{min-height:64px;padding:12px 14px;border:1px solid var(--campus-line);color:var(--campus-ink)}
.app-shell .mc-one-card .mc-one-link>span:not(.sr-only){display:grid;gap:2px}
.app-shell .mc-one-card .mc-one-link small{font-size:13px;font-weight:500;color:var(--campus-muted)}
@media (forced-colors:active){.app-shell .mc-one-link{border:1px solid LinkText;color:LinkText}}
/* Compact rail (the sidebar shows icons only): keep the names for screen
   readers, show just the icon. */
@media (max-width:1120px){.app-shell .mc-one-links .mc-one-link{justify-content:center;padding:0}.app-shell .mc-one-links .mc-one-link>span:not(.sr-only){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell .mc-one-links .mc-one-link__out{display:none}}


/* Source: untangle-welcome-v1.css */
#marketing-page{
  color-scheme: dark;
  --ink:#060A1C;
  --line:rgba(169,179,217,.16);
  --paper:#EEF1FF;
  --haze:#9AA5CF;
  --mint:#7CE0B0;
  --coda:#5CC6E8;
  --alert:#FF7A6B;
  --c-bus:#8B98FF; --c-math:#5FD0E8; --c-engl:#F2B66D; --c-bio:#7CE0B0; --c-life:#7ab2ff;
  --f-display:"Bricolage Grotesque","Avenir Next",system-ui,sans-serif;
  --f-soft:"Fraunces",Georgia,serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --cw:220px; --bw:140px; --bh:64px;
  --gutter-l:max(16px, env(safe-area-inset-left, 0px));
  --gutter-r:max(16px, env(safe-area-inset-right, 0px));
}
html #marketing-page{background:var(--ink)}
#marketing-page{background:var(--ink);color:var(--paper);font-family:var(--f-display);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
#marketing-page::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
#marketing-page button{font:inherit;color:inherit}
#marketing-page :focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:8px}
#marketing-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#marketing-page .nav{position:fixed;z-index:50;top:calc(env(safe-area-inset-top, 0px) + 12px);left:50%;transform:translateX(-50%);
  width:min(1180px, calc(100% - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 7px 7px 9px;border-radius:22px}
#marketing-page .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--paper);border-radius:14px}
#marketing-page .appicon{position:relative;flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(165deg,#3A86FF 0%,#0B5BFF 42%,#0731AE 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 6px rgba(0,0,40,.35), 0 8px 18px -6px rgba(11,91,255,.75)}
#marketing-page .appicon::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%);pointer-events:none}
#marketing-page .appicon .mclogo{position:relative;z-index:1;width:72%;height:72%;filter:drop-shadow(0 1px 2px rgba(0,20,90,.5))}
#marketing-page .wm{font-weight:700;font-size:17px;letter-spacing:-.02em;white-space:nowrap}
#marketing-page .wm em{font-style:normal;font-weight:500;color:var(--haze)}
#marketing-page .nav .btn{padding:10px 16px}
#marketing-page .nav > *{pointer-events:auto}
#marketing-page .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;border:0;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;transition:transform .2s, background .2s}
#marketing-page .btn-mint{background:var(--mint);color:#06281A}
#marketing-page .btn-mint:hover{transform:translateY(-1px);background:#9AEBC4}
#marketing-page .btn-ghost{background:rgba(238,241,255,.06);color:var(--paper);border:1px solid var(--line)}
#marketing-page .btn-ghost:hover{background:rgba(238,241,255,.12)}
#marketing-page .stage{position:relative;height:620vh;overflow-x:clip}
#marketing-page .view{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#marketing-page .bg{position:absolute;inset:0;pointer-events:none}
#marketing-page .bg-chaos{background:
  radial-gradient(55% 45% at 78% 22%, rgba(255,122,107,.20), transparent 70%),
  radial-gradient(45% 55% at 12% 85%, rgba(122, 178, 255,.16), transparent 70%),
  radial-gradient(70% 60% at 50% 50%, #121A45, var(--ink) 80%)}
#marketing-page .bg-calm{opacity:0;background:
  radial-gradient(40% 40% at 50% 60%, rgba(92,198,232,.14), transparent 72%),
  radial-gradient(80% 70% at 50% 40%, #0B1438, var(--ink) 85%)}
#marketing-page .grain{position:absolute;inset:-50%;opacity:.09;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("/untangle-grain-v1.svg")}
#marketing-page .lens{position:absolute;left:0;top:0;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;pointer-events:none;z-index:4;
  background:radial-gradient(circle, rgba(92,198,232,.07), transparent 65%);border:1px solid rgba(92,198,232,.22);opacity:0}
#marketing-page .chip{position:absolute;left:0;top:0;width:var(--cw);display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:11px;
  background:rgba(22,30,72,.88);border:1px solid var(--line);box-shadow:0 10px 30px -12px rgba(0,0,0,.6);
  font-size:13px;white-space:nowrap;will-change:transform,opacity;pointer-events:none;backface-visibility:hidden;opacity:0}
#marketing-page .chip i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--cc)}
#marketing-page .chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:500}
#marketing-page .chip em{flex:none;font-style:normal;font-family:var(--f-mono);font-size:10.5px;color:var(--haze)}
#marketing-page .chip em.hot{color:var(--alert)}
#marketing-page .chip b{flex:none;font-family:var(--f-mono);font-size:10px;font-weight:500;background:var(--alert);color:#2A0A06;border-radius:99px;padding:1px 6px;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .chip b{animation:untangle-ping 1.6s ease-in-out infinite}}
#marketing-page .chip small{display:none}
#marketing-page .chip.blk{width:var(--bw);height:var(--bh);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:7px 9px;border-radius:9px;
  border-left:3px solid var(--cc);font-size:12px;line-height:1.25;white-space:normal;overflow:hidden;box-shadow:none;background:rgba(26,36,86,.95)}
#marketing-page .chip.blk i,#marketing-page .chip.blk em,#marketing-page .chip.blk b{display:none}
#marketing-page .chip.blk small{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--haze);letter-spacing:.02em}
#marketing-page .chip.blk span{flex:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
#marketing-page .chip.blk.fixed{background:repeating-linear-gradient(135deg, rgba(238,241,255,.05) 0 6px, transparent 6px 12px), rgba(18,26,64,.9);border-style:dashed;border-left-style:solid}
#marketing-page .chip.hero.blk{background:rgba(32,52,110,.98);box-shadow:0 0 0 1px rgba(92,198,232,.6), 0 0 26px rgba(92,198,232,.35)}
#marketing-page .view.calm .chip b{animation:none}
@keyframes untangle-ping{50%{transform:scale(1.18)}}
#marketing-page .cal{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0}
#marketing-page .cal > *{position:absolute}
#marketing-page .dayh{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--haze);text-align:center;transform:translateX(-50%)}
#marketing-page .dayh.today{color:var(--coda)}
#marketing-page .tl{font-family:var(--f-mono);font-size:10px;color:rgba(154,165,207,.6);transform:translateY(-50%)}
#marketing-page .hl{height:1px;background:rgba(169,179,217,.08)}
#marketing-page .band{border-radius:12px;background:rgba(92,198,232,.06);border:1px solid rgba(92,198,232,.18)}
#marketing-page .cls{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:9px;font-size:11.5px;line-height:1.25;color:var(--haze);transform:translate(-50%,-50%);
  background:repeating-linear-gradient(135deg, rgba(238,241,255,.05) 0 6px, transparent 6px 12px);border:1px dashed rgba(169,179,217,.22)}
#marketing-page .cls small{font-family:var(--f-mono);font-size:9.5px;opacity:.8}
#marketing-page .doc{position:absolute;left:0;top:0;z-index:6;display:flex;align-items:center;gap:12px;width:230px;padding:12px 14px;border-radius:12px;background:#F3F5FF;color:#141B3D;
  box-shadow:0 24px 50px -20px rgba(0,0,0,.8);opacity:0;pointer-events:none;will-change:transform,opacity}
#marketing-page .doc .ic{flex:none;display:grid;place-items:center;width:34px;height:42px;border-radius:5px;background:#E3E7FB;font-family:var(--f-mono);font-size:9px;font-weight:500;color:#3B53C9;position:relative}
#marketing-page .doc .ic::after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;background:linear-gradient(225deg,#F3F5FF 50%,#C9D0F2 50%)}
#marketing-page .doc strong{display:block;font-size:13px;line-height:1.2}
#marketing-page .doc small{font-family:var(--f-mono);font-size:10px;color:#5A6390}
#marketing-page .cap{position:absolute;z-index:2;pointer-events:none}
#marketing-page .cap a,#marketing-page .cap button{pointer-events:auto}
#marketing-page .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
#marketing-page .cap1{left:var(--gutter-l);right:var(--gutter-r);top:50%;transform:translateY(-50%);padding-left:max(0px, calc(6vw - 16px));display:grid;gap:22px}
#marketing-page .cap1 h1{margin:0;font-weight:800;font-size:clamp(58px, 12.4vw, 190px);line-height:.86;letter-spacing:-.055em;font-variation-settings:"opsz" 96;text-wrap:balance;text-shadow:0 0 60px rgba(6,10,28,.9)}
#marketing-page .cap1 h1 .strike{color:transparent;-webkit-text-stroke:1.5px rgba(238,241,255,.85)}
#marketing-page .cap1 p{margin:0;max-width:36ch;font-size:clamp(16px,1.6vw,19px);color:var(--haze);text-shadow:0 0 24px var(--ink)}
#marketing-page .cap1 p strong{color:var(--paper);font-weight:600}
#marketing-page .cap1 .row{display:flex;flex-wrap:wrap;gap:12px}
#marketing-page .capc{left:0;right:0;text-align:center;padding-left:var(--gutter-l);padding-right:var(--gutter-r);opacity:0}
#marketing-page .capc h2{margin:6px auto 0;max-width:22ch;font-size:clamp(26px,3.8vw,48px);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
#marketing-page .capc h2 em{font-family:var(--f-soft);font-weight:500;font-style:italic;color:var(--coda)}
#marketing-page .cap-up{top:max(96px, 15%)}
#marketing-page .cap-plan{top:calc(var(--calTop) - 108px)}
#marketing-page .cap3{left:var(--cardL);right:var(--gutter-r);bottom:calc(100% - var(--cardTop) + 22px);opacity:0}
#marketing-page .cap3 h2{margin:8px 0 0;font-size:clamp(40px,6vw,92px);line-height:.92;letter-spacing:-.05em;font-weight:800}
#marketing-page .cap3 h2 em{font-family:var(--f-soft);font-weight:500;font-style:italic;letter-spacing:-.03em;color:var(--mint)}
#marketing-page .orb{position:relative;flex:none;width:58px;height:58px;border-radius:50%;
  background:radial-gradient(circle at 36% 30%, #F6FDFF 0 7%, #B2F0FF 18%, var(--coda) 44%, #3B53C9 76%, #26307A 100%);
  box-shadow:0 0 30px rgba(92,198,232,.45), inset 0 -6px 14px rgba(20,30,90,.5);will-change:transform}
#marketing-page .orb::before{content:"";position:absolute;inset:-7px;border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 18%, rgba(124,224,176,.85) 30%, transparent 46%, rgba(178,240,255,.75) 68%, transparent 84%);
  -webkit-mask:radial-gradient(circle, transparent 57%, #000 59%, #000 70%, transparent 72%);mask:radial-gradient(circle, transparent 57%, #000 59%, #000 70%, transparent 72%);
  filter:blur(1.5px);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb::before{animation:untangle-swirl 7s linear infinite}}
#marketing-page .orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%, transparent 55%, rgba(178,240,255,.25) 100%);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb::after{animation:untangle-breathe 4s ease-in-out infinite}}
#marketing-page .orb.thinking::before{animation-duration:1.3s}
#marketing-page .orb.thinking{box-shadow:0 0 50px rgba(92,198,232,.7), inset 0 -6px 14px rgba(20,30,90,.5)}
@keyframes untangle-swirl{to{transform:rotate(1turn)}}
@keyframes untangle-breathe{50%{opacity:.4;transform:scale(1.08)}}
#marketing-page .coda{position:absolute;z-index:7;left:max(24px, calc(env(safe-area-inset-left, 0px) + 16px));bottom:calc(64px + env(safe-area-inset-bottom, 0px));width:min(390px, calc(100% - 32px));
  display:flex;align-items:flex-end;gap:12px;pointer-events:none}
#marketing-page .msgs{flex:1;min-width:0;display:grid;gap:8px}
#marketing-page .bubble{background:rgba(16,26,66,.94);border:1px solid rgba(92,198,232,.35);border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.45;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.8);transition:opacity .3s}
#marketing-page .bubble .who{display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--coda);margin-bottom:2px}
#marketing-page .bubble.me{justify-self:end;max-width:80%;background:rgba(124,224,176,.14);border-color:rgba(124,224,176,.35);border-radius:16px 16px 4px 16px;opacity:0}
#marketing-page .bubble.me .who{color:var(--mint)}
#marketing-page .coda.quiet .bubble{opacity:0}
#marketing-page .dots{display:inline-flex;gap:4px;padding:6px 0}
#marketing-page .dots i{width:6px;height:6px;border-radius:50%;background:var(--coda);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .dots i{animation:untangle-dot 1s ease-in-out infinite}}
#marketing-page .dots i:nth-child(2){animation-delay:.15s}
#marketing-page .dots i:nth-child(3){animation-delay:.3s}
@keyframes untangle-dot{50%{opacity:.25;transform:translateY(-2px)}}
#marketing-page .card{position:absolute;z-index:5;left:var(--cardL);top:var(--cardTop);width:var(--cardW);transform-origin:50% 0;border-radius:20px;
  background:linear-gradient(180deg,#18235A,#111a46);border:1px solid rgba(92,198,232,.45);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8), 0 0 0 6px rgba(92,198,232,.05);opacity:0;will-change:transform,opacity,clip-path}
#marketing-page .card-top{padding:18px 20px 16px;display:grid;gap:6px;border-bottom:1px solid var(--line)}
#marketing-page .tag{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;color:var(--haze);letter-spacing:.06em}
#marketing-page .tag i{width:8px;height:8px;border-radius:50%;background:var(--c-math)}
#marketing-page .tag .nx{margin-left:auto;color:var(--coda);text-transform:uppercase;letter-spacing:.14em}
#marketing-page .card h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.02em;font-weight:700}
#marketing-page .card .meta{font-family:var(--f-mono);font-size:12px;color:var(--haze)}
#marketing-page .card-why{padding:16px 20px 18px;display:grid;gap:12px}
#marketing-page .why-head{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--coda)}
#marketing-page .why-head .orb{width:20px;height:20px;box-shadow:0 0 12px rgba(92,198,232,.5)}
#marketing-page .why-head .orb::before{inset:-4px}
#marketing-page .card ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px;color:var(--paper)}
#marketing-page .card li{display:grid;grid-template-columns:16px 1fr;gap:6px}
#marketing-page .card li::before{content:"→";color:var(--coda);font-family:var(--f-mono);font-size:12px;padding-top:2px}
#marketing-page .acts{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
#marketing-page .acts .btn{padding:9px 15px;font-size:13px}
#marketing-page .card-campus{display:flex;gap:10px;align-items:center;padding:13px 20px 15px;border-top:1px dashed rgba(169,179,217,.22);font-size:13px;color:var(--haze)}
#marketing-page .card-campus b{flex:none;font-family:var(--f-mono);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#06281A;background:var(--mint);border-radius:99px;padding:3px 8px}
#marketing-page .rail{position:absolute;z-index:8;left:var(--gutter-l);right:var(--gutter-r);bottom:calc(16px + env(safe-area-inset-bottom, 0px));display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
#marketing-page .rail button{background:none;border:0;cursor:pointer;padding:8px 10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(154,165,207,.55);display:flex;gap:7px;align-items:center}
#marketing-page .rail button::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor;transition:width .3s}
#marketing-page .rail button.on{color:var(--mint)}
#marketing-page .rail button.on::before{width:30px}
#marketing-page .coda-end{position:relative;overflow-x:clip;padding-block:120px 64px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);background:
  radial-gradient(40% 50% at 25% 45%, rgba(124,110,255,.16), transparent 70%),
  radial-gradient(50% 40% at 50% 0%, rgba(92,198,232,.10), transparent 70%), var(--ink)}
#marketing-page .end-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
#marketing-page .end-right{display:grid;gap:28px;min-width:0}
#marketing-page .hub-wrap{display:grid;justify-items:center;gap:18px;min-width:0}
#marketing-page .hub{--hs:440px;position:relative;width:var(--hs);height:var(--hs)}
#marketing-page .hub .ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(185,178,255,.2);transform:translate(-50%,-50%)}
#marketing-page .hub .ring1{width:calc(var(--hs) * .56);height:calc(var(--hs) * .56);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .ring1{animation:untangle-lit1 6s ease-out infinite}}
#marketing-page .hub .ring2{width:calc(var(--hs) * .9);height:calc(var(--hs) * .9);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .ring2{animation:untangle-lit2 6s ease-out infinite}}
@keyframes untangle-lit1{0%,46%,72%,100%{border-color:rgba(185,178,255,.2);box-shadow:none}53%{border-color:rgba(170,220,255,.85);box-shadow:0 0 22px rgba(124,180,255,.45), inset 0 0 22px rgba(124,180,255,.25)}}
@keyframes untangle-lit2{0%,60%,86%,100%{border-color:rgba(185,178,255,.2);box-shadow:none}68%{border-color:rgba(170,220,255,.75);box-shadow:0 0 26px rgba(124,180,255,.4), inset 0 0 26px rgba(124,180,255,.2)}}
#marketing-page .hub .pulse{position:absolute;left:50%;top:50%;width:calc(var(--hs) * .3);height:calc(var(--hs) * .3);margin:calc(var(--hs) * -.15);border-radius:50%;
  border:2px solid rgba(190,220,255,.9);box-shadow:0 0 18px rgba(124,180,255,.6);opacity:0;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .pulse{animation:untangle-pulse 6s ease-out infinite}}
@keyframes untangle-pulse{0%,40%{transform:scale(1);opacity:0}42%{transform:scale(1.02);opacity:.95}70%{transform:scale(3);opacity:0}100%{transform:scale(3);opacity:0}}
#marketing-page .hub .core{position:absolute;left:50%;top:50%;width:calc(var(--hs) * .3);height:calc(var(--hs) * .3);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;perspective:700px;
  background:radial-gradient(circle at 50% 36%, #8592FF 0%, #4650DC 42%, #232A88 78%, #161B5E 100%);
  box-shadow:0 0 0 3px rgba(169, 205, 255,.6), 0 0 0 calc(var(--hs) * .022) rgba(130,115,255,.18), 0 0 44px rgba(124,110,255,.7), 0 0 100px rgba(92,198,232,.28),
    inset 0 -12px 26px rgba(10,12,60,.65), inset 0 10px 20px rgba(255,255,255,.2);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .core{animation:untangle-glow 6s ease-out infinite}}
@keyframes untangle-glow{0%,38%,60%,100%{filter:brightness(1)}42%{filter:brightness(1.35)}}
#marketing-page .hub .logo3d{width:62%;height:62%;transform-style:preserve-3d;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .logo3d{animation:untangle-logo 6s cubic-bezier(.55,0,.3,1) infinite}}
#marketing-page .hub .logo3d .mclogo{width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(5,10,60,.65))}
@keyframes untangle-logo{
  0%{transform:rotateY(0deg) translateX(0) rotate(0deg) scale(1)}
  28%{transform:rotateY(360deg) translateX(0) rotate(0deg) scale(1)}
  31%{transform:rotateY(360deg) translateX(-4%) rotate(-6deg) scale(1)}
  34%{transform:rotateY(360deg) translateX(4%) rotate(6deg) scale(1)}
  37%{transform:rotateY(360deg) translateX(-2%) rotate(-3deg) scale(1)}
  40%{transform:rotateY(360deg) translateX(0) rotate(0deg) scale(1.08)}
  46%,100%{transform:rotateY(360deg) translateX(0) rotate(0deg) scale(1)}}
#marketing-page .hub .orbit{position:absolute;inset:0;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .orbit{animation:untangle-spin 80s linear infinite}}
#marketing-page .hub .o2{animation-duration:120s;animation-direction:reverse}
@keyframes untangle-spin{to{transform:rotate(1turn)}}
#marketing-page .hub .tile{position:absolute;left:50%;top:50%;width:calc(var(--hs) * .105);height:calc(var(--hs) * .105);margin:calc(var(--hs) * -.0525);
  transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(-1 * var(--a)))}
#marketing-page .hub .o1 .tile{--R:calc(var(--hs) * .28)}
#marketing-page .hub .o2 .tile{--R:calc(var(--hs) * .45)}
#marketing-page .hub .o1 .spin{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .o1 .spin{animation:untangle-spin 80s linear infinite reverse}}
#marketing-page .hub .o2 .spin{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .o2 .spin{animation:untangle-spin 120s linear infinite}}
#marketing-page .hub .spin{position:relative;width:100%;height:100%}
#marketing-page .mclogo{display:block;background:var(--logo) center/contain no-repeat}
#marketing-page .hub .ic{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:32%;
  background:radial-gradient(90% 70% at 28% -5%, rgba(255,255,255,.3), transparent 60%), linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.03) 55%, rgba(255,255,255,.07)), rgba(16,22,60,.5);
  -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(255,255,255,.1), 0 18px 30px -14px var(--t2);
  ;animation-delay:var(--d)}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .ic{animation:bob 4s ease-in-out infinite}}
#marketing-page .hub .ic::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.3px;pointer-events:none;
  background:conic-gradient(from 210deg, var(--t1), rgba(255,255,255,.85), var(--t2), rgba(255,255,255,.12), var(--t1));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#marketing-page .hub .ic svg{position:relative;width:60%;height:60%;filter:drop-shadow(0 0 5px var(--t1)) drop-shadow(0 2px 2px rgba(0,0,0,.35))}
#marketing-page .hub .ic .p{fill:var(--t1)}
#marketing-page .hub .ic .s{fill:var(--t1);opacity:.5}
#marketing-page .hub .ic .t{fill:rgba(255,255,255,.95)}
#marketing-page .hub .ic .k{fill:none;stroke:#0B1030;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#marketing-page .hub .ic .kw{fill:none;stroke:var(--t1);stroke-width:1.6;stroke-linecap:round;opacity:.75}
#marketing-page .hub .lb{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;padding:2px 8px;border-radius:99px;background:rgba(12,18,48,.72);border:1px solid rgba(255,255,255,.08);font-size:calc(var(--hs) * .024);font-weight:600;color:#DDE3FF;white-space:nowrap}
#marketing-page .hub-cap{margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--haze);text-align:center}
#marketing-page .coda-end h2{margin:10px 0 18px;font-size:clamp(36px,5.4vw,68px);line-height:.95;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
#marketing-page .coda-end h2 em{font-family:var(--f-soft);font-style:italic;font-weight:500;color:var(--mint);letter-spacing:-.02em}
#marketing-page .coda-end p{color:var(--haze);max-width:46ch;margin:0}
#marketing-page .facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding:0;list-style:none;font-family:var(--f-mono);font-size:12px;color:var(--haze)}
#marketing-page .facts li::before{content:"✓ ";color:var(--mint)}
#marketing-page form{display:grid;gap:14px;padding:24px;border-radius:20px;background:rgba(238,241,255,.04);border:1px solid var(--line);min-width:0}
#marketing-page label{font-size:13px;color:var(--haze);display:grid;gap:6px}
#marketing-page input[type=email]{background:rgba(6,10,28,.6);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--paper);font:inherit;font-size:16px}
#marketing-page .plats{display:flex;flex-wrap:wrap;gap:8px}
#marketing-page .plats input{position:absolute;opacity:0;pointer-events:none}
#marketing-page .plats label{display:block;cursor:pointer;padding:8px 14px;border-radius:99px;border:1px solid var(--line);color:var(--paper);font-size:13px}
#marketing-page .plats input:checked + label{background:var(--mint);color:#06281A;border-color:var(--mint)}
#marketing-page .plats input:focus-visible + label{outline:2px solid var(--mint);outline-offset:2px}
#marketing-page .ok{font-size:14px;color:var(--mint);margin:0}
#marketing-page .foot{max-width:1080px;margin:80px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:11px;color:rgba(154,165,207,.6);letter-spacing:.06em}
@media (max-width:760px){#marketing-page .end-in{grid-template-columns:1fr;gap:36px}
#marketing-page .hub{--hs:min(330px, calc(100vw - 72px))}
#marketing-page .hub .lb{margin-top:3px}
#marketing-page .coda-end{padding-block:72px 48px}
#marketing-page .nav .btn{padding:9px 14px;font-size:13px}
#marketing-page .cap1{top:44%}
#marketing-page .rail{gap:0}
#marketing-page .rail button{padding:6px 5px;font-size:9.5px;letter-spacing:.04em}
#marketing-page .rail button::before{display:none}
#marketing-page .chip{font-size:12px;padding:8px 10px;gap:7px}
#marketing-page .chip em{font-size:9.5px}
#marketing-page .chip.blk{font-size:11px;padding:6px 7px}
#marketing-page .dayh{font-size:10px}
#marketing-page .doc{width:200px;padding:10px 12px}
#marketing-page .coda{left:16px;right:16px;width:auto;bottom:calc(52px + env(safe-area-inset-bottom, 0px))}
#marketing-page .orb{width:46px;height:46px}
#marketing-page .bubble{font-size:13px;padding:9px 12px}
#marketing-page .bubble.me{display:none}
#marketing-page .card h3{font-size:21px}
#marketing-page .card ul{font-size:13px}
}
#marketing-page .nav,#marketing-page .bubble,#marketing-page .card,#marketing-page form,#marketing-page .rail,#marketing-page .btn-ghost,#marketing-page .hub .lb{
  background:radial-gradient(120% 80% at 15% -30%, rgba(255,255,255,.2), transparent 55%),
    linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 45%, rgba(255,255,255,.07)), rgba(14,22,62,.42);
  -webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.08), inset 0 0 24px rgba(255,255,255,.04), 0 20px 50px -20px rgba(0,0,0,.75)}
#marketing-page .card{background:radial-gradient(120% 60% at 15% -20%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 45%, rgba(255,255,255,.06)), rgba(16,26,74,.66);
  border-color:rgba(124,224,176,.35)}
#marketing-page .bubble.me{background:linear-gradient(160deg, rgba(160,240,205,.22), rgba(124,224,176,.08)), rgba(14,40,40,.4);border-color:rgba(124,224,176,.4)}
#marketing-page .hub .lb{padding:2px 9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 6px 14px -6px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#marketing-page .rail{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:3px 6px;border-radius:99px}
#marketing-page form{position:relative}
#marketing-page .btn-ghost:hover{background:radial-gradient(120% 80% at 15% -30%, rgba(255,255,255,.3), transparent 55%), rgba(255,255,255,.12)}
#marketing-page .btn-mint{background:linear-gradient(180deg, rgba(190,250,222,.98), rgba(110,216,168,.95));border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -3px 8px rgba(20,100,70,.3), 0 10px 26px -10px rgba(124,224,176,.8)}
#marketing-page .btn-mint:hover{background:linear-gradient(180deg, #D4FFEA, #86E3B8)}
#marketing-page .chip{background:linear-gradient(160deg, rgba(255,255,255,.13), rgba(255,255,255,.02) 50%), rgba(20,28,72,.84);border-color:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 10px 30px -12px rgba(0,0,0,.6)}
#marketing-page .chip.blk{background:linear-gradient(160deg, rgba(255,255,255,.11), rgba(255,255,255,.02) 55%), rgba(26,36,86,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
#marketing-page input[type=email]{background:rgba(6,10,28,.45);box-shadow:inset 0 2px 6px rgba(0,0,0,.45), inset 0 -1px 0 rgba(255,255,255,.08)}
@media (max-width:640px){#marketing-page .nav{padding:6px 6px 6px 7px;border-radius:20px}
#marketing-page .appicon{width:34px;height:34px;border-radius:11px}
#marketing-page .wm{font-size:16px}
}
#marketing-page .coda .orb{background:radial-gradient(circle at 32% 24%, rgba(255,255,255,.95) 0 5%, rgba(255,255,255,.35) 13%, transparent 28%),
    radial-gradient(circle at 50% 62%, rgba(92,198,232,.85), rgba(59,83,201,.72) 55%, rgba(38,48,122,.5) 82%, rgba(255,255,255,.15) 100%);
  border:1px solid rgba(255,255,255,.4);
  box-shadow:inset 0 -8px 16px rgba(10,20,80,.5), inset 0 4px 10px rgba(255,255,255,.35), 0 0 30px rgba(92,198,232,.45), 0 12px 24px -8px rgba(0,0,0,.6)}
#marketing-page .coda .orb.thinking{box-shadow:inset 0 -8px 16px rgba(10,20,80,.5), inset 0 4px 10px rgba(255,255,255,.35), 0 0 54px rgba(92,198,232,.75), 0 12px 24px -8px rgba(0,0,0,.6)}
#marketing-page .orb > .mclogo{position:absolute;inset:26%;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,20,80,.6))}
#marketing-page .next-spaces{display:grid;justify-items:center;gap:10px;margin-top:6px}
#marketing-page .next-spaces > span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
#marketing-page .next-spaces ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:420px}
#marketing-page .next-spaces li{padding:6px 12px;border-radius:99px;font-size:12.5px;color:var(--paper);
  background:linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.03)), rgba(14,22,62,.4);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#marketing-page .signin{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}
#marketing-page .signin[hidden]{display:none}
#marketing-page .si-back{position:absolute;inset:0;background:rgba(4,7,22,.55);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
#marketing-page .si-panel{position:relative;width:min(440px, 100%);max-height:calc(100svh - 32px);overflow:auto;padding:30px 26px 22px;border-radius:30px;
  display:grid;gap:14px;justify-items:center;text-align:center;
  background:radial-gradient(120% 60% at 15% -15%, rgba(255,255,255,.22), transparent 55%),
    linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 45%, rgba(255,255,255,.07)), rgba(16,24,68,.72);
  -webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.08), 0 40px 100px -30px rgba(0,0,0,.85), 0 0 80px -20px rgba(92,120,255,.45);
  }
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .si-panel{animation:untangle-siIn .5s cubic-bezier(.2,.9,.3,1.1)}}
@keyframes untangle-siIn{from{opacity:0;transform:translateY(18px) scale(.97)}}
html:is(.rm,.mc-reduce-motion) #marketing-page .si-panel{animation:none}
#marketing-page .appicon.big{width:66px;height:66px;border-radius:21px}
#marketing-page .si-panel h2{margin:4px 0 0;font-size:27px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
#marketing-page .si-sub{margin:0;color:var(--haze);font-size:14px}
#marketing-page .si-b{justify-content:center;width:100%;min-height:48px;font-size:14.5px}
#marketing-page .g{font-weight:800;font-size:16px;background:conic-gradient(from -45deg, #EA4335 0 25%, #4285F4 0 50%, #34A853 0 75%, #FBBC05 0);-webkit-background-clip:text;background-clip:text;color:transparent}
#marketing-page .si-or{width:100%;display:flex;align-items:center;gap:12px;color:var(--haze);font-size:12px}
#marketing-page .si-or::before,#marketing-page .si-or::after{content:"";flex:1;height:1px;background:var(--line)}
#marketing-page form.si-form{width:100%;display:grid;gap:14px;text-align:left;padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#marketing-page .si-for{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#marketing-page .si-for legend{font-size:13px;color:var(--haze);margin-bottom:8px;padding:0}
#marketing-page .si-for input{position:absolute;opacity:0;pointer-events:none}
#marketing-page .si-for label{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.14);font-size:13px;color:var(--paper);cursor:pointer;
  background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:background .2s, border-color .2s}
#marketing-page .si-for label i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
#marketing-page .si-for input:checked + label{background:linear-gradient(160deg, rgba(160,240,205,.24), rgba(124,224,176,.08));border-color:rgba(124,224,176,.65)}
#marketing-page .si-for input:focus-visible + label{outline:2px solid var(--mint);outline-offset:2px}
#marketing-page .si-go{justify-content:center;min-height:48px}
#marketing-page .si-note{margin:0;font-size:12.5px;color:var(--haze);text-align:center}
#marketing-page .si-fine{margin:0;font-size:12px;color:rgba(154,165,207,.75)}
#marketing-page .si-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);color:var(--paper);font-size:20px;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
@media (max-width:520px){#marketing-page .nav-join{display:none}
}
#marketing-page .orb{background:var(--coda-img) center/contain no-repeat;border:0;border-radius:0;box-shadow:none}
#marketing-page .orb::before,#marketing-page .orb::after{display:none}
#marketing-page .coda .orb{width:80px;height:80px;background:var(--coda-img) center/contain no-repeat;border:0;box-shadow:none;
  filter:drop-shadow(0 10px 18px rgba(70,90,255,.45));;transition:filter .4s}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .coda .orb{animation:untangle-codaFloat 4.5s ease-in-out infinite}}
#marketing-page .coda .orb.thinking{box-shadow:none;filter:drop-shadow(0 0 24px rgba(130,170,255,.95)) brightness(1.15)}
@keyframes untangle-codaFloat{50%{translate:0 -6px;rotate:-3deg}}
html:is(.rm,.mc-reduce-motion) #marketing-page .coda .orb{animation:none}
#marketing-page .why-head .orb{width:28px;height:28px;box-shadow:none;filter:drop-shadow(0 2px 6px rgba(92,160,255,.6))}
@media (max-width:760px){#marketing-page .coda .orb{width:62px;height:62px}
}
@media (prefers-reduced-motion: reduce){#marketing-page .coda .orb{animation:none}
}
#marketing-page .appicon{background:linear-gradient(180deg,#4A93FF 0%,#1A6DFF 42%,#0745E0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), inset 0 0 0 1px rgba(255,255,255,.16), inset 0 -4px 8px rgba(0,25,130,.35), 0 10px 24px -8px rgba(30,110,255,.9)}
#marketing-page .appicon::after{background:radial-gradient(120% 70% at 30% -5%, rgba(255,255,255,.5), transparent 55%)}
#marketing-page .appicon .mclogo{width:80%;height:80%;filter:brightness(1.1) saturate(1.3) drop-shadow(0 1px 1.5px rgba(0,25,110,.55))}
#marketing-page .hub .core{background:radial-gradient(circle at 50% 28%, #7DB8FF 0%, #2F80FF 34%, #0B52EA 68%, #07379F 100%);
  box-shadow:0 0 0 3px rgba(190,220,255,.75), 0 0 0 calc(var(--hs) * .022) rgba(60,140,255,.2), 0 0 50px rgba(40,130,255,.75), 0 0 110px rgba(92,198,232,.3),
    inset 0 -12px 26px rgba(4,20,90,.6), inset 0 10px 22px rgba(255,255,255,.3)}
#marketing-page .hub .logo3d{width:66%;height:66%}
#marketing-page .hub .logo3d .mclogo{filter:brightness(1.1) saturate(1.3) drop-shadow(0 6px 10px rgba(0,20,90,.55))}
#marketing-page .emblem .glass{background:radial-gradient(circle at 50% 28%, #7DB8FF 0%, #2F80FF 34%, #0B52EA 68%, #07379F 100%);
  box-shadow:0 0 0 3px rgba(190,220,255,.75), 0 0 0 10px rgba(60,140,255,.16), 0 30px 60px -10px rgba(0,0,0,.7), 0 0 70px rgba(40,130,255,.65), 0 0 140px rgba(92,198,232,.25),
    inset 0 -14px 30px rgba(4,20,90,.6), inset 0 12px 24px rgba(255,255,255,.3)}
#marketing-page .emblem .glass .mclogo{width:66%;height:66%;filter:brightness(1.1) saturate(1.3) drop-shadow(0 12px 14px rgba(0,20,90,.6))}
#marketing-page .rmt b{background:radial-gradient(circle at 35% 28%, #E8F1FF 0 8%, #6FA8FF 30%, #1A6DFF 66%, #0745E0 100%)}
#marketing-page .rmt b .mclogo{width:76%;height:76%;filter:brightness(1.1) saturate(1.3)}
#marketing-page .hub .orbit,#marketing-page .hub .spin{animation:none}
#marketing-page .hub .ic{-webkit-backdrop-filter:none;backdrop-filter:none;
  background:radial-gradient(90% 70% at 28% -5%, rgba(255,255,255,.32), transparent 60%), linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 55%, rgba(255,255,255,.08)), rgba(20,28,74,.88)}
#marketing-page .hub .ic svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
#marketing-page .hub .lb{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(14,20,54,.9)}
#marketing-page .plans{position:relative;padding-block:110px 40px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);
  background:radial-gradient(45% 40% at 80% 20%, rgba(92,120,255,.14), transparent 70%), radial-gradient(40% 40% at 10% 70%, rgba(124,224,176,.08), transparent 70%), var(--ink)}
#marketing-page .plans-in{max-width:1120px;margin:0 auto;display:grid;gap:40px}
#marketing-page .plans-head{display:grid;gap:12px;max-width:640px}
#marketing-page .plans-head h2{margin:0;font-size:clamp(34px,5vw,62px);line-height:.98;letter-spacing:-.045em;font-weight:800;text-wrap:balance}
#marketing-page .plans-head h2 em{font-family:var(--f-soft);font-style:italic;font-weight:500;color:var(--mint);letter-spacing:-.02em}
#marketing-page .plans-head p{margin:0;color:var(--haze);font-size:17px;max-width:52ch}
#marketing-page .feats{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px}
#marketing-page .feat{display:grid;align-content:start;gap:12px;padding:22px;border-radius:24px;min-width:0;
  background:radial-gradient(120% 80% at 15% -30%, rgba(255,255,255,.14), transparent 55%), linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), rgba(16,24,64,.55);
  border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 24px 50px -30px rgba(0,0,0,.8);transition:transform .25s, border-color .25s}
#marketing-page .feat:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
#marketing-page .fi{position:relative;width:52px;height:52px;border-radius:32%;display:grid;place-items:center;
  background:radial-gradient(90% 70% at 28% -5%, rgba(255,255,255,.32), transparent 60%), linear-gradient(160deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 55%, rgba(255,255,255,.08)), rgba(20,28,74,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 14px 26px -12px var(--t2)}
#marketing-page .fi::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.3px;pointer-events:none;
  background:conic-gradient(from 210deg, var(--t1), rgba(255,255,255,.85), var(--t2), rgba(255,255,255,.12), var(--t1));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#marketing-page .fi svg{width:58%;height:58%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
#marketing-page .fi .p{fill:var(--t1)}
#marketing-page .fi .s{fill:var(--t1);opacity:.5}
#marketing-page .fi .t{fill:rgba(255,255,255,.95)}
#marketing-page .fi .k{fill:none;stroke:#0B1030;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#marketing-page .ft{display:flex;align-items:center;justify-content:space-between;gap:10px}
#marketing-page .feat h3{margin:0;font-size:18px;letter-spacing:-.02em;line-height:1.2}
#marketing-page .feat p{margin:0;color:var(--haze);font-size:14px;line-height:1.5}
#marketing-page .tag-free,#marketing-page .tag-plus{flex:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:99px}
#marketing-page .tag-free{color:var(--haze);border:1px solid rgba(255,255,255,.18)}
#marketing-page .tag-plus{color:#06281A;background:var(--mint)}
#marketing-page .stores{display:flex;flex-wrap:wrap;gap:6px}
#marketing-page .stores span{font-size:12px;padding:4px 10px;border-radius:99px;color:var(--paper);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
#marketing-page .tiers{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:16px;align-items:stretch}
#marketing-page .tier{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:28px;border-radius:28px;min-width:0;
  background:radial-gradient(120% 70% at 15% -25%, rgba(255,255,255,.16), transparent 55%), linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), rgba(16,24,64,.6);
  border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 30px 70px -36px rgba(0,0,0,.85)}
#marketing-page .tier-plus{border-color:transparent;background:radial-gradient(120% 70% at 15% -25%, rgba(255,255,255,.18), transparent 55%), radial-gradient(70% 60% at 100% 100%, rgba(92,140,255,.22), transparent 70%), linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), rgba(18,28,76,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 30px 80px -30px rgba(70,110,255,.55)}
#marketing-page .tier-plus::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from 200deg, #7CE0B0, #6FB0FF, #A090FF, rgba(255,255,255,.7), #7CE0B0);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#marketing-page .tier-top{display:grid;gap:4px}
#marketing-page .tier-name{display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
#marketing-page .mini-coda{display:inline-block;width:26px;height:26px;background:var(--coda-img) center/contain no-repeat;filter:drop-shadow(0 2px 6px rgba(92,160,255,.6))}
#marketing-page .tier-for{font-size:20px;font-weight:700;letter-spacing:-.02em}
#marketing-page .price{display:flex;align-items:baseline;gap:8px}
#marketing-page .price strong{font-size:clamp(44px,5vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1}
#marketing-page .price span{font-family:var(--f-mono);font-size:12px;color:var(--haze)}
#marketing-page .tier ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:15px;align-content:start}
#marketing-page .tier li{display:grid;grid-template-columns:20px 1fr;gap:8px}
#marketing-page .tier li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(124,224,176,.16) url("/untangle-check-v1.svg") center/100% no-repeat}
#marketing-page .tier li b{font-weight:600}
#marketing-page .tier-cta{justify-content:center;min-height:48px;width:100%}
#marketing-page .fine{margin:0;text-align:center;font-size:12.5px;color:rgba(154,165,207,.75)}
#marketing-page .plans + .coda-end{padding-top:80px}
@media (max-width:900px){#marketing-page .feats{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:640px){#marketing-page .feats,#marketing-page .tiers{grid-template-columns:1fr}
#marketing-page .plans{padding-block:72px 24px}
#marketing-page .tier{padding:22px}
}
#marketing-page .tier{display:flex;flex-direction:column}
#marketing-page .tier ul{flex:1}
#marketing-page .deal{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;font-size:13.5px;line-height:1.45;color:var(--paper);
  background:linear-gradient(160deg, rgba(124,224,176,.2), rgba(124,224,176,.05));border:1px solid rgba(124,224,176,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 10px 30px -16px rgba(124,224,176,.6)}
#marketing-page .deal b{font-weight:700;color:#B9F2DA}
#marketing-page .deal-tag{flex:none;white-space:nowrap;margin-top:1px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#06281A;background:var(--mint);border-radius:99px;padding:3px 8px}
#marketing-page .launch-pill{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:99px;font-size:13.5px;color:var(--paper);
  background:linear-gradient(160deg, rgba(124,224,176,.2), rgba(92,140,255,.1)), rgba(14,22,62,.5);border:1px solid rgba(124,224,176,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 10px 30px -14px rgba(124,224,176,.6)}
#marketing-page .launch-pill span{flex:none;white-space:nowrap;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#06281A;background:var(--mint);border-radius:99px;padding:4px 9px}
#marketing-page .loyal{display:grid;gap:26px;padding:30px;border-radius:28px;
  background:radial-gradient(70% 90% at 0% 0%, rgba(124,224,176,.12), transparent 60%), radial-gradient(60% 80% at 100% 100%, rgba(160,144,255,.14), transparent 65%),
    linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), rgba(16,24,64,.6);
  border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 30px 70px -36px rgba(0,0,0,.85)}
#marketing-page .loyal-head{display:grid;gap:8px}
#marketing-page .loyal-head h3{margin:0;font-size:clamp(26px,3.4vw,40px);line-height:1.02;letter-spacing:-.04em;font-weight:800}
#marketing-page .loyal-head h3 em{font-family:var(--f-soft);font-style:italic;font-weight:500;color:var(--mint);letter-spacing:-.02em}
#marketing-page .loyal-head p{margin:0;color:var(--haze)}
#marketing-page .ladder{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:16px}
#marketing-page .ladder::before{content:"";position:absolute;left:10px;right:10px;top:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,#7CE0B0,#6FB0FF,#A090FF,#FFDD6E);opacity:.75}
#marketing-page .ladder li{position:relative;display:grid;gap:5px;padding-top:36px;min-width:0}
#marketing-page .ladder li::before{content:"";position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #fff 0 12%, var(--n) 45%, var(--nd) 100%);
  box-shadow:0 0 0 4px rgba(255,255,255,.06), 0 0 18px var(--n)}
#marketing-page .ladder li:nth-child(1){--n:#7CE0B0;--nd:#1C8A63}
#marketing-page .ladder li:nth-child(2){--n:#6FB0FF;--nd:#1F5FD6}
#marketing-page .ladder li:nth-child(3){--n:#A090FF;--nd:#1d5cb4}
#marketing-page .ladder li:nth-child(4){--n:#FFDD6E;--nd:#C9800E}
#marketing-page .when{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--n)}
#marketing-page .ladder strong{font-size:18px;letter-spacing:-.02em;line-height:1.2}
#marketing-page .ladder small{font-size:13.5px;color:var(--haze);line-height:1.45}
#marketing-page .perks{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:12px}
#marketing-page .perk{display:grid;gap:4px;align-content:start;padding:16px 18px;border-radius:18px;min-width:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#marketing-page .perk-k{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
#marketing-page .perk strong{font-size:16px;letter-spacing:-.01em}
#marketing-page .perk small{font-size:13px;color:var(--haze)}
@media (max-width:760px){#marketing-page .loyal{padding:22px}
#marketing-page .ladder{grid-template-columns:1fr;gap:18px}
#marketing-page .ladder::before{left:10px;right:auto;top:12px;bottom:12px;width:2px;height:auto;background:linear-gradient(180deg,#7CE0B0,#6FB0FF,#A090FF,#FFDD6E)}
#marketing-page .ladder li{padding-top:0;padding-left:36px}
#marketing-page .perks{grid-template-columns:1fr}
}
#marketing-page .beyond{position:relative;overflow:hidden;padding-block:120px 40px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);
  background:radial-gradient(35% 45% at 15% 30%, rgba(124,224,176,.12), transparent 70%), radial-gradient(35% 45% at 85% 25%, rgba(160,144,255,.16), transparent 70%),
    radial-gradient(40% 40% at 60% 90%, rgba(255,143,168,.10), transparent 70%), var(--ink)}
#marketing-page .beyond-in{max-width:1120px;margin:0 auto;display:grid;gap:44px}
#marketing-page .beyond-head{display:grid;gap:14px;max-width:760px}
#marketing-page .beyond-head h2{margin:0;font-size:clamp(38px,6vw,78px);line-height:.95;letter-spacing:-.05em;font-weight:800;text-wrap:balance}
#marketing-page .grad{background:linear-gradient(90deg,#7CE0B0,#6FB0FF,#A090FF,#FF8FA8,#FFDD6E,#7CE0B0);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .grad{animation:untangle-gradShift 10s linear infinite}}
@keyframes untangle-gradShift{to{background-position:250% 0}}
html:is(.rm,.mc-reduce-motion) #marketing-page .grad{animation:none}
@media (prefers-reduced-motion: reduce){#marketing-page .grad{animation:none}
}
#marketing-page .beyond-head p{margin:0;color:var(--haze);font-size:18px;max-width:56ch}
#marketing-page .spaces{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px}
#marketing-page .space{position:relative;display:grid;align-content:start;gap:12px;padding:24px;border-radius:26px;min-width:0;overflow:hidden;
  background:radial-gradient(80% 70% at 0% 0%, color-mix(in srgb, var(--t1) 16%, transparent), transparent 60%),
    linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 50%), rgba(16,24,64,.6);
  border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 24px 50px -30px rgba(0,0,0,.8);transition:transform .3s, border-color .3s, box-shadow .3s}
#marketing-page .space:hover{transform:translateY(-4px);border-color:color-mix(in srgb, var(--t1) 55%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 30px 60px -28px color-mix(in srgb, var(--t2) 70%, transparent)}
#marketing-page .space-now{grid-column:span 2;align-content:end;min-height:260px;
  background:radial-gradient(70% 90% at 100% 0%, rgba(124,224,176,.28), transparent 60%), radial-gradient(60% 70% at 0% 100%, rgba(92,140,255,.2), transparent 65%),
    linear-gradient(160deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 50%), rgba(16,28,70,.7);border-color:rgba(124,224,176,.45)}
#marketing-page .space-now h3{font-size:34px}
#marketing-page .space-now p{font-size:17px;max-width:44ch;color:var(--paper)}
#marketing-page .space-now .fi{width:64px;height:64px}
#marketing-page .sp-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#marketing-page .space h3{margin:0;font-size:21px;letter-spacing:-.025em;line-height:1.1}
#marketing-page .space p{margin:0;color:var(--haze);font-size:14.5px;line-height:1.5}
#marketing-page .tag-now,#marketing-page .tag-soon{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:99px;white-space:nowrap}
#marketing-page .tag-now{color:#06281A;background:var(--mint)}
#marketing-page .tag-soon{color:var(--t1);border:1px solid color-mix(in srgb, var(--t1) 50%, transparent)}
#marketing-page .fi .kl{fill:none;stroke:var(--t1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){#marketing-page .spaces{grid-template-columns:repeat(2, minmax(0,1fr))}
#marketing-page .space-now{grid-column:auto;min-height:0}
#marketing-page .space-now h3{font-size:26px}
}
@media (max-width:640px){#marketing-page .spaces{grid-template-columns:1fr}
#marketing-page .beyond{padding-block:80px 24px}
}
#marketing-page .mclogo{position:relative;--d:.5px}
#marketing-page .mclogo::after,#marketing-page .mclogo::before{content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
#marketing-page .mclogo::after{background:linear-gradient(140deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.18) 30%, transparent 46%, transparent 72%, rgba(255,255,255,.28) 100%);mix-blend-mode:soft-light}
#marketing-page .appicon .mclogo{filter:drop-shadow(0 var(--d) 0 #0B7A86) drop-shadow(0 var(--d) 0 #086675) drop-shadow(0 var(--d) 0 #065466) drop-shadow(0 2px 3px rgba(0,20,90,.55))}
#marketing-page .hub .logo3d .mclogo,#marketing-page .emblem .glass .mclogo{--d:1.4px;
  filter:drop-shadow(0 var(--d) 0 #0C8A93) drop-shadow(0 var(--d) 0 #0A7584) drop-shadow(0 var(--d) 0 #086274) drop-shadow(0 var(--d) 0 #065064) drop-shadow(0 var(--d) 0 #054055)
    drop-shadow(0 10px 14px rgba(0,16,80,.6)) drop-shadow(0 0 16px rgba(124,224,176,.35))}
#marketing-page .hub .logo3d .mclogo::before,#marketing-page .emblem .glass .mclogo::before{background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.9) 50%, transparent 62%) 150% 0/250% 100% no-repeat;
  }
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .hub .logo3d .mclogo::before,html:not(.mc-reduce-motion) #marketing-page .emblem .glass .mclogo::before{animation:untangle-markShine 6s ease-in-out infinite}}
@keyframes untangle-markShine{0%,55%{background-position:150% 0}100%{background-position:-110% 0}}
html:is(.rm,.mc-reduce-motion) #marketing-page .mclogo::before{animation:none;background:none}
@media (prefers-reduced-motion: reduce){#marketing-page .mclogo::before{animation:none;background:none}
}
#marketing-page .hub .core::before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 0 22px rgba(160,210,255,.35), inset 0 -10px 18px rgba(0,30,120,.35);pointer-events:none}
#marketing-page .hub .core::after{content:"";position:absolute;inset:5% 16% 55% 16%;border-radius:50%;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0))}
#marketing-page .btn{position:relative;transition:transform .12s ease, box-shadow .12s ease, background .2s}
#marketing-page .btn-mint{box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -2px 0 rgba(20,110,75,.3), 0 3px 0 #2C8C64, 0 14px 26px -10px rgba(124,224,176,.8)}
#marketing-page .btn-mint:hover{transform:translateY(-1px)}
#marketing-page .btn-mint:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 0 #2C8C64, 0 6px 14px -8px rgba(124,224,176,.8)}
#marketing-page .btn-ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.06), 0 2px 0 rgba(0,0,0,.45), 0 12px 26px -14px rgba(0,0,0,.7)}
#marketing-page .btn-ghost:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 rgba(0,0,0,.45)}
#marketing-page .fi,#marketing-page .hub .ic{box-shadow:inset 0 1px 0 rgba(255,255,255,.7), inset 0 -3px 6px rgba(0,0,0,.35), 0 2px 0 rgba(0,0,0,.4), 0 14px 26px -12px var(--t2)}
#marketing-page .fi svg,#marketing-page .hub .ic svg{filter:drop-shadow(0 1px 0 var(--t2)) drop-shadow(0 1px 0 var(--t2)) drop-shadow(0 2px 3px rgba(0,0,0,.45))}
#marketing-page .beyond-head h2,#marketing-page .plans-head h2,#marketing-page .coda-end h2,#marketing-page .cap3 h2,#marketing-page .loyal-head h3,#marketing-page .capc h2{text-shadow:0 1px 0 rgba(255,255,255,.14), 0 2px 0 rgba(0,0,0,.4), 0 18px 40px rgba(0,0,0,.55)}
#marketing-page .grad{text-shadow:none}
#marketing-page .feat,#marketing-page .space,#marketing-page .tier,#marketing-page .perk{position:relative;transform-style:preserve-3d;will-change:transform}
#marketing-page .feat::after,#marketing-page .space::after,#marketing-page .tier::after,#marketing-page .perk::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
  background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%), rgba(255,255,255,.12), transparent 45%)}
#marketing-page .feat.lit::after,#marketing-page .space.lit::after,#marketing-page .tier.lit::after,#marketing-page .perk.lit::after{opacity:1}
#marketing-page .si-for input:disabled + label{opacity:.45;filter:grayscale(1);cursor:not-allowed;box-shadow:none}
#marketing-page .si-for label small{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--haze)}
#marketing-page .hub{perspective:1100px}
#marketing-page .hub .gyro{position:absolute;inset:0;transform-style:preserve-3d}
#marketing-page .hub .core{transform:translate(-50%,-50%) translateZ(0)}
#marketing-page .orb-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform-style:preserve-3d;pointer-events:none;
  border:1.5px solid var(--rc);box-shadow:0 0 22px var(--rg), inset 0 0 22px var(--rg)}
#marketing-page .orb-ring i{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff 0 25%, var(--rb) 60%);box-shadow:0 0 12px var(--rb), 0 0 26px var(--rb)}
#marketing-page .orb-ring.r1{--rc:rgba(140,190,255,.55);--rg:rgba(90,150,255,.22);--rb:#8EC0FF;width:calc(var(--hs) * .9);height:calc(var(--hs) * .9);
  transform:translate(-50%,-50%) rotateX(74deg) rotateY(0deg) rotateZ(0deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r1{animation:untangle-gyro1 16s linear infinite}}
#marketing-page .orb-ring.r2{--rc:rgba(124,224,176,.5);--rg:rgba(124,224,176,.18);--rb:#7CE0B0;width:calc(var(--hs) * .78);height:calc(var(--hs) * .78);
  transform:translate(-50%,-50%) rotateX(74deg) rotateY(58deg) rotateZ(0deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r2{animation:untangle-gyro2 21s linear infinite}}
#marketing-page .orb-ring.r3{--rc:rgba(119, 176, 255,.5);--rg:rgba(160,144,255,.2);--rb:#77b0ff;width:calc(var(--hs) * .66);height:calc(var(--hs) * .66);
  transform:translate(-50%,-50%) rotateX(74deg) rotateY(-58deg) rotateZ(0deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r3{animation:untangle-gyro3 26s linear infinite}}
@keyframes untangle-gyro1{to{transform:translate(-50%,-50%) rotateX(74deg) rotateY(0deg) rotateZ(360deg)}}
@keyframes untangle-gyro2{to{transform:translate(-50%,-50%) rotateX(74deg) rotateY(58deg) rotateZ(-360deg)}}
@keyframes untangle-gyro3{to{transform:translate(-50%,-50%) rotateX(74deg) rotateY(-58deg) rotateZ(360deg)}}
#marketing-page .orb-ring{border-width:3px;box-shadow:0 0 26px var(--rg), 0 0 8px var(--rg), inset 0 0 26px var(--rg)}
#marketing-page .orb-ring.r1{width:calc(var(--hs) * .86);height:calc(var(--hs) * .86);transform:translate(-50%,-50%) rotateZ(0deg) rotateY(62deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r1{animation:untangle-sweep1 9s linear infinite}}
#marketing-page .orb-ring.r2{width:calc(var(--hs) * .86);height:calc(var(--hs) * .86);transform:translate(-50%,-50%) rotateZ(60deg) rotateY(62deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r2{animation:untangle-sweep2 12s linear infinite}}
#marketing-page .orb-ring.r3{width:calc(var(--hs) * .86);height:calc(var(--hs) * .86);transform:translate(-50%,-50%) rotateZ(-60deg) rotateY(62deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .orb-ring.r3{animation:untangle-sweep3 15s linear infinite}}
@keyframes untangle-sweep1{from{transform:translate(-50%,-50%) rotateZ(0deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateZ(0deg) rotateY(360deg)}}
@keyframes untangle-sweep2{from{transform:translate(-50%,-50%) rotateZ(60deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateZ(60deg) rotateY(-360deg)}}
@keyframes untangle-sweep3{from{transform:translate(-50%,-50%) rotateZ(-60deg) rotateY(0deg)}to{transform:translate(-50%,-50%) rotateZ(-60deg) rotateY(360deg)}}
html:is(.rm,.mc-reduce-motion) #marketing-page .orb-ring{animation:none}
#marketing-page .nav .appicon{width:42px;height:42px;border-radius:13px;transition:transform .25s ease;
  background:linear-gradient(160deg,#62A8FF 0%,#2378FF 36%,#0B4DF2 70%,#0637C4 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -4px 8px rgba(0,25,130,.4),
    0 0 0 1px rgba(110,170,255,.45), 0 10px 26px -6px rgba(30,110,255,.95), 0 0 26px rgba(70,150,255,.5)}
#marketing-page .nav .appicon::after{background:radial-gradient(120% 75% at 28% -8%, rgba(255,255,255,.62), transparent 52%)}
#marketing-page .nav .brand:hover .appicon{transform:translateY(-1px) rotate(-4deg) scale(1.04)}
#marketing-page .nav .appicon .mclogo{width:84%;height:84%;--d:.6px;
  filter:brightness(1.2) saturate(1.4) contrast(1.06) drop-shadow(0 var(--d) 0 #0B7A86) drop-shadow(0 var(--d) 0 #075A6C) drop-shadow(0 2px 3px rgba(0,20,90,.6)) drop-shadow(0 0 6px rgba(150,255,215,.5))}
#marketing-page .nav .appicon .mclogo::before{background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.95) 50%, transparent 62%) 150% 0/250% 100% no-repeat;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .nav .appicon .mclogo::before{animation:untangle-markShine 7s ease-in-out infinite}}
#marketing-page .nav .wm{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:750;letter-spacing:-.025em}
#marketing-page .nav .wm em{font-family:var(--f-mono);font-style:normal;text-transform:uppercase;font-weight:500;font-size:10px;letter-spacing:.16em;color:#06281A;
  padding:4px 8px 3px;border-radius:99px;background:linear-gradient(135deg,#B8F7DC,#7CE0B0 55%,#6FC8FF);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 0 14px rgba(124,224,176,.45)}
@media (max-width:640px){#marketing-page .nav .appicon{width:36px;height:36px;border-radius:11px}
#marketing-page .nav .wm{font-size:16px;gap:6px}
#marketing-page .nav .wm em{font-size:9px;padding:3px 6px 2px}
}
#marketing-page{--lg-angle:135deg}
#marketing-page .nav,#marketing-page .rail,#marketing-page .bubble,#marketing-page .card,#marketing-page form,#marketing-page .si-panel,#marketing-page .btn-ghost,#marketing-page .launch-pill,#marketing-page .feat,#marketing-page .space,#marketing-page .tier,#marketing-page .loyal,#marketing-page .perk,#marketing-page .next-spaces li{
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.025) 55%, rgba(255,255,255,.05)), rgba(10,16,48,.30);
  -webkit-backdrop-filter:blur(10px) saturate(190%) brightness(1.06);backdrop-filter:blur(10px) saturate(190%) brightness(1.06);
  border:1px solid transparent;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.32), inset 0 -1px 1px rgba(255,255,255,.06), 0 1px 0 rgba(0,0,0,.35), 0 14px 32px -14px rgba(0,0,0,.7)}
#marketing-page .launch-pill{position:relative}
#marketing-page .nav::before,#marketing-page .rail::before,#marketing-page .bubble::before,#marketing-page .card::before,#marketing-page form::before,#marketing-page .si-panel::before,#marketing-page .btn-ghost::before,#marketing-page .launch-pill::before,#marketing-page .feat::before,#marketing-page .space::before,#marketing-page .tier:not(.tier-plus)::before,#marketing-page .loyal::before,#marketing-page .perk::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(var(--lg-angle), rgba(255,255,255,.9), rgba(255,255,255,.2) 20%, rgba(255,255,255,0) 42%, rgba(255,255,255,0) 62%, rgba(255,255,255,.22) 84%, rgba(255,255,255,.65));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#marketing-page form.si-form{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}
#marketing-page form.si-form::before{display:none}
#marketing-page .card{background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 55%), rgba(12,20,60,.62);border-color:transparent}
#marketing-page .si-panel{background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 50%), rgba(14,22,64,.66);-webkit-backdrop-filter:blur(22px) saturate(190%);backdrop-filter:blur(22px) saturate(190%)}
#marketing-page .bubble.me{background:linear-gradient(180deg, rgba(160,240,205,.18), rgba(124,224,176,.06)), rgba(12,40,40,.35)}
#marketing-page .space-now{background:radial-gradient(70% 90% at 100% 0%, rgba(124,224,176,.22), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.025) 55%), rgba(12,24,64,.45)}
#marketing-page .btn-ghost{box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 1px 0 rgba(0,0,0,.4), 0 8px 20px -10px rgba(0,0,0,.7)}
#marketing-page .btn-mint{box-shadow:inset 0 1px 1px rgba(255,255,255,.95), inset 0 -1px 2px rgba(20,110,75,.3), 0 1px 0 #2C8C64, 0 10px 22px -10px rgba(124,224,176,.7)}
#marketing-page .nav{border-radius:18px}
#marketing-page .nav .appicon{border-radius:11px}
#marketing-page .feat{border-radius:20px}
#marketing-page .fi{border-radius:13px}
#marketing-page .space{border-radius:20px}
#marketing-page .tier{border-radius:24px}
#marketing-page .loyal{border-radius:24px}
#marketing-page .perk{border-radius:14px}
#marketing-page .card{border-radius:22px}
#marketing-page .card-top{border-radius:22px 22px 0 0}
#marketing-page form{border-radius:20px}
#marketing-page input[type=email]{border-radius:12px}
#marketing-page .si-panel{border-radius:26px}
#marketing-page .bubble{border-radius:16px 16px 16px 6px}
#marketing-page .bubble.me{border-radius:16px 16px 6px 16px}
#marketing-page .deal{border-radius:12px}
#marketing-page .hub .ic{border-radius:28%}
#marketing-page .tier.tier-plus{border-color:transparent;background:radial-gradient(70% 60% at 100% 100%, rgba(92,140,255,.2), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03) 55%), rgba(14,24,70,.45)}
#marketing-page .loyal{background:radial-gradient(70% 90% at 0% 0%, rgba(124,224,176,.1), transparent 60%), radial-gradient(60% 80% at 100% 100%, rgba(160,144,255,.12), transparent 65%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 55%), rgba(10,16,48,.3)}
html:is(.rm,.mc-reduce-motion) #marketing-page .mclogo::before{animation:none!important;background:none!important}
@media (prefers-reduced-motion: reduce){#marketing-page .mclogo::before{animation:none!important;background:none!important}
}
#marketing-page .rmt > span{min-width:7.4em;text-align:left}
#marketing-page .btn{border-radius:12px}
#marketing-page .nav .btn{border-radius:11px}
#marketing-page .tag-free,#marketing-page .tag-plus,#marketing-page .tag-now,#marketing-page .tag-soon,#marketing-page .deal-tag,#marketing-page .launch-pill span,#marketing-page .nav .wm em,#marketing-page .chip b,#marketing-page .card-campus b{border-radius:6px}
#marketing-page .stores span{border-radius:8px}
#marketing-page .si-for label,#marketing-page .plats label{border-radius:10px}
#marketing-page .rail{border-radius:14px}
#marketing-page .rail button{border-radius:10px}
#marketing-page .launch-pill{border-radius:12px}
#marketing-page .chip{border-radius:9px}
#marketing-page .nav{border-radius:16px}
#marketing-page .feat{border-radius:16px}
#marketing-page .fi{border-radius:12px}
#marketing-page .space{border-radius:18px}
#marketing-page .tier{border-radius:20px}
#marketing-page .loyal{border-radius:20px}
#marketing-page .perk{border-radius:12px}
#marketing-page .card{border-radius:18px}
#marketing-page .card-top{border-radius:18px 18px 0 0}
#marketing-page form{border-radius:16px}
#marketing-page input[type=email]{border-radius:10px}
#marketing-page .si-panel{border-radius:22px}
#marketing-page .si-x{border-radius:10px}
#marketing-page .bubble{border-radius:14px 14px 14px 4px}
#marketing-page .bubble.me{border-radius:14px 14px 4px 14px}
#marketing-page .deal{border-radius:10px}
#marketing-page .btn-mint{box-shadow:inset 0 1px 1px rgba(255,255,255,.95), inset 0 -1px 2px rgba(20,110,75,.3), 0 1px 0 #2C8C64, 0 6px 14px -8px rgba(124,224,176,.6)}
#marketing-page .tier.tier-plus{box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 1px 0 rgba(0,0,0,.35), 0 18px 40px -24px rgba(70,110,255,.45)}
#marketing-page .space:hover{box-shadow:inset 0 1px 1px rgba(255,255,255,.35), 0 18px 36px -22px rgba(0,0,0,.8)}
#marketing-page .deal,#marketing-page .launch-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#marketing-page .beyond,#marketing-page .plans,#marketing-page .coda-end{background:
  linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px) 0 0/72px 72px,
  linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px) 0 0/72px 72px,
  radial-gradient(60% 45% at 50% 0%, rgba(92,120,255,.10), transparent 70%), var(--ink)}
#marketing-page .boost{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:center;padding:16px 18px;border-radius:12px;
  background:linear-gradient(135deg, rgba(111,176,255,.16), rgba(160,144,255,.08)), rgba(10,16,48,.3);border:1px solid rgba(140,190,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#marketing-page .boost-k{display:flex;align-items:center;gap:10px}
#marketing-page .boost-k strong{font-size:16px;letter-spacing:-.01em}
#marketing-page .boost p{margin:0;font-size:14px;color:var(--haze)}
#marketing-page .boost p b{color:var(--paper)}
@media (max-width:760px){#marketing-page .boost{grid-template-columns:1fr}
}
#marketing-page .intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden}
#marketing-page .intro::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 46%, #0F1C50, #050817 72%);transition:opacity .7s ease}
#marketing-page .intro.leaving::before,#marketing-page .intro.leaving .intro-ring,#marketing-page .intro.leaving .intro-gyro,#marketing-page .intro.leaving .intro-word,#marketing-page .intro.leaving .intro-skip,#marketing-page .intro.leaving .intro-seed{opacity:0!important;transition:opacity .45s ease}
#marketing-page .intro.gone{display:none}
#marketing-page .intro-stage{position:relative;width:min(58vw, 300px);aspect-ratio:1;perspective:900px;transform:translateY(-6%)}
#marketing-page .intro-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:rgba(150,205,255,.55);stroke-width:.8;stroke-dasharray:578;stroke-dashoffset:578;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .intro-ring{animation:untangle-ringDraw 1.1s .15s cubic-bezier(.6,0,.2,1) forwards}}
@keyframes untangle-ringDraw{to{stroke-dashoffset:0}}
#marketing-page .intro-seed{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,#7CE0B0 60%,transparent 70%);box-shadow:0 0 30px #7CE0B0, 0 0 70px rgba(124,224,176,.6);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .intro-seed{animation:untangle-seed .9s ease-out forwards}}
@keyframes untangle-seed{0%{transform:scale(0);opacity:0}35%{transform:scale(1.4);opacity:1}100%{transform:scale(6);opacity:0}}
#marketing-page .intro-tile{position:absolute;inset:31%;border-radius:24%;display:grid;place-items:center;opacity:0;transform:scale(.6);filter:blur(12px);
  background:linear-gradient(160deg,#62A8FF 0%,#2378FF 36%,#0B4DF2 70%,#0637C4 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.85), inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -8px 16px rgba(0,25,130,.4), 0 0 0 1px rgba(110,170,255,.45), 0 24px 60px -16px rgba(30,110,255,.95), 0 0 70px rgba(70,150,255,.55);
  }
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .intro-tile{animation:untangle-tileIn .8s .45s cubic-bezier(.2,.9,.3,1.15) forwards}}
#marketing-page .intro-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 75% at 28% -8%, rgba(255,255,255,.55), transparent 52%);pointer-events:none}
@keyframes untangle-tileIn{to{opacity:1;transform:scale(1);filter:blur(0)}}
#marketing-page .intro-mark{position:relative;z-index:1;width:80%;height:80%;clip-path:inset(100% 0 0 0);--d:1px;
  filter:brightness(1.2) saturate(1.4) drop-shadow(0 var(--d) 0 #0B7A86) drop-shadow(0 var(--d) 0 #075A6C) drop-shadow(0 4px 6px rgba(0,20,90,.6)) drop-shadow(0 0 12px rgba(150,255,215,.55));
  }
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .intro-mark{animation:untangle-grow .9s .85s cubic-bezier(.3,.8,.3,1) forwards}}
@keyframes untangle-grow{to{clip-path:inset(-10% -10% -10% -10%)}}
#marketing-page .intro-gyro{position:absolute;inset:0;transform-style:preserve-3d}
#marketing-page .ir{position:absolute;left:50%;top:50%;border-radius:50%;opacity:0;border:1.5px solid var(--c);box-shadow:0 0 16px var(--c)}
#marketing-page .ir1{--c:rgba(140,190,255,.6);width:112%;height:112%;transform:translate(-50%,-50%) rotateX(74deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .ir1{animation:untangle-irIn .7s 1.15s ease forwards, untangle-gyro1 7s linear infinite}}
#marketing-page .ir2{--c:rgba(124,224,176,.55);width:98%;height:98%;transform:translate(-50%,-50%) rotateX(74deg) rotateY(58deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .ir2{animation:untangle-irIn .7s 1.25s ease forwards, untangle-gyro2 9s linear infinite}}
#marketing-page .ir3{--c:rgba(119, 176, 255,.55);width:84%;height:84%;transform:translate(-50%,-50%) rotateX(74deg) rotateY(-58deg);}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .ir3{animation:untangle-irIn .7s 1.35s ease forwards, untangle-gyro3 11s linear infinite}}
@keyframes untangle-irIn{to{opacity:1}}
#marketing-page .intro-word{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;margin-top:calc(min(58vw, 300px) * -.02);text-align:center;position:absolute;top:calc(50% + min(29vw, 150px) + 10px)}
#marketing-page .iw-name{font-weight:800;font-size:clamp(30px, 5vw, 48px);letter-spacing:-.03em;color:var(--paper);opacity:0;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .iw-name{animation:untangle-wordIn .9s 1.25s cubic-bezier(.2,.8,.2,1) forwards}}
@keyframes untangle-wordIn{from{opacity:0;letter-spacing:.45em;filter:blur(8px)}to{opacity:1;letter-spacing:-.03em;filter:blur(0)}}
#marketing-page .iw-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mint);opacity:0;}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .iw-tag{animation:untangle-tagIn .6s 1.7s ease forwards}}
@keyframes untangle-tagIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
#marketing-page .intro-skip{position:absolute;z-index:2;right:max(20px, calc(env(safe-area-inset-right, 0px) + 16px));bottom:calc(20px + env(safe-area-inset-bottom, 0px));padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:var(--haze);font-size:12.5px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#marketing-page .intro-skip:hover{color:var(--paper)}
#marketing-page .nav .appicon.landed{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion) #marketing-page .nav .appicon.landed{animation:untangle-landed .6s ease-out}}
@keyframes untangle-landed{0%{transform:scale(1.25)}60%{transform:scale(.94)}100%{transform:none}}
html:is(.rm,.mc-reduce-motion) #marketing-page .intro{display:none}
#marketing-page .ft-tags{flex:none;display:flex;gap:6px}
#marketing-page .tag-coming,#marketing-page .soon{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:6px;color:#FFD98A;border:1px solid rgba(255,217,138,.45);white-space:nowrap}
#marketing-page .soon{display:inline-block;margin-left:6px;padding:1px 6px;font-size:9.5px;vertical-align:2px}
#marketing-page .si-b svg.g{width:18px;height:18px;flex:none;background:none}
#marketing-page .si-fine a{color:var(--mint)}
@media (max-width:760px){#marketing-page .stage{height:480vh}
}
html:is(.rm,.mc-reduce-motion) #marketing-page .chip b,html:is(.rm,.mc-reduce-motion) #marketing-page .orb::before,html:is(.rm,.mc-reduce-motion) #marketing-page .orb::after,html:is(.rm,.mc-reduce-motion) #marketing-page .dots i{animation:none}
html:is(.rm,.mc-reduce-motion) #marketing-page .hub *{animation:none!important}
#marketing-page .nav-r{display:flex;align-items:center;gap:10px}
#marketing-page .rmt{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;cursor:pointer;font-size:12px;color:var(--haze);padding:0 6px}
#marketing-page .rmt i{position:relative;flex:none;width:52px;height:30px;border-radius:99px;
  background:linear-gradient(180deg,#070B22,#18204E);border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 3px 7px rgba(0,0,0,.7), inset 0 -1px 0 rgba(255,255,255,.08), 0 1px 0 rgba(255,255,255,.06);transition:background .35s, box-shadow .35s}
#marketing-page .rmt b{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 28%, #F4F6FF 0 10%, #9AA6FF 32%, #4650DC 70%, #262D8E 100%);
  box-shadow:0 4px 10px rgba(0,0,0,.6), 0 0 0 1px rgba(169, 205, 255,.5), inset 0 -3px 5px rgba(10,12,60,.55), inset 0 2px 3px rgba(255,255,255,.55);
  transition:transform .55s cubic-bezier(.5,1.6,.4,1)}
#marketing-page .rmt b .mclogo{width:70%;height:70%;filter:drop-shadow(0 1px 1px rgba(0,10,60,.6))}
#marketing-page .rmt[aria-checked="true"] i{background:linear-gradient(180deg,#1C5C4A,#58C79B);box-shadow:inset 0 3px 7px rgba(0,30,20,.55), inset 0 -1px 0 rgba(255,255,255,.2), 0 0 18px rgba(124,224,176,.35)}
#marketing-page .rmt[aria-checked="true"] b{transform:translateX(22px) rotate(360deg)}
#marketing-page .rmt:hover b{box-shadow:0 4px 12px rgba(0,0,0,.6), 0 0 0 1px rgba(169, 205, 255,.8), 0 0 14px rgba(124,110,255,.6), inset 0 -3px 5px rgba(10,12,60,.55), inset 0 2px 3px rgba(255,255,255,.55)}
#marketing-page .emblem{position:absolute;z-index:1;right:max(24px, 6vw);top:12vh;width:min(30vw, 340px);aspect-ratio:1;pointer-events:none;opacity:0;perspective:900px}
#marketing-page .emblem .er{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(185,178,255,.2);box-shadow:inset 0 0 50px rgba(124,110,255,.1)}
#marketing-page .emblem .er.in{inset:17%;border-color:rgba(185,178,255,.32);box-shadow:0 0 30px rgba(124,180,255,.12), inset 0 0 30px rgba(124,180,255,.12)}
#marketing-page .emblem .glass{position:absolute;inset:30%;border-radius:50%;display:grid;place-items:center;transform:rotateX(12deg) rotateY(-18deg);transform-style:preserve-3d;
  background:radial-gradient(circle at 50% 36%, #8592FF 0%, #4650DC 42%, #232A88 78%, #161B5E 100%);
  box-shadow:0 0 0 3px rgba(169, 205, 255,.6), 0 0 0 10px rgba(130,115,255,.14), 0 30px 60px -10px rgba(0,0,0,.7), 0 0 70px rgba(124,110,255,.6), 0 0 140px rgba(92,198,232,.25),
    inset 0 -14px 30px rgba(10,12,60,.65), inset 0 12px 24px rgba(255,255,255,.22)}
#marketing-page .emblem .glass::after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 30% 22%, rgba(255,255,255,.35), transparent 45%)}
#marketing-page .emblem .glass .mclogo{width:62%;height:62%;transform:translateZ(36px);filter:drop-shadow(0 12px 14px rgba(8,10,50,.75))}
@media (max-width:520px){#marketing-page .rmt > span,#marketing-page .hide-sm{display:none}
#marketing-page .nav-r{gap:4px}
}
@media (max-width:640px){#marketing-page .emblem{right:16px;top:84px;width:128px}
}
@media (prefers-reduced-motion: reduce){#marketing-page .chip b,#marketing-page .orb::before,#marketing-page .orb::after,#marketing-page .dots i{animation:none}
#marketing-page .hub *{animation:none!important}
}
#marketing-page{--logo:url("/mindcoda-mark-v1.webp")}
#marketing-page{--coda-img:url("/coda-astro-v1.webp")}
#marketing-page .t-mint{--t1:#7CE0B0;--t2:#1C8A63}
#marketing-page .t-blue{--t1:#8EC0FF;--t2:#3D6EF2}
#marketing-page .t-sky{--t1:#6FE3FF;--t2:#1F86E6}
#marketing-page .t-amber{--t1:#FFDD6E;--t2:#EE9A12}
#marketing-page .t-teal{--t1:#5CEBDD;--t2:#139BC0}
#marketing-page .t-coral{--t1:#FF9A7A;--t2:#E2533A}
#marketing-page .t-lime{--t1:#B8F06A;--t2:#5FAE1F}
#marketing-page .t-pink{--t1:#FF8FA8;--t2:#E2437A}
#marketing-page .t-violet{--t1:#A090FF;--t2:#1d5cb4}
#marketing-page .t-green{--t1:#8DEBA0;--t2:#2CA65C}
#marketing-page .gf0{--gf:url(#fg0)}
#marketing-page .gf1{--gf:url(#fg1)}
#marketing-page .gf2{--gf:url(#fg2)}
#marketing-page .gf3{--gf:url(#fg3)}
#marketing-page .gf4{--gf:url(#fg4)}
#marketing-page .gf5{--gf:url(#fg5)}
#marketing-page .sw15{stroke-width:1.5}
#marketing-page .skip-link{position:fixed;left:16px;top:-80px;z-index:300;padding:10px 14px;border-radius:10px;background:var(--mint);color:#06281A;font-weight:700;text-decoration:none}
#marketing-page .skip-link:focus{top:calc(12px + env(safe-area-inset-top, 0px))}
#marketing-page main:focus{outline:none}
#marketing-page .intro{display:none}
html[data-intro="full"] #marketing-page .intro,html[data-intro="calm"] #marketing-page .intro{display:grid}
html #marketing-page .intro.gone{display:none!important}
#marketing-page .intro-stage{transform-style:preserve-3d}
html[data-intro="full"] #marketing-page .intro-tile{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion)[data-intro="full"] #marketing-page .intro-tile{animation:untangle-tileSpin 1.6s .4s cubic-bezier(.16,.84,.24,1) forwards}}
@keyframes untangle-tileSpin{0%{opacity:0;transform:rotateY(-540deg) scale(.55);filter:blur(12px)}55%{filter:blur(0)}100%{opacity:1;transform:rotateY(0deg) scale(1);filter:blur(0)}}
#marketing-page .intro-coda{position:absolute;right:-17%;bottom:6%;width:34%;aspect-ratio:1;background:var(--coda-img) center/contain no-repeat;filter:drop-shadow(0 12px 22px rgba(70,90,255,.55));opacity:0;transform:translateY(24px) scale(.8)}
html[data-intro="full"] #marketing-page .intro-coda{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion)[data-intro="full"] #marketing-page .intro-coda{animation:untangle-codaRise .8s 1.55s cubic-bezier(.2,.9,.3,1.25) forwards,untangle-codaFloat 4.5s 2.4s ease-in-out infinite}}
@keyframes untangle-codaRise{to{opacity:1;transform:none}}
html[data-intro="calm"] #marketing-page .intro{}
@media (prefers-reduced-motion:no-preference){html:not(.mc-reduce-motion)[data-intro="calm"] #marketing-page .intro{animation:untangle-calmIn .35s ease both}}
@keyframes untangle-calmIn{from{opacity:0}}
html[data-intro="calm"] #marketing-page .intro *,html[data-intro="calm"] #marketing-page .intro *::before,html[data-intro="calm"] #marketing-page .intro *::after{animation:none!important}
html[data-intro="calm"] #marketing-page .intro-seed{display:none}
html[data-intro="calm"] #marketing-page .intro-ring{stroke-dashoffset:0}
html[data-intro="calm"] #marketing-page .intro-tile{opacity:1;transform:none;filter:none}
html[data-intro="calm"] #marketing-page .intro-mark{clip-path:none}
html[data-intro="calm"] #marketing-page .ir{opacity:1}
html[data-intro="calm"] #marketing-page .iw-name{opacity:1;filter:none}
html[data-intro="calm"] #marketing-page .iw-tag{opacity:1;transform:none}
html[data-intro="calm"] #marketing-page .intro-coda{opacity:1;transform:none}
html[data-intro="calm"] #marketing-page .intro.leaving .intro-tile,html[data-intro="calm"] #marketing-page .intro.leaving .intro-coda{opacity:0!important;transition:opacity .45s ease}
#marketing-page .app-rail{display:flex;align-items:center;gap:2px;margin:0 auto 0 14px}
#marketing-page .app-rail a{padding:8px 12px;border-radius:10px;color:var(--haze);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
#marketing-page .app-rail a:hover{color:var(--paper);background:rgba(255,255,255,.06)}
#marketing-page .nav-r .btn{white-space:nowrap}
@media (max-width:900px){#marketing-page .nav-join{display:none}
}
@media (max-width:640px){#marketing-page .app-rail{margin-left:4px}
#marketing-page .app-rail a[href="#vision"]{display:none}
#marketing-page .app-rail a{padding:8px 10px;font-size:13px}
#marketing-page .nav .wm em{display:none}
}
@media (max-width:380px){#marketing-page .nav .wm{display:none}
}
#marketing-page .hero-note{max-width:46ch;margin:16px 0 0;font-size:13.5px;line-height:1.55;color:var(--haze)}
#marketing-page .link-btn{background:none;border:0;padding:0;color:var(--mint);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#marketing-page .stage-anchor{position:absolute;left:0;top:23%;width:1px;height:1px;pointer-events:none}
#marketing-page .path{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}
#marketing-page .path li{position:relative;display:grid;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
#marketing-page .path b{font-size:14px;letter-spacing:-.01em}
#marketing-page .path span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:var(--haze)}
#marketing-page .path .path-now{border-color:rgba(124,224,176,.55);background:rgba(124,224,176,.1)}
#marketing-page .path .path-now b{color:var(--mint)}
#marketing-page .plats-set{border:0;margin:0;padding:0;min-width:0}
#marketing-page .plats-set legend{padding:0;margin:0 0 8px;font-size:13px;color:var(--haze)}
#marketing-page .waitlist-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#marketing-page label.waitlist-check{grid-template-columns:20px 1fr;align-items:start;gap:10px;line-height:1.45}
#marketing-page .waitlist-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--mint)}
#marketing-page .waitlist-go{justify-self:start}
#marketing-page .waitlist-status{margin:0;min-height:1.3em;font-size:14px;color:var(--mint)}
#marketing-page .waitlist-status[data-error="true"]{color:var(--alert)}
#marketing-page .waitlist-privacy{margin:0;font-size:12px;line-height:1.55;color:rgba(154,165,207,.82)}
#marketing-page .waitlist-privacy a{color:var(--mint)}
#marketing-page .shop,#marketing-page .partners{position:relative;padding-block:72px 24px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);
  background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/72px 72px,radial-gradient(60% 45% at 50% 0%,rgba(92,120,255,.10),transparent 70%),var(--ink)}
#marketing-page .partners{padding-block:56px 88px}
#marketing-page .shop-in,#marketing-page .partners-in{max-width:1120px;margin:0 auto}
#marketing-page .shop-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 24px;margin-bottom:28px}
#marketing-page .shop h2,#marketing-page .partners h2{margin:8px 0 0;font-size:clamp(34px,5vw,60px);line-height:.98;letter-spacing:-.045em;font-weight:800;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.14),0 2px 0 rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.55)}
#marketing-page .shop h2 em,#marketing-page .partners h2 em{font-family:var(--f-soft);font-style:italic;font-weight:500;color:var(--mint);letter-spacing:-.02em}
#marketing-page .featured-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#marketing-page .piece,#marketing-page .pcard{position:relative;min-width:0;border-radius:20px;border:1px solid rgba(255,255,255,.13);transform-style:preserve-3d;will-change:transform;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 55%,rgba(255,255,255,.05)),rgba(10,16,48,.30);
  -webkit-backdrop-filter:blur(10px) saturate(190%);backdrop-filter:blur(10px) saturate(190%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.32),0 1px 0 rgba(0,0,0,.35),0 18px 40px -26px rgba(0,0,0,.8)}
#marketing-page .piece{display:grid;overflow:hidden;color:var(--paper);text-decoration:none;transition:border-color .25s}
#marketing-page .piece:hover{border-color:rgba(124,224,176,.45)}
#marketing-page .piece-img{display:block;aspect-ratio:1;overflow:hidden;background:radial-gradient(70% 70% at 50% 40%,rgba(124,224,176,.14),transparent 70%),#0A1030}
#marketing-page .piece-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
#marketing-page .piece:hover .piece-img img{transform:scale(1.045)}
#marketing-page .piece-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 16px}
#marketing-page .piece-meta strong{font-size:15px;letter-spacing:-.01em;line-height:1.25}
#marketing-page .piece-price{flex:none;font-family:var(--f-mono);font-size:12px;color:var(--mint)}
#marketing-page .piece::after,#marketing-page .pcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.12),transparent 45%)}
#marketing-page .piece.lit::after,#marketing-page .pcard.lit::after{opacity:1}
html:is(.rm,.mc-reduce-motion) #marketing-page .piece-img img{transition:none}
html:is(.rm,.mc-reduce-motion) #marketing-page .piece:hover .piece-img img{transform:none}
#marketing-page .partners-in{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:stretch}
#marketing-page .pcard{display:grid;align-content:start;gap:12px;padding:28px}
#marketing-page .pcard-main{align-content:center;gap:16px;background:radial-gradient(70% 80% at 100% 0%,rgba(124,224,176,.16),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(92,140,255,.16),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 55%),rgba(12,24,64,.45)}
#marketing-page .pcard p{margin:0;color:var(--haze);max-width:52ch}
#marketing-page .pcard h3{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.03em;font-weight:800}
#marketing-page .pcard .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
#marketing-page .pside{display:grid;gap:14px;min-width:0}
#marketing-page .contact-mail{justify-self:start;max-width:100%;font-weight:700;font-size:clamp(16px,2vw,19px);color:var(--paper);text-decoration:none;border-bottom:1px solid rgba(124,224,176,.6);overflow-wrap:anywhere}
#marketing-page .text-link{justify-self:start;color:var(--mint);font-weight:600;text-decoration:none}
#marketing-page .contact-mail:hover,#marketing-page .text-link:hover{color:var(--mint);border-color:var(--mint)}
#marketing-page .site-foot{padding:36px var(--gutter-r) calc(28px + env(safe-area-inset-bottom,0px)) var(--gutter-l);border-top:1px solid var(--line);background:var(--ink)}
#marketing-page .site-foot-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px 28px}
#marketing-page .site-foot nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}
#marketing-page .site-foot nav a{color:var(--haze);font-size:13.5px;text-decoration:none}
#marketing-page .site-foot nav a:hover{color:var(--paper)}
#marketing-page .site-foot .copy{grid-column:1/-1;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:rgba(154,165,207,.62)}
@media (max-width:900px){#marketing-page .partners-in{grid-template-columns:1fr}
}
@media (max-width:760px){#marketing-page .shop,#marketing-page .partners{padding-block:56px 16px}
#marketing-page .partners{padding-bottom:64px}
#marketing-page .featured-pieces{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
#marketing-page .featured-pieces::-webkit-scrollbar{display:none}
#marketing-page .piece{scroll-snap-align:start}
#marketing-page .pcard{padding:22px}
#marketing-page .site-foot-in{grid-template-columns:1fr}
#marketing-page .site-foot nav{justify-content:flex-start}
}
#marketing-page #vision,#marketing-page #evolution,#marketing-page #plans,#marketing-page #waitlist,#marketing-page #partners,#marketing-page #contact,#marketing-page #brainfm,#marketing-page .shop{scroll-margin-top:calc(env(safe-area-inset-top, 0px) + 88px)}
@media (max-width:760px){#marketing-page .spaces,#marketing-page .feats,#marketing-page .perks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px var(--gutter-r) 12px 2px;margin-right:calc(-1 * var(--gutter-r))}
#marketing-page .spaces::-webkit-scrollbar,#marketing-page .feats::-webkit-scrollbar,#marketing-page .perks::-webkit-scrollbar{display:none}
#marketing-page .space,#marketing-page .feat,#marketing-page .perk{scroll-snap-align:start}
#marketing-page .space-now{grid-column:auto}
#marketing-page .ladder{grid-template-columns:1fr 1fr}
}
#marketing-page .rail button{color:rgba(154,165,207,.8)}
#marketing-page .tl{color:rgba(154,165,207,.8)}
html:not(.theme-dark) #marketing-page{--ink:#F3F5FF;--paper:#0B1233;--haze:#4A557F;--line:rgba(11,18,51,.13);--mint-ink:#0E7A58;--coda-ink:#0B6F94;--alert:#C2412F;color-scheme:light}
html:not(.theme-dark) #marketing-page body{background:var(--ink);color:var(--paper)}
html:not(.theme-dark) #marketing-page :is(.nav,.rail,.bubble,.card,form,.btn-ghost,.launch-pill,.feat,.space,.tier,.loyal,.perk,.piece,.pcard){background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.66) 55%,rgba(255,255,255,.78));border-color:rgba(11,18,51,.1);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(11,18,51,.04),0 18px 40px -26px rgba(20,30,80,.3)}
html:not(.theme-dark) #marketing-page .space{background:radial-gradient(80% 70% at 0% 0%,color-mix(in srgb,var(--t1) 22%,transparent),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.7))}
html:not(.theme-dark) #marketing-page .space-now{background:radial-gradient(70% 90% at 100% 0%,rgba(124,224,176,.3),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(92,140,255,.16),transparent 65%),linear-gradient(180deg,#fff,rgba(255,255,255,.8))}
html:not(.theme-dark) #marketing-page .tier.tier-plus{background:radial-gradient(70% 60% at 100% 100%,rgba(92,140,255,.16),transparent 70%),linear-gradient(180deg,#fff,rgba(255,255,255,.82))}
html:not(.theme-dark) #marketing-page .loyal{background:radial-gradient(70% 90% at 0% 0%,rgba(124,224,176,.16),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(160,144,255,.14),transparent 65%),linear-gradient(180deg,#fff,rgba(255,255,255,.8))}
html:not(.theme-dark) #marketing-page .pcard-main{background:radial-gradient(70% 80% at 100% 0%,rgba(124,224,176,.22),transparent 60%),radial-gradient(60% 70% at 0% 100%,rgba(92,140,255,.16),transparent 65%),linear-gradient(180deg,#fff,rgba(255,255,255,.82))}
html:not(.theme-dark) #marketing-page .perk{background:rgba(255,255,255,.75)}
html:not(.theme-dark) #marketing-page .path li{background:rgba(255,255,255,.72);border-color:rgba(11,18,51,.1);box-shadow:inset 0 1px 0 #fff}
html:not(.theme-dark) #marketing-page .path .path-now{background:rgba(124,224,176,.18);border-color:rgba(14,122,88,.4)}
html:not(.theme-dark) #marketing-page .stores span{background:rgba(11,18,51,.04);border-color:rgba(11,18,51,.12);box-shadow:none}
html:not(.theme-dark) #marketing-page .deal{background:linear-gradient(160deg,rgba(124,224,176,.26),rgba(124,224,176,.1)),#fff;border-color:rgba(14,122,88,.25)}
html:not(.theme-dark) #marketing-page .deal b{color:var(--mint-ink)}
html:not(.theme-dark) #marketing-page .boost{background:linear-gradient(135deg,rgba(111,176,255,.16),rgba(160,144,255,.1)),#fff}
html:not(.theme-dark) #marketing-page .piece-img{background:radial-gradient(70% 70% at 50% 40%,rgba(124,224,176,.2),transparent 70%),#E9EDFF}
html:not(.theme-dark) #marketing-page :is(.beyond,.plans,.coda-end,.shop,.partners){background:linear-gradient(rgba(11,18,51,.045) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(11,18,51,.045) 1px,transparent 1px) 0 0/72px 72px,radial-gradient(60% 45% at 50% 0%,rgba(255,186,140,.2),transparent 70%),radial-gradient(50% 40% at 85% 60%,rgba(92,160,255,.12),transparent 70%),var(--ink)}
html:not(.theme-dark) #marketing-page :is(.beyond-head h2,.plans-head h2,.coda-end h2,.cap3 h2,.loyal-head h3,.capc h2,.shop h2,.partners h2,.cap1 h1){text-shadow:none}
html:not(.theme-dark) #marketing-page :is(.eyebrow,h1 em,h2 em,h3 em,.tier-name,.perk-k,.iw-tag,.piece-price,.text-link,.link-btn,.waitlist-status,.path .path-now b,.waitlist-privacy a,.contact-mail:hover){color:var(--mint-ink)}
html:not(.theme-dark) #marketing-page .capc h2 em{color:var(--coda-ink)}
html:not(.theme-dark) #marketing-page .facts li::before{color:var(--mint-ink)}
html:not(.theme-dark) #marketing-page .waitlist-status[data-error="true"]{color:var(--alert)}
html:not(.theme-dark) #marketing-page :is(.tag-coming,.soon){color:#8A5A00;border-color:rgba(138,90,0,.4)}
html:not(.theme-dark) #marketing-page .tag-free{border-color:rgba(11,18,51,.22)}
html:not(.theme-dark) #marketing-page :is(.fine,.waitlist-privacy,.site-foot .copy){color:rgba(74,85,127,.9)}
html:not(.theme-dark) #marketing-page .contact-mail{border-color:rgba(14,122,88,.6)}
html:not(.theme-dark) #marketing-page .cap1 h1 .strike{-webkit-text-stroke:1.5px rgba(11,18,51,.7)}
html:not(.theme-dark) #marketing-page .bg-chaos{background:radial-gradient(55% 45% at 78% 22%,rgba(255,122,107,.16),transparent 70%),radial-gradient(45% 55% at 12% 85%,rgba(122, 178, 255,.16),transparent 70%),radial-gradient(70% 60% at 50% 50%,#FFFFFF,#E8ECFF 80%)}
html:not(.theme-dark) #marketing-page .bg-calm{background:radial-gradient(40% 40% at 50% 60%,rgba(92,198,232,.16),transparent 72%),radial-gradient(80% 70% at 50% 40%,#FBFCFF,var(--ink) 85%)}
html:not(.theme-dark) #marketing-page .chip{color:var(--paper);background:linear-gradient(160deg,#fff,rgba(255,255,255,.82));border-color:rgba(11,18,51,.1);box-shadow:inset 0 1px 0 #fff,0 10px 24px -12px rgba(20,30,80,.35)}
html:not(.theme-dark) #marketing-page .chip.blk{background:linear-gradient(160deg,#fff,rgba(255,255,255,.9));box-shadow:0 6px 16px -10px rgba(20,30,80,.35)}
html:not(.theme-dark) #marketing-page .chip.blk.fixed{background:repeating-linear-gradient(135deg,rgba(11,18,51,.05) 0 6px,transparent 6px 12px),rgba(244,246,255,.96)}
html:not(.theme-dark) #marketing-page .chip.hero.blk{background:#E8F7FC;box-shadow:0 0 0 1px rgba(11,111,148,.55),0 0 22px rgba(92,198,232,.35)}
html:not(.theme-dark) #marketing-page .band{background:rgba(92,198,232,.09);border-color:rgba(11,111,148,.22)}
html:not(.theme-dark) #marketing-page .tl{color:var(--haze)}
html:not(.theme-dark) #marketing-page .hl{background:rgba(11,18,51,.07)}
html:not(.theme-dark) #marketing-page .cls{background:repeating-linear-gradient(135deg,rgba(11,18,51,.045) 0 6px,transparent 6px 12px),rgba(255,255,255,.7);border:1px dashed rgba(11,18,51,.15)}
html:not(.theme-dark) #marketing-page .card{background:linear-gradient(180deg,#fff,rgba(255,255,255,.88));border-color:rgba(11,111,148,.35);box-shadow:0 30px 60px -30px rgba(20,30,80,.4)}
html:not(.theme-dark) #marketing-page .card-campus{border-top-color:rgba(11,18,51,.15)}
html:not(.theme-dark) #marketing-page .bubble{background:rgba(255,255,255,.96);border-color:rgba(11,111,148,.28);box-shadow:0 18px 40px -20px rgba(20,30,80,.32)}
html:not(.theme-dark) #marketing-page .bubble.me{background:linear-gradient(180deg,rgba(124,224,176,.3),rgba(124,224,176,.14)),#F4FFF9;border-color:rgba(14,122,88,.35)}
html:not(.theme-dark) #marketing-page .rail button{color:var(--haze)}
html:not(.theme-dark) #marketing-page .emblem .er{border-color:rgba(29, 92, 180,.18)}
html:not(.theme-dark) #marketing-page input[type=email]{background:#fff;color:var(--paper);border-color:rgba(11,18,51,.18);box-shadow:inset 0 1px 3px rgba(11,18,51,.08)}
html:not(.theme-dark) #marketing-page .hub .lb{background:rgba(255,255,255,.92);color:var(--paper);border-color:rgba(11,18,51,.1)}
html:not(.theme-dark) #marketing-page .app-rail a:hover{background:rgba(11,18,51,.05)}
html:not(.theme-dark) #marketing-page .intro::before{background:radial-gradient(60% 50% at 50% 46%,#FFFFFF,#E4E9FF 72%)}
html:not(.theme-dark) #marketing-page .intro-ring{stroke:rgba(60,110,220,.45)}
html:not(.theme-dark) #marketing-page .intro-skip{color:var(--haze);background:rgba(11,18,51,.05);border-color:rgba(11,18,51,.15)}

/* App integration: isolate inherited app layouts and keep all entry points usable. */
#marketing-page{width:100%;max-width:none;margin:0;padding:0;overflow:clip;isolation:isolate}
#marketing-page[hidden]{display:none!important}
#marketing-page main{width:100%;max-width:none;margin:0;padding:0}
#marketing-page .site-foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px max(20px,calc((100vw - 1180px)/2));color:var(--haze)}
#marketing-page .site-foot nav{display:flex;gap:20px;flex-wrap:wrap}
#marketing-page .site-foot a,#marketing-page .hero-note a,#marketing-page .end-right a{color:inherit}
#marketing-page .coda-end .end-right{align-content:center}
#marketing-page .nav .wm{display:flex}
#marketing-page .nav .wm em{display:inline}
@media(max-width:640px){#marketing-page .nav{flex-wrap:wrap}#marketing-page .nav-r{display:contents}#marketing-page .rmt{margin-left:auto}#marketing-page .nav-open{width:100%;justify-content:center;padding:8px}#marketing-page .view{min-height:720px}#marketing-page .cap1{padding-top:65px}}
html.mc-reduce-motion #marketing-page *,html.mc-reduce-motion #marketing-page *::before,html.mc-reduce-motion #marketing-page *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#marketing-page *,#marketing-page *::before,#marketing-page *::after{animation:none!important;transition:none!important}}

#marketing-page :is(h1,h2,h3){color:var(--paper)}

@media(max-width:640px){#marketing-page .cap3{top:140px;bottom:auto;left:16px;right:16px}#marketing-page .cap3 h2{font-size:32px;line-height:1.05}}

#marketing-page .nav-one{color:var(--haze);font-size:13px;font-weight:600;text-decoration:none;padding:10px 6px;white-space:nowrap}
#marketing-page .nav-one:hover{color:var(--paper)}
@media(max-width:640px){#marketing-page .nav .brand{gap:6px}#marketing-page .nav .wm{font-size:14px}#marketing-page .nav-one{font-size:11px;padding-inline:3px}}

/* Supersede the previous production landing container, without affecting app routes. */
body.is-marketing #marketing-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.is-marketing #marketing-page main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

#marketing-page .wellbeing-heading{margin-top:56px}
#marketing-page .student-site-details .beyond-head.wellbeing-heading .eyebrow{display:block}

/* A quiet secondary action, with the same comfortable touch target as the CTA. */
#marketing-page .hero-actions .sample-entry,#marketing-page [data-explore-example]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--paper) 24%,transparent);border-radius:99px;font-size:16px;line-height:1.5;text-decoration:none;background:color-mix(in srgb,var(--paper) 5%,transparent);transition:background .2s,border-color .2s,transform .2s}
#marketing-page .sample-entry span,#marketing-page [data-explore-example] span{display:inline-block;transition:transform .22s ease}
#marketing-page .sample-entry:focus-visible,#marketing-page [data-explore-example]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
#marketing-page .hero-actions .sample-entry:active,#marketing-page [data-explore-example]:active{transform:scale(.98)}
@media(hover:hover){#marketing-page .hero-actions .sample-entry:hover,#marketing-page [data-explore-example]:hover{background:color-mix(in srgb,var(--paper) 11%,transparent);border-color:color-mix(in srgb,var(--paper) 45%,transparent);transform:translateY(-1px)}#marketing-page .sample-entry:hover span{transform:translateX(3px)}#marketing-page [data-explore-example]:hover span{transform:translateY(3px)}}
html.mc-reduce-motion #marketing-page .sample-entry,html.mc-reduce-motion #marketing-page .sample-entry span,html.mc-reduce-motion #marketing-page [data-explore-example],html.mc-reduce-motion #marketing-page [data-explore-example] span{transform:none!important}
@media(prefers-reduced-motion:reduce){#marketing-page .sample-entry,#marketing-page .sample-entry span,#marketing-page [data-explore-example],#marketing-page [data-explore-example] span{transform:none!important}}
#marketing-page .nav .appicon.mc-public-glass-mark{background:none;border-radius:28%;box-shadow:0 2px 5px rgba(3,15,46,.22),0 8px 18px -4px rgba(8,20,70,.45)}
#marketing-page .nav .appicon.mc-public-glass-mark img{border-radius:28%}
#marketing-page .nav .appicon.mc-public-glass-mark::after{display:none}


/* Source: app-simplicity-v1.css */
/* Shared, quiet hierarchy. Keep warnings, consent and active work untouched. */
.app-shell[data-simple-workspace] .app-view { max-width:960px; margin-inline:auto; }
.app-shell[data-simple-workspace] .page-header { margin-bottom:20px; padding-bottom:14px; border:0; }
.app-shell[data-simple-workspace] .page-header h1 { font-size:clamp(24px,3vw,32px); line-height:1.2; }
.app-shell[data-simple-workspace] .page-kicker { display:none; }
.app-shell[data-simple-workspace] :is(.mc-card,.mc-hero) { box-shadow:none; }
.app-shell[data-simple-workspace] .mc-hero { min-height:0; padding:12px 0 20px; border:0; border-radius:0; background:none; box-shadow:none; }
.app-shell[data-simple-workspace] .mc-hero::before,.app-shell[data-simple-workspace] .mc-hero::after { display:none; }
.app-shell[data-simple-workspace] .mc-hero .mc-hero__top { display:none; }
.app-shell[data-simple-workspace] .mc-hero h2 { margin:0 0 6px; font-size:clamp(18px,2.5vw,23px); line-height:1.4; }
.app-shell[data-simple-workspace] .mc-hero p { margin:0; font-size:14px; line-height:1.6; }
.app-shell[data-simple-workspace] .glass-topbar { min-height:44px; margin-bottom:20px; background:none; border:0; box-shadow:none; }
.app-shell[data-simple-workspace] .glass-topbar .coda-thread { background:none; box-shadow:none; border-color:transparent; }
.app-shell[data-simple-workspace] .mc-home-ready-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.mc-home-calendar-feedback { min-width:0; }
.mc-home-calendar-feedback p { margin:0 0 8px; overflow-wrap:anywhere; }
.mc-home-calendar-feedback .mc-calendar-quick__actions:has(> :not([hidden])) { margin-bottom:12px; }
@media(max-width:700px) {
  .app-shell[data-simple-workspace] .mc-home-ready-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .app-shell[data-simple-workspace] .mc-home-ready-tools [data-calendar-quick-connect] { grid-column:1/-1; flex-direction:row; align-items:center; }
}
.app-shell[data-simple-workspace] .mc-home-calm > .today-next { background:var(--mc-surface); box-shadow:none; }
.app-shell[data-simple-workspace] .mc-home-calm .mc-clarity__task { max-width:600px; }
.app-shell[data-simple-workspace] .today-next__context::before { display:none; }
.app-shell[data-simple-workspace] .mc-home-focus-dock { min-width:0; }
.app-shell[data-simple-workspace] .simple-home-alternatives { width:100%; text-align:left; }
.app-shell[data-simple-workspace] .simple-home-alternatives > button { display:block; margin:6px 0; width:100%; text-align:left; }
.app-shell[data-simple-workspace] .simple-tools { border:0; border-top:1px solid var(--mc-line,#d8e0eb); border-radius:0; margin-top:18px; padding:0; background:none; box-shadow:none; }
.app-shell[data-simple-workspace] .simple-tools > summary { display:list-item; padding:14px 4px; min-height:48px; cursor:pointer; font-size:14px; font-weight:600; line-height:1.4; color:var(--mc-ink); }
.app-shell[data-simple-workspace] .simple-tools > summary:focus-visible { outline:3px solid var(--mc-blue); outline-offset:2px; }
.app-shell[data-simple-workspace] .simple-tools > :not(summary) { margin-block:10px; }
.app-shell[data-simple-workspace] .simple-tools .simple-tools { margin:8px 0; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-studio-start { padding:0; margin:0 0 18px; background:none; border:0; }
.app-shell[data-simple-workspace] [data-view=notes] :is(.notes-studio-intro,.notes-document-tools__providers,.notes-library-heading p) { display:none; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-card { padding:20px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-heading h2 { font-size:18px; margin:0 0 16px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-heading { margin:0 0 12px; padding:0; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-card { gap:12px; }
.app-shell[data-simple-workspace] [data-view=notes] .simple-note-tools { margin-top:0; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-studio-start { background:none!important; border:0!important; box-shadow:none!important; padding:0!important; }
.app-shell[data-simple-workspace] [data-view=notes] .simple-note-tools > button { min-height:44px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-studio-links { margin-top:10px; }
.app-shell[data-simple-workspace] [data-view=study] .study-page-header { margin-bottom:12px; }
.app-shell[data-simple-workspace] [data-view=study] [data-study-hero] { padding:4px 0 18px; }
.app-shell[data-simple-workspace] [data-view=study] [data-study-hero] h2 { font-size:18px; }
.app-shell[data-simple-workspace] [data-view=planner] .planner-section-heading .eyebrow { display:none; }
.app-shell[data-simple-workspace] [data-view=planner] .simple-plan-tools > details { background:none; box-shadow:none; border:0; margin:6px 12px 12px; }
.app-shell[data-simple-workspace] [data-view=profile] .profile-layout { display:flex; flex-direction:column; gap:16px; }
.app-shell[data-simple-workspace] [data-view=profile] > .mc-hero { display:none; }
.app-shell[data-simple-workspace] [data-view=profile] .profile-layout > * { width:100%; min-width:0; }
.app-shell[data-simple-workspace] [data-view=profile] .simple-tools > article { margin-block:12px; }
.app-shell[data-simple-workspace] [data-view=ai] .coda-welcome > .coda-flow { width:88px; height:88px; margin:4px auto 8px; }
.app-shell[data-simple-workspace] [data-view=ai] .coda-studio-copy h2 { font-size:clamp(22px,3vw,28px); }
.app-shell[data-simple-workspace] [data-view=ai] .coda-welcome { margin-bottom:16px; padding-top:0; }
.app-shell[data-simple-workspace] [data-view=ai] .coda-studio-plus { display:none; }
.app-shell[data-simple-workspace] [data-view=focus] { max-width:800px; }
@media(max-width:640px) {
 .app-shell[data-simple-workspace] .page-header { gap:12px; flex-wrap:wrap; }
 .app-shell[data-simple-workspace] .simple-new-note { min-height:44px; padding:10px 16px; }
 .app-shell[data-simple-workspace] [data-view=notes] .notes-library-card { padding:16px; }
 .app-shell[data-simple-workspace] .planner-workspace { grid-template-columns:minmax(0,1fr); }
}
@media(forced-colors:active) { .app-shell[data-simple-workspace] .simple-tools { border-color:CanvasText; } }

/* Your Mind. In Motion. Feedback follows intent, never ambient distraction. */
.app-shell[data-simple-workspace] .simple-study-import {margin-top:18px;font-size:14px;}
.app-shell[data-simple-workspace] .simple-study-import summary {cursor:pointer;min-height:44px;padding:12px;}
.app-shell[data-simple-workspace] .course-empty-actions {display:flex;justify-content:center;gap:12px;}
.app-shell[data-simple-workspace] [data-home-time-controls] {width:100%;margin-block:12px;}
.app-shell[data-simple-workspace] [data-home-start-status]:not(:empty) {padding:12px;border-left:3px solid var(--mc-blue);background:var(--mc-surface);border-radius:8px;text-align:left;}
.app-shell[data-simple-workspace] .mc-button {transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;}
.app-shell[data-simple-workspace] .mc-button:active:not(:disabled) {transform:scale(.98);}
.app-shell[data-simple-workspace] .app-view:not([hidden]) {animation:mc-workspace-arrive 220ms ease-out both;}
@keyframes mc-workspace-arrive {from {opacity:.6;transform:translateY(6px);} to {opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce) {
 .app-shell[data-simple-workspace] .app-view:not([hidden]) {animation:none;}
 .app-shell[data-simple-workspace] .mc-button {transition:none;}
 .app-shell[data-simple-workspace] .mc-button:active:not(:disabled) {transform:none;}
}
:root[data-reduced-motion=true] .app-shell[data-simple-workspace] .app-view:not([hidden]) {animation:none;}
:root[data-reduced-motion=true] .app-shell[data-simple-workspace] .mc-button {transition:none;}
:root[data-reduced-motion=true] .app-shell[data-simple-workspace] .mc-button:active:not(:disabled) {transform:none;}

/* Compact phone surfaces, consistent controls and deliberate motion. */
.app-shell[data-simple-workspace] :is(button,a,summary,input,textarea,select):focus-visible {outline:2px solid var(--mc-teal,#85dfcc);outline-offset:3px;}
.app-shell[data-simple-workspace] .glass-topbar .mc-language-trigger {flex:0 0 auto;min-width:44px;width:44px;height:44px;padding:0;overflow:hidden;}
.app-shell[data-simple-workspace] .glass-topbar .mc-language-trigger [data-language-title] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.app-shell[data-simple-workspace] .glass-topbar .mc-language-trigger > [aria-hidden] {font-size:22px;}
.app-shell[data-simple-workspace] .simple-tools > summary {display:flex;align-items:center;justify-content:space-between;list-style:none;}
.app-shell[data-simple-workspace] .simple-tools > summary::-webkit-details-marker {display:none;}
.app-shell[data-simple-workspace] .simple-tools > summary::after {content:'+';font-size:20px;font-weight:400;}
.app-shell[data-simple-workspace] .simple-tools[open] > summary::after {content:'−';}
.app-shell[data-simple-workspace] .simple-tools[open] > :not(summary) {animation:mc-workspace-arrive 180ms ease-out both;}
.app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task {max-width:none;}
.app-shell[data-simple-workspace] [data-view=home] .today-next__body {gap:20px;}
.app-shell[data-simple-workspace] [data-view=home] [data-home-time-controls] {margin:0 0 12px;}
.app-shell[data-simple-workspace] [data-view=notes] .mc-empty-state {padding:24px 4px;}
.app-shell[data-simple-workspace] [data-view=planner] .mc-empty-state {border:0;background:transparent;box-shadow:none;padding:16px 0;}
.app-shell[data-simple-workspace] [data-view=ai] .coda-welcome {padding:24px;border-radius:24px;}
.app-shell[data-simple-workspace] [data-view=ai] .coda-studio-copy h2 {letter-spacing:-.025em;line-height:1.2;}
@media(max-width:640px) {
 .app-shell[data-simple-workspace] .page-header {margin-bottom:16px;padding-bottom:12px;}
 .app-shell[data-simple-workspace] .glass-topbar {margin-bottom:16px;gap:8px;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task {width:100%;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity {padding:18px;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task h2 {font-size:24px;line-height:1.2;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task > p {margin-block:8px;}
 .app-shell[data-simple-workspace] .simple-home-alternatives {margin-top:12px;}
 .app-shell[data-simple-workspace] .mc-nav--mobile {padding-bottom:max(6px,env(safe-area-inset-bottom));}
}
@media(prefers-reduced-motion:reduce) {.app-shell[data-simple-workspace] .simple-tools[open] > :not(summary) {animation:none;}}
:root[data-reduced-motion=true] .app-shell[data-simple-workspace] .simple-tools[open] > :not(summary) {animation:none;}

@media(max-width:640px) {
 .app-shell[data-simple-workspace] [data-view=home] .today-next__body {display:flex!important;flex-direction:column;align-items:stretch;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task {max-width:none!important;width:100%!important;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-home-focus-dock {display:flex;flex-direction:column;align-items:stretch;}
 .app-shell[data-simple-workspace] [data-view=home] [data-home-time-controls] {order:-1;max-width:none;}
 .app-shell[data-simple-workspace] [data-view=home] [data-home-time-controls] > summary {padding-block:6px;}
}

/* Comfortable touch targets without enlarging the surrounding chrome. */
.app-shell[data-simple-workspace] .page-header__actions .avatar {min-width:44px!important;min-height:44px!important;width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;}
.app-shell[data-simple-workspace] .note-library-item__copy {min-width:0;flex:1;}
.app-shell[data-simple-workspace] .note-library-item__copy > strong {overflow-wrap:anywhere;}
.app-shell[data-simple-workspace] .note-library-item__excerpt {-webkit-line-clamp:2;overflow-wrap:anywhere;}
@media(hover:hover) and (pointer:fine) {
 .app-shell[data-simple-workspace] .note-library-item:hover {border-color:var(--mc-teal);}
}

/* Student essentials: readable content with glass reserved for control surfaces. */
.app-shell[data-simple-workspace] {--student-edge:color-mix(in srgb,var(--mc-ink) 16%,transparent);--student-glass:color-mix(in srgb,var(--mc-surface) 88%,transparent);}
.app-shell[data-simple-workspace] .page-header h1 {letter-spacing:-.04em;line-height:1.15;}
.app-shell[data-simple-workspace] .today-header::before,.app-shell[data-simple-workspace] .today-header::after {display:none;}
.app-shell[data-simple-workspace] :is(.mc-card,.notes-library-card,.coda-welcome) {border-radius:26px;border-color:var(--student-edge);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--mc-ink) 9%,transparent),0 12px 30px -24px #0008;}
.app-shell[data-simple-workspace] .mc-home-calm > .today-next {background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--mc-teal) 13%,transparent),transparent 65%),var(--mc-surface);border-radius:28px;}
.app-shell[data-simple-workspace] .today-next__context {font:600 11px/1.4 var(--mc-font);letter-spacing:.12em;}
.app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task h2 {font-size:clamp(26px,4vw,36px);letter-spacing:-.04em;max-width:22ch;}
.app-shell[data-simple-workspace] [data-home-time-controls]>summary {font-size:13px;font-weight:600;}
.app-shell[data-simple-workspace] .mc-home-time-label {display:none;}
.app-shell[data-simple-workspace] .mc-home-time-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--student-edge);border-radius:18px;background:color-mix(in srgb,var(--mc-ink) 4%,transparent);}
.app-shell[data-simple-workspace] .mc-home-time-options button {min-width:0;min-height:44px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--mc-ink-secondary);font-weight:500;}
.app-shell[data-simple-workspace] .mc-home-time-options button[aria-pressed=true] {background:var(--mc-surface);border-color:var(--student-edge);color:var(--mc-ink);box-shadow:0 2px 8px #0002,inset 0 1px 0 #ffffff20;}
.app-shell[data-simple-workspace] .home-start-focus {min-height:54px;border-radius:18px;background:linear-gradient(155deg,#bcf7e4,#82dfc4);color:#103c32;border:1px solid #c7f8e9;box-shadow:inset 0 1px 0 #fff8,0 8px 22px -14px #7ce0b0;}
.app-shell[data-simple-workspace] .student-next-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;}
.app-shell[data-simple-workspace] .student-next-actions a {min-width:0;min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px;border-radius:22px;border:1px solid var(--student-edge);background:linear-gradient(145deg,color-mix(in srgb,var(--mc-ink) 6%,transparent),transparent),var(--mc-surface);text-decoration:none;color:var(--mc-ink);box-shadow:inset 0 1px 0 #ffffff12;transition:transform 180ms ease,background-color 180ms ease;}
.app-shell[data-simple-workspace] .student-next-actions strong {font-size:14px;line-height:1.3;}
.app-shell[data-simple-workspace] .student-next-actions span {font-size:12px;line-height:1.4;color:var(--mc-ink-secondary);}
.app-shell[data-simple-workspace] .student-next-actions a:active {transform:scale(.98);}
.app-shell[data-simple-workspace] .planner-date-nav {padding:5px;border:1px solid var(--student-edge);border-radius:20px;background:var(--student-glass);}
.app-shell[data-simple-workspace] :is(.planner-date-nav button,.planner-date-picker input) {border-radius:14px;min-height:44px;}
.app-shell[data-simple-workspace] .note-library-item {border-radius:20px;padding:16px;}
@media(max-width:760px){
 .app-shell[data-simple-workspace] .mc-nav--mobile {left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));border:1px solid var(--student-edge);border-radius:28px;padding:6px;min-height:70px;background:var(--student-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff30,0 12px 32px #0004;}
 .app-shell[data-simple-workspace] .mc-nav--mobile .mc-nav__item {border-radius:22px;min-height:56px;font-size:11px;}
 .app-shell[data-simple-workspace] .mc-nav--mobile .mc-nav__item.is-active {background:color-mix(in srgb,var(--mc-teal) 16%,transparent);border:1px solid color-mix(in srgb,var(--mc-teal) 30%,transparent);box-shadow:inset 0 1px 0 #ffffff25;}
 .app-shell[data-simple-workspace] .student-next-actions {gap:8px;}
 .app-shell[data-simple-workspace] .student-next-actions a {padding:13px 10px;border-radius:20px;}
 .app-shell[data-simple-workspace] [data-view=home] .mc-clarity {padding:22px;}
}
@media(max-width:350px){.app-shell[data-simple-workspace] .student-next-actions {grid-template-columns:1fr;}.app-shell[data-simple-workspace] .student-next-actions a {min-height:64px;flex-direction:row;align-items:center;justify-content:space-between;}.app-shell[data-simple-workspace] .student-next-actions span {max-width:48%;}}
@media(prefers-reduced-motion:reduce){.app-shell[data-simple-workspace] .student-next-actions a {transition:none;transform:none;}}
:root[data-reduced-motion=true] .app-shell[data-simple-workspace] .student-next-actions a {transition:none;transform:none;}
@media(prefers-reduced-transparency:reduce){.app-shell[data-simple-workspace] .mc-nav--mobile {background:var(--mc-surface);backdrop-filter:none;-webkit-backdrop-filter:none;}}
@media(forced-colors:active){.app-shell[data-simple-workspace] :is(.mc-nav--mobile,.student-next-actions a,.home-start-focus,.mc-home-time-options button[aria-pressed=true]){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;backdrop-filter:none;}}
/* Override the older focus treatment without changing running timer states. */
html .app-shell[data-simple-workspace] [data-view=home] .home-start-focus {background:var(--mc-action)!important;color:var(--mc-on-accent)!important;border-radius:18px!important;min-height:54px!important;}
html .app-shell[data-simple-workspace] .today-header .cx-orbit {display:none;}
.app-shell[data-simple-workspace] [data-home-time-controls] > summary {margin:0 0 8px;padding:0;min-height:44px;display:flex;align-items:center;}
.app-shell[data-simple-workspace] [data-home-time-controls] .mc-home-time-options {margin:0;}
html .app-shell[data-simple-workspace] [data-view=home] .home-start-focus [data-home-focus-label] {color:var(--mc-on-accent)!important;text-shadow:none;}

/* Put the question and its context ahead of the welcome artwork. */
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome {
 grid-template-columns:minmax(0,1fr) 64px;gap:12px 16px;padding:20px;margin-bottom:16px;
}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome > .coda-flow {
 grid-column:2;grid-row:1;width:64px;height:64px;margin:0;justify-self:end;
}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-copy {grid-column:1 / -1;grid-row:2;max-width:none;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-copy h2 {margin:0 0 8px;font-size:clamp(20px,2.2vw,26px);line-height:1.25;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-greeting {margin:0 0 14px;font-size:15px;line-height:1.5;max-width:none;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-privacy {margin-top:10px;font-size:13px;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-state:empty {display:none;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome:is(.in-conversation,.is-composing) {gap:8px 16px;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-brand {grid-column:1;grid-row:1;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-studio-copy > :is(h2,.coda-greeting,.coda-studio-plus) {display:none;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-state {grid-column:1 / -1;grid-row:3;text-align:left;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .tutor-course-bar {order:-1;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .tutor-context-options {width:100%;border-top:1px solid var(--mc-line);}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .tutor-context-options > summary {font-size:14px;cursor:pointer;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-empty-conversation--hint {min-height:0;padding:0;text-align:left;background:none;border:0;color:var(--mc-ink-secondary);font-size:14px;line-height:1.5;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai]:is([data-coda-flow=conversation],[data-coda-flow=thinking]) .ai-conversation-header {display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;padding:0;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-conversation-header > div:first-child {flex:1;min-width:0;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-conversation-header h2 {font-size:18px;line-height:1.4;overflow-wrap:anywhere;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-conversation-header p {font-size:14px;line-height:1.5;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-new-conversation {min-height:44px;padding:10px 14px;white-space:nowrap;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-conversation-header .ai-orb {display:none;}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .ai-message-list {max-width:76ch;width:100%;margin-inline:auto;overflow-wrap:anywhere;}
@media(max-width:640px){
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome {padding:16px;gap:10px 12px;}
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-actions .mc-button {min-height:44px;}
}
@media(max-width:640px){
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-actions {display:grid;grid-template-columns:1fr 1.4fr;gap:8px;}
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-studio-actions .mc-button {width:100%;height:100%;font-size:14px;padding:10px;}
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .tutor-course-bar > label {flex-basis:100%;}
 .app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .tutor-course-bar select {width:100%;white-space:nowrap;min-height:48px;font-size:16px;}
}
.app-shell[data-simple-workspace][data-active-view=ai] [data-view=ai] .coda-welcome:is(.in-conversation,.is-composing) .coda-studio-privacy {display:block;}
/* Student reading rhythm: native body type, quieter labels, compact actions.
   Preference rules retain priority; never style user-authored note content. */
html .app-shell[data-simple-workspace] {
 --cx-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
 --mc-font: var(--cx-font); --mc-font-display: var(--cx-font);
 font-family: var(--cx-font); line-height: 1.55;
}
html .app-shell[data-simple-workspace] :is(h1,h2,h3) {letter-spacing:-.025em;font-weight:650;line-height:1.25;}
html .app-shell[data-simple-workspace] :is(.page-header h1,.today-header h1) {font-size:clamp(1.5rem,2.7vw,2rem);letter-spacing:-.03em;}
html .app-shell[data-simple-workspace] :is(.eyebrow,.card-label,.today-next__context,time,.plan-badge) {font-family:var(--cx-font);font-variant-numeric:tabular-nums;letter-spacing:.025em;}
html .app-shell[data-simple-workspace] .today-next__context {font-size:.8125rem;}
html .app-shell[data-simple-workspace] .today-header h1 {background:none;color:var(--mc-ink);animation:none;}
html .app-shell[data-simple-workspace] .mc-clarity__task h2 {font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.25;}
html .app-shell[data-simple-workspace] .mc-clarity__task > p {line-height:1.55;}
html .app-shell[data-simple-workspace] .simple-home-alternatives .mc-next-options {margin-top:0;}
html .app-shell[data-simple-workspace] .student-next-actions {gap:8px;}
html .app-shell[data-simple-workspace] .student-next-actions a {box-shadow:none;background:var(--mc-surface);}
html .app-shell[data-simple-workspace] [data-view=planner] [data-planner-setup] {margin-top:20px;}
html .app-shell[data-simple-workspace] [data-view=planner] :is(.planner-command-strip,.planner-workspace) {margin-top:16px;}
html .app-shell[data-simple-workspace] .note-library-item__excerpt {font-size:1rem;line-height:1.6;}
html .app-shell[data-simple-workspace] .note-library-item__title {font-size:1.0625rem;line-height:1.4;letter-spacing:-.01em;}
html .app-shell[data-simple-workspace] [data-view=ai] .coda-studio-start {gap:12px 20px;padding:20px;}
html .app-shell[data-simple-workspace] [data-view=ai] .coda-studio-copy>h2 {margin:4px 0 10px;font-size:clamp(1.375rem,2.5vw,1.75rem);}
html .app-shell[data-simple-workspace] [data-view=ai] .coda-greeting {margin-bottom:14px;font-size:1rem;line-height:1.55;}
html .app-shell[data-simple-workspace] [data-view=ai] .coda-studio-privacy {font-size:.8125rem;line-height:1.5;}
html .app-shell[data-simple-workspace] [data-view=ai] .coda-brand p {margin:2px 0;}
/* Keep motion for state changes; resting navigation and backgrounds stay still. */
html .app-shell[data-simple-workspace] .mc-nav .mc-nav__item svg,
html .cx-sky::before,html .cx-sky::after {animation:none!important;}
@media(max-width:640px){
 html .app-shell[data-simple-workspace] .student-next-actions {grid-template-columns:minmax(0,1fr);}
 html .app-shell[data-simple-workspace] .student-next-actions a {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;}
 html .app-shell[data-simple-workspace] .student-next-actions span {text-align:right;font-size:.8125rem;max-width:50%;}
 html .app-shell[data-simple-workspace] [data-view=ai] .coda-studio-start>.coda-flow {width:52px;height:52px;margin:0;}
 html .app-shell[data-simple-workspace] [data-view=ai] .coda-studio-start {grid-template-columns:minmax(0,1fr) 52px;}
}
html.mc-wide-spacing .app-shell[data-simple-workspace] :is(p,li,small,.note-library-item__excerpt){line-height:1.8!important;}
html.mc-reading-font .app-shell[data-simple-workspace] :is(h1,h2,h3){letter-spacing:0;}
html.mc-reduce-motion .app-shell[data-simple-workspace] *,
html[data-reduced-motion=true] .app-shell[data-simple-workspace] * {animation:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce){html .app-shell[data-simple-workspace] * {animation:none!important;transition:none!important;}}

/* Keep useful context and live feedback; remove duplicate introductions. */
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-heading,
.app-shell[data-simple-workspace] [data-view=progress] > .mc-hero {display:none;}
.app-shell[data-simple-workspace] :is([data-greeting-subtitle],[data-focus-copy],[data-ai-conversation-context]):empty {display:none;}


/* Source: notes-quick-v1.css */
/* A compact library with direct creation and opening controls. */
.app-shell[data-simple-workspace] [data-view=notes] .page-header { margin-bottom:20px; padding-bottom:0; align-items:center; }
.app-shell[data-simple-workspace] [data-view=notes] .page-header__actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.app-shell[data-simple-workspace] [data-view=notes] .page-header__actions .mc-button { min-height:44px; border-radius:12px; padding:10px 16px; font-size:14px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-card { display:block!important; background:none!important; border:0!important; box-shadow:none!important; padding:0!important; min-height:0; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-heading { display:none; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-card>.mc-input { display:block; position:relative; margin:0 0 20px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-card>.mc-input>span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.app-shell[data-simple-workspace] [data-view=notes] [data-notes-search] { width:100%; min-height:48px; border-radius:14px; background:var(--mc-surface); border:1px solid var(--mc-line); box-shadow:none; padding:12px 16px; font:inherit; }
.app-shell[data-simple-workspace] [data-view=notes] [data-notes-library] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item { display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:10px; margin:0; padding:16px; border:1px solid var(--mc-line); border-radius:16px; background:var(--mc-surface); min-width:0; box-shadow:none; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__body { display:grid; gap:12px; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__open { display:flex; width:100%; gap:12px; min-height:76px; padding:0; border:0; background:none; border-radius:8px; text-align:left; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__preview { width:44px; height:56px; flex:0 0 44px; border:0; border-radius:10px; padding:8px; gap:6px; background:color-mix(in srgb,var(--mc-teal) 10%,var(--mc-surface)); }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__preview>svg { min-height:0; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__glyph { font-size:19px; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__paper-lines { gap:4px; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__copy { gap:4px; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__copy>strong { font-size:16px; line-height:1.4; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__kind { font-size:11px; font-weight:600; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__excerpt { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:13px; line-height:1.5; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__metadata { display:flex; flex-wrap:wrap; gap:4px 12px; padding:0; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__metadata small { font-size:12px; line-height:1.5; }
.app-shell[data-simple-workspace] [data-view=notes] .note-library-item__link { align-self:flex-start; margin:0; min-height:44px; padding:8px 0; font-size:12px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-library-empty { grid-column:1/-1; min-height:180px; padding:20px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-quick-group { padding:12px 4px; background:none; border:0; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-quick-group h3 { font-size:13px; margin:0 0 10px; color:var(--mc-ink-secondary); }
.app-shell[data-simple-workspace] [data-view=notes] .notes-quick-group>div { display:flex; gap:8px; flex-wrap:wrap; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-quick-group :is(a,button) { display:inline-flex; align-items:center; min-height:44px; padding:10px 12px; margin:4px; border:1px solid var(--mc-line); border-radius:10px; color:var(--mc-ink); background:var(--mc-surface); font-size:13px; }
.app-shell[data-simple-workspace] [data-view=notes] .notes-quick-group p { font-size:12px; line-height:1.6; color:var(--mc-ink-secondary); }
@media(max-width:640px) {
 .app-shell[data-simple-workspace] [data-view=notes] [data-notes-library] { grid-template-columns:minmax(0,1fr); }
 .app-shell[data-simple-workspace] [data-view=notes] .page-header { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
 .app-shell[data-simple-workspace] [data-view=notes] .page-header__actions { display:grid; grid-template-columns:1fr 1fr auto; width:100%; }
 .app-shell[data-simple-workspace] [data-view=notes] .page-header__actions .mc-button { min-width:0; white-space:normal; padding:10px 12px; font-size:13px; }
 .app-shell[data-simple-workspace] [data-view=notes] .simple-new-note { grid-column:1; grid-row:1; }
 .app-shell[data-simple-workspace] [data-view=notes] .simple-new-whiteboard { grid-column:2; grid-row:1; }
 .app-shell[data-simple-workspace] [data-view=notes] .page-header__actions .avatar { grid-column:3; grid-row:1; }
}
@media(forced-colors:active) { .app-shell[data-simple-workspace] [data-view=notes] .note-library-item { border-color:CanvasText; } }


/* Source: signin-entry-v1.css */
/* A single shared auth form, in normal page flow rather than a modal. */
.mc-signin-entry { position: relative; padding: 32px 16px 24px; }
/* A slow galaxy behind sign-in; the form keeps its own readable surface. */
.mc-signin-entry {
  isolation: isolate; overflow: hidden;
  min-height: calc(100svh - 104px);
  padding-top: clamp(28px, 5vh, 64px);
  background: var(--ink, #060a1c);
}
.mc-signin-entry::before, .mc-signin-entry::after {
  content: ""; position: absolute; inset: -8%; z-index: -1; pointer-events: none;
}
.mc-signin-entry::before {
  background: url("/signin-galaxy-v1.webp") center / cover no-repeat;
  opacity: .38;
  transform: rotate(-2deg) scale(1.04);
  animation: mc-signin-galaxy 90s ease-in-out infinite alternate;
}
.mc-signin-entry::after {
  /* The overlay ends at the exact next-section color; it never covers the form. */
  inset: 0;
  background: linear-gradient(to bottom, transparent 55%, var(--ink, #060a1c) 100%),
    radial-gradient(ellipse at center, transparent 20%, #090d1d99 100%);
}
/* Fade the following decorative layer in too, avoiding a new hard seam. */
#marketing-page:has([data-inline-signin]) #top .view { background: var(--ink, #060a1c); }
#marketing-page:has([data-inline-signin]) #top .grain { inset: 0; }
#marketing-page:has([data-inline-signin]) #top .bg,
#marketing-page:has([data-inline-signin]) #top .grain {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 180px);
  mask-image: linear-gradient(to bottom, transparent, #000 180px);
}
.mc-signin-entry .mc-signin-explore { color: #c8d2ec; }
@keyframes mc-signin-galaxy {
  from { transform: rotate(-2deg) scale(1.04); }
  to { transform: rotate(2deg) scale(1.08); }
}
body:not(.is-marketing) .mc-signin-entry::before { animation-play-state: paused; }
:root:is([data-reduced-motion=true], [data-personalize-motion=true], .mc-reduce-motion, .rm) .mc-signin-entry::before { animation: none; }
@media (prefers-reduced-motion: reduce) { .mc-signin-entry::before { animation: none; } }
@media (forced-colors: active) {
  .mc-signin-entry { background: Canvas; }
  .mc-signin-entry::before, .mc-signin-entry::after { display: none; }
  .mc-signin-entry .mc-signin-explore { color: LinkText; }
}
#marketing-page:has([data-inline-signin]) > .nav {
  position: relative; inset: auto; margin: 12px auto; transform: none;
}
#marketing-page #account-sheet.mc-inline-signin {
  position: relative; inset: auto; width: min(100%, 520px); max-width: 100%;
  height: auto; max-height: none; margin: 0 auto; padding: 0;
  overflow: visible; border: 1px solid var(--mc-line, #ddd); border-radius: 24px;
  transform: none; opacity: 1; color: var(--mc-ink, #142033);
  background: var(--mc-surface, #fff); box-sizing: border-box;
}
#account-sheet.mc-inline-signin > .account-sheet {
  display: grid; gap: 18px; position: static; height: auto; max-height: none;
  overflow: visible; padding: 24px; transform: none;
}
#account-sheet.mc-inline-signin .account-sheet__header { position: static; }
#account-sheet.mc-inline-signin input { font-size: 16px; min-width: 0; }
#account-sheet.mc-inline-signin button { min-height: 44px; white-space: normal; }
.mc-signin-explore { display: block; width: fit-content; margin: 24px auto 0; padding: 12px; text-align: center; }
#marketing-page:has([data-inline-signin]) #intro { display: none; }
@media (max-width: 420px) {
  .mc-signin-entry { padding: 16px 12px 20px; }
  #account-sheet.mc-inline-signin > .account-sheet { padding: 18px; }
}


/* Source: calm-flow-v1.css */
/* Presentation only. Navigation, authentication, focus and saved data stay immediate. */
:root {
  --mc-calm-ease: cubic-bezier(.22, .61, .36, 1);
  --mc-calm-control: 220ms;
  --mc-calm-surface: 360ms;
  --mc-calm-view: 520ms;
}

html .app-shell .app-view.is-active:not([hidden]) {
  animation: mc-calm-view-in var(--mc-calm-view) var(--mc-calm-ease) both;
}
@keyframes mc-calm-view-in {
  from { opacity: .88; transform: translateY(2px); }
  to { opacity: 1; transform: none; }
}
/* Home contains a fixed Focus control: fade it without creating a transformed
   containing block that would move that control with the scrolling page. */
@media (prefers-reduced-motion: no-preference) {
  html:not([data-reduced-motion=true]):not([data-personalize-motion=true]):not(.mc-reduce-motion):not(.rm) .app-shell .app-view[data-view=home].is-active:not([hidden]) {
    animation: mc-calm-home-in var(--mc-calm-view) var(--mc-calm-ease) both !important;
  }
}
@keyframes mc-calm-home-in { from { opacity: .88; } to { opacity: 1; } }

html .app-shell[data-simple-workspace] :is(.mc-button, .provider-button, .mc-nav__item, .tool-row),
html :is(.app-shell, .mc-signin-entry, .mc-sheet) :is(.mc-button, .provider-button, .mc-nav__item, .tool-row) {
  transition: background-color var(--mc-calm-control) var(--mc-calm-ease),
    border-color var(--mc-calm-control) var(--mc-calm-ease),
    box-shadow var(--mc-calm-control) var(--mc-calm-ease),
    color var(--mc-calm-control) var(--mc-calm-ease);
}
/* Keep tap targets anchored, including while a student is entering credentials. */
html :is(.app-shell, .mc-signin-entry, .mc-sheet) :is(.mc-button, .provider-button):is(:hover, :active) {
  transform: none;
}
html .app-shell .mc-card {
  transition: border-color var(--mc-calm-surface) var(--mc-calm-ease),
    box-shadow var(--mc-calm-surface) var(--mc-calm-ease);
}
html .app-shell .simple-tools[open] > :not(summary) {
  animation: mc-calm-view-in var(--mc-calm-surface) var(--mc-calm-ease) both;
}

html .mc-sheet { --mc-duration-fast: 220ms; }
html .mc-sheet[open]:not([data-inline-signin]) {
  animation: mc-calm-panel-in var(--mc-calm-surface) var(--mc-calm-ease) both;
}
@keyframes mc-calm-panel-in {
  from { opacity: .82; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}
/* Reserve room for progress and retry messages without hiding their content. */
#account-sheet [data-auth-status] { min-height: 3em; line-height: 1.5; }
#account-sheet .account-sheet__header { scroll-margin-top: 24px; }

/* The story below sign-in stays gentle; no repeated flashes beside the form. */
html:not(.mc-reduce-motion) #marketing-page .chip b,
html:not(.mc-reduce-motion) #marketing-page .hub :is(.pulse, .ring1, .ring2, .core, .logo3d) { animation: none; }
html:not(.mc-reduce-motion) #marketing-page .orb::before { animation-duration: 14s; }
html:not(.mc-reduce-motion) #marketing-page .orb.thinking::before { animation-duration: 4s; }
html:not(.mc-reduce-motion) #marketing-page .coda .orb { animation-duration: 8s; }
html:not(.mc-reduce-motion) #marketing-page .dots i { animation-duration: 1.8s; }

/* Both app preferences and the device accessibility choice take precedence. */
:root:is([data-reduced-motion=true], [data-personalize-motion=true], .mc-reduce-motion, .rm) *,
:root:is([data-reduced-motion=true], [data-personalize-motion=true], .mc-reduce-motion, .rm) *::before,
:root:is([data-reduced-motion=true], [data-personalize-motion=true], .mc-reduce-motion, .rm) *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) {
  html *, html *::before, html *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}


/* Source: workspace-layout-v1.css */
/* Visual layout only. Existing controls, reading preferences and routes stay
   owned by the app. Scope to the signed-in workspace, not authored content. */
html #app-shell[data-simple-workspace] {
  --layout-line: color-mix(in srgb,var(--ws-line) 55%,transparent);
  --layout-shadow: 0 8px 24px -16px rgb(0 3 15 / .5), inset 0 1px 0 rgb(255 255 255 / .07);
}
html #app-shell[data-simple-workspace] .app-main {max-width:1360px;}
html #app-shell[data-simple-workspace] .page-header {margin:0 0 24px;padding:0;gap:16px;align-items:center;}
html #app-shell[data-simple-workspace] .page-header h1 {font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.035em;}
html #app-shell[data-simple-workspace] .page-header p {margin:8px 0 0;}
html #app-shell[data-simple-workspace] :is(.mc-card,.student-next-actions a,.note-library-item,.coda-studio-start) {border-radius:20px;}
html #app-shell[data-simple-workspace] :is(.student-next-actions a,.note-library-item,.planner-timeline-card,.planner-tasks-card) {box-shadow:var(--layout-shadow)!important;border-color:var(--layout-line)!important;}
html #app-shell[data-simple-workspace] :is(.simple-tools,.mc-home-progress-disclosure,.mc-home-disclosure) {border-color:var(--layout-line);}
html #app-shell[data-simple-workspace] :is(.simple-tools,.mc-home-progress-disclosure,.mc-home-disclosure)>summary {min-height:52px;padding-block:14px;}

/* One focus surface, followed by compact supporting destinations. */
html #app-shell[data-simple-workspace] [data-view=home] [data-home-next] {padding:24px!important;border-radius:24px;}
html #app-shell[data-simple-workspace] [data-view=home] .today-next__body {gap:16px;}
html #app-shell[data-simple-workspace] [data-view=home] #today-next-heading {font-size:clamp(1.5rem,2.7vw,2.1rem);line-height:1.18;margin:12px 0;max-width:22ch;}
html #app-shell[data-simple-workspace] [data-next-copy] {max-width:48ch;margin:0;line-height:1.6;font-size:.9375rem;}
html #app-shell[data-simple-workspace] .today-next__context {margin:0;color:var(--ws-accent);font-size:.7rem;letter-spacing:.1em;font-weight:650;}
html #app-shell[data-simple-workspace] .mc-home-focus-dock {gap:10px;}
/* Core journey actions stay beside the current task, with capture directly below. */
html #app-shell[data-simple-workspace] :is(.mc-next-options,.student-task-actions) {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
html #app-shell[data-simple-workspace] :is(.mc-next-options,.student-task-actions) .mc-button {min-height:44px;white-space:normal;margin:0;padding:8px 10px;width:auto;flex:0 1 auto;}
html #app-shell[data-simple-workspace] [data-home-capture-disclosure] {margin:0;border:1px solid var(--layout-line);border-radius:18px;padding:0 16px;background:var(--mc-surface);}
html #app-shell[data-simple-workspace] [data-home-capture-disclosure] > summary {font-weight:600;cursor:pointer;min-height:52px;padding:14px 0;color:var(--mc-ink);}
html #app-shell[data-simple-workspace] [data-home-task-capture] {margin:0 0 16px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
html #app-shell[data-simple-workspace] [data-quick-task-title] {min-height:52px;font-size:16px;}
html #app-shell[data-simple-workspace] .student-task-actions[hidden] {display:none;}

html #app-shell[data-simple-workspace] .mc-home-time-controls {gap:0;margin-bottom:0!important;}
html #app-shell[data-simple-workspace] .mc-home-time-controls>summary {padding:8px 0;min-height:44px;}
html #app-shell[data-simple-workspace] .mc-home-time-options {width:100%;max-width:none!important;}
html #app-shell[data-simple-workspace] .home-start-focus {max-width:none!important;border-radius:14px!important;}
html #app-shell[data-simple-workspace] .simple-home-alternatives {margin-top:8px;}
html #app-shell[data-simple-workspace] .simple-home-alternatives>summary {min-height:44px;padding:10px 0;font-size:.8125rem;color:var(--ws-muted);}
html #app-shell[data-simple-workspace] .student-next-actions {gap:12px;margin:4px 0 0;}
html #app-shell[data-simple-workspace] .student-next-actions a {min-height:76px;padding:16px;border-radius:16px;}
html #app-shell[data-simple-workspace] .student-next-actions strong {font-size:.9375rem;line-height:1.4;}
html #app-shell[data-simple-workspace] .student-next-actions span {font-size:.8125rem;line-height:1.45;}

/* Eliminate empty status rows and accumulated margins between Plan sections.
   Status messages still take their normal space as soon as they have content. */
html #app-shell[data-simple-workspace] [data-view=planner] {row-gap:16px;}
html #app-shell[data-simple-workspace] .planner-status:empty {display:none;}
html #app-shell[data-simple-workspace] .planner-page-header {margin-bottom:0;}
html #app-shell[data-simple-workspace] [data-view=planner] :is(.planner-command-strip,.planner-workspace) {margin:0;}
html #app-shell[data-simple-workspace] .planner-date-nav {border-radius:16px;padding:6px;border-color:var(--layout-line);}
html #app-shell[data-simple-workspace] .mc-calendar-quick {margin:0;padding:16px;border:1px solid var(--layout-line);border-radius:16px;background:color-mix(in srgb,var(--ws-card) 65%,transparent);gap:12px;}
html #app-shell[data-simple-workspace] .mc-calendar-quick strong {font-size:.875rem;}
html #app-shell[data-simple-workspace] .mc-calendar-quick p {font-size:.8125rem;line-height:1.5;}
html #app-shell[data-simple-workspace] .planner-workspace {gap:16px;}
html #app-shell[data-simple-workspace] :is(.planner-timeline-card,.planner-tasks-card) {padding:20px!important;}
html #app-shell[data-simple-workspace] [data-view=planner] .mc-empty-state {padding:16px 0 4px;min-height:0;}
html #app-shell[data-simple-workspace] [data-view=planner] .mc-empty-state h3 {font-size:1.0625rem;}
html #app-shell[data-simple-workspace] [data-view=planner] .mc-empty-state p {font-size:.9375rem;line-height:1.55;}
html #app-shell[data-simple-workspace] [data-view=planner] .simple-tools {margin-top:0;}

/* Keep capture actions beside their heading and align search with the library. */
html #app-shell[data-simple-workspace] [data-view=notes] {row-gap:16px;}
html #app-shell[data-simple-workspace] [data-view=notes] .page-header {margin-bottom:0;}
html #app-shell[data-simple-workspace] [data-view=notes] .notes-library-card {padding:0!important;}
html #app-shell[data-simple-workspace] .notes-library-card>.mc-input {margin-bottom:16px;}
html #app-shell[data-simple-workspace] .notes-library-empty {display:flex;flex-direction:column;padding:32px 24px!important;border:1px dashed var(--layout-line);border-radius:20px;text-align:center;align-items:center;}
html #app-shell[data-simple-workspace] .notes-library-empty :is(h2,h3) {text-align:center;}
html #app-shell[data-simple-workspace] .notes-library-empty p {max-width:40ch;margin-inline:auto;font-size:.9375rem;line-height:1.6;}
html #app-shell[data-simple-workspace] .notes-library-empty .tool-icon {margin-inline:auto;}

/* Coda uses the same spacing rhythm without hiding its access or privacy text. */
html #app-shell[data-simple-workspace] [data-view=ai] {row-gap:16px;max-width:960px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-studio-start {padding:24px;margin-bottom:0;gap:16px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-studio-copy>h2 {max-width:30ch;line-height:1.25;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-greeting {font-size:.9375rem;line-height:1.6;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-studio-actions {gap:12px;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-course-bar {display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px!important;margin:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-course-bar>.mc-input {flex:1 1 180px;margin:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-context-options {flex-basis:100%;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-tutor-layout {padding:0!important;margin:0;gap:16px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation {padding:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions button {min-height:48px;padding:8px;font-size:.8125rem;white-space:normal;}

@media(min-width:1100px) {
  html #app-shell[data-simple-workspace] [data-view=home] [data-home-next] {padding:32px!important;}
  html:is([data-text-scale="100"],:not([data-text-scale])) #app-shell[data-simple-workspace] [data-view=home] .today-next__body {display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;}
  html:is([data-text-scale="100"],:not([data-text-scale])) #app-shell[data-simple-workspace] [data-view=home] .mc-clarity__task {grid-column:1;grid-row:1;}
  html:is([data-text-scale="100"],:not([data-text-scale])) #app-shell[data-simple-workspace] [data-view=home] .mc-home-focus-dock {grid-column:2;grid-row:1;border-left:1px solid var(--layout-line);padding-left:32px;}
}
@media(max-width:640px) {
  html #app-shell[data-simple-workspace] .app-main {padding-inline:16px!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
  html #app-shell[data-simple-workspace] .page-header {margin-bottom:20px;gap:12px;}
  html #app-shell[data-simple-workspace] [data-view=home] [data-home-next] {padding:20px!important;}
  html #app-shell[data-simple-workspace] [data-view=home] .today-next__body {gap:8px;}
  html #app-shell[data-simple-workspace] [data-view=home] #today-next-heading {font-size:1.65rem;}
  html #app-shell[data-simple-workspace] .student-next-actions {gap:8px;}
  html #app-shell[data-simple-workspace] .student-next-actions a {min-height:60px;padding:12px 14px;}
  html #app-shell[data-simple-workspace] .mc-nav--mobile {border-radius:22px;padding:6px;box-shadow:0 8px 28px rgb(0 3 15 / .25)!important;}
  html #app-shell[data-simple-workspace] .mc-nav--mobile .mc-nav__item {min-height:52px;border-radius:16px;gap:4px;padding:6px 2px;}
  html #app-shell[data-simple-workspace] .mc-nav--mobile .mc-nav__item:is(.is-active,[aria-current=page]) {box-shadow:inset 0 1px 0 rgb(255 255 255 / .12)!important;}
  html #app-shell[data-simple-workspace] .planner-page-header {margin:0;}
  html #app-shell[data-simple-workspace] [data-view=planner] .planner-date-nav {grid-template-columns:44px minmax(0,1fr) 60px;}
  html #app-shell[data-simple-workspace] [data-view=notes] .page-header {grid-template-columns:minmax(0,1fr);gap:12px;margin:0;}
  html #app-shell[data-simple-workspace] [data-view=notes] .page-header__actions {gap:8px;}
  html #app-shell[data-simple-workspace] .notes-library-empty {padding:28px 20px!important;}
  html #app-shell[data-simple-workspace] [data-view=ai] .coda-studio-start {padding:20px;gap:12px;}
}
@media(forced-colors:active) {
  html #app-shell[data-simple-workspace] {--layout-line:CanvasText;--layout-shadow:none;}
  html #app-shell[data-simple-workspace] .mc-calendar-quick {background:Canvas;}
  html #app-shell[data-simple-workspace] .mc-nav--mobile,
  html #app-shell[data-simple-workspace] .mc-nav--mobile .mc-nav__item {box-shadow:none!important;}
}


/* Source: student-workflow-v1.css */

/* Four destinations, with tools grouped around the current student task. */
html #app-shell[data-simple-workspace] .mc-nav--mobile {grid-template-columns:repeat(var(--mobile-tab-count,4),minmax(0,1fr));}
html #app-shell[data-simple-workspace] .mc-nav--sidebar [hidden] {display:none!important;}
.library-sections {display:flex;gap:6px;padding:5px;margin:0 0 20px;max-width:360px;border:1px solid var(--ws-line);border-radius:16px;background:var(--ws-field);box-shadow:var(--ws-inset);}
.library-sections a {flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:11px;color:var(--ws-muted);text-decoration:none;font-weight:600;}
.library-sections a[aria-current] {background:var(--ws-tint);color:var(--ws-accent);box-shadow:var(--ws-control-depth);}
html #app-shell[data-simple-workspace] .student-next-actions {display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--ws-line);padding-top:16px;}
html #app-shell[data-simple-workspace] .student-next-actions a {flex:1;min-height:48px;padding:10px 14px;border-radius:14px;box-shadow:var(--ws-control-depth)!important;}
html #app-shell[data-simple-workspace] .student-next-actions a>span {display:none;}
html #app-shell[data-simple-workspace] .student-next-actions strong {font-size:.875rem;}
.coda-extra-modes {margin-top:12px;}
.coda-extra-modes>summary {min-height:44px;display:list-item;padding:10px 0;color:var(--ws-link);cursor:pointer;font-weight:600;}
html #app-shell[data-simple-workspace] .coda-studio-start {min-height:0!important;padding:22px!important;}
html #app-shell[data-simple-workspace] .coda-studio-copy h2 {font-size:clamp(1.25rem,2vw,1.65rem);margin:14px 0 8px;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-flow {max-width:88px;max-height:88px;}
.workspace-brand-links {display:flex;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--ws-line);}
.workspace-brand-links a {display:inline-flex;align-items:center;min-height:44px;color:var(--ws-link);}
.tutor-refresh-inline {min-height:44px;margin:4px 0 8px;}
@media(max-width:400px){html #app-shell[data-simple-workspace] .student-next-actions a{padding:10px;flex-basis:30%;} .library-sections{max-width:none;}}
/* A compact command workspace: strong content, quiet chrome, responsive rhythm. */
html #app-shell[data-simple-workspace] .app-main {max-width:1320px;}
html #app-shell[data-simple-workspace] .page-kicker {color:var(--ws-accent);font-size:.72rem;font-weight:650;letter-spacing:.13em;}
html #app-shell[data-simple-workspace] :is(.simple-tools,.mc-home-disclosure,.mc-home-progress-disclosure,.mc-home-rest) {border-top:1px solid var(--ws-line);border-radius:0;box-shadow:none!important;background:transparent!important;}
html #app-shell[data-simple-workspace] :is(.simple-tools,.mc-home-disclosure,.mc-home-progress-disclosure,.mc-home-rest)>summary {padding:16px 2px;min-height:52px;color:var(--ws-muted);font-size:.9rem;}
html #app-shell[data-simple-workspace] .notes-library-card {padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html #app-shell[data-simple-workspace] .note-library-item {border-radius:20px;padding:20px;}
html #app-shell[data-simple-workspace] .note-library-item h3 {line-height:1.4;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-studio-copy :is(h2,.coda-greeting) {display:none;}
html #app-shell[data-simple-workspace] .coda-studio-start {display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-brand {margin:0;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-flow {display:none;}
html #app-shell[data-simple-workspace] .coda-extra-modes {margin:0;}
html #app-shell[data-simple-workspace] .tutor-course-bar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px!important;margin-bottom:18px;}
html #app-shell[data-simple-workspace] .tutor-course-bar .mc-input {flex:1;min-width:180px;margin:0;}
html #app-shell[data-simple-workspace] .tutor-course-bar .tutor-context-options {flex-basis:100%;}
html #app-shell[data-simple-workspace] .tutor-context-options>summary {min-height:44px;padding:10px 0;background:transparent;}
html #app-shell[data-simple-workspace] #ai-composer {border-radius:24px;padding:18px!important;}
html #app-shell[data-simple-workspace] #ai-message {min-height:100px!important;max-height:35vh;line-height:1.6;border-radius:16px;}
html #app-shell[data-simple-workspace] .tutor-quick-actions {display:flex;gap:8px;flex-wrap:wrap;}
html #app-shell[data-simple-workspace] .tutor-quick-actions button {flex:1;min-height:44px;padding:10px 12px;font-size:.85rem;border-radius:12px;}
html #app-shell[data-simple-workspace] .ai-action-allowance {font-size:.78rem;line-height:1.5;}
@media(min-width:1000px){
 html #app-shell[data-simple-workspace] [data-view=ai] {max-width:920px;margin-inline:auto;}
}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] .coda-studio-start {padding:16px 18px!important;}
 html #app-shell[data-simple-workspace] .tutor-course-bar {padding:12px 14px!important;gap:8px;}
 html #app-shell[data-simple-workspace] .tutor-quick-actions button {flex-basis:28%;}
}
/* Conversation-first Coda, and an immersive but stationary focus player. */
html #app-shell[data-simple-workspace] [data-view=ai] {max-width:1160px;}
html #app-shell[data-simple-workspace] .coda-conversation-workspace {display:grid;gap:20px;align-items:start;}
html #app-shell[data-simple-workspace] .coda-conversation-workspace .ai-tutor-layout {display:flex;flex-direction:column;min-width:0;margin:0;width:100%;}
html #app-shell[data-simple-workspace] .coda-chat-intro {text-align:center;padding:clamp(22px,5vh,56px) 8px 28px;}
.coda-chat-intro h2 {font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:12px 0;color:var(--ws-ink);}
.coda-chat-intro>p:last-child {color:var(--ws-muted);font-size:1rem;line-height:1.6;max-width:44ch;margin-inline:auto;}
html #app-shell[data-simple-workspace] .ai-tutor-layout[data-has-messages=false] .ai-conversation-header {display:none;}
html #app-shell[data-simple-workspace] .ai-tutor-layout[data-has-messages=false] .ai-message-list {min-height:0;padding:0;}
html #app-shell[data-simple-workspace] .ai-tutor-layout[data-has-messages=false] .ai-verify-note {display:none;}
html #app-shell[data-simple-workspace] .coda-context-drawer {align-self:flex-start;max-width:100%;width:100%;margin-bottom:4px;}
.coda-context-drawer>summary,.coda-recent-chats>summary {min-height:44px;padding:10px 14px;color:var(--ws-muted);cursor:pointer;font-size:.875rem;}
.coda-context-drawer>summary span {font-size:.75rem;margin-left:8px;opacity:.85;}
html #app-shell[data-simple-workspace] .coda-recent-chats .ai-history-card {border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 12px!important;}
html #app-shell[data-simple-workspace] .coda-recent-chats .section-heading {display:none;}
html #app-shell[data-simple-workspace] .coda-studio-start {border:0!important;box-shadow:none!important;background:transparent!important;padding:4px 0!important;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-brand p {display:none;}
html #app-shell[data-simple-workspace] [data-view=focus] {max-width:1000px;}
html #app-shell[data-simple-workspace] .focus-timer-card--glass {background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--ws-action) 22%,var(--ws-card)),var(--ws-card) 70%)!important;border-radius:32px;padding:clamp(28px,5vw,60px)!important;}
html #app-shell[data-simple-workspace] .focus-ring {width:min(100%,320px);border:1px solid color-mix(in srgb,var(--ws-accent) 35%,var(--ws-line));background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--ws-accent) 12%,var(--ws-card)),var(--ws-field));box-shadow:inset 0 2px 0 rgb(255 255 255 / .12),0 18px 45px rgb(0 3 15 / .25);}
html #app-shell[data-simple-workspace] .focus-clock {font-size:clamp(4rem,12vw,6rem);font-variant-numeric:tabular-nums;letter-spacing:-.055em;}
html #app-shell[data-simple-workspace] .focus-music-drawer {border-radius:20px;border:1px solid var(--ws-line);background:var(--ws-card);}
html #app-shell[data-simple-workspace] .focus-music-drawer>summary {min-height:56px;padding:16px 20px;cursor:pointer;}
@media(min-width:1100px){
 html #app-shell[data-simple-workspace] .coda-conversation-workspace {grid-template-columns:190px minmax(0,1fr);}
 html #app-shell[data-simple-workspace] .coda-recent-chats {position:sticky;top:90px;border-right:1px solid var(--ws-line);min-height:300px;}
 html #app-shell[data-simple-workspace] .coda-recent-chats>summary {font-weight:600;color:var(--ws-ink);}
}
@media(max-width:640px){html #app-shell[data-simple-workspace] .coda-conversation-workspace{gap:4px;}html #app-shell[data-simple-workspace] .coda-chat-intro{padding-top:24px;}html #app-shell[data-simple-workspace] .coda-studio-start{gap:4px;}}
html #app-shell[data-simple-workspace] .coda-studio-start {display:flex!important;flex-wrap:nowrap;align-items:center;min-height:56px!important;gap:12px!important;margin:0 0 12px!important;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-brand {width:auto!important;flex:0 0 auto;}
html #app-shell[data-simple-workspace] .coda-studio-start .coda-studio-copy {width:auto!important;flex:0 1 auto;max-width:none;}
html #app-shell[data-simple-workspace] .coda-extra-modes>summary {font-size:.8125rem;white-space:normal;}
html #app-shell[data-simple-workspace] .ai-conversation-card {display:flex!important;flex-direction:column;gap:12px!important;padding:0!important;min-height:0!important;}
html #app-shell[data-simple-workspace] .coda-chat-intro {padding:18px 0 12px!important;margin:0!important;}
html #app-shell[data-simple-workspace] .coda-chat-intro h2 {font-size:clamp(1.65rem,3vw,2.6rem)!important;line-height:1.15!important;margin:8px 0 12px!important;}
html #app-shell[data-simple-workspace] .coda-chat-intro p {margin:0 auto!important;}
html #app-shell[data-simple-workspace] #ai-composer {margin:0!important;width:100%!important;max-width:none!important;}
html #app-shell[data-simple-workspace] .tutor-quick-actions button {overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;}
html #app-shell[data-simple-workspace] .tutor-quick-actions button span {min-width:0;overflow-wrap:normal!important;word-break:normal!important;}
@media(max-width:1099px){html #app-shell[data-simple-workspace] .coda-recent-chats{order:2;}html #app-shell[data-simple-workspace] .coda-conversation-workspace>.ai-tutor-layout{order:1;}html #app-shell[data-simple-workspace] .coda-conversation-workspace>[data-ai-access-note]{order:0;}}
@media(max-width:440px){html #app-shell[data-simple-workspace] .tutor-quick-actions svg{display:none;}html #app-shell[data-simple-workspace] .tutor-quick-actions button{font-size:.8rem;padding:8px 6px;}}

/* Reconcile the recovered workspace with v338 and older responsive rules. */
html #app-shell[data-simple-workspace] .coda-studio-start {flex-direction:row!important;justify-content:space-between;}
html #app-shell[data-simple-workspace] .coda-studio-start:has(.coda-extra-modes[open]) {flex-wrap:wrap;}
html #app-shell[data-simple-workspace] .coda-studio-start:has(.coda-extra-modes[open]) .coda-studio-copy {flex-basis:100%;}
html #app-shell[data-simple-workspace] .coda-state:empty {display:none;}
html #app-shell[data-simple-workspace] .coda-context-drawer {margin:0;}
html #app-shell[data-simple-workspace] .coda-conversation-workspace .ai-tutor-layout {gap:12px!important;}
html #app-shell[data-simple-workspace] .coda-conversation-workspace .ai-conversation-card {border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible;}
html #app-shell[data-simple-workspace] .coda-recent-chats .ai-history-card {display:block!important;}
html #app-shell[data-simple-workspace] .coda-recent-chats .section-heading {display:flex!important;margin:0 0 12px;}
html #app-shell[data-simple-workspace] .coda-recent-chats .section-heading>div {display:none;}
html #app-shell[data-simple-workspace] #ai-composer .tutor-quick-actions {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,76px),1fr))!important;gap:8px!important;}
html #app-shell[data-simple-workspace] #ai-composer .tutor-quick-actions button {width:auto;min-width:0;justify-content:center;border-radius:14px;box-shadow:none;}
html #app-shell[data-simple-workspace] #ai-composer .ai-composer__bottom {margin:0!important;}
html #app-shell[data-simple-workspace] .coda-tools {margin:12px 0 0!important;padding:0!important;}
html #app-shell[data-simple-workspace] .tutor-workspace-tools {margin:0!important;padding:0!important;}
html #app-shell[data-simple-workspace] :is(.coda-tools,.tutor-workspace-tools)>summary {text-align:left;min-height:48px;padding:12px 0;}
html #app-shell[data-simple-workspace] .library-sections {max-width:none;width:100%;margin:0 0 8px;}
html #app-shell[data-simple-workspace] [data-view=notes] .page-header {display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0;}
html #app-shell[data-simple-workspace] [data-view=notes] .page-header__actions {display:flex;width:auto;margin-left:auto;}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-hero {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0;}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-timer-card--glass {padding:24px!important;}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring {width:min(100%,260px);}
html #app-shell[data-simple-workspace] [data-focus-music-drawer] {display:block;margin:0;}
@media(max-width:640px){
 html #app-shell[data-simple-workspace] .coda-conversation-workspace .ai-tutor-layout {gap:4px!important;}
 html #app-shell[data-simple-workspace] .coda-chat-intro {padding:10px 0 12px!important;}
 html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring {width:min(100%,220px);}
 html #app-shell[data-simple-workspace] [data-view=focus] .focus-clock {font-size:clamp(3.4rem,14vw,4.5rem);}
}
html #app-shell[data-simple-workspace] :is(.coda-chat-intro,.coda-recent-chats,.ai-tutor-layout,.ai-conversation-card)[hidden] {display:none!important;}
@media(forced-colors:active){
 html #app-shell[data-simple-workspace] .focus-timer-card--glass,
 html #app-shell[data-simple-workspace] .focus-ring {background:Canvas!important;box-shadow:none!important;}
}


/* Source: recall-practice-v1.css */
.mc-recall-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0 28px;padding:28px;border:1px solid var(--mc-line-strong,#bad7cf);border-radius:24px;background:linear-gradient(120deg,var(--mc-surface-elevated,#f4faf8),var(--mc-surface,#fff));color:var(--mc-ink,#163c3b);box-shadow:0 8px 28px #163c3b09}
.mc-recall-entry h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.04em;margin:6px 0 10px}.mc-recall-entry p{margin:0;line-height:1.6}.mc-recall-entry .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700}.mc-recall-entry>button{flex-shrink:0}
.mc-recall-dialog{box-sizing:border-box;width:min(640px,calc(100% - 28px));max-height:88dvh;overflow:auto;overscroll-behavior:contain;padding:30px;border:1px solid var(--mc-line-strong,#bfd2cd);border-radius:26px;background:var(--mc-surface,#f8fbfa);color:var(--mc-ink,#163c3b);box-shadow:0 32px 120px #071f3b40;line-height:1.65}
.mc-recall-dialog::backdrop{background:#0e293d99;backdrop-filter:blur(7px)}.mc-recall-dialog h2{font-size:clamp(25px,5vw,34px);line-height:1.2;letter-spacing:-.035em;padding-right:55px;margin:16px 0}.mc-recall-dialog h3{font-size:16px;margin:0 0 12px}.mc-recall-dialog .eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;margin-top:8px}.recall-close{float:right;margin:0 0 8px 12px!important;min-width:64px}
.mc-recall-dialog .mc-button{min-height:46px;max-width:100%;white-space:normal;text-align:center;cursor:pointer}.mc-recall-dialog button:disabled{opacity:.6;cursor:default}.mc-recall-dialog :is(button,select,textarea,summary,a):focus-visible,.mc-recall-entry button:focus-visible{outline:3px solid #3c8e7b;outline-offset:4px}.mc-recall-dialog :is(h2,section):focus{outline:none}
.recall-field{display:grid;gap:8px;margin:20px 0;font-size:14px;font-weight:600}.recall-field :is(select,textarea){box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--mc-line-strong,#b4cbc5);border-radius:12px;background:var(--mc-surface-elevated,#fff);color:inherit;font:inherit;font-weight:400;padding:12px}.recall-field textarea{resize:vertical}.recall-mix{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px}.recall-mix input{width:20px;height:20px;accent-color:#2b7964}.recall-count{color:var(--mc-ink-secondary,#42615d);font-size:14px}.recall-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.recall-actions>*{flex:1 1 130px}
.mc-recall-dialog progress{width:100%;height:7px;appearance:none;border:none;border-radius:99px;background:#d5e5e0;color:#3b927c;overflow:hidden}.mc-recall-dialog progress::-webkit-progress-bar{background:#d5e5e0}.mc-recall-dialog progress::-webkit-progress-value{background:#3b927c;border-radius:99px}.mc-recall-dialog progress::-moz-progress-bar{background:#3b927c}.recall-question{font-size:clamp(20px,4vw,25px);font-weight:600;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0}
.recall-feedback{border:1px solid var(--mc-line-strong,#bfd7cf);border-radius:18px;padding:22px;margin-top:24px;background:var(--mc-surface-elevated,#fff)}.recall-feedback>p,.recall-feedback blockquote{white-space:pre-wrap;overflow-wrap:anywhere}.recall-feedback blockquote{font-size:14px;margin:16px 0;padding-left:14px;border-left:3px solid #3b927c;color:var(--mc-ink-secondary,#42615d)}.recall-feedback .recall-actions{margin-bottom:0}.recall-status{font-size:14px;overflow-wrap:anywhere}.recall-status:empty{display:none}
.recall-science,.recall-create{border-top:1px solid var(--mc-line-strong,#cbddd6);margin-top:24px;padding-top:12px;font-size:13px}.mc-recall-dialog summary{cursor:pointer;min-height:44px;padding:8px 0;box-sizing:border-box;font-weight:600}.recall-science a{display:block;margin:12px 0;color:var(--mc-accent,#226858);text-underline-offset:3px}.recall-science p{color:var(--mc-ink-secondary,#42615d)}.mc-recall-dialog li{margin:14px 0}.mc-recall-dialog form{margin-top:12px}
@media(max-width:600px){.mc-recall-entry{align-items:stretch;flex-direction:column;padding:22px;gap:18px}.mc-recall-entry>button{width:100%}.mc-recall-dialog{padding:22px 18px;max-height:90dvh}.recall-feedback{padding:18px}.recall-actions{gap:8px}.recall-actions>*{flex-basis:100%}}


/* Source: sync-review-v1.css */
.sync-review {width:min(720px,calc(100% - 24px));max-height:90dvh;background:var(--mc-surface,#fff);color:var(--mc-ink,#172338);backdrop-filter:none;-webkit-backdrop-filter:none;}
.sync-review .sheet-surface {padding:24px;}
.sync-review__header {display:flex;align-items:start;justify-content:space-between;gap:16px;}
.sync-review__header h2 {margin:6px 0 12px;font-size:clamp(22px,4vw,28px);line-height:1.2;letter-spacing:-.03em;}
.sync-review__copies {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;}
.sync-review__copies article {min-width:0;border:1px solid var(--mc-line,#d9dfeb);border-radius:20px;padding:16px;background:color-mix(in srgb,var(--mc-teal,#20866f) 4%,var(--mc-surface,#fff));}
.sync-review__copies h3 {font-size:17px;margin:0 0 4px;}
.sync-review__copies p {overflow-wrap:anywhere;}
.sync-review__copies dl {display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;margin-bottom:0;}
.sync-review__copies dd {margin:0;font-variant-numeric:tabular-nums;}
.sync-review__details summary {min-height:44px;cursor:pointer;padding:10px 0;}
.sync-review__details pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:280px;overflow:auto;padding:12px;border:1px solid var(--mc-line);border-radius:12px;}
.sync-review__details h4 {margin-bottom:8px;}
.sync-review__actions {display:flex;gap:10px;flex-wrap:wrap;}
.sync-review__actions button {flex:1;min-height:48px;}
.sync-review [data-status]:empty {display:none;}
@media(max-width:480px){.sync-review .sheet-surface{padding:18px}.sync-review__copies{grid-template-columns:1fr}.sync-review__actions{flex-direction:column}}
@media(forced-colors:active){.sync-review,.sync-review__copies article{background:Canvas;color:CanvasText;border:1px solid CanvasText}}

.sync-review__merge{margin:16px 0;border:1px solid var(--mc-teal,#288671);border-radius:18px;padding:16px;background:color-mix(in srgb,var(--mc-teal,#288671) 8%,var(--mc-surface,#fff));}
.sync-review__merge h3{margin:0 0 8px;font-size:18px}.sync-review__merge p{margin:8px 0;line-height:1.55}
.sync-review>section>details:last-child{margin-top:12px}.sync-review>section>details:last-child>summary{min-height:44px;padding:10px 0;cursor:pointer}


/* Source: student-clarity-v1.css */
/* Match action prominence to a student's next step, not the number of tools. */
.app-shell[data-simple-workspace] .student-page-description { margin:8px 0 0; color:var(--mc-ink-secondary); font-size:14px; line-height:1.5; max-width:50ch; }
.app-shell[data-simple-workspace] [data-view=study]:has([data-course-detail-pane]:not([hidden])) .student-page-description { display:none; }
.app-shell[data-simple-workspace] .study-page-header .page-header__actions { display:flex!important; gap:10px; align-items:center; flex-wrap:wrap; width:auto; }
.app-shell[data-simple-workspace] .study-page-header .page-header__actions > [data-add-course] { flex:0 1 auto; width:auto!important; min-height:44px; }
.app-shell[data-simple-workspace] .mc-study-more { flex:0 0 auto; width:auto!important; }
.app-shell[data-simple-workspace] .mc-study-more>summary { min-width:68px; min-height:44px; padding:12px; }
.app-shell[data-simple-workspace] .course-card__actions { display:flex; flex-wrap:wrap; gap:10px; }
.app-shell[data-simple-workspace] .course-card__actions .mc-button { min-height:44px; width:auto; }
.app-shell[data-simple-workspace] .course-card__actions .mc-button--primary { flex:1 1 auto; }
.app-shell[data-simple-workspace] .student-course-start { display:flex; align-items:center; flex-wrap:wrap; gap:10px; width:100%; }
.app-shell[data-simple-workspace] .student-course-start .mc-button { min-height:48px; }
.app-shell[data-simple-workspace] .student-course-hint { width:100%; margin:0; color:var(--mc-ink-secondary); font-size:14px; line-height:1.6; }
.app-shell[data-simple-workspace] .course-detail-hero { align-items:flex-start; gap:20px; }
.app-shell[data-simple-workspace] .course-detail-hero__actions { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.app-shell[data-simple-workspace] .course-material-reader { margin-block:12px; }
.app-shell[data-simple-workspace] .course-material-reader p { font-size:16px; line-height:1.7; }
@media(max-width:640px) {
 .app-shell[data-simple-workspace] .study-page-header { display:block; }
 .app-shell[data-simple-workspace] .study-page-header .page-header__actions { margin-top:14px; }
 .app-shell[data-simple-workspace] .student-course-start { align-items:stretch; }
 .app-shell[data-simple-workspace] .student-course-start .mc-button { flex:1 1 140px; }
 .app-shell[data-simple-workspace] .course-detail-hero__actions { width:100%; }
}

.app-shell[data-simple-workspace] [data-view=study]:has([data-course-detail-pane]:not([hidden])) .study-page-header .page-header__actions { display:none!important; }

.app-shell[data-simple-workspace] .course-extra-resources { border:1px solid var(--mc-line); border-radius:18px; padding:16px; }
.app-shell[data-simple-workspace] .course-extra-resources > summary { cursor:pointer; min-height:28px; font-weight:600; }
.app-shell[data-simple-workspace] .course-extra-resources[open] > :not(summary) { margin-top:12px; }


/* Source: plan-coda-clarity-v1.css */
/* Keep the first action in the same place in visual and keyboard order. */
html #app-shell[data-simple-workspace] .student-plan-hint {margin:8px 0 0;color:var(--mc-ink-secondary);font-size:1rem;line-height:1.5;}
html #app-shell[data-simple-workspace] [data-view=planner] .planner-workspace {display:flex;flex-direction:column;gap:20px;}
html #app-shell[data-simple-workspace] [data-view=planner] .planner-workspace > article {width:100%;min-width:0;box-sizing:border-box;}
html #app-shell[data-simple-workspace] [data-view=planner] .planner-command-strip__actions {justify-content:flex-start;gap:10px;}
html #app-shell[data-simple-workspace] [data-view=planner] .planner-command-strip__actions > button {min-height:48px;flex:0 1 auto;}
html #app-shell[data-simple-workspace] [data-planner-setup] .mc-calendar-quick {margin:0;padding:16px;}
html #app-shell[data-simple-workspace] .student-plan-tool-group {padding:12px 0;}
html #app-shell[data-simple-workspace] .student-plan-tool-group + .student-plan-tool-group {border-top:1px solid var(--mc-line);}
html #app-shell[data-simple-workspace] .student-plan-tool-group > h3 {font-size:1rem;margin:0 0 12px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-conversation-workspace {display:flex;flex-direction:column;gap:12px;max-width:800px;margin-inline:auto;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-conversation-workspace > .ai-tutor-layout {order:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-recent-chats {order:1;position:static;min-height:0;border:0;width:100%;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-context-drawer {align-self:stretch;margin:8px 0 0;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-intro {text-align:left;padding:8px 0 12px!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-intro > p:last-child {margin:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-intro h2 {font-size:clamp(1.5rem,3vw,2.1rem)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {display:flex!important;flex-direction:column;gap:12px!important;padding:18px!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer textarea {min-height:100px;font-size:1rem;line-height:1.5;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions {display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions button {flex:1 1 130px;min-height:44px;font-size:.875rem;}
html #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-context-drawer,.coda-recent-chats) > summary {min-height:48px;padding:12px 4px;}
@media(max-width:640px){
 html #app-shell[data-simple-workspace] [data-view=planner] .planner-command-strip__actions > button {flex:1 1 120px;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {padding:14px!important;}
 html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions button {flex:1 1 100px;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {border:1px solid CanvasText;}}
/* Older workspace rules assigned tool menus ahead of the question. */
html #app-shell[data-simple-workspace] [data-view=ai] .ai-tutor-layout > .ai-conversation-card {order:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-tutor-layout > .coda-context-drawer {order:1!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer > * {order:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer .tutor-quick-actions {display:flex!important;}

/* The next action shares a surface with the existing Plan controls. */
html #app-shell[data-simple-workspace] .planner-command-strip:has(.planner-next-copy:not([hidden])) {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 14px;
  padding: clamp(16px, 2vw, 24px); border: 1px solid var(--mc-line-strong); border-radius: 18px;
  background: color-mix(in srgb, var(--mc-surface) 96%, var(--mc-teal));
}
html #app-shell .planner-command-strip .planner-next-copy { display: grid; gap: 4px; min-width: 0; }
html #app-shell .planner-next-copy > span { color: var(--mc-ink-secondary); font-size: .85rem; font-weight: 650; }
html #app-shell .planner-next-copy h2 { margin: 0; font-size: clamp(1.2rem,2vw,1.6rem); line-height: 1.25; overflow-wrap: anywhere; }
html #app-shell .planner-next-copy p { margin: 0; color: var(--mc-ink-secondary); font-size: .925rem; }
html #app-shell[data-simple-workspace] [data-view=planner] .planner-command-strip__actions {display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px;}
html #app-shell [data-view=planner]:has(.planner-next-copy:not([hidden])) [data-focus-note],
html #app-shell .planner-command-strip:has([data-planner-next-action]:not([hidden])) [data-add-task] {
  background: var(--mc-surface)!important; color: var(--mc-ink)!important; border:1px solid var(--mc-line-strong); box-shadow:none;
}
html #app-shell .planner-command-strip :is(.planner-next-copy,[data-planner-next-action])[hidden] {display:none!important;}
@media(max-width:520px){
  html #app-shell[data-simple-workspace] [data-view=planner] .planner-command-strip__actions > [data-planner-next-action] {flex:1 1 100%;}
}

/* A dated agenda and a Monday-first calendar share the same reading order. */
#app-shell .planner-range-preview {margin:0 0 14px;padding:14px 16px;border:1px solid var(--mc-line);border-radius:14px;background:color-mix(in srgb,var(--mc-surface) 95%,var(--mc-teal));}
#app-shell .planner-range-preview h3 {margin:0;color:var(--mc-ink-secondary);font-size:.875rem;}
#app-shell .planner-range-preview p {margin:6px 0 0;}
#app-shell :is(.planner-preview-link,.planner-date-link,.planner-week-study,.planner-week-more) {background:transparent;color:var(--mc-ink);border:0;font:inherit;cursor:pointer;min-width:0;border-radius:8px;}
#app-shell .planner-preview-link {display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:12px;align-items:center;width:100%;padding:8px 0;text-align:start;min-height:44px;}
#app-shell .planner-preview-link + .planner-preview-link {border-top:1px solid var(--mc-line);border-radius:0;}
#app-shell .planner-preview-link span,.planner-month-key,.planner-week-items {color:var(--mc-ink-secondary);font-size:.9rem;}
#app-shell .planner-preview-link strong,#app-shell .planner-week-items {overflow-wrap:anywhere;}
#app-shell .planner-date-link {font-weight:650;min-height:44px;}
#app-shell .planner-date-link[aria-current=date] {outline:1px solid var(--mc-ink-secondary);outline-offset:-2px;}
#app-shell .planner-week-row {display:grid;grid-template-columns:minmax(7rem,auto) 1fr;align-items:baseline;gap:12px;padding:3px 0;border-top:1px solid var(--mc-line);}
#app-shell .planner-week-row .planner-date-link {text-align:start;padding:4px 8px;}
#app-shell .planner-week-items {display:grid;align-content:center;min-width:0;gap:2px;}
#app-shell :is(.planner-week-study,.planner-week-more) {justify-self:start;color:var(--mc-ink);text-align:start;text-decoration:underline;text-underline-offset:.2em;padding:5px 0;min-height:32px;}
#app-shell .planner-month {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;}
#app-shell .planner-weekday {text-align:center;font-size:.8rem;color:var(--mc-ink-secondary);}
#app-shell .planner-month .planner-date-link {padding:0;font-variant-numeric:tabular-nums;font-weight:500;}
#app-shell .planner-month .has-plans {font-weight:750;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.25em;background:color-mix(in srgb,var(--mc-surface) 90%,var(--mc-teal));}
#app-shell .planner-month-key {margin-top:8px;}
#app-shell :is(.planner-preview-link,.planner-date-link,.planner-week-study,.planner-week-more):focus-visible {outline:3px solid var(--mc-ink);outline-offset:-3px;}
@media(max-width:520px) {
  #app-shell .planner-preview-link {grid-template-columns:1fr;gap:2px;}
  #app-shell .planner-week-row {grid-template-columns:minmax(5rem,34%) 1fr;gap:4px;}
  #app-shell .planner-month {gap:2px;}
}
#app-shell .planner-preview-link {position:relative;padding-inline-end:24px;}
#app-shell .planner-preview-link::after {content:"";position:absolute;right:6px;top:calc(50% - 4px);width:7px;height:7px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(45deg);}
#app-shell [data-view=planner]:has(.planner-range-preview) [data-focus-note] {background:var(--mc-surface)!important;color:var(--mc-ink)!important;box-shadow:none;}
@media(hover:hover) {
  #app-shell :is(.planner-preview-link,.planner-date-link):hover {background:color-mix(in srgb,var(--mc-surface) 90%,var(--mc-teal));}
}

#app-shell .planner-todo-label {margin:0;color:var(--mc-ink-secondary);font-size:.85rem;font-weight:650;}
#app-shell .planner-tasks-card .planner-task-featured {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:8px;padding:12px 8px;border:1px solid var(--mc-line);border-radius:14px;background:color-mix(in srgb,var(--mc-surface) 95%,var(--mc-teal));}
#app-shell .planner-task-featured .planner-row-actions {grid-column:auto;margin:0;}
#app-shell .planner-task-featured .planner-task-study {display:grid;justify-items:start;gap:5px;min-width:0;text-align:start;}
#app-shell .planner-task-featured .planner-task-study strong {white-space:normal;overflow-wrap:anywhere;}
#app-shell .planner-task-start {display:inline-block;margin-top:3px;padding:6px 12px;border-radius:999px;background:var(--mc-ink);color:var(--mc-surface);font-size:.875rem;font-weight:650;}
#app-shell .planner-todo-choices {margin-top:6px;border-top:1px solid var(--mc-line);}
#app-shell .planner-todo-choices summary {display:list-item;min-height:44px;box-sizing:border-box;padding:12px 4px;color:var(--mc-ink);cursor:pointer;font-weight:600;}
#app-shell .planner-todo-choices h3 {margin:14px 0 4px;color:var(--mc-ink-secondary);font-size:.875rem;}
#app-shell .planner-tasks-card :is(summary,button):focus-visible {outline:3px solid var(--mc-ink);outline-offset:-2px;}

#app-shell .planner-todo-filter {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 8px;margin:8px 0 12px;}
#app-shell .planner-todo-filter label {display:grid;gap:5px;color:var(--mc-ink-secondary);font-size:.875rem;font-weight:600;}
#app-shell .planner-todo-filter input {width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--mc-line-strong);border-radius:10px;background:var(--mc-surface);color:var(--mc-ink);font:inherit;font-size:1rem;}
#app-shell .planner-todo-filter small {grid-column:1/-1;color:var(--mc-ink-secondary);}
#app-shell .planner-todo-filter button[hidden] {display:none!important;}
#app-shell .planner-todo-filter input:focus-visible {outline:2px solid var(--mc-ink);outline-offset:2px;}

/* Keep the typed query visible when the clear action appears on a phone. */
@media (max-width: 520px) {
  #app-shell .planner-todo-filter {grid-template-columns:auto minmax(0,1fr);align-items:center;}
  #app-shell .planner-todo-filter label {grid-column:1/-1;}
  #app-shell .planner-todo-filter small {grid-column:2;min-width:0;overflow-wrap:anywhere;}
  #app-shell .planner-todo-filter small:empty {display:none;}
}


/* Source: focus-flow-v1.css */
/* Active only: preserve the timer while moving through the existing workspace. */
#app-shell .focus-flow {position:fixed;z-index:70;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid var(--mc-line);border-radius:18px;background:var(--mc-surface);color:var(--mc-ink);box-shadow:0 8px 30px rgb(0 0 0 / .22);}
#app-shell .focus-flow[hidden] {display:none!important;}
.focus-flow button,.focus-flow summary {min-height:44px;font:inherit;font-size:.875rem;cursor:pointer;}
.focus-flow-clock {background:transparent;color:inherit;border:0;padding:8px 10px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.focus-flow .mc-button {padding:10px 16px;white-space:nowrap;}
.focus-flow-more {position:relative;}
.focus-flow-more > summary {display:flex;align-items:center;padding:8px 12px;list-style:none;}
.focus-flow-more > button {display:none;}
.focus-flow-more[open] {position:relative;}
.focus-flow-more[open] > button {display:block;position:relative;min-width:180px;text-align:left;}
.focus-flow-more[open] {position:absolute;right:0;bottom:0;padding:8px;border:1px solid var(--mc-line);border-radius:16px;background:var(--mc-surface);box-shadow:0 8px 30px rgb(0 0 0 / .22);}
.focus-flow-more[open] > summary {justify-content:flex-end;}
#app-shell.has-focus-flow #main {padding-bottom:160px;}
.focus-flow-note {margin:0 0 8px;color:var(--mc-teal,var(--mc-ink));font-size:.8125rem;line-height:1.4;font-variant-numeric:tabular-nums;}
.focus-flow-note[hidden] {display:none!important;}
body:has(#study-note-sheet[open]) .focus-flow {display:none!important;}
@media(max-width:900px){#app-shell .focus-flow {bottom:calc(90px + env(safe-area-inset-bottom,0px));width:max-content;}}
@media(forced-colors:active){#app-shell .focus-flow {background:Canvas;color:CanvasText;border:1px solid CanvasText;}}
.focus-note-details,.focus-note-format {border:1px solid var(--mc-line);border-radius:12px;padding:10px 12px;}
.focus-note-details > summary,.focus-note-format > summary {min-height:32px;cursor:pointer;font-size:.875rem;color:var(--mc-ink-secondary);}
.focus-note-details[open] > :not(summary) {margin-top:12px;}
#study-note-sheet.is-focus-capture .note-form > :is(.eyebrow,h2,.planner-form__intro) {display:none;}
#study-note-sheet.is-focus-capture .note-form {gap:10px;}
#study-note-sheet.is-focus-capture .note-studio-tip {display:none;}
#study-note-sheet.is-focus-capture .focus-note-details {order:2;}
#study-note-sheet.is-focus-capture .planner-form__actions {position:sticky;bottom:0;z-index:5;background:var(--mc-surface);padding:10px 0;}
.focus-note-helpers {margin-top:12px;border:1px solid var(--mc-line);border-radius:12px;padding:10px 12px;}
.focus-note-helpers > summary {min-height:32px;font-size:.875rem;cursor:pointer;}
.focus-note-helpers[open] > button {margin:8px 8px 0 0;}
#study-note-sheet.is-focus-capture .note-studio-bar {display:block!important;min-width:0;}
#study-note-sheet.is-focus-capture .note-studio-identity {width:100%;}
#study-note-sheet.is-focus-capture .note-time-metadata {display:none;}
#study-note-sheet.is-focus-capture :is(.note-studio,.note-paper,[data-studio-document],.note-format,.note-studio-tabs) {width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;}
#study-note-sheet.is-focus-capture .note-paper {overflow-wrap:anywhere;white-space:pre-wrap;}
#app-shell .focus-flow [hidden] {display:none!important;}
.focus-note-start[hidden] {display:none!important;}
.note-studio-identity .focus-note-start {justify-self:start;}
/* Only the countdown header stays sticky; tabs must not cover the first line. */
#study-note-sheet.is-focus-capture .note-studio-tabs {position:static!important;top:auto!important;}

#study-note-sheet.is-focus-capture .note-studio-identity {position:sticky;top:0;z-index:6;background:var(--mc-surface);padding-block:6px;}
#study-note-sheet.is-focus-capture .focus-flow-note {font-size:.875rem;font-weight:600;}
@media(max-width:640px){#app-shell .focus-flow--idle {flex-wrap:wrap;gap:6px;}#app-shell .focus-flow--idle .mc-button {padding-inline:12px;}}

html #app-shell[data-simple-workspace] .page-header {flex-wrap:wrap;gap:12px;min-width:0;}


/* Source: flowline-living-day-v1.css */
/* Flowline: iOS-inspired surfaces, shared with the native palette. */
:root {
 --flow-bg:#f7f6f2;--flow-surface:#ffffff;--flow-raised:#eeece6;
 --flow-ink:#30352f;--flow-muted:#656b62;--flow-line:#dedfd6;
 --flow-accent:#456490;--flow-tint:#e7edf5;--flow-green:#34745d;
 --ws-bg:var(--flow-bg);--ws-card:var(--flow-surface);--ws-raised:var(--flow-raised);--ws-field:var(--flow-surface);
 --ws-ink:var(--flow-ink);--ws-muted:var(--flow-muted);--ws-line:var(--flow-line);--ws-accent:var(--flow-green);
 --ws-action:var(--flow-accent);--ws-action-end:var(--flow-accent);--ws-link:var(--flow-accent);--ws-on-accent:#fff;--ws-tint:var(--flow-tint);
}
html.theme-dark {
 --flow-bg:#191c1b;--flow-surface:#242826;--flow-raised:#303632;
 --flow-ink:#f0f1e9;--flow-muted:#b6bcb1;--flow-line:#424940;
 --flow-accent:#9dc0f2;--flow-tint:#2c333e;--flow-green:#9acdb5;
 --ws-bg:var(--flow-bg);--ws-card:var(--flow-surface);--ws-raised:var(--flow-raised);--ws-field:var(--flow-surface);
 --ws-ink:var(--flow-ink);--ws-muted:var(--flow-muted);--ws-line:var(--flow-line);--ws-accent:var(--flow-green);
 --ws-action:var(--flow-accent);--ws-action-end:var(--flow-accent);--ws-link:var(--flow-accent);--ws-on-accent:#171f2b;--ws-tint:var(--flow-tint);
}
html #app-shell[data-simple-workspace] {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--flow-bg)!important;}
html #app-shell[data-simple-workspace] .app-main {max-width:1200px;background:transparent!important;}
html #app-shell[data-simple-workspace] .glass-topbar {display:flex!important;background:transparent!important;box-shadow:none!important;border:0!important;margin-bottom:20px;}
html #app-shell[data-simple-workspace] .glass-wordmark {display:flex!important;align-items:center;gap:10px;color:var(--flow-ink);font-size:18px;font-weight:600;}
html #app-shell[data-simple-workspace] .glass-wordmark img {width:34px;height:34px;}
html #app-shell[data-simple-workspace] .today-header {margin-bottom:16px;}
html #app-shell[data-simple-workspace] .today-header h1 {font-size:17px;font-weight:500;letter-spacing:0;}
html #app-shell[data-simple-workspace] .today-header__copy {display:none;}
html #app-shell[data-simple-workspace] .living-day {margin:0 0 26px;padding:28px 0 0;color:var(--flow-ink);}
html #app-shell[data-simple-workspace] .living-day-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;}
html #app-shell[data-simple-workspace] .living-day-eyebrow {font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--flow-muted);margin:0 0 14px;}
html #app-shell[data-simple-workspace] #living-day-title {font-family:ui-serif,Georgia,serif;font-size:clamp(36px,4.5vw,58px);line-height:1.06;letter-spacing:-.045em;font-weight:400;margin:0 0 16px;}
html #app-shell[data-simple-workspace] .living-day-heading p:not(.living-day-eyebrow) {font-size:15px;line-height:1.6;max-width:40ch;color:var(--flow-muted);margin:0;}
html #app-shell[data-simple-workspace] .living-pearl {flex:0 0 104px;height:104px;border-radius:50%;background:radial-gradient(circle at 32% 25%,var(--flow-surface),var(--flow-tint) 48%,var(--flow-accent));box-shadow:0 16px 40px -22px var(--flow-accent),inset 0 0 24px var(--flow-surface);}
html #app-shell[data-simple-workspace] .living-day-position {display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:28px 0 22px;font-size:12px;color:var(--flow-muted);}
html #app-shell[data-simple-workspace] .living-day-position time {font-variant-numeric:tabular-nums;color:var(--flow-green);}
html #app-shell[data-simple-workspace] .living-day-track {position:relative;flex-basis:100%;height:3px;background:var(--flow-line);border-radius:8px;}
html #app-shell[data-simple-workspace] .living-day-track i {position:absolute;width:9px;height:9px;border-radius:50%;background:var(--flow-accent);top:-3px;left:clamp(0px,var(--day-position),calc(100% - 9px));}
html #app-shell[data-simple-workspace] .living-day-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:var(--flow-raised);border-radius:22px;}
html #app-shell[data-simple-workspace] .living-day-steps button {appearance:none;border:0;border-radius:17px;background:transparent;color:var(--flow-ink);text-align:left;padding:14px;min-height:86px;font:inherit;cursor:pointer;transition:background .18s,transform .18s;}
html #app-shell[data-simple-workspace] .living-day-steps button:hover {background:var(--flow-surface);}
html #app-shell[data-simple-workspace] .living-day-steps button:active {transform:scale(.98);}
html #app-shell[data-simple-workspace] .living-day-steps span {color:var(--flow-accent);font-size:11px;margin-right:8px;}
html #app-shell[data-simple-workspace] .living-day-steps strong {font-size:14px;font-weight:600;}
html #app-shell[data-simple-workspace] .living-day-steps small {display:block;margin-top:8px;color:var(--flow-muted);font-size:12px;line-height:1.4;}
html #app-shell[data-simple-workspace] [data-view=home] [data-home-next] {background:var(--flow-surface)!important;box-shadow:0 12px 32px -24px #252b2538!important;border:1px solid var(--flow-line)!important;border-radius:26px;}
html #app-shell[data-simple-workspace] :is(.mc-button--primary,.home-start-focus) {background:var(--flow-accent)!important;color:var(--ws-on-accent)!important;box-shadow:none!important;border:0!important;font-weight:600;}
html #app-shell[data-simple-workspace] .student-next-actions a {background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--flow-line)!important;border-radius:0;padding-inline:0;}
html #app-shell[data-simple-workspace] .app-sidebar {background:var(--flow-bg)!important;box-shadow:none!important;}
html #app-shell[data-simple-workspace] .mc-nav__item.is-active {background:var(--flow-tint)!important;color:var(--flow-accent)!important;box-shadow:none!important;}
html #onboarding-sheet .sheet-surface {background:var(--flow-bg)!important;color:var(--flow-ink);border-radius:28px;}
html #onboarding-sheet .setup-brand {display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:600;}
html #onboarding-sheet .setup-brand img {width:36px;height:36px;}
html #onboarding-sheet .onboarding-step h2 {font-family:ui-serif,Georgia,serif;font-size:34px;letter-spacing:-.035em;font-weight:400;}
html #onboarding-sheet [data-onboarding-count] {color:var(--flow-accent);}
html #onboarding-sheet .mc-button--primary {background:var(--flow-accent)!important;color:var(--ws-on-accent)!important;box-shadow:none!important;}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] .living-day {padding-top:12px;}
 html #app-shell[data-simple-workspace] .living-pearl {flex-basis:60px;height:60px;}
 html #app-shell[data-simple-workspace] .living-day-heading {gap:12px;align-items:flex-start;}
 html #app-shell[data-simple-workspace] .living-day-steps {grid-template-columns:repeat(2,minmax(0,1fr));}
 html #app-shell[data-simple-workspace] .living-day-steps button {min-height:76px;padding:12px;}
 html #app-shell[data-simple-workspace] .glass-topbar {margin-bottom:10px;}
}
@media(prefers-reduced-motion:reduce){html #app-shell[data-simple-workspace] .living-day-steps button {transition:none;transform:none;}}
@media(forced-colors:active){html #app-shell[data-simple-workspace],html #onboarding-sheet {--flow-bg:Canvas;--flow-surface:Canvas;--flow-raised:Canvas;--flow-ink:CanvasText;--flow-muted:CanvasText;--flow-line:CanvasText;--flow-accent:Highlight;--flow-tint:Canvas;--flow-green:CanvasText;--ws-on-accent:HighlightText;}html #app-shell[data-simple-workspace] .living-day-steps button {border:1px solid ButtonText;}}
/* Keep the default type scale until account display preferences arrive. */
html:not([data-text-scale]) #app-shell[data-simple-workspace] #living-day-title,
html[data-text-scale="100"] #app-shell[data-simple-workspace] #living-day-title {font-size:clamp(36px,4.5vw,58px)!important;line-height:1.06!important;}
html body:not(.is-marketing) {background:var(--flow-bg)!important;}
html #app-shell[data-simple-workspace] :is(.mc-button--secondary,.mc-button--quiet) {background:var(--flow-raised)!important;color:var(--flow-ink)!important;box-shadow:none!important;border-color:var(--flow-line)!important;}
html.mc-reduce-motion #app-shell[data-simple-workspace] .living-day-steps button {transition:none;transform:none;}
/* Setup keeps its next action in reach, including small phones and large text. */
html #onboarding-sheet {width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:hidden;border-radius:28px;}
html #onboarding-sheet .sheet-surface {display:flex;flex-direction:column;gap:16px;max-height:calc(100dvh - 24px);padding:22px;box-sizing:border-box;overflow:hidden;}
html #onboarding-sheet :is(.setup-brand,.setup-topline,.onboarding-actions,.sheet-handle) {flex-shrink:0;margin-block:0;}
html #onboarding-sheet .onboarding-step:not([hidden]) {overflow:auto;min-height:0;padding-bottom:4px;}
html #onboarding-sheet .onboarding-step h2 {margin:8px 0 16px;}
html #onboarding-sheet .onboarding-actions {background:var(--flow-bg);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:14px;}
html #onboarding-sheet [data-onboarding-next] {grid-column:1/-1;order:-1;width:100%;margin:0;}
html #onboarding-sheet .mc-button {min-height:44px;white-space:normal;}
html #onboarding-sheet :is(.mc-button--secondary,.mc-button--quiet) {background:var(--flow-raised)!important;color:var(--flow-ink)!important;box-shadow:none!important;border-color:var(--flow-line)!important;}
html #onboarding-sheet .living-setup-tour {margin-top:14px;}
html #onboarding-sheet details>summary {min-height:44px;padding-block:12px;}

/* Keep the pearl, serif heading and day line; make studying the first action. */
html #app-shell[data-simple-workspace] .living-day {padding-top:12px;margin-bottom:20px;}
html #app-shell[data-simple-workspace] #living-day-title {font-size:clamp(32px,4vw,48px);margin-bottom:0;}
html #app-shell[data-simple-workspace] .living-pearl {flex-basis:72px;height:72px;}
html #app-shell[data-simple-workspace] .living-day-position {margin:18px 0;}
html #app-shell[data-simple-workspace] .living-day-steps {grid-template-columns:repeat(3,minmax(0,1fr));}
html #app-shell[data-simple-workspace] .living-day-steps button {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:64px;padding:12px;}
html #app-shell[data-simple-workspace] .living-day-steps svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;}
html #app-shell[data-simple-workspace] .living-day-steps small {margin:0;font-size:12px;color:inherit;}
html #app-shell[data-simple-workspace] .living-day-steps [data-living-focus] {background:var(--flow-accent);color:var(--ws-on-accent);}
html #app-shell[data-simple-workspace] .living-day-steps button:focus-visible {outline:3px solid var(--flow-green);outline-offset:3px;}
html #app-shell[data-simple-workspace] .living-day-steps button:disabled {opacity:.55;cursor:default;}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] .living-pearl {flex-basis:52px;height:52px;}
 html #app-shell[data-simple-workspace] .living-day-steps button {flex-direction:column;gap:6px;min-height:82px;padding:10px 6px;}
 html #app-shell[data-simple-workspace] .living-day-steps strong {font-size:13px;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] .living-day-steps [data-living-focus] {background:Highlight;color:HighlightText;}}
/* Uncommitted gap previews; no motion and no change to the Living Day river. */
.mc-smart-gap {margin-top:16px;color:var(--mc-ink);}
.mc-smart-gap__slots {display:flex;flex-wrap:wrap;gap:8px;}
.mc-smart-gap__slot {font:inherit;font-size:.8125rem;min-height:44px;border:1px dashed var(--mc-line-strong);border-radius:12px;padding:10px 14px;background:var(--mc-surface-elevated);color:var(--mc-ink);cursor:pointer;}
.mc-smart-gap__ghost {flex-basis:100%;padding:14px;border:1px dashed var(--mc-line-strong);border-radius:12px;background:color-mix(in srgb,var(--mc-surface) 86%,transparent);color:var(--mc-ink);}
.mc-smart-gap__sheet {position:fixed;margin:0;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--mc-line-strong);border-radius:22px;background:var(--mc-surface);color:var(--mc-ink);box-shadow:0 14px 40px #0003;z-index:1000;}
.mc-smart-gap__sheet:not([open]) {display:none;}
.mc-smart-gap__sheet h2 {font-size:1.2rem;margin-top:0;}
.mc-smart-gap__sheet p {white-space:pre-line;line-height:1.5;}
.mc-smart-gap__sheet button {min-height:44px;margin:4px;}
.mc-smart-gap :focus-visible,.mc-smart-gap__sheet :focus-visible {outline:2px solid var(--mc-ink);outline-offset:3px;}
html.mc-reduce-transparency .mc-smart-gap__ghost {background:var(--mc-surface);}
@media(prefers-reduced-transparency:reduce){.mc-smart-gap__ghost {background:var(--mc-surface);}}
@media(max-width:600px){.mc-smart-gap__sheet {top:auto!important;left:8px!important;bottom:8px;width:calc(100vw - 16px);}.mc-smart-gap__slots {flex-direction:column;}}


/* Source: coda-chat-calm-v1.css */
/* One conversation, a quiet presence, and optional tools. Uses Flowline tokens. */
html #app-shell[data-simple-workspace] [data-view=ai] {max-width:880px;margin-inline:auto;width:100%;min-width:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .page-header .page-kicker {display:none;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-tutor-layout {display:flex!important;flex-direction:column;gap:14px;min-width:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-tutor-layout[hidden] {display:none!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-course-bar {width:100%;margin:0;padding:12px 16px!important;background:var(--flow-bg)!important;box-shadow:none!important;border:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-course-bar>.mc-input {flex:1 1 200px;margin:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {width:100%;padding:32px!important;border:1px solid var(--flow-line)!important;border-radius:30px;box-shadow:0 16px 56px -36px color-mix(in srgb,var(--flow-ink) 24%,transparent)!important;background:var(--flow-surface)!important;overflow:visible;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:4px;padding:0 0 16px;border-bottom:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence {display:flex;align-items:center;gap:12px;flex:1 1 220px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb {position:relative;display:block;flex:0 0 54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 25%,var(--flow-surface),var(--flow-tint) 45%,var(--flow-accent));box-shadow:inset -6px -8px 14px color-mix(in srgb,var(--flow-accent) 25%,transparent),0 6px 18px -10px var(--flow-accent);overflow:hidden;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb::after {content:'';position:absolute;inset:5px;border-radius:50%;background:conic-gradient(from 30deg,transparent 15%,var(--flow-surface) 28%,transparent 47%,var(--flow-accent) 68%,transparent 85%);opacity:.5;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence strong {display:block;font-size:17px;font-weight:600;color:var(--flow-ink);}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-presence-status] {display:block;color:var(--flow-muted);font-size:12px;line-height:1.5;margin-top:3px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header>div:first-child {flex-basis:100%;order:2;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header h2 {font-size:clamp(25px,3vw,34px)!important;font-weight:600;letter-spacing:-.045em;line-height:1.16;margin:16px 0 10px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header p {font-size:13px;line-height:1.5;color:var(--flow-muted);margin:0;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-actions {margin-left:auto;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message-list {min-height:0;max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 20px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message {max-width:100%;border:0!important;box-shadow:none!important;border-radius:18px;padding:16px!important;line-height:1.65;overflow-wrap:anywhere;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--assistant {background:transparent!important;color:var(--flow-ink)!important;padding-inline:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--user {background:var(--flow-tint)!important;color:var(--flow-ink)!important;margin-left:auto;max-width:88%;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {background:var(--flow-surface)!important;border:1px solid color-mix(in srgb,var(--flow-accent) 28%,var(--flow-line))!important;border-radius:24px;padding:16px!important;box-shadow:0 8px 28px -20px var(--flow-accent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer textarea {background:transparent!important;box-shadow:none!important;border:0!important;min-height:64px!important;height:88px;font-size:16px;line-height:1.5;resize:vertical;color:var(--flow-ink);}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions {display:flex!important;flex-wrap:wrap;gap:8px;margin:10px 0;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions button {min-height:44px;flex:0 1 auto;width:auto;padding:9px 12px;border:1px solid var(--flow-line)!important;border-radius:14px;background:var(--flow-surface)!important;color:var(--flow-ink)!important;box-shadow:none!important;font:inherit;font-size:13px;white-space:normal;}
html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions svg {display:none;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-verify-note {font-size:12px;line-height:1.5;color:var(--flow-muted);padding:8px 0;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-tools {border-top:1px solid var(--flow-line);padding-top:8px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-tools>summary {min-height:44px;padding:12px 0;color:var(--flow-muted);cursor:pointer;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-tools .ai-tutor-sidebar {display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;}
@media(prefers-reduced-motion:no-preference){
 html:not(.mc-reduce-motion):not([data-reduced-motion="true"]) #app-shell[data-simple-workspace] [data-view=ai][data-coda-presence=idle] .coda-chat-presence__orb::after {animation:coda-calm-turn 36s linear infinite;}
 html:not(.mc-reduce-motion):not([data-reduced-motion="true"]) #app-shell[data-simple-workspace] [data-view=ai][data-coda-presence=thinking] .coda-chat-presence__orb::after {animation:coda-calm-turn 2.8s linear infinite;}
 html:not(.mc-reduce-motion):not([data-reduced-motion="true"]) #app-shell[data-simple-workspace] [data-view=ai][data-coda-presence=replying] .coda-chat-presence__orb::after {animation:coda-calm-turn 8s linear infinite;}
}
html #app-shell[hidden] [data-view=ai] .coda-chat-presence__orb::after,html #app-shell[data-simple-workspace] [data-view=ai][hidden] .coda-chat-presence__orb::after {animation:none!important;}
@keyframes coda-calm-turn {to{transform:rotate(360deg);}}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {padding:16px!important;border-radius:22px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .tutor-quick-actions button {flex:1 1 calc(50% - 8px);}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence {flex-basis:160px;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb {border:2px solid CanvasText;background:Canvas!important;}html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb::after {display:none;}}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves {margin:4px 0 8px;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion-context] {color:var(--flow-muted);font-size:13px;margin:0 0 10px;overflow-wrap:anywhere;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves__choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] {text-align:left;position:relative;padding:18px 36px 18px 18px;border:1px solid var(--flow-line);border-radius:18px;background:var(--flow-bg);color:var(--flow-ink);font:inherit;cursor:pointer;min-height:76px;box-shadow:none;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]:first-child {background:var(--flow-tint);}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] strong {display:block;font-size:14px;font-weight:600;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] small {display:block;font-size:12px;line-height:1.5;color:var(--flow-muted);margin-top:5px;overflow-wrap:anywhere;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-suggestion-hint {font-size:12px;color:var(--flow-muted);margin:8px 0 0;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-more-moves>summary {min-height:44px;padding:12px 0;font-size:13px;cursor:pointer;color:var(--flow-muted);}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-orb-toggle {min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--flow-muted);font:inherit;font-size:12px;cursor:pointer;}
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-quiet=true] .coda-chat-presence__orb::after {animation:none!important;}
html #app-shell[data-simple-workspace] [data-view=ai] :is([data-coda-suggestion],.tutor-quick-actions button):disabled {opacity:.55;cursor:default;}
@media(max-width:380px){html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves__choices {grid-template-columns:minmax(0,1fr);}}
/* Retire the older empty-state hero so the same conversation header stays put. */
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-intro {display:none!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header {display:flex!important;background:transparent!important;box-shadow:none!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-actions {display:flex!important;flex-wrap:wrap;gap:8px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-conversation-workspace {display:block!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {display:flex!important;flex-direction:column;gap:12px;min-height:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-recent-chats {width:100%;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--student {background:var(--flow-tint)!important;color:var(--flow-ink)!important;max-width:88%;margin-left:auto;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--student small {color:var(--flow-muted)!important;}

/* A clear reading lane, with a compact writing surface and quiet secondary controls. */
html #app-shell[data-simple-workspace] [data-view=ai] .page-header {margin-bottom:8px!important;padding-block:8px!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .page-header h1 {font-size:20px!important;letter-spacing:-.025em;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header>div:first-child {padding-top:4px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header p {max-width:52ch;font-size:14px;line-height:1.6;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-new-conversation {background:var(--flow-bg)!important;box-shadow:none!important;border-color:var(--flow-line)!important;font-size:13px;border-radius:13px;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]::after {content:'↗';position:absolute;right:16px;top:16px;font-size:18px;color:var(--flow-accent);}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion-context] {font-size:12px;font-weight:600;letter-spacing:.025em;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] strong {font-size:15px;letter-spacing:-.015em;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]:focus-visible,
html #app-shell[data-simple-workspace] [data-view=ai] .coda-orb-toggle:focus-visible {outline:2px solid var(--flow-accent);outline-offset:4px;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer:focus-within {border-color:var(--flow-accent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer textarea {padding:6px 4px!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-composer__bottom {margin-top:0!important;padding-top:0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-ai-send] {border-radius:14px!important;min-height:46px;padding:12px 20px!important;box-shadow:0 4px 12px -7px var(--flow-accent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-action-allowance {font-size:11px;line-height:1.5;margin:6px 0!important;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-suggestion-hint {font-size:11px;margin-top:9px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--student {border-radius:20px 20px 6px 20px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--assistant {font-size:16px;line-height:1.75;max-width:68ch;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-message--assistant :is(p,li) {max-width:68ch;}
@media(hover:hover){
 html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]:not(:disabled):hover {border-color:var(--flow-accent);background:var(--flow-tint);}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-orb-toggle:hover {background:var(--flow-bg);color:var(--flow-ink);}
}
@media(min-width:601px){
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer>textarea {grid-column:1/-1;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-more-moves {grid-column:1;grid-row:2;align-self:center;}
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-composer__bottom {grid-column:2;grid-row:2;align-self:center;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer>:is(p,a,.tutor-refresh-inline,.coda-voice-options) {grid-column:1/-1;}
}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header h2 {margin-top:12px;font-size:27px!important;}
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {padding:18px!important;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence {flex:1 1 120px;gap:9px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb {flex-basis:44px;height:44px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header {gap:10px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-actions {gap:2px;}
 html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] {padding:14px 26px 14px 14px;}
 html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]::after {right:10px;top:12px;font-size:15px;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {padding:12px!important;}
}

@media(min-width:381px) and (max-width:600px){
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer>textarea {grid-column:1/-1;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-more-moves {grid-column:1;grid-row:2;align-self:center;}
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-composer__bottom {grid-column:2;grid-row:2;align-self:center;}
 html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer>:is(p,a,.tutor-refresh-inline,.coda-voice-options) {grid-column:1/-1;}
 html #app-shell[data-simple-workspace] [data-view=ai] [data-ai-send] {padding:10px 12px!important;font-size:13px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-more-moves>summary {font-size:12px;}
}

/* Orbit: a spatial welcome that becomes a compact, familiar conversation. */
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {
 position:relative;isolation:isolate;padding:24px 28px!important;border:0!important;border-radius:32px;
 background:transparent!important;box-shadow:none!important;
}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card::before {
 content:'';position:absolute;z-index:-1;pointer-events:none;inset:0; border-radius:32px;
 background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--flow-accent) 5%,transparent),transparent 65%);
}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-header {position:relative;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb {
 overflow:visible;transform:perspective(480px) rotateX(var(--coda-tilt-x,0deg)) rotateY(var(--coda-tilt-y,0deg));
 background:radial-gradient(ellipse at 28% 22%,#fff 0%,#c3dcff 13%,#6d9ad9 33%,#6661ae 54%,#34395f 77%,#141c35 100%);
 box-shadow:inset 3px 4px 10px #ffffff70,inset -6px -8px 16px #14204480,0 10px 30px -10px #6356ad80;
}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb::before {
 content:'';position:absolute;inset:-12%;border:1px solid color-mix(in srgb,var(--flow-accent) 40%,transparent);
 border-radius:50%;transform:rotate(-28deg) scaleY(.48);box-shadow:0 0 12px color-mix(in srgb,var(--flow-accent) 12%,transparent);pointer-events:none;
}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-chat-presence__orb::after {
 inset:4px;opacity:.65;background:conic-gradient(from 30deg,transparent 12%,#e6eaff99 28%,transparent 45%,#7fb4ff77 65%,transparent 84%);
 filter:blur(2px);
}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-header {
 flex-direction:column;gap:0;text-align:center;padding:10px 0 8px;
}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence {
 flex:0 0 auto;flex-direction:column;gap:16px;padding-top:26px;
}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence__orb {width:88px;height:88px;flex-basis:88px;margin:10px 0 4px;}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence strong {font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-actions {position:absolute;right:0;top:0;}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-header>div:first-child {flex-basis:auto;width:100%;padding:0;}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-header h2 {font-size:clamp(27px,3.5vw,40px)!important;margin:18px 0 10px;letter-spacing:-.045em;}
html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-header p {margin-inline:auto;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves {margin:12px auto 8px;width:100%;max-width:680px;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] {background:color-mix(in srgb,var(--flow-surface) 90%,transparent);border-color:color-mix(in srgb,var(--flow-accent) 16%,var(--flow-line));padding-block:18px;}
html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]:first-child {background:color-mix(in srgb,var(--flow-tint) 65%,var(--flow-surface));}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {width:100%;max-width:720px;margin:4px auto 0!important;background:var(--flow-surface)!important;box-shadow:0 18px 48px -30px color-mix(in srgb,var(--flow-accent) 60%,transparent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer:focus-within {box-shadow:0 0 0 3px color-mix(in srgb,var(--flow-accent) 10%,transparent),0 18px 48px -30px var(--flow-accent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer textarea {height:76px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-suggestion-hint {text-align:center;}
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-flow=conversation] .ai-conversation-header>div:first-child {order:0;flex:1 1 100%;}
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-flow=conversation] .ai-conversation-header h2 {font-size:22px!important;margin:0 0 4px;}
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-flow=conversation] .ai-message-list {padding:12px 4px;}
@media(prefers-reduced-motion:no-preference){
 html:not(.mc-reduce-motion):not([data-reduced-motion=true]) #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-chat-presence__orb,[data-coda-suggestion],#ai-composer) {transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;}
 html:not(.mc-reduce-motion):not([data-reduced-motion=true]) #app-shell[data-simple-workspace] [data-view=ai][data-coda-presence=thinking]:not([data-coda-quiet=true]):not([data-coda-page-hidden=true]) .coda-chat-presence__orb::before {animation:coda-orbit-breathe 2.8s ease-in-out infinite;}
}
@keyframes coda-orbit-breathe {50%{transform:rotate(-12deg) scaleY(.65);opacity:.55;}}
html #app-shell[hidden] [data-view=ai] .coda-chat-presence__orb::before,
html #app-shell[data-simple-workspace] [data-view=ai]:is([hidden],[data-coda-page-hidden=true],[data-coda-quiet=true]) .coda-chat-presence__orb::before,
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-page-hidden=true] .coda-chat-presence__orb::after {animation:none!important;}
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-quiet=true] :is(.coda-chat-presence__orb,[data-coda-suggestion],#ai-composer) {transition:none!important;transform:none;}
@media(hover:hover){html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion]:not(:disabled):hover {transform:translateY(-2px);box-shadow:0 8px 20px -15px var(--flow-accent);}}
@media(prefers-reduced-motion:reduce){html #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-chat-presence__orb,[data-coda-suggestion]) {transform:none!important;}}
html:is(.mc-reduce-motion,[data-reduced-motion=true]) #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-chat-presence__orb,[data-coda-suggestion]) {transform:none!important;}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card {padding:12px 2px!important;}
 html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence {padding-top:34px;gap:10px;}
 html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence__orb {width:68px;height:68px;flex-basis:68px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves {margin-top:4px;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-next-moves__choices {gap:8px;}
 html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] {padding:14px 25px 14px 14px;}
 html #app-shell[data-simple-workspace] [data-view=ai] [data-coda-suggestion] strong {font-size:14px;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] [data-view=ai] :is(.ai-conversation-card::before,.coda-chat-presence__orb::before) {display:none;}}

/* Resolve older workspace constraints without changing planning or timer controls. */
html #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-conversation-workspace,.ai-tutor-layout) {width:100%!important;max-width:880px!important;margin-inline:auto!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer .coda-more-moves:not([open])>.tutor-quick-actions {display:none!important;}
html #app-shell[data-simple-workspace][data-active-view=ai] .focus-flow[aria-label="Start a focus session"] {display:none!important;}
@media(min-width:901px){html #app-shell[data-active-view=ai] .focus-flow {left:auto;right:24px;transform:none;}}

/* One continuous, quiet surface from the orb to the study tools below. */
html #app-shell[data-simple-workspace] [data-view=ai] .coda-motion-setting {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;color:var(--flow-muted);font-size:12px;cursor:pointer;border-radius:12px;}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-motion-setting input {appearance:auto;width:16px;height:16px;margin:0;accent-color:var(--flow-accent);}
html #app-shell[data-simple-workspace] [data-view=ai] .coda-motion-setting:focus-within {outline:2px solid var(--flow-accent);outline-offset:2px;}
html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card::before {opacity:.5;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer {box-shadow:0 8px 28px -24px var(--flow-accent)!important;border-color:var(--flow-line)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] #ai-composer:focus-within {border-color:var(--flow-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--flow-accent) 8%,transparent)!important;}
html #app-shell[data-simple-workspace] [data-view=ai] :is(.coda-context-drawer,.coda-tools,[data-tutor-workspace-tools]) {background:transparent!important;box-shadow:none!important;}
html:is(.mc-reduce-motion,[data-reduced-motion=true]) #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card::before {opacity:0;}
@media(prefers-reduced-motion:reduce){html #app-shell[data-simple-workspace] [data-view=ai] .ai-conversation-card::before {opacity:0;}}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .ai-conversation-actions {width:100%;justify-content:flex-end;}
 html #app-shell[data-simple-workspace] [data-view=ai] .coda-motion-setting {padding-inline:6px;}
 html #app-shell[data-simple-workspace] [data-view=ai]:not([data-coda-flow=conversation]) .coda-chat-presence {padding-top:44px;}
}


/* Source: student-entry-v2.css */
/* A clear product introduction beside the original, shared account form. */
#marketing-page .mc-signin-entry {
  --entry-bg:#080d1c;--entry-card:#111b30;--entry-raised:#19243c;--entry-ink:#eef2ff;--entry-muted:#b2bdd5;--entry-line:rgb(178 195 228 / .2);
  /* This entry stays dark in either device theme. Keep inherited control
     surfaces paired with its light text, including the shared depth skin. */
  --ws-bg:var(--entry-bg);--ws-card:var(--entry-card);--ws-raised:var(--entry-raised);--ws-field:#0b1427;--ws-face:var(--entry-raised);--ws-ink:var(--entry-ink);--ws-muted:var(--entry-muted);--ws-line:var(--entry-line);--ws-link:#95c1ff;--ws-action:#1a64cd;--ws-action-end:#245aa5;--ws-on-accent:#fff;
  --mc-ink:var(--entry-ink);--mc-ink-secondary:var(--entry-muted);--mc-surface:var(--entry-card);--mc-line:var(--entry-line);
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,440px);gap:clamp(36px,6vw,90px);align-items:center;
  position:relative;isolation:isolate;width:min(1240px,100%);min-height:calc(100svh - 110px);margin-inline:auto;padding:40px 32px 20px;box-sizing:border-box;
  background:radial-gradient(ellipse at 10% 20%,rgb(87 64 165 / .13),transparent 60%),var(--entry-bg);color:var(--entry-ink);
}
#marketing-page .mc-signin-entry::before,#marketing-page .mc-signin-entry::after {display:none;content:none;animation:none;}
#marketing-page .mc-entry-intro {min-width:0;max-width:590px;padding-block:24px;}
#marketing-page .mc-entry-kicker {margin:0 0 20px;color:#9ee6cb;font-size:.6875rem;line-height:1.5;font-weight:700;letter-spacing:.12em;}
#marketing-page #entry-value-title {margin:0;color:var(--entry-ink);font-family:var(--cx-font,system-ui);font-size:clamp(2.5rem,4.8vw,4.75rem);font-weight:750;letter-spacing:-.055em;line-height:1.06;}
#marketing-page #entry-value-title em {color:#83b7ff;font:inherit;}
#marketing-page .mc-entry-description {margin:22px 0 0;max-width:44ch;font-size:1rem;line-height:1.7;color:var(--entry-muted);}
#marketing-page .mc-entry-benefits {display:grid;gap:18px;list-style:none;padding:0;margin:30px 0;}
#marketing-page .mc-entry-benefits li {display:flex;align-items:center;gap:13px;min-width:0;}
#marketing-page .mc-entry-benefits li > span {display:grid;place-items:center;flex:0 0 34px;height:38px;border:1px solid rgb(166 145 241 / .18);border-radius:10px;color:#99c3ff;background:rgb(160 135 240 / .08);}
#marketing-page .mc-entry-benefits svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
#marketing-page .mc-entry-benefits strong {color:var(--entry-ink);font-size:.875rem;line-height:1.5;font-weight:600;}
#marketing-page .mc-entry-benefits p {margin:3px 0 0;color:var(--entry-muted);font-size:.8125rem;line-height:1.5;}
#marketing-page .mc-entry-actions {display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
#marketing-page .mc-entry-actions > button {min-height:48px;min-width:132px;padding:12px 24px;box-shadow:none;border-radius:12px;font-size:.9375rem;font-weight:650;}
#marketing-page .mc-entry-actions > a {display:inline-flex;align-items:center;min-height:44px;color:var(--entry-muted);font-size:.8125rem;text-underline-offset:4px;}
#marketing-page .mc-entry-access {margin:12px 0 0;max-width:43ch;color:var(--entry-muted);font-size:.75rem;line-height:1.6;}
#marketing-page #account-sheet.mc-inline-signin {
  position:relative;inset:auto;width:100%;max-width:440px;height:auto;max-height:none;margin:0;padding:0;overflow:visible;
  border:1px solid var(--entry-line);border-radius:22px;transform:none;opacity:1;box-sizing:border-box;scroll-margin-top:20px;
  color:var(--entry-ink);background:var(--entry-card);box-shadow:0 16px 50px -30px rgb(0 0 0 / .65)!important;
}
#marketing-page #account-sheet.mc-inline-signin > .account-sheet {display:grid;gap:16px;position:static;height:auto;max-height:none;overflow:visible;padding:26px;transform:none;}
#marketing-page #account-sheet.mc-inline-signin .account-sheet__header {position:static;}
#marketing-page #account-sheet.mc-inline-signin .mc-hero {display:block;padding:0;margin:0;border:0;background:none;box-shadow:none;}
#marketing-page #account-sheet.mc-inline-signin .mc-hero__top {display:none;}
#marketing-page #account-sheet.mc-inline-signin h2 {margin:0 0 8px;color:var(--entry-ink)!important;font-size:1.5rem;line-height:1.25;letter-spacing:-.035em;}
#marketing-page #account-sheet.mc-inline-signin [data-auth-intro] {margin:0;color:var(--entry-muted)!important;font-size:.8125rem;line-height:1.6;}
#marketing-page #account-sheet.mc-inline-signin .signin-method-help {margin:0 0 10px;color:var(--entry-muted);font-size:.75rem;line-height:1.5;}
#marketing-page #account-sheet.mc-inline-signin .provider-stack {display:grid;grid-template-columns:1fr 1fr;gap:8px;}
#marketing-page #account-sheet.mc-inline-signin .provider-button {display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 8px;font-size:.75rem;border:1px solid var(--entry-line);border-radius:11px;background:var(--entry-raised);color:var(--entry-ink);box-shadow:none!important;}
#marketing-page #account-sheet.mc-inline-signin [data-passkey-signin] {grid-column:1 / -1;}
#marketing-page #account-sheet.mc-inline-signin .provider-button svg {flex:0 0 18px;width:18px;height:18px;}
#marketing-page #account-sheet.mc-inline-signin .account-divider {margin:0 0 2px;color:var(--entry-muted);font-size:.75rem;}
#marketing-page #account-sheet.mc-inline-signin .account-form {gap:12px;}
#marketing-page #account-sheet.mc-inline-signin .mc-input {gap:6px;color:var(--entry-muted);font-size:.75rem;}
#marketing-page #account-sheet.mc-inline-signin input:not([type="checkbox"]) {width:100%;min-width:0;min-height:46px;padding:11px 12px;font-size:16px;border:1px solid var(--entry-line);border-radius:11px;background:#0b1427;color:var(--entry-ink);box-sizing:border-box;box-shadow:none;}
#marketing-page #account-sheet.mc-inline-signin button {min-height:44px;white-space:normal;}
#marketing-page #account-sheet.mc-inline-signin .mc-button--primary {min-height:47px;border-radius:11px;box-shadow:none!important;}
#marketing-page #account-sheet.mc-inline-signin [data-auth-mode="reset"] {padding-block:6px;min-height:34px;font-size:.75rem;justify-self:center;}
#marketing-page .signin-account-choice {display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0;border-top:1px solid var(--entry-line);padding-top:12px;color:var(--entry-muted);font-size:.8125rem;}
#marketing-page .signin-account-choice button {border:0;background:none;color:#95c1ff;padding:4px;min-height:36px!important;font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
#account-sheet:is([data-auth-mode="early-access"],[data-auth-mode="verify"],[data-auth-mode="reset"],[data-auth-mode="create"]) .signin-account-choice {display:none;}
#marketing-page #account-sheet.mc-inline-signin .auth-status {margin:0;color:var(--entry-muted);font-size:.75rem;line-height:1.5;}
#marketing-page #account-sheet.mc-inline-signin .auth-status:empty {display:none;}
#marketing-page #account-sheet.mc-inline-signin .auth-status.error {color:#ffc0bc;}
#marketing-page #account-sheet.mc-inline-signin .mc-help-links {gap:16px;margin:0;padding:0;}
#marketing-page #account-sheet.mc-inline-signin .mc-help-links a {font-size:.6875rem;color:var(--entry-muted);}
#marketing-page .entry-early-access p {color:var(--entry-muted);font-size:.9375rem;line-height:1.65;margin:0;}
#marketing-page #account-sheet .entry-early-access a.mc-button--primary {color:#fff!important;text-decoration:none;}
.entry-early-access__mark {display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgb(164 141 255 / .12);color:#95c1ff;}
.entry-early-access__mark svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;}
#marketing-page .mc-signin-explore {grid-column:1 / -1;display:block;width:fit-content;margin:8px auto 0;padding:10px 12px;min-height:44px;color:var(--entry-muted);font-size:.8125rem;text-align:center;}
#marketing-page .mc-signin-entry :is(a,button,input,summary):focus-visible {outline:3px solid #87b9ff;outline-offset:3px;}
@media(max-width:800px) {
  #marketing-page .mc-signin-entry {grid-template-columns:minmax(0,1fr);gap:28px;max-width:600px;padding:24px 20px;min-height:0;}
  #marketing-page .mc-entry-intro {padding:8px 0 0;}
  #marketing-page .mc-entry-kicker {font-size:.625rem;margin-bottom:14px;}
  #marketing-page #entry-value-title {font-size:clamp(2.4rem,8.8vw,3.5rem);}
  #marketing-page .mc-entry-description {margin-top:18px;font-size:.9375rem;line-height:1.65;}
  #marketing-page .mc-entry-benefits {gap:13px;margin:22px 0;}
  #marketing-page .mc-entry-benefits p {display:none;}
  #marketing-page .mc-entry-benefits strong {font-size:.8125rem;}
  #marketing-page .mc-entry-benefits li > span {flex-basis:30px;height:32px;}
  #marketing-page .mc-entry-actions {gap:8px 14px;}
  #marketing-page .mc-entry-actions > button {min-width:118px;}
  #marketing-page #account-sheet.mc-inline-signin {justify-self:center;max-width:100%;}
  #marketing-page #account-sheet.mc-inline-signin > .account-sheet {padding:22px;}
  #marketing-page .mc-signin-explore {margin:0 auto;}
}
@media(max-width:380px) {
  #marketing-page .mc-signin-entry {padding:20px 14px;}
  #marketing-page #account-sheet.mc-inline-signin > .account-sheet {padding:18px;}
  #marketing-page #account-sheet.mc-inline-signin .provider-stack {grid-template-columns:minmax(0,1fr);}
}
/* Older welcome rules use important text colors; scope the readable entry
   palette to every account pane, including recovery and registration info. */
#marketing-page #account-sheet.mc-inline-signin :is(p,label,.account-divider) {color:var(--entry-muted)!important;}
#marketing-page #account-sheet.mc-inline-signin input::placeholder {color:var(--entry-muted);opacity:1;}
#marketing-page #account-sheet.mc-inline-signin .auth-status.error {color:#ffc0bc!important;}
#marketing-page #account-sheet.mc-inline-signin .auth-status.success {color:#9ee6cb!important;}
@media(forced-colors:active) {
  #marketing-page .mc-signin-entry {--ws-face:Canvas;--ws-field:Field;--ws-card:Canvas;--ws-ink:CanvasText;--ws-line:CanvasText;}
  #marketing-page .mc-signin-entry,#marketing-page #account-sheet.mc-inline-signin {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none!important;}
  #marketing-page .mc-signin-entry :is(h1,h2,p,strong,em,span,a,button,input) {color:CanvasText!important;}
  #marketing-page #account-sheet.mc-inline-signin input {background:Field!important;color:FieldText!important;}
  #marketing-page #account-sheet.mc-inline-signin :is(p,label,.account-divider,.auth-status.error,.auth-status.success) {color:CanvasText!important;}
  #marketing-page #account-sheet.mc-inline-signin input::placeholder {color:FieldText;}
}

/* Sign-in has three distinct groups: method, email, then account help. */
#marketing-page #account-sheet.mc-inline-signin > .account-sheet {gap:20px;}
#marketing-page #account-sheet.mc-inline-signin .signin-method-help {font-size:.8125rem;margin-bottom:10px;font-weight:600;}
#marketing-page #account-sheet.mc-inline-signin .provider-button {font-size:.875rem;min-height:48px;padding:12px 10px;}
#marketing-page #account-sheet.mc-inline-signin .account-form {display:grid;gap:14px;}
#marketing-page #account-sheet.mc-inline-signin .account-divider {font-size:.8125rem;margin-bottom:2px;}
#marketing-page #account-sheet.mc-inline-signin .mc-input > span {font-size:.875rem;}
#marketing-page #account-sheet.mc-inline-signin .signin-account-choice {padding-top:16px;border-top:1px solid var(--entry-line);margin:0;text-align:center;}
#marketing-page #account-sheet.mc-inline-signin .mc-help-links {margin:0;gap:6px 18px;}
#marketing-page #account-sheet.mc-inline-signin .auth-status {margin:0;}
@media(max-width:760px){
 #marketing-page .mc-entry-intro {padding:0;}
 #marketing-page .mc-entry-intro :is(.mc-entry-kicker,.mc-entry-benefits,.mc-entry-description,.mc-entry-actions,.mc-entry-access) {display:none;}
 #marketing-page #entry-value-title {font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.12;}
 #marketing-page .mc-signin-entry {gap:22px;padding-top:24px;}
 #marketing-page #account-sheet.mc-inline-signin .provider-stack {grid-template-columns:minmax(0,1fr);}
}
#marketing-page #account-sheet.mc-inline-signin > .account-sheet {gap:16px;}
#marketing-page #account-sheet.mc-inline-signin .signin-method-help {display:none;}

/* One shared, explicit agreement covers the visible sign-in methods. */
#account-sheet .signin-agreement {min-width:0;}
#account-sheet .signin-agreement .mc-legal-acceptance {display:flex;align-items:flex-start;gap:10px;margin:0;font-size:.8125rem;line-height:1.6;}
#account-sheet .signin-agreement input {flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#589eff;}
#account-sheet .signin-agreement .small-print {margin:6px 0 0 30px;font-size:.75rem;line-height:1.5;}
#account-sheet:is([data-auth-mode="early-access"],[data-auth-mode="verify"],[data-auth-mode="reset"],[data-auth-mode="create"]) .signin-agreement {display:none;}

/* Keep the account entry first in both reading order and the desktop layout. */
#marketing-page .mc-signin-entry {grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start;gap:32px clamp(32px,5vw,72px);min-height:0;padding-block:24px 32px;}
#marketing-page #account-sheet.mc-inline-signin {max-width:360px;justify-self:start;}
#marketing-page #account-sheet.mc-inline-signin > .account-sheet {gap:12px;padding:20px;}
#marketing-page #account-sheet.mc-inline-signin .account-sheet__header {padding:0;border:0;background:none;}
#marketing-page #account-sheet.mc-inline-signin h2 {font-size:1.25rem;margin-bottom:6px;padding:0;text-align:left;}
#marketing-page #account-sheet.mc-inline-signin [data-auth-intro] {line-height:1.45;}
#marketing-page #account-sheet.mc-inline-signin [data-auth-pane] {padding:0;}
#marketing-page #account-sheet.mc-inline-signin .provider-stack {grid-template-columns:minmax(0,1fr);gap:8px;}
#marketing-page #account-sheet.mc-inline-signin .provider-button {min-height:44px;padding:10px 12px;}
#marketing-page #account-sheet.mc-inline-signin .account-form {gap:10px;}
#marketing-page #account-sheet.mc-inline-signin .signin-agreement .mc-legal-acceptance {padding:0;}
#marketing-page #account-sheet.mc-inline-signin .signin-agreement .small-print {margin-top:4px;}
#marketing-page #account-sheet.mc-inline-signin .signin-account-choice {padding-top:10px;}
#marketing-page .mc-entry-intro {padding-top:36px;max-width:490px;}
#marketing-page #entry-value-title {font-size:clamp(2.25rem,4vw,3.5rem);}
#marketing-page .mc-entry-description {margin-top:18px;line-height:1.6;}
#marketing-page .mc-entry-benefits {gap:14px;margin-block:24px;}
@media(max-width:800px) {
 #marketing-page .mc-signin-entry {grid-template-columns:minmax(0,1fr);max-width:440px;gap:24px;padding:20px 16px 28px;}
 #marketing-page #account-sheet.mc-inline-signin {max-width:100%;width:100%;}
 #marketing-page .mc-entry-intro {padding:0;}
 #marketing-page #entry-value-title {font-size:1.5rem;}
}
@media(max-width:380px) {
 #marketing-page .mc-signin-entry {padding-inline:12px;}
 #marketing-page #account-sheet.mc-inline-signin > .account-sheet {padding:16px;}
}

/* Student essentials come first; extra information opens on request. */
#marketing-page .student-site-details {border:1px solid rgb(178 195 228 / .2);border-radius:16px;margin:20px auto;padding:0 20px;max-width:1180px;color:#d8e1f7;background:rgb(17 27 48 / .45);}
#marketing-page .student-site-details > summary {padding:18px 4px;min-height:48px;box-sizing:border-box;font-size:.9375rem;font-weight:600;cursor:pointer;}
#marketing-page .student-site-details > summary:focus-visible {outline:3px solid #87b9ff;outline-offset:3px;}
#marketing-page .student-site-details[open] > :not(summary) {margin-block:20px;}
#marketing-page #vision {padding:20px 32px;}
#marketing-page .student-site-details .beyond-head .eyebrow {display:none;}
#marketing-page .student-site-details .beyond-head h2 {font-size:clamp(1.5rem,3vw,2rem);}
#marketing-page .student-site-details .loyal {border:0;margin-top:0;}
#marketing-page .plans-head {padding-bottom:12px;}
#marketing-page .student-return {padding:24px;text-align:center;}
#marketing-page .student-return a {display:inline-flex;align-items:center;min-height:44px;color:#95c1ff;font-size:.875rem;text-underline-offset:4px;}
#marketing-page .mc-entry-intro {align-self:center;padding-top:0;}
#marketing-page .mc-entry-access {font-size:.8125rem;}
@media(max-width:800px){#marketing-page #vision {padding-inline:16px;}#marketing-page .student-site-details {padding-inline:14px;}}
@media(forced-colors:active){#marketing-page .student-site-details {color:CanvasText;background:Canvas;border-color:CanvasText;}}


/* Source: launch-cleanup-v1.css */
/* Quiet surfaces, one primary action, and no idle controls covering content. */
html #app-shell[data-simple-workspace] :is(.mc-card,.student-next-actions a,.mc-button,.app-sidebar .mc-nav__item,.note-library-item) {
  box-shadow:none!important;
  text-shadow:none!important;
}
html #app-shell[data-simple-workspace] :is(.mc-card,.student-next-actions a) {
  background:var(--ws-card,var(--mc-surface))!important;
  border:1px solid var(--layout-line,var(--mc-line))!important;
}
html #app-shell[data-simple-workspace] .mc-button--primary {
  background:var(--ws-action,var(--mc-blue))!important;
  border-color:transparent!important;
}
html #app-shell[data-simple-workspace] .mc-button--primary::after {box-shadow:none!important;}
html #app-shell[data-simple-workspace] .student-next-actions {
  border:0;margin-block:0;gap:8px;
}
html #app-shell[data-simple-workspace] .student-next-actions a {
  border-radius:12px;min-height:48px;padding:12px 14px;
}
html #app-shell[data-simple-workspace] .mc-home-rest__content .mc-home-ready-tools {margin-top:16px;}
html #app-shell[data-simple-workspace] .focus-flow.focus-flow--idle {
  position:static;transform:none;width:auto;max-width:100%;margin-left:auto;
  padding:0;border:0;background:transparent;box-shadow:none;flex-shrink:0;
}
html #app-shell[data-simple-workspace] .focus-flow--idle .focus-flow-start {
  background:transparent!important;color:var(--mc-ink)!important;
  border:1px solid var(--mc-line)!important;box-shadow:none!important;
}
html #app-shell[data-simple-workspace] .focus-timer-card--glass {background:var(--ws-card,var(--mc-surface))!important;}
html #app-shell[data-simple-workspace] .focus-flow:not(.focus-flow--idle) {box-shadow:0 4px 16px rgb(0 0 0 / .12);}
@media(max-width:640px){
  html #app-shell[data-simple-workspace] .page-header {flex-wrap:wrap;}
  html #app-shell[data-simple-workspace] [data-home-next] {padding:20px!important;}
  html #app-shell[data-simple-workspace] .student-next-actions a {padding:12px 10px;font-size:.8125rem;}
}
@media(forced-colors:active){
  html #app-shell[data-simple-workspace] .mc-button--primary {background:Highlight!important;color:HighlightText!important;border:1px solid ButtonText!important;}
}


/* Source: study-companion-v1.css */
.study-sound-entry{min-height:44px;padding:8px 14px;border:1px solid #a6b5d066;border-radius:99px;color:inherit;background:transparent;font:inherit;cursor:pointer;white-space:nowrap}.study-companion{width:min(560px,calc(100vw - 24px));max-height:85dvh;padding:24px;border:1px solid #bdc9df66;border-radius:26px;color:#10233e;background:#f5f6ff;box-shadow:0 24px 100px #03132a55;overflow:auto}.study-companion::backdrop{background:#07152f99;backdrop-filter:blur(5px)}.study-companion header{display:flex;justify-content:space-between;align-items:start;gap:12px}.study-companion h2{font-size:28px;margin:4px 0}.study-companion p{line-height:1.55}.study-companion button,.study-companion select{min-height:46px;border-radius:14px;border:1px solid #8f9eb755;background:#ffffffb3;color:inherit;padding:10px 14px;font:inherit;cursor:pointer}.study-companion button:disabled{opacity:.45;cursor:default}.study-companion label{display:grid;gap:8px;margin:16px 0;font-weight:600}.study-companion select{width:100%;max-width:100%}.companion-tabs,.companion-controls,.companion-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.companion-tabs button{flex:1}.companion-tabs [aria-pressed=true],.study-companion [data-play]{background:linear-gradient(110deg,#25508d,#0940c4);color:#fff}.study-companion [data-play]{flex:1}.study-companion blockquote{margin:18px 0;padding:20px;border-radius:18px;background:#ffffff99;line-height:1.7;max-height:220px;overflow:auto;white-space:pre-wrap}.study-companion progress{width:100%;accent-color:#5645c5;height:5px}.study-companion :focus-visible{outline:3px solid #7a68ed;outline-offset:3px}.study-companion [hidden]{display:none!important}.study-companion .focus-music-card{margin:0!important}.study-companion .small-print{font-size:12px;color:#506080}@media(prefers-color-scheme:dark){.study-companion{background:#0d1830;color:#eaf5fa}.study-companion button,.study-companion select,.study-companion blockquote{background:#192740}.study-companion .small-print{color:#b4c5d9}}@media(max-width:480px){.study-companion{padding:18px}.study-sound-entry{font-size:12px;padding:8px}.companion-links button{flex:1;font-size:13px}}

/* Share the app's chosen appearance, including an override of device appearance. */
html:not(.theme-dark) .study-companion{background:#f5f6ff;color:#10233e}html:not(.theme-dark) .study-companion button,html:not(.theme-dark) .study-companion select,html:not(.theme-dark) .study-companion blockquote{background:#ffffffb3}.theme-dark .study-companion{background:#0d1830;color:#eaf5fa}.theme-dark .study-companion button,.theme-dark .study-companion select,.theme-dark .study-companion blockquote{background:#192740}html .study-companion button:is([data-play],[aria-pressed=true]){background:var(--ws-action,#25508d);color:var(--ws-on-accent,#fff)}.study-companion .focus-music-card{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:block!important}.study-companion .focus-music-card>.section-heading,.study-companion .focus-music-card>.small-print:first-of-type{display:none}.study-companion .focus-music-form{display:grid!important;gap:12px!important;align-content:start!important}.study-companion .focus-music-form label{margin:0}.study-companion .focus-music-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;background:none;border:0}.study-companion .focus-music-actions>*{flex:1;min-width:130px}.companion-playlist-settings{padding:12px 0}.companion-playlist-settings summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.companion-playlist-settings[open]{display:grid;gap:12px}.study-companion .focus-brainfm-card{padding:16px!important;margin-top:16px!important;gap:8px!important;border-radius:18px!important}.study-companion .focus-brainfm-brand img{width:100px;height:auto}.study-companion .focus-brainfm-offer,.study-companion .focus-brainfm-title,.study-companion .focus-brainfm-handoff{display:none}.study-companion .focus-brainfm-copy,.study-companion .focus-brainfm-disclosure{margin:4px 0!important}.study-companion .focus-brainfm-disclosure{font-size:11px!important}.glass-topbar{flex-wrap:wrap}.study-sound-entry{margin-inline-start:auto}html:not(.theme-dark) .study-companion .small-print{color:#506080}.theme-dark .study-companion .small-print{color:#b4c5d9}

/* Keep the shared header compact even with the current language and Coda controls. */
.app-shell .glass-topbar .study-sound-entry{flex:0 0 auto;min-width:44px;min-height:44px;width:auto;margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.2;font-size:14px;padding:8px 12px}
.app-shell .glass-topbar .study-sound-entry[data-playing=true]{border-color:#45bca8;box-shadow:0 0 0 2px #45bca833}
@media(max-width:640px){.app-shell .glass-topbar .study-sound-detail{display:none}.app-shell .glass-topbar .study-sound-entry{font-size:12px;padding:8px}.app-shell .glass-topbar .glass-time-weather{width:auto;flex:1 1 auto}.app-shell .glass-topbar .coda-thread{flex-shrink:0}}
@media(max-width:360px){.app-shell .glass-topbar .study-sound-label{display:none}.app-shell .glass-topbar .study-sound-entry{width:44px;font-size:20px}}
@media(max-width:640px){
 html #app-shell .glass-topbar{gap:6px}
 html #app-shell .glass-topbar .glass-time-weather{flex:0 0 auto;min-width:48px;max-width:56px;padding:0;margin-left:auto}
 html #app-shell .glass-topbar .coda-thread{min-width:48px;padding:8px 4px;white-space:nowrap}
 html #app-shell .glass-topbar .coda-thread__identity strong{white-space:nowrap}
 html #app-shell .glass-topbar :is(.coda-thread__subtitle,.coda-thread__live){display:none}
 html #app-shell .glass-topbar .glass-wordmark{font-size:16px}
}
@media(max-width:360px){html #app-shell .glass-topbar .glass-wordmark>span{display:none}}


/* Source: planner-task-actions-v1.css */
/* A native dialog top layer keeps actions above Focus and within the viewport. */
.planner-task-actions-sheet{box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--mc-line-strong,#66738b);border-radius:24px;background:var(--mc-surface,#f7f7fb);color:var(--mc-ink,#14243e);box-shadow:0 20px 80px #0005;overflow:auto}
.planner-task-actions-sheet::backdrop{background:#07132699;backdrop-filter:blur(4px)}
.planner-task-actions-sheet header>p{margin:0 0 6px;font-size:13px;color:var(--mc-ink-secondary,#52617a)}
.planner-task-actions-sheet h2{margin:0 0 20px;font-size:23px;line-height:1.3;overflow-wrap:anywhere}
.planner-task-action-list{display:grid;gap:8px}
.planner-task-actions-sheet button{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;min-height:52px;padding:14px 16px;border:1px solid var(--mc-line-strong,#66738b);border-radius:15px;background:var(--mc-surface-elevated,#fff);color:inherit;text-align:left;white-space:normal;font:inherit;cursor:pointer}
.planner-task-actions-sheet button strong{font-size:16px}.planner-task-actions-sheet button span{font-size:13px;line-height:1.5;color:var(--mc-ink-secondary,#52617a)}
.planner-task-actions-sheet [data-task-action=delete] strong{color:var(--mc-danger,#ad2c4b)}
.planner-task-actions-sheet [data-task-actions-cancel]{align-items:center;margin-top:16px}
.planner-task-actions-sheet button:focus-visible{outline:3px solid var(--mc-teal,#46ae9a);outline-offset:2px}
.planner-row-actions .planner-task-more-button{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:14px;border:1px solid var(--mc-line-strong);background:var(--mc-surface-elevated);color:var(--mc-ink)}
.planner-task-more-button svg{width:20px;height:20px}
#planner-task-sheet [hidden]{display:none!important}
@media(max-width:640px){.planner-task-actions-sheet{margin:auto auto max(12px,env(safe-area-inset-bottom));padding:20px;max-height:calc(100dvh - 24px)}}

/* Keep the related editor centered and its date field inside narrow screens. */
html #planner-task-sheet{width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);margin-inline:auto}
html #planner-task-sheet :is(input,select){min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:640px){html #planner-task-sheet{margin-bottom:max(12px,env(safe-area-inset-bottom));border-radius:24px;max-height:calc(100dvh - 24px)}}


/* Source: coda-space-v1.css */
/* One question first. Secondary controls stay in a single optional study drawer. */
html #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] {
 display:block;max-width:760px!important;width:100%;min-width:0;padding-top:12px;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] > .coda-welcome {display:none!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-card {
 padding:12px 2px!important;gap:16px!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-card::before {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header {
 position:static!important;inset:auto!important;transform:none!important;display:grid!important;
 grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px!important;text-align:left!important;
 min-height:0;margin:0!important;padding:8px 0 12px!important;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header > div:first-child {order:0!important;grid-column:1;padding:0!important;min-width:0;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header h2 {
 display:block!important;position:static!important;margin:0 0 10px!important;font-size:clamp(24px,3vw,30px)!important;
 line-height:1.2!important;letter-spacing:-.035em;white-space:normal;overflow:visible;-webkit-line-clamp:unset;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header .coda-space-hint {margin:0!important;font-size:15px;line-height:1.55;max-width:36ch;}
html #app-shell[data-simple-workspace] [data-coda-space=calm][data-coda-flow=conversation] .coda-space-hint {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-chat-presence {grid-column:2;display:flex!important;flex-direction:column!important;gap:6px!important;padding:4px 0 0!important;margin:0;min-width:0;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-chat-presence__orb {width:36px!important;height:36px!important;flex-basis:36px!important;margin:0!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-chat-presence strong {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-coda-presence-status] {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-message-list:has(.ai-empty-conversation),
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-message-list:empty {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] #ai-composer {
 position:static!important;display:flex!important;flex-direction:column;gap:10px!important;padding:16px!important;
 margin:0!important;max-width:none;border-radius:22px;border:1px solid var(--flow-line)!important;box-shadow:none!important;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] #ai-composer textarea {height:88px;min-height:88px!important;max-height:36dvh;padding:4px!important;font-size:16px!important;line-height:1.55;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-composer__bottom {justify-content:flex-end;margin:0!important;padding:0!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-ai-send] {min-height:44px;min-width:96px;padding:10px 16px!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-allowance {border:0;margin:0;padding:0;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-allowance > summary {min-height:44px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--flow-muted);font-size:12px;line-height:1.5;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-allowance > summary::after {content:'⌄';font-size:16px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-allowance[open] > summary::after {content:'⌃';}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-action-allowance {margin:0!important;font-size:12px;line-height:1.5;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-ai-action-detail] {margin:0 0 6px;font-size:13px;line-height:1.6;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] :is(.coda-space-start,.coda-space-tools) {width:100%;margin:0;border:0;background:transparent;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] :is(.coda-space-start,.coda-space-tools) > summary {min-height:44px;padding:10px 2px;font-size:14px;line-height:1.6;cursor:pointer;color:var(--flow-ink);}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tools > summary {color:var(--flow-muted);}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-start + .coda-space-tools {margin-top:-12px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] :is(.coda-space-tools,.coda-space-allowance):not([open]) > :not(summary) {display:none!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list {padding:4px 16px 12px;border:1px solid var(--flow-line);border-radius:18px;background:var(--flow-surface);}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list > details {width:100%;margin:0!important;padding:0!important;border:0!important;max-width:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list > details + details {border-top:1px solid var(--flow-line)!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list > details > summary {min-height:48px;padding:12px 0;font-size:14px;cursor:pointer;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-actions {position:static!important;display:flex!important;flex-wrap:wrap;gap:8px;width:auto!important;margin:0 0 12px;justify-content:flex-start!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-customize {position:static;width:auto;height:auto;padding:10px 12px;min-height:44px;border:1px solid var(--flow-line);border-radius:12px;background:var(--flow-surface);color:var(--flow-ink);font:inherit;font-size:14px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-next-moves {margin:4px 0 12px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-start [data-coda-suggestion-context] {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] summary:focus-visible {outline:2px solid var(--flow-accent);outline-offset:3px;border-radius:6px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm][hidden] {display:none!important;}
@media(max-width:600px){
 html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-card {gap:12px!important;}
 html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header h2 {font-size:25px!important;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] [data-coda-space=calm] :is(#ai-composer,.coda-space-tool-list) {border-color:CanvasText!important;}}
/* Match reading, focus and visual order; legacy composer rules used order:99. */
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-card > * {order:0!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-composer__bottom {display:flex!important;width:100%;justify-content:flex-end!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-ai-send] {margin:0!important;flex:0 0 auto;}
/* An opaque sticky header prevents scrolled conversation text showing through it. */
html #app-shell[data-simple-workspace][data-active-view=ai] .glass-topbar {background:var(--flow-bg,var(--mc-surface))!important;isolation:isolate;}
@media(max-width:640px){
 html #app-shell[data-simple-workspace][data-active-view=ai] .focus-flow:not(.focus-flow--idle) {width:calc(100% - 24px);max-width:calc(100% - 24px);box-sizing:border-box;gap:6px;padding:6px;}
 html #app-shell[data-simple-workspace][data-active-view=ai] .focus-flow :is(button,summary) {min-width:0;padding-inline:10px!important;font-size:13px;}
}
/* Leave room for typing when phone browser chrome or the keyboard shortens the view. */
html #app-shell[data-simple-workspace] [data-coda-space=calm] :is([data-ai-message],[data-ai-send]) {scroll-margin-block:100px 180px;}
@media(max-width:640px) and (max-height:600px){
 html #app-shell[data-active-view=ai]:has(#ai-composer:focus-within) .focus-flow {display:none!important;}
}


/* Source: smooth-surfaces-v1.css */
/* Paired colours keep the public entry readable in both appearances. */
:root {
  --public-bg:#f5f5fb; --public-ink:#20283f; --public-muted:#4d5870;
  --public-surface:#ffffff; --public-control:#ececf5; --public-border:#808ba2;
  --public-line:#cbd0df; --public-link:#274d81; --public-accent:#2b548f;
  --public-kicker:#19624f; --public-action:#285aa1; --public-action-hover:#244d86;
  --public-error:#a0233e; --public-success:#19624f;
}
:root.theme-dark {
  --public-bg:#192438; --public-ink:#f3f5fc; --public-muted:#c1cbdf;
  --public-surface:#202e45; --public-control:#29384f; --public-border:#7e8fa9;
  --public-line:#4b5c76; --public-link:#a6cbff; --public-accent:#92bfff;
  --public-kicker:#a4e8ce; --public-action:#2265c2; --public-action-hover:#1d6fe1;
  --public-error:#ffbdcb; --public-success:#a4e8ce;
}
/* Continuous colour and open space replace the stacked glass frames. */
html body.is-marketing {
  background: var(--public-bg) !important;
}
html body.is-marketing #marketing-page {
  --ink:var(--public-bg); --paper:var(--public-ink); --haze:var(--public-muted);
  --line:var(--public-line); --mint-ink:var(--public-kicker); --coda-ink:var(--public-link);
  color:var(--public-ink);
  background: radial-gradient(ellipse 85% 700px at 12% 160px, rgb(116 89 190 / .10), transparent 75%),
    radial-gradient(ellipse 70% 850px at 95% 480px, rgb(70 128 156 / .08), transparent 75%), var(--public-bg) !important;
}
html #marketing-page .mc-signin-entry {
  --entry-bg:var(--public-bg); --entry-ink:var(--public-ink); --entry-muted:var(--public-muted);
  --entry-card:var(--public-surface); --entry-raised:var(--public-control); --entry-line:var(--public-line);
  --ws-field:var(--public-surface); --ws-face:var(--public-control); --ws-link:var(--public-link);
  --ws-action:var(--public-action); --ws-action-end:var(--public-action);
  background: transparent;
  padding-block: clamp(36px, 6vh, 76px) 40px;
  gap: 40px clamp(48px, 7vw, 100px);
}
html #marketing-page > .nav {
  border: 0; border-radius: 0; background: transparent;
  box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  padding: 12px 8px;
}
html #marketing-page > .nav::before,
html #marketing-page > .nav::after,
html #marketing-page #account-sheet.mc-inline-signin::before,
html #marketing-page #account-sheet.mc-inline-signin::after { display: none; }
html #marketing-page .nav .appicon { box-shadow: inset 0 1px 0 rgb(255 255 255 / .3), 0 4px 14px rgb(35 100 230 / .18); }
html #marketing-page .nav .wm em { background: var(--public-control); color: var(--public-kicker); box-shadow: none; }
html #marketing-page .nav .marketing-signin { border-color: var(--public-border); border-radius: 999px; background: var(--public-control); color:var(--public-ink); box-shadow: none; }
html #marketing-page #account-sheet.mc-inline-signin {
  border: 0 !important; border-radius: 0; background: transparent !important;
  box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html #marketing-page #account-sheet.mc-inline-signin > .account-sheet {
  padding: 12px 0; gap: 18px; background: transparent !important; border: 0 !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-radius: 0; box-shadow: none !important;
}
html #marketing-page #account-sheet.mc-inline-signin .provider-button {
  border-color: var(--public-border) !important; background: var(--public-control) !important;
  border-radius: 16px !important; box-shadow: none !important;
}
html #marketing-page #account-sheet.mc-inline-signin input:not([type=checkbox]) {
  background: var(--public-surface) !important; border-color: var(--public-border) !important; border-radius: 14px !important;
}
html #marketing-page #account-sheet.mc-inline-signin .mc-button--primary { border-radius: 999px !important; }
html #marketing-page #account-sheet.mc-inline-signin :is(.provider-button,.mc-button):hover {
  background-color: color-mix(in srgb,var(--public-ink) 10%,var(--public-control)) !important; transform: none;
}
html #marketing-page #account-sheet.mc-inline-signin .mc-button--primary:hover { background: var(--public-action-hover) !important; }
html #marketing-page #account-sheet.mc-inline-signin form {
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html #marketing-page #account-sheet.mc-inline-signin form::before { display: none; }
html #marketing-page .mc-entry-intro { max-width: 520px; }
html #marketing-page .mc-entry-kicker { margin-bottom: 24px; }
html #marketing-page #entry-value-title { line-height: 1.12; letter-spacing: -.045em; }
html #marketing-page .mc-entry-description { max-width: 36ch; line-height: 1.75; }
html #marketing-page .mc-signin-explore { margin-top: 14px; }
/* Sections read as open groups; pricing still has a subtle comparison surface. */
html #marketing-page .student-site-details {
  border: 0; border-top: 1px solid var(--public-line);
  border-radius: 0; background: transparent; box-shadow: none;
}
html #marketing-page :is(.feat,.space,.perk,.loyal,.next-spaces li) {
  background: transparent; border-color: transparent; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html #marketing-page :is(.feat,.space,.perk,.loyal)::before { display: none; }
html #marketing-page .tier {
  background: var(--public-surface); border-color: var(--public-line);
  border-radius: 28px; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html #marketing-page .tier-plus::before { display: none; }
/* Ambient decoration is still. Keep purposeful feedback and breathing tools. */
html .cx-sky::before, html .cx-sky::after,
html .app-shell .cx-orbit *, html .app-shell .app-sidebar .brand::before,
html #marketing-page :is(.hub,.coda,.appicon,.orb,.orb-ring,.chip) *,
html #marketing-page :is(.hub,.coda,.appicon,.orb,.orb-ring,.chip),
html #marketing-page :is(.orb,.appicon,.mclogo)::before,
html #marketing-page :is(.orb,.appicon,.mclogo)::after {
  animation: none !important;
}
html #marketing-page :is(.feat,.space,.tier,.perk,.piece,.pcard):hover,
html #marketing-page .nav .brand:hover .appicon { transform: none; }
html .app-shell .today-next { transform: none; }
@media(max-width:800px) {
  html #marketing-page .mc-signin-entry { padding: 24px 24px 32px; gap: 24px; }
  html #marketing-page #account-sheet.mc-inline-signin > .account-sheet { padding: 4px 0; }
}
@media(max-width:640px) {
  html #marketing-page > .nav { flex-wrap: nowrap; gap: 8px; }
  html #marketing-page .nav-r { display: flex; gap: 8px; }
  html #marketing-page .nav-open { width: auto; padding: 8px 16px; }
  html #marketing-page .nav-one { display: none; }
}
@media(max-width:380px) {
  html #marketing-page .mc-signin-entry { padding-inline: 20px; }
}
/* Each text role follows the surface behind it, including recovery and help. */
html #marketing-page .mc-entry-kicker { color:var(--public-kicker); }
html #marketing-page #entry-value-title em { color:var(--public-accent); }
html #marketing-page :is(.signin-account-choice button,.student-return a) { color:var(--public-link); }
html #marketing-page #account-sheet.mc-inline-signin input::placeholder { color:var(--public-muted); opacity:1; }
html #marketing-page #account-sheet.mc-inline-signin .auth-status.error { color:var(--public-error) !important; }
html #marketing-page #account-sheet.mc-inline-signin .auth-status.success { color:var(--public-success) !important; }
html #marketing-page #account-sheet.mc-inline-signin input[type=checkbox] { accent-color:var(--public-action); }
html #marketing-page .mc-signin-entry :is(a,button,input,select,summary):focus-visible { outline-color:var(--public-link); }
html #marketing-page .public-appearance { position:relative; display:inline-flex; align-items:center; flex:none; margin:0; }
html #marketing-page .public-appearance::after {
  content:""; position:absolute; right:17px; top:50%; width:6px; height:6px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg); pointer-events:none; color:var(--public-ink);
}
html #marketing-page [data-public-theme-preference] {
  color:var(--public-ink); background:var(--public-control); border:1px solid var(--public-border);
  appearance:none; -webkit-appearance:none; box-sizing:border-box; display:block; margin:0;
  border-radius:14px; width:112px; height:44px; min-height:44px; padding:0 36px 0 16px;
  font:inherit; font-size:.8125rem; line-height:1.25; color-scheme:inherit; cursor:pointer;
}
html #marketing-page [data-public-theme-preference]:focus-visible { outline:3px solid var(--public-link); outline-offset:3px; }
html #marketing-page :is(.rail button,.tl,.fine,.site-foot,.site-foot .copy,.student-site-details) { color:var(--public-muted); }
html #marketing-page .student-site-details :is(p,small) { color:var(--public-muted); }
html #marketing-page :is(.tag-coming,.soon) { color:var(--public-muted); border-color:var(--public-border); }
@media(max-width:640px) {
  html #marketing-page .nav .marketing-signin { display:none; }
  html #marketing-page [data-public-theme-preference] { width:108px; }
}
/* Override earlier light-only glass skins so navigation remains unframed. */
html body.is-marketing #marketing-page > .nav { background:transparent; border:0; box-shadow:none; }
html #marketing-page #account-sheet.mc-inline-signin .signin-agreement span { color:var(--public-muted); }
html #marketing-page :is(.tag-soon,.when,.why-head),
html body.is-marketing #marketing-page .card .nx { color:var(--public-link); }
html body.is-marketing #marketing-page .cap1 h1 .strike { color:var(--public-ink); -webkit-text-stroke:0; -webkit-text-fill-color:currentColor; }
html body.is-marketing #marketing-page .btn-mint {
  background:var(--public-action); color:#fff; border:1px solid transparent;
  box-shadow:none; border-radius:999px;
}
html body.is-marketing #marketing-page .btn-mint:hover { background:var(--public-action-hover); }
@media(forced-colors:active) {
  :root,:root.theme-dark {
    --public-bg:Canvas; --public-ink:CanvasText; --public-muted:CanvasText;
    --public-link:LinkText; --public-surface:Field; --public-control:ButtonFace;
    --public-border:ButtonText; --public-action:Highlight; --public-action-hover:Highlight;
  }
  html body.is-marketing, html #marketing-page { background: Canvas; }
  html #marketing-page #account-sheet.mc-inline-signin,
  html #marketing-page #account-sheet.mc-inline-signin > .account-sheet { background: Canvas !important; }
  html #marketing-page #account-sheet.mc-inline-signin input:not([type=checkbox]) { background: Field !important; }
  html #marketing-page #account-sheet.mc-inline-signin .mc-button--primary { background: Highlight !important; color: HighlightText !important; }
  html #marketing-page #account-sheet.mc-inline-signin :is(input,button),
  html #marketing-page :is(.tier,.student-site-details) { border: 1px solid ButtonText; }
}


/* Source: workspace-smooth-v1.css */
/* Share the public palette with every signed-in route and its dialogs. */
:root,html.theme-dark {
  --flow-bg:var(--public-bg); --flow-surface:var(--public-surface); --flow-raised:var(--public-control);
  --flow-ink:var(--public-ink); --flow-muted:var(--public-muted); --flow-line:var(--public-line);
  --flow-accent:var(--public-link); --flow-green:var(--public-kicker);
  --flow-tint:color-mix(in srgb,var(--public-action) 9%,var(--public-surface));
  --ws-bg:var(--flow-bg); --ws-card:var(--flow-surface); --ws-raised:var(--flow-raised); --ws-field:var(--flow-surface);
  --ws-ink:var(--flow-ink); --ws-muted:var(--flow-muted); --ws-line:var(--flow-line); --ws-accent:var(--flow-green);
  --ws-action:var(--public-action); --ws-action-end:var(--public-action); --ws-on-accent:#fff;
  --ws-link:var(--public-link); --ws-tint:var(--flow-tint); --ws-face:var(--public-surface);
  --ws-depth:none; --ws-button-depth:none; --ws-control-depth:none; --ws-inset:none;
  --mc-danger:var(--public-error); --mc-success:var(--public-success);
  --mc-danger-surface:color-mix(in srgb,var(--public-error) 10%,var(--public-surface));
}
html body:not(.is-marketing), html #app-shell[data-simple-workspace] {
  background:var(--public-bg) !important; color:var(--public-ink);
}
html #app-shell[data-simple-workspace] {
  --layout-shadow:none; --layout-line:var(--public-line);
  --mc-blue:var(--public-link); --mc-accent-primary:var(--public-link);
}
/* Open page structure, with one quiet surface for each meaningful group. */
html #app-shell[data-simple-workspace] :is(.mc-card,.planner-surface,.course-detail-hero,.course-workspace-hero,.course-workspace-section,.course-disclosure,.course-study-flow,.focus-stage,.note-library-item,.student-next-actions a,.coda-studio-start,.coda-chat-shell) {
  background:var(--public-surface) !important; border-color:transparent !important;
  box-shadow:none !important; border-radius:24px; color:var(--public-ink);
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html #app-shell[data-simple-workspace] .mc-card::before {display:none;}
html #app-shell[data-simple-workspace] [data-home-next] {
  background:var(--public-surface) !important; border-color:transparent !important; box-shadow:none !important;
}
html #app-shell[data-simple-workspace] :is(.app-sidebar,.glass-topbar,.live-header) {
  background:var(--public-bg) !important; border:0; box-shadow:none !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html #app-shell[data-simple-workspace] .student-next-actions a {
  background:transparent !important; border:0 !important; border-top:1px solid var(--public-line) !important;
  border-radius:0; box-shadow:none !important;
}
html #app-shell[data-simple-workspace] :is(.simple-tools,.course-disclosure,.mc-home-progress-disclosure,.mc-home-disclosure) {
  background:transparent !important; border:0; border-top:1px solid var(--public-line); border-radius:0; box-shadow:none !important;
}
html #app-shell[data-simple-workspace] :is(.mc-nav--mobile,.note-studio-bar,.coda-composer,.coda-chat-composer) {
  background:var(--public-surface) !important; border-color:var(--public-line) !important; box-shadow:none !important;
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html #app-shell[data-simple-workspace] .mc-nav__item:is(.is-active,[aria-current=page]) {
  background:var(--flow-tint) !important; color:var(--public-link) !important;
  border-color:transparent !important; box-shadow:none !important;
}
/* Interactive boundaries stay visible; decorative panel edges stay quiet. */
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {
  color:var(--public-ink); background:var(--public-surface); border-color:var(--public-border);
  border-radius:14px; box-shadow:none !important;
}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(input,textarea)::placeholder {
  color:var(--public-muted); opacity:1;
}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(.mc-button,.provider-button) {
  box-shadow:none !important; text-shadow:none; border-radius:16px;
}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(.mc-button--primary,.home-start-focus,[data-ai-send]) {
  background:var(--public-action) !important; color:#fff !important;
  border-color:var(--public-action) !important; border-radius:999px !important; box-shadow:none !important;
}
html #app-shell[data-simple-workspace] :is(.mc-button--primary,.home-start-focus,[data-ai-send]) :is(span,small,strong) {color:inherit !important;}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(.mc-button--secondary,.mc-button--quiet,.provider-button) {
  color:var(--public-ink) !important; background:var(--public-control) !important;
  border-color:var(--public-border) !important; box-shadow:none !important;
}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(.mc-button--text,.text-link) {color:var(--public-link);}
html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(button,a,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--public-link); outline-offset:3px;
}
/* Sheets use the same palette; authored documents and drawing canvases keep their content styling. */
html body:not(.is-marketing) :is(.mc-sheet,.mc-sheet .sheet-surface,.study-companion,.planner-task-actions-sheet,.mc-language-sheet) {
  color:var(--public-ink); background:var(--public-surface) !important;
  border-color:var(--public-line); border-radius:26px; box-shadow:0 16px 50px rgb(10 18 40 / .12) !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html body:not(.is-marketing) .mc-sheet .sheet-surface {border:0; box-shadow:none !important;}
html body:not(.is-marketing) :is(.mc-sheet,.study-companion) :is(.small-print,.planner-form__intro,.mc-input,.account-divider) {color:var(--public-muted);}
html body:not(.is-marketing) .study-companion :is(button,select,blockquote) {background:var(--public-control);color:var(--public-ink);}
html body:not(.is-marketing) .study-companion button:is([data-play],[aria-pressed=true]) {background:var(--public-action);color:#fff;}
/* Existing Coda hierarchy stays open while composer and tools match the app. */
html #app-shell[data-simple-workspace] [data-coda-space=calm] #ai-composer {
  background:var(--public-surface) !important; border-color:var(--public-border) !important; box-shadow:none !important;
}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list {
  border:0; border-top:1px solid var(--public-line); border-radius:0; background:transparent;
}
html #app-shell[data-simple-workspace] .app-view.is-active:not([hidden]) {animation:none !important;}
html #app-shell[data-simple-workspace] :is(.mc-card,.mc-button,.mc-nav__item,.living-day-steps button):is(:hover,:active) {transform:none;}
html #app-shell[data-simple-workspace] :is(.coda-chat-presence__orb,.coda-chat-presence__orb::after,.coda-orbits,.living-pearl) {animation:none !important;}
html body:not(.is-marketing) .mc-sheet {--mc-blue:var(--public-link);}
html #app-shell[data-simple-workspace] .living-day-steps [data-living-focus] {background:var(--public-action);color:#fff;}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring {
  background:conic-gradient(from -90deg,var(--public-link) var(--focus-progress),var(--public-line) 0);
  border:0; box-shadow:none; padding:4px;
}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring::before,
html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring__inner::before {display:none;}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-ring__inner {
  background:var(--public-surface); border:0; box-shadow:none;
}
html #app-shell[data-simple-workspace] [data-view=focus] .focus-clock {color:var(--public-ink);}
:root[data-personalize-contrast=true] {--public-muted:var(--public-ink);--public-border:var(--public-ink);}
:root[data-personalize-contrast=true] #app-shell[data-simple-workspace] .mc-card {border:1px solid var(--public-ink) !important;}
@media(prefers-contrast:more) {
  :root {--public-muted:var(--public-ink);--public-border:var(--public-ink);}
  html #app-shell[data-simple-workspace] .mc-card {border:1px solid var(--public-ink) !important;}
}
/* Secondary copy stays readable through text colour rather than opacity. */
html #app-shell[data-simple-workspace] :is(.mc-course-learning__metrics small,.mc-course-learning__metrics span,.mc-course-learning__badge,.mc-course-learning__note) {opacity:1;}
html #app-shell[data-simple-workspace] .theme-choice.is-selected {
  background:var(--public-action); color:#fff; border-color:var(--public-action);
}
/* Reveal tools immediately, without temporarily fading their text below contrast targets. */
html #app-shell[data-simple-workspace] details[open] > :not(summary),
html body:not(.is-marketing) .mc-sheet {animation:none !important;}
html #app-shell[data-simple-workspace] .coda-chat-presence__orb::after {animation:none !important;}
/* Course accents are readable text colours in either palette, including later cards. */
:root {--app-course-gold:#786016;--app-course-lilac:#3a5478;}
html.theme-dark {--app-course-gold:#e8d18e;--app-course-lilac:#aac8f1;}
html #app-shell[data-simple-workspace] .course-library-card {
  --course-tint:color-mix(in srgb,var(--course-accent) 10%,var(--public-surface));
}
html #app-shell[data-simple-workspace] .course-tone-2 {--course-accent:var(--app-course-gold);}
html #app-shell[data-simple-workspace] .course-tone-3 {--course-accent:var(--app-course-lilac);}
html #app-shell[data-simple-workspace] .task-row.is-complete {opacity:1;}
/* A theme change updates paired text and surfaces together, without a colour fade. */
html body:not(.is-marketing) :is(#app-shell[data-simple-workspace],.mc-sheet,.study-companion),
html body:not(.is-marketing) :is(#app-shell[data-simple-workspace],.mc-sheet,.study-companion) :is(.mc-card,.mc-button,.mc-nav__item,.theme-choice,.preference-row,.focus-flow,.mc-input,.reading-settings,*) {transition:none !important;}
/* Course accents stay legible across the automatically assigned card colours. */
:root {--app-course-gold:#786016;--app-course-lilac:#3a5478;}
html.theme-dark {--app-course-gold:#e8d18e;--app-course-lilac:#aac8f1;}
html #app-shell[data-simple-workspace] .course-library-card {--course-tint:color-mix(in srgb,var(--course-accent) 10%,var(--public-surface));}
html #app-shell[data-simple-workspace] .course-tone-2 {--course-accent:var(--app-course-gold);}
html #app-shell[data-simple-workspace] .course-tone-3 {--course-accent:var(--app-course-lilac);}
html #app-shell[data-simple-workspace] .task-row.is-complete {opacity:1;}
/* Secondary account and language dialogs use the same surfaces as editors. */
html body:not(.is-marketing) dialog {
  color:var(--public-ink); background:var(--public-surface) !important;
  border-color:var(--public-line); border-radius:26px;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
html body:not(.is-marketing) dialog::backdrop {background:rgb(11 18 35 / .4);-webkit-backdrop-filter:none;backdrop-filter:none;}
html body:not(.is-marketing) .mc-language-sheet button {
  color:var(--public-ink); background:var(--public-control); border-color:var(--public-border); border-radius:14px;
}
html body:not(.is-marketing) .mc-language-sheet [aria-pressed=true] {color:var(--public-link);background:var(--flow-tint);border-color:var(--public-link);}
html body:not(.is-marketing) .mc-language-sheet .mc-language-done {background:var(--public-action);color:#fff;}
/* Keep each hover surface paired with its label colour. The generic Living Day
   hover used to turn the Focus tile white while leaving its label white. */
/* Hover can remain active after a tap: readable colours must not depend on input media. */
  html body:not(.is-marketing) :is(#app-shell[data-simple-workspace],.mc-sheet,.study-companion,.mc-language-sheet) :is(.mc-button--primary,.home-start-focus,[data-ai-send],[data-living-focus],.mc-language-done,.theme-choice.is-selected):not(:disabled):hover {
    background:var(--public-action-hover) !important; color:#fff !important;
    border-color:var(--public-action-hover) !important; filter:none;
  }
  html body:not(.is-marketing) :is(#app-shell[data-simple-workspace],.mc-sheet,.study-companion,.mc-language-sheet) :is(.mc-button--secondary,.mc-button--quiet,.provider-button,.study-sound-entry,.mc-language-trigger,.theme-choice:not(.is-selected)):not(.mc-button--primary):not(.home-start-focus):not(:disabled):hover {
    background:color-mix(in srgb,var(--public-ink) 10%,var(--public-control)) !important;
    color:var(--public-ink) !important; border-color:var(--public-border) !important; filter:none;
  }
  html #app-shell[data-simple-workspace] .living-day-steps button:not([data-living-focus]):not(:disabled):hover {
    background:var(--public-surface); color:var(--public-ink);
  }
  html #app-shell[data-simple-workspace] :is(.mc-button--text,.mc-nav__item):not(:disabled):hover {
    color:var(--public-link) !important; background:var(--flow-tint) !important; filter:none;
  }
html body:not(.is-marketing) :is(#app-shell[data-simple-workspace],.mc-sheet,.study-companion,.mc-language-sheet) :is(.mc-button--primary,.home-start-focus,[data-ai-send],[data-living-focus],.mc-language-done,.theme-choice.is-selected):not(:disabled):active {
  background:var(--public-action-hover) !important; color:#fff !important; filter:none;
}
/* Distinct, quiet colour gives the quick actions a clear place in the day. */
html #app-shell[data-simple-workspace] .living-day-steps {
  background:transparent; padding:0; gap:12px;
}
html #app-shell[data-simple-workspace] .living-day-steps button {
  background:color-mix(in srgb,var(--public-link) 8%,var(--public-surface));
  color:var(--public-ink); border:1px solid var(--public-line); border-radius:20px;
  min-height:76px; box-shadow:0 3px 10px rgb(20 30 55 / .04);
}
html #app-shell[data-simple-workspace] .living-day-steps [data-living-plan] {
  background:color-mix(in srgb,var(--public-kicker) 9%,var(--public-surface));
}
html #app-shell[data-simple-workspace] .living-day-steps [data-living-focus] {
  background:var(--public-action); color:#fff; border-color:var(--public-action);
}
html #app-shell[data-simple-workspace] .living-day-steps button:not([data-living-focus]):is(:hover,:active) {
  background:color-mix(in srgb,var(--public-link) 15%,var(--public-surface)); color:var(--public-ink);
  border-color:var(--public-link);
}
html #app-shell[data-simple-workspace] .living-day-steps button :is(strong,small,span) {color:inherit;opacity:1;}
html #app-shell[data-simple-workspace] :is(button,a,input,textarea,select,summary):focus-visible,
html body:not(.is-marketing) dialog :is(button,a,input,textarea,select):focus-visible {
  outline:3px solid var(--public-link); outline-offset:4px;
}
html #app-shell[data-simple-workspace] .living-day {
  background:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--public-kicker) 10%,transparent),transparent 65%);
}
@media(forced-colors:active) {
  :root,html.theme-dark {
    --flow-bg:Canvas; --flow-surface:Canvas; --flow-raised:ButtonFace;
    --flow-ink:CanvasText; --flow-muted:CanvasText; --flow-line:CanvasText;
    --flow-accent:Highlight; --flow-green:CanvasText; --flow-tint:Canvas;
    --ws-bg:Canvas; --ws-card:Canvas; --ws-raised:ButtonFace; --ws-field:Field;
    --ws-ink:CanvasText; --ws-muted:CanvasText; --ws-line:CanvasText; --ws-accent:Highlight;
    --ws-action:Highlight; --ws-action-end:Highlight; --ws-on-accent:HighlightText;
    --ws-link:LinkText; --ws-tint:Canvas; --ws-face:Canvas;
  }
  html #app-shell[data-simple-workspace] .mc-card {border:1px solid CanvasText !important;}
  html body:not(.is-marketing) :is(#app-shell,.mc-sheet,dialog) :is(.mc-button--primary,.home-start-focus,[data-ai-send]) {color:HighlightText !important;}
}

/* Returning students see their actual unfinished work before a new suggestion. */
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume {
  grid-column:1/-1;order:0;width:100%;min-width:0;min-height:64px;margin:0;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:5px;padding:14px 18px;text-align:left;white-space:normal;
  border:0;border-left:3px solid var(--public-link);border-radius:4px 14px 14px 4px;
  background:var(--public-control)!important;color:var(--public-ink)!important;box-shadow:none;
}
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume[hidden] {display:none!important;}
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume > span {font-size:12px;font-weight:500;color:var(--public-muted);}
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume > small {font-size:16px;font-weight:600;line-height:1.5;color:var(--public-ink);overflow-wrap:anywhere;}
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume:hover:not(:disabled) {outline:1px solid var(--public-link);outline-offset:0;}
html #app-shell[data-simple-workspace] .today-next__body > [data-home-resume-status] {grid-column:1/-1;order:0;margin:0;}
html #app-shell[data-simple-workspace] .today-next__body > .mc-clarity__task {order:1;}
html #app-shell[data-simple-workspace] .today-next__body > .mc-home-focus-dock {order:2;}
/* Keep useful shortcuts while reserving the strongest colour for the main action. */
html #app-shell[data-simple-workspace] .living-day-steps {background:transparent;gap:8px;padding:0;border-bottom:1px solid var(--public-line);border-radius:0;}
html #app-shell[data-simple-workspace] .living-day-steps button,
html #app-shell[data-simple-workspace] .living-day-steps [data-living-focus] {
  min-height:52px;border-radius:14px;background:transparent!important;color:var(--public-ink)!important;
}
html #app-shell[data-simple-workspace] .living-day-steps button:hover:not(:disabled) {background:var(--public-control)!important;}
html #app-shell[data-simple-workspace] .living-day-steps svg {color:var(--public-link);}
html #app-shell[data-simple-workspace] .living-day-steps small {color:var(--public-muted);}
html #app-shell[data-simple-workspace] .living-day {padding-top:4px;margin-bottom:18px;}
html #app-shell[data-simple-workspace] .living-day-position {margin:12px 0 18px;}
html:not([data-text-scale]) #app-shell[data-simple-workspace] #living-day-title,
html[data-text-scale="100"] #app-shell[data-simple-workspace] #living-day-title {font-size:clamp(32px,4vw,46px)!important;line-height:1.12!important;}
html #app-shell[data-simple-workspace] .living-pearl {flex-basis:56px;height:56px;}
/* Shopping links can wait while the student is on the Focus screen. */
html #app-shell[data-active-view="focus"] .mc-one-links {display:none;}
@media(max-width:600px) {
  html #app-shell[data-simple-workspace] .living-day-steps button {min-height:66px;padding:8px 6px;}
  html #app-shell[data-simple-workspace] .living-pearl {flex-basis:42px;height:42px;}
}
@media(forced-colors:active) {
  html #app-shell[data-simple-workspace] .today-next__body > .mc-home-resume {border:1px solid ButtonText;background:Canvas!important;color:ButtonText!important;}
}
/* Release the older fixed first row so the return action can lead the card. */
html #app-shell[data-simple-workspace] .today-next__body > :is(.mc-clarity__task,.mc-home-focus-dock) {grid-row:auto!important;}

/* Shortcut icons and duration follow the paired hover label, including touch. */
html #app-shell[data-simple-workspace] .living-day-steps button:is(:hover,:active) :is(svg,strong,small,span) {color:inherit!important;}

/* A small first session with its duration visible before starting. */
html #app-shell[data-simple-workspace] .mc-home-time-options {grid-template-columns:repeat(5,minmax(0,1fr));}
html #app-shell[data-simple-workspace] .mc-home-time-options button {padding-inline:4px;white-space:nowrap;}
html #app-shell[data-simple-workspace] [data-home-start-focus] {display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
html #app-shell[data-simple-workspace] .mc-home-start-budget {border:1px solid currentColor;border-radius:999px;padding:3px 9px;font-size:.8em;font-weight:500;white-space:nowrap;line-height:1.4;}
html #app-shell[data-simple-workspace] .mc-home-start-budget[hidden] {display:none!important;}
html #app-shell[data-simple-workspace] .mc-home-start-cue {display:block;margin:0;max-width:42ch;font-size:13px;line-height:1.55;color:var(--ws-muted);}
@media(max-width:360px){html #app-shell[data-simple-workspace] .mc-home-time-options {grid-template-columns:repeat(3,minmax(0,1fr));}}

/* Optional still view: hide changing numbers without changing the clock. */
html #app-shell [data-focus-ring][hidden],
html #app-shell .focus-countdown-calm[hidden],
html #app-shell .focus-countdown-toggle[hidden] {display:none!important;}
html #app-shell .focus-countdown-calm {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:270px;width:min(100%,320px);margin-inline:auto;text-align:center;}
html #app-shell .focus-countdown-calm__mark {display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--ws-line);border-radius:50%;background:var(--ws-tint);color:var(--ws-accent);}
html #app-shell .focus-countdown-calm__mark svg {width:28px;height:28px;}
html #app-shell .focus-countdown-calm strong {font-size:clamp(1.5rem,5vw,1.9rem);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ws-ink);}
html #app-shell .focus-countdown-calm p {font-size:.875rem;line-height:1.6;max-width:29ch;margin:0;color:var(--ws-muted);}
html #app-shell .focus-countdown-toggle {justify-self:center;min-width:11rem;min-height:44px;margin-inline:auto;}
html #app-shell[data-countdown-hidden] [data-focus-live-dot] {animation:none!important;box-shadow:none!important;}
@media(max-width:640px){html #app-shell .focus-countdown-calm {min-height:250px;}}
@media(forced-colors:active){html #app-shell .focus-countdown-calm__mark {color:CanvasText;background:Canvas;border-color:CanvasText;}}
/* Keep the longer quiet status and note action clear of the edge companion. */
@media(max-width:900px){body:has(#app-shell.has-focus-flow) .mc-coda-companion[data-living-coda] {bottom:calc(174px + env(safe-area-inset-bottom,0px));}}
@media(max-width:600px){
 html #app-shell .focus-flow:not(.focus-flow--idle) {display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:calc(100vw - 24px);gap:4px;}
 html #app-shell .focus-flow:not(.focus-flow--idle) .focus-flow-clock {white-space:normal;min-width:0;text-align:start;font-size:.8125rem;padding-inline:6px;}
 html #app-shell .focus-flow:not(.focus-flow--idle) .mc-button {padding-inline:10px;}
 html #app-shell .focus-flow-more > summary {padding-inline:8px;}
}

/* Student Library and Coda: direct actions, with their visual identity intact. */
html #app-shell[data-simple-workspace] [data-view=study] .student-library-hook {
 display:grid!important;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px 18px;
 padding:24px;margin:8px 0 20px;border-radius:24px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--mc-teal) 14%,transparent),transparent 70%),var(--mc-surface);
}
html #app-shell[data-simple-workspace] .student-library-hook .mc-hero__top {display:flex!important;grid-column:1;grid-row:1/3;margin:0;}
html #app-shell[data-simple-workspace] .student-library-hook h2 {grid-column:2;font-family:Georgia,serif;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.2;margin:0;}
html #app-shell[data-simple-workspace] .student-library-hook > p {grid-column:2;margin:0;font-size:14px;color:var(--mc-ink-secondary);}
html #app-shell[data-simple-workspace] [data-library-new-note] {min-height:44px;white-space:nowrap;}
html #app-shell[data-simple-workspace] [data-view=study] .mc-study-more > div {display:grid;gap:8px;min-width:190px;}
html #app-shell[data-simple-workspace] [data-view=study] .mc-study-more .study-add-course-action {display:none;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-start {margin:0;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-start > .coda-next-moves {display:block!important;margin:0!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-next-moves__choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-coda-suggestion] {min-width:0;min-height:62px;padding:12px;text-align:left;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-context {margin:0;border:0;background:transparent;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-context > summary {min-height:44px;padding:10px 2px;font-size:14px;cursor:pointer;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-group {margin:0!important;padding:12px 0!important;width:100%;max-width:none;border:0!important;background:transparent!important;box-shadow:none!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] :is(.coda-space-group,.coda-space-appearance) > h3 {margin:0 0 10px;font-size:14px;line-height:1.4;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-group .ai-prompt-list {display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list .mc-button {min-height:44px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .ai-conversation-header {grid-template-columns:minmax(0,1fr) 64px;}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-chat-presence__orb {width:64px!important;height:64px!important;flex-basis:64px!important;}
html #app-shell[data-simple-workspace] [data-coda-space=calm][data-coda-flow=conversation] .coda-chat-presence__orb {width:44px!important;height:44px!important;flex-basis:44px!important;}
@media(max-width:640px){
 html #app-shell[data-simple-workspace] [data-view=study] .page-header__actions {flex:0 1 auto;gap:8px;}
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header > div:first-child {flex:1 1 100%;}
 html #app-shell[data-simple-workspace] [data-view=study] .student-library-hook {padding:18px;grid-template-columns:40px minmax(0,1fr);gap:8px 12px;}
 html #app-shell[data-simple-workspace] .student-library-hook .mc-emblem {width:40px;height:40px;}
 html #app-shell[data-simple-workspace] [data-coda-space=calm] [data-coda-suggestion] small {display:none;}
}
@media(forced-colors:active){html #app-shell[data-simple-workspace] [data-view=study] .student-library-hook {background:Canvas;color:CanvasText;border:1px solid CanvasText;}}
html #app-shell[data-simple-workspace] [data-coda-space=calm] .coda-space-tool-list [hidden] {display:none!important;}
@media(max-width:640px){
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header:has(.focus-flow--idle) {display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px!important;}
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header > div:first-child {grid-column:1/-1;}
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header .page-header__actions {grid-column:1;grid-row:2;min-width:0;}
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header .focus-flow--idle {grid-column:2;grid-row:2;margin:0!important;}
}
/* A menu sizes to its content, rather than the narrow More trigger. */
@media(max-width:640px){
 html #app-shell[data-simple-workspace] [data-view=study] .study-page-header {position:relative;}
 html #app-shell[data-simple-workspace] [data-view=study] :is(.mc-study-more,.page-header__actions) {position:static!important;}
 html #app-shell[data-simple-workspace] [data-view=study] .mc-study-more > div {left:0!important;right:0!important;top:100%!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;}
 html #app-shell[data-simple-workspace] [data-view=study] .mc-study-more > div > button {width:100%!important;min-width:0!important;min-height:44px;justify-content:flex-start;text-align:left;white-space:normal;}
}
/* Find one note without facing the whole library at once. */
html #app-shell .notes-library-filters {display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);gap:12px;align-items:end;}
html #app-shell .notes-library-filters .mc-input {margin:0;min-width:0;display:grid;gap:6px;}
html #app-shell .notes-library-filters .mc-input > span {font-size:.8125rem;font-weight:600;color:var(--ws-muted);}
html #app-shell .notes-library-filters :is(input,select) {box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-card);color:var(--ws-ink);font:inherit;}
html #app-shell .notes-library-summary {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 0 16px;}
html #app-shell [data-notes-result-count] {margin:0;color:var(--ws-muted);font-size:.8125rem;line-height:1.5;}
html #app-shell .notes-library-more {margin:20px auto 0;display:block;min-height:44px;}
html #app-shell :is([data-notes-more],[data-notes-clear])[hidden] {display:none!important;}
html #app-shell .notes-library-empty {grid-column:1/-1;}
@media(max-width:480px){html #app-shell .notes-library-filters {grid-template-columns:minmax(0,1fr);}}
html #app-shell .notes-library-filters .mc-input:has(select) {position:relative;}
html #app-shell .notes-library-filters select {appearance:none;height:48px;padding-right:36px;}
html #app-shell .notes-library-filters .mc-input:has(select)::after {content:'';position:absolute;right:16px;bottom:20px;width:7px;height:7px;border-right:2px solid var(--ws-muted);border-bottom:2px solid var(--ws-muted);transform:rotate(45deg);pointer-events:none;}


/* Source: focus-strict-v1.css */
.focus-strict-controls {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;}
.focus-strict-controls[hidden],.focus-strict-controls [hidden] {display:none!important;}
.focus-strict-sheet {box-sizing:border-box;width:min(480px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--mc-line,#48536c);border-radius:20px;background:var(--mc-surface,#151e32);color:var(--mc-ink,#f5f7ff);font:inherit;}
.focus-strict-sheet::backdrop,.focus-strict-screen::backdrop {background:rgb(3 8 20 / .75);}
.focus-strict-sheet h2 {margin:0 0 12px;font-size:1.5rem;}
.focus-strict-sheet p {line-height:1.5;}
.focus-strict-sheet fieldset {border:0;padding:0;margin:16px 0;display:grid;gap:8px;}
.focus-strict-sheet legend {font-size:.85rem;margin-bottom:8px;}
.focus-strict-option {display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--mc-line,#48536c);border-radius:14px;cursor:pointer;}
.focus-strict-option:has(input:checked) {border-color:var(--mc-teal,#64d8d0);}
.focus-strict-option input {margin-top:5px;flex-shrink:0;accent-color:var(--mc-teal,#64d8d0);}
.focus-strict-option strong,.focus-strict-option small {display:block;line-height:1.5;}
.focus-strict-option small {margin-top:4px;}
.focus-strict-sheet .mc-button {min-height:44px;margin:4px;}
.focus-strict-hint {font-size:.8125rem;}
.focus-strict-screen {box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:32px 20px;border:0;background:#050913;color:#e7ecfa;text-align:center;font:inherit;}
.focus-strict-screen[open] {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.focus-strict-screen h2 {font-size:1.5rem;margin:0;}
.focus-strict-screen>p {max-width:32ch;color:#9ca9c3;line-height:1.5;}
.focus-strict-clock {font-size:clamp(2rem,12vw,5rem);font-variant-numeric:tabular-nums;font-weight:500;}
.focus-strict-screen .mc-button {min-height:48px;background:#1b263b;color:#e7ecfa;border:1px solid #52617c;}
.focus-strict-sheet :focus-visible,.focus-strict-screen :focus-visible {outline:3px solid #63cfc9;outline-offset:3px;}
@media(forced-colors:active){.focus-strict-sheet,.focus-strict-screen,.focus-strict-option {background:Canvas;color:CanvasText;border:1px solid CanvasText;}}


/* Source: focus-world-v1.css */
/* A quiet, original vector world; no video, animation loop or remote audio. */
html #app-shell .focus-world {overflow:hidden;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);border:1px solid var(--mc-line,#d6dee8);border-radius:22px;background:var(--mc-surface,#fff);color:var(--mc-ink,#18263b);margin:0 0 8px;}
html #app-shell .focus-world[hidden],html #app-shell .focus-world [hidden] {display:none!important;}
.focus-world-scene {position:relative;min-height:390px;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#413d7459,transparent 55%),radial-gradient(ellipse at 10% 65%,#1c727759,transparent 60%),linear-gradient(165deg,#090e24,#192843 70%,#1f3548);background-color:#090e24;}
.focus-world-sky {position:absolute;width:100%;height:80%;top:4%;left:0;overflow:visible;}
.focus-world-sky circle {fill:#7c91b0;opacity:.42;}
.focus-world-sky .world-distant-star {fill:#a5b9d2;opacity:.45;}
.focus-world-sky circle.is-earned {fill:#f3dba1;opacity:1;filter:drop-shadow(0 0 5px #ffe4a9);}
.focus-world-sky line {stroke:#d5ba77;stroke-width:1;opacity:.65;}
.focus-world-mountains {position:absolute;inset:55% -1px -1px;background:#101d30;clip-path:polygon(0 38%,13% 22%,26% 47%,44% 7%,67% 44%,84% 18%,100% 34%,100% 100%,0 100%);}
.focus-world-mountains::after {content:'';position:absolute;inset:35% 0 0;background:#0a1525;clip-path:polygon(0 22%,20% 47%,40% 18%,60% 51%,80% 26%,100% 43%,100% 100%,0 100%);}
.focus-world-dome {position:absolute;bottom:52px;left:50%;transform:translateX(-50%);width:96px;height:66px;border-radius:60px 60px 3px 3px;background:linear-gradient(90deg,#31435a,#9ba4ae 52%,#3a4d65);box-shadow:0 14px 25px #0008;}
.focus-world-dome::before {content:'';position:absolute;inset:5px 36px 0 41px;transform:rotate(18deg);border-radius:50% 50% 0 0;background:#081124;border-right:3px solid #b4bac1;}
.focus-world-dome::after {content:'';position:absolute;inset:50px -6px -15px;background:linear-gradient(90deg,#1e3047,#526076,#1c2b43);border-top:2px solid #8996a8;}
.focus-world-scene-label {position:absolute;bottom:16px;left:12px;right:12px;text-align:center;font-size:.625rem;letter-spacing:.16em;color:#c7d6e5;line-height:1.5;}
html #app-shell .focus-world-body {padding:24px;min-width:0;}
.focus-world-intro {position:relative;padding-right:55px;}
html #app-shell .focus-world-intro h2 {font-size:clamp(1.4rem,2.8vw,1.9rem);line-height:1.15;margin:10px 0;font-weight:600;letter-spacing:-.035em;}
html #app-shell .focus-world-intro p {font-size:.875rem;line-height:1.55;margin:0 0 16px;}
.focus-world-tag {font-size:.625rem;font-weight:600;letter-spacing:.12em;color:var(--mc-teal,#19736d);}
.focus-world-coda {position:absolute;right:-8px;top:15px;object-fit:contain;width:64px;height:64px;}
.focus-world-goal {display:grid;gap:6px;font-size:.8125rem;font-weight:600;}
html #app-shell .focus-world-goal input,html #app-shell .focus-world-body>input {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:11px 12px;font:inherit;border:1px solid var(--mc-line,#ccd6e3);border-radius:12px;background:var(--mc-surface,#fff);color:inherit;}
.focus-world-actions {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
html #app-shell .focus-world-actions .mc-button {min-height:44px;font-size:.8125rem;padding:10px 12px;}
.focus-world-progress p {font-size:.8125rem;line-height:1.4;margin:12px 0 6px;}
.focus-world-progress progress {display:block;width:100%;height:5px;border:0;border-radius:4px;accent-color:var(--mc-teal,#20857b);background:#8493ab30;}
.focus-world-progress progress::-webkit-progress-bar {background:#8493ab30;border-radius:4px;}
.focus-world-progress progress::-webkit-progress-value {background:var(--mc-teal,#20857b);border-radius:4px;}
html #app-shell .focus-world-status {font-size:.8125rem;line-height:1.5;}
.focus-world-status:empty {display:none;}
html #app-shell .focus-world-settings,html #app-shell .focus-world-history {margin-top:12px;border-top:1px solid var(--mc-line,#d6dee8);padding-top:4px;}
.focus-world-settings summary,.focus-world-history summary {min-height:44px;display:flex;align-items:center;gap:8px;font-size:.8125rem;cursor:pointer;list-style:none;}
.focus-world-settings summary::before,.focus-world-history summary::before {content:'+';font-size:1.1rem;}
.focus-world-settings[open] summary::before,.focus-world-history[open] summary::before {content:'−';}
.focus-world-layer {display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.8125rem;margin:8px 0;}
.focus-world-layer input {grid-column:1/-1;width:100%;min-height:32px;accent-color:var(--mc-teal,#20857b);}
.focus-world-history ol {list-style:none;padding:0;margin:4px 0;max-height:200px;overflow:auto;}
.focus-world-history li {display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--mc-line,#d6dee8);padding:10px 0;font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere;}
.focus-world-history li small {white-space:nowrap;}
html #app-shell .focus-world-footnote {font-size:.75rem;line-height:1.5;opacity:1;margin:14px 0 0;}
.focus-world-shared {border:1px solid var(--mc-line,#d6dee8);padding:12px;border-radius:12px;margin-bottom:14px;}
.focus-world-shared p {font-size:.875rem;line-height:1.5;}
.focus-world :focus-visible {outline:3px solid var(--mc-teal,#20857b);outline-offset:3px;}
@media(max-width:680px){html #app-shell .focus-world {grid-template-columns:1fr;}.focus-world-scene {min-height:190px;}.focus-world-sky {height:110%;top:-14%;}.focus-world-dome {width:72px;height:50px;bottom:36px;}.focus-world-dome::before {inset:4px 26px 0 31px;}.focus-world-dome::after {top:38px;}.focus-world-scene-label {font-size:.5625rem;bottom:10px;}html #app-shell .focus-world-body {padding:18px;}.focus-world-coda {width:54px;height:54px;}}
@media(forced-colors:active){html #app-shell .focus-world {border:1px solid CanvasText;}.focus-world-sky circle.is-earned {fill:Highlight;filter:none;}.focus-world-sky line {stroke:Highlight;}}

.focus-layout--pwa {container-type:inline-size;}
@container(max-width:680px){html #app-shell .focus-world {grid-template-columns:1fr;}.focus-world-scene {min-height:190px;}.focus-world-sky {height:110%;top:-14%;}.focus-world-dome {width:72px;height:50px;bottom:36px;}.focus-world-dome::before {inset:4px 26px 0 31px;}.focus-world-dome::after {top:38px;}.focus-world-scene-label {font-size:.5625rem;bottom:10px;}html #app-shell .focus-world-body {padding:18px;}.focus-world-coda {width:54px;height:54px;}}


/* Source: coda-free-preview-v1.css */
html #app-shell [data-view=ai] .coda-free-preview {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--flow-line);border-radius:18px;background:var(--flow-surface);color:var(--flow-ink);min-width:0;}
html #app-shell [data-view=ai] .coda-free-preview[hidden] {display:none!important;}
.coda-free-preview > div {flex:1 1 220px;min-width:0;}
.coda-free-preview strong {font-size:15px;}
html #app-shell .coda-free-preview p {margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--flow-muted);}
.coda-free-preview [data-preview-progress] {font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.coda-free-preview button {min-height:44px;}
@media(forced-colors:active){html #app-shell [data-view=ai] .coda-free-preview {border-color:CanvasText;}}


/* Source: library-discovery-v1.css */
/* Library destinations remain visible across courses, notes and map editing. */
html #app-shell[data-simple-workspace] .library-sections {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border-radius:16px;margin-bottom:20px;}
html #app-shell[data-simple-workspace] .library-sections a {min-width:0;min-height:46px;padding:10px 8px;text-align:center;line-height:1.35;font-size:.875rem;}
html #app-shell[data-simple-workspace] .library-sections a:focus-visible {outline:3px solid var(--mc-teal);outline-offset:2px;}
html #app-shell[data-simple-workspace] .course-card__top {align-items:flex-start;flex-wrap:wrap;gap:12px;}
html #app-shell[data-simple-workspace] .course-card__management {display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px 8px;margin-left:auto;}
html #app-shell[data-simple-workspace] .course-card__management button {min-height:44px;width:auto;padding:8px 12px;font-size:.8125rem;}
html #app-shell[data-simple-workspace] .course-card__management .course-delete {color:var(--mc-ink-secondary);background:transparent;border:1px solid var(--ws-line);border-radius:12px;}
html #app-shell[data-simple-workspace] .course-card__management .course-delete:is(:hover,:focus-visible) {color:var(--mc-ink);border-color:currentColor;}
html #app-shell[data-simple-workspace] [data-study-library] {gap:16px;}
html #app-shell[data-simple-workspace] .course-library-card {padding:22px!important;border:1px solid var(--ws-line)!important;box-shadow:var(--layout-shadow)!important;gap:14px;}
html #app-shell[data-simple-workspace] .course-card__actions .mc-button--primary {flex:0 1 auto;min-width:140px;}
html #app-shell[data-simple-workspace] .course-card__actions {padding-top:4px;}
html #app-shell[data-simple-workspace] .mc-recall-entry {margin:0 0 20px;padding:20px;border:1px solid var(--ws-line);border-radius:20px;background:var(--ws-card);}
html #app-shell[data-simple-workspace] .mc-recall-entry h2 {font-size:1.2rem;margin:5px 0;}
html #app-shell[data-simple-workspace] .mc-recall-entry p {margin:6px 0;color:var(--mc-ink-secondary);}
html #app-shell[data-simple-workspace] .mc-recall-entry .mc-button {min-height:44px;}
html #app-shell[data-simple-workspace] .simple-new-whiteboard {min-height:44px;}
@media(min-width:1100px) {
 html #app-shell[data-simple-workspace] .mc-recall-entry {display:flex;align-items:center;flex-wrap:wrap;gap:16px;}
 html #app-shell[data-simple-workspace] .mc-recall-entry > div:first-child {flex:1 1 240px;}
}
@media(max-width:480px) {
 html #app-shell[data-simple-workspace] .course-library-card {padding:16px!important;}
 html #app-shell[data-simple-workspace] .course-card__management {justify-content:flex-start;margin-left:0;}
 html #app-shell[data-simple-workspace] .course-card__top {gap:8px;}
 html #app-shell[data-simple-workspace] .course-card__identity {width:100%;}
 html #app-shell[data-simple-workspace] .course-card__actions .mc-button {flex:1 1 auto;}
}
html #app-shell[data-simple-workspace] .account-deletion-availability {padding-top:20px;margin-top:20px;border-top:1px solid var(--ws-line);}
html #app-shell[data-simple-workspace] .account-deletion-availability h3 {font-size:1rem;margin:0 0 8px;}
html #app-shell[data-simple-workspace] .account-deletion-availability p {max-width:65ch;line-height:1.6;color:var(--mc-ink-secondary);}

@media(min-width:1100px) {
 html #app-shell[data-simple-workspace] [data-study-library] {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important;}
 html #app-shell[data-simple-workspace] [data-study-library] > .mc-empty-state {grid-column:1 / -1;}
}


/* Source: study-fold-v1.css */
/* The folded page is a static signature, from account entry into the workspace. */
html #marketing-page .study-fold-hero {
  display: block;
  width: min(100%, 390px);
  height: auto;
  margin: 0 0 clamp(12px, 2vh, 24px);
}
html #marketing-page .mc-signin-entry::before,
html #marketing-page .mc-signin-entry::after {
  animation: none;
  transform: none;
}
html #marketing-page #account-sheet.mc-inline-signin .account-sheet__header::before {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  border-radius: 3px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #299e91 0 54%, #8382d7 54% 81%, #87b2ed 81%);
}
/* Set the accent on the view so its header and section controls share one ink. */
#app-shell .app-view { --fold-ink: #408e99; }
#app-shell [data-view="planner"], #app-shell [data-view="notes"] { --fold-ink: #5e82b4; }
#app-shell [data-view="focus"], #app-shell [data-view="study"] { --fold-ink: #309984; }
html #app-shell .app-view > .page-header {
  border-block-end: 1px solid color-mix(in srgb, var(--fold-ink) 42%, transparent);
  padding-block-end: 12px;
}
html #app-shell .app-view > .page-header h1::before {
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  margin-bottom: 9px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--fold-ink) 0 54%, #848bd0 54% 81%, #84a8da 81%);
}
@media (min-width: 801px) {
  html #app-shell .app-view:is([data-view="study"], [data-view="progress"]) > .page-header {
    background-image: url("/study-fold-v1.svg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 56% center;
  }
}
@media (max-width: 760px) {
  html #marketing-page .study-fold-hero { width: 92px; margin-bottom: 6px; }
}
@media (forced-colors: active) {
  html #marketing-page .study-fold-hero { visibility: hidden; }
  html #app-shell .app-view > .page-header { background-image: none; }
}

/* Each workspace has a different contour: horizon, time blocks, breath, or pen. */
#app-shell .study-panorama {
  height: clamp(24px, 3.5vw, 46px);
  margin-block: 0 10px;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--fold-ink) 8%, transparent);
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
.study-panorama--day { background-image: url("/study-panorama-v1.svg#day"); }
.study-panorama--plan { background-image: url("/study-panorama-v1.svg#plan"); }
.study-panorama--focus { background-image: url("/study-panorama-v1.svg#focus"); }
.study-panorama--notes { background-image: url("/study-panorama-v1.svg#notes"); }
@media (forced-colors: active), print {
  #app-shell .study-panorama { display: none; }
}


/* Source: student-experience-v1.css */
/* Student workspace: the normal application owns identity, actions and state. */
html body.student-experience #app-shell{
 --student-ink:#252344;--student-paper:#f5f4fb;--student-card:#fffdfc;--student-line:#dbe1eb;--student-focus:#435e84;
 background:transparent!important;
}
html.theme-dark body.student-experience #app-shell{--student-ink:#e5eefa;--student-paper:#171a2c;--student-card:#25283e;--student-line:#47465e;--student-focus:#99c3ff}
html body.student-experience:not(.is-marketing){background:radial-gradient(ellipse at 95% 8%,#dff2ed 0,transparent 40%),radial-gradient(ellipse at 3% 50%,#dbe7f9 0,transparent 50%),#f5f4fb!important}
html.theme-dark body.student-experience:not(.is-marketing){background:#171a2c!important}
html body.student-experience #app-shell[data-simple-workspace] .mc-card{background:var(--student-card)!important;color:var(--student-ink);border:1px solid var(--student-line)!important;border-radius:24px!important;box-shadow:0 9px 30px #302b4b08!important}
body.student-experience #app-shell .page-header{padding-bottom:12px}
body.student-experience #app-shell .page-header h1{font-size:clamp(26px,4vw,36px);letter-spacing:-.035em}
body.student-experience #app-shell .living-day{padding:12px 0!important;background:none!important;margin-bottom:14px!important;border:0!important}
body.student-experience #app-shell .living-day #living-day-title{font-size:18px!important;line-height:1.2!important;font-family:inherit!important;letter-spacing:0!important}
body.student-experience #app-shell .living-day-heading .living-day-eyebrow{display:none}
body.student-experience #app-shell .living-day-position{margin-top:12px}
body.student-experience #app-shell .mc-home-calm{display:flex!important;flex-direction:column!important;gap:18px!important}
body.student-experience #app-shell .mc-home-calm>.today-next{order:-2!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=home] .mc-home-calm [data-home-next].today-next.mc-card{
 --mc-text:#faf9ff;--mc-muted:#dae2ee;--mc-border:#616c7c;
 background:linear-gradient(145deg,#222f42,#22213f)!important;color:#faf9ff!important;border-color:#3a495d!important;padding:28px!important;
}
body.student-experience #app-shell .mc-clarity :is(.today-next__body,.mc-clarity__task,.mc-home-focus-dock){background:none!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=home] [data-home-next] :is(p,h2,small,label,summary){color:#eaf3ff!important}
body.student-experience #app-shell .mc-home-calm .mc-clarity__task>h2{font-size:clamp(24px,3vw,32px)!important;line-height:1.2!important}
body.student-experience #app-shell .today-next .today-next__context{letter-spacing:.12em}
body.student-experience #app-shell .today-next :is(.mc-button--secondary,.mc-button--text){color:#e9f2ff!important;border-color:#7a8593!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=home] [data-home-next] .home-start-focus{background:#c7eddd!important;color:#252344!important;border-color:#c7eddd!important;box-shadow:none!important}
body.student-experience #app-shell .mc-home-calm .today-next .home-start-focus span{color:#252344!important}
body.student-experience #app-shell .mc-home-time-controls{background:transparent!important;border-color:#616c7c!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=home] [data-home-next] .mc-home-time-options{background:#2c3746!important}
body.student-experience #app-shell .mc-clarity .mc-home-time-options button{background:#3b4656!important;color:#f4f9ff!important;border-color:#6c798b}
body.student-experience #app-shell .mc-clarity .mc-home-time-options button[aria-pressed=true]{background:#e5edf9!important;color:#1c2633!important}
body.student-experience #app-shell .mc-home-focus-dock{border-color:#556070!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=focus] .focus-timer-card.mc-card{background:linear-gradient(145deg,#322d50,#24213e)!important;color:#fff!important;--mc-text:#fff;--mc-muted:#dae2ee}
body.student-experience #app-shell .focus-timer-card :is(strong,small,p,span){color:inherit}
body.student-experience #app-shell .focus-timer-card .focus-actions .mc-button{color:#fff;border-color:#9eaabb}
body.student-experience #app-shell .focus-timer-card .focus-actions .mc-button--primary{background:#c7eddd!important;color:#252344!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-card{background:linear-gradient(180deg,#e6eef9,#fffdfd)!important;border-radius:24px!important;padding:22px!important;color:var(--student-ink)!important}
html.theme-dark body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-card{background:linear-gradient(180deg,#25303f,#25283e)!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-header{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:14px!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-header>div:first-child{order:0!important;width:100%}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-header .coda-chat-presence{order:-1!important;align-items:center!important;margin:8px auto!important;padding:0!important;background:transparent!important;border:0!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .coda-chat-presence__orb{width:100px!important;height:100px!important;flex-basis:100px!important;box-shadow:0 0 65px #ada0f066!important}
html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-header .coda-space-hint{max-width:36ch;margin:auto!important}
html body.student-experience #app-shell[data-simple-workspace] [data-coda-next-task]{width:auto!important;min-width:180px;margin:auto;padding:12px 20px!important}
body.student-experience .mc-coda-companion__progress select{border:1px solid #b7c4d7;border-radius:12px;background:var(--mc-surface,#fff);color:var(--mc-text,#262445);padding:9px;margin:8px;max-width:100%}
body.student-experience .student-coda-artwork{display:grid;gap:8px;margin:16px 0}
body.student-experience .student-coda-artwork select{padding:10px;border:1px solid var(--mc-border);border-radius:12px;background:var(--mc-surface);color:var(--mc-text)}
body.student-experience #app-shell :is(button,a,select,summary,input,textarea):focus-visible{outline:3px solid var(--student-focus)!important;outline-offset:4px}
body.student-experience #app-shell :is(.today-next,.focus-timer-card) :is(button,a,select,summary):focus-visible{outline-color:#99c3ff!important}
body[data-student-coda-artwork=none] :is(.coda-chat-presence__orb,.mc-coda-companion__portrait,.mc-coda-call__orb-image,.coda-flow,.coda-orbits,.coda-anytime img,.coda-thread__orb,.coda-customize img){visibility:hidden!important}
body[data-student-coda-artwork=still] :is(.coda-chat-presence__orb,.coda-chat-presence__orb *,.mc-coda-companion__portrait,.coda-flow,.coda-flow *,.coda-orbits,.coda-orbits *,[data-living-coda]){animation:none!important;transition:none!important}
@media(max-width:700px){
 html body.student-experience #app-shell[data-simple-workspace] [data-view=home] .mc-home-calm [data-home-next].today-next.mc-card{padding:22px!important}
 body.student-experience #app-shell .today-next__body{display:block!important}
 body.student-experience #app-shell .mc-home-focus-dock{padding-top:20px}
 html body.student-experience #app-shell[data-simple-workspace] [data-view=ai][data-coda-space=calm] .ai-conversation-card{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){body.student-experience :is(.coda-chat-presence__orb,.coda-chat-presence__orb *,.mc-coda-companion__portrait,.coda-flow,.coda-flow *,.coda-orbits,.coda-orbits *,[data-living-coda]){animation:none!important;transition:none!important}}


/* Source: store-entry-v1.css */
#marketing-page .nav-store{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:var(--public-text,var(--paper));text-decoration:none;font-weight:600;border-radius:12px}#marketing-page .nav-store:hover{background:rgba(112,180,175,.14)}#marketing-page .nav-store:focus-visible{outline:2px solid currentColor;outline-offset:3px}#marketing-page .mc-store-entry{max-width:1120px;margin:48px auto;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--line);border-radius:24px;background:var(--public-surface,var(--ink))}#marketing-page .mc-store-entry h2{font-size:clamp(24px,4vw,38px);line-height:1.15;max-width:650px}#marketing-page .mc-store-entry p:not(.eyebrow){max-width:560px;margin:16px 0 24px;color:var(--public-muted,var(--haze))}#marketing-page .mc-store-entry img{width:180px;height:180px;object-fit:contain;flex-shrink:0}@media(max-width:600px){#marketing-page .nav-store{padding:6px;font-size:13px}#marketing-page .mc-store-entry{margin:24px 16px;padding:24px;gap:12px}#marketing-page .mc-store-entry img{width:85px;height:110px}#marketing-page .mc-store-entry .btn{font-size:13px}}


/* Source: codaroam-v1.css */
.roam{--roam-ink:#142d3a;--roam-muted:#586d77;--roam-line:#dce5e7;--roam-surface:#fff;--roam-soft:#f0f7f4;--roam-accent:#143f48;color:var(--roam-ink);max-width:1320px;margin:auto;padding-bottom:48px}.roam [hidden]{display:none!important}.roam-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 28px}.roam-heading h1{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;margin:4px 0 8px}.roam-heading p{margin:4px 0;color:var(--roam-muted)}.roam .roam-kicker{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--roam-accent);margin:0 0 10px}.roam-beta{font-size:10px;font-weight:500;letter-spacing:.02em;padding:6px 10px;border:1px solid var(--roam-line);border-radius:20px;color:var(--roam-muted)}.roam-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px}.roam-primary,.roam-side{display:grid;gap:22px}.roam-card{background:var(--roam-surface);border:1px solid var(--roam-line);border-radius:22px;padding:26px;min-width:0}.roam-card h2{font-size:23px;letter-spacing:-.03em;margin:0 0 20px}.roam-card h3{font-size:17px;margin:0 0 12px}.roam-coda{display:flex;gap:20px;align-items:center;background:var(--roam-soft)}.roam-coda img{width:90px;height:100px;object-fit:contain;flex-shrink:0}.roam-coda p:not(.roam-kicker){font-size:16px;line-height:1.6;margin:0 0 8px}.roam-coda small{color:var(--roam-muted);font-size:11px}.roam-field{display:grid;gap:7px;margin-bottom:17px;font-size:12px;font-weight:600}.roam-field input,.roam-field textarea,.roam-field select{width:100%;min-width:0;min-height:46px;border:1px solid var(--roam-line);border-radius:11px;padding:11px 12px;background:var(--roam-surface);color:var(--roam-ink);font:inherit;font-size:14px;font-weight:400}.roam-field textarea{resize:vertical}.roam-field input::placeholder,.roam-field textarea::placeholder{color:var(--roam-muted)}.roam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.roam-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:11px;background:var(--roam-accent);color:#fff;padding:12px 18px;min-height:46px;font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.roam-button:hover{filter:brightness(1.1)}.roam-button:disabled{opacity:.5;cursor:default}.roam-secondary{background:var(--roam-surface);color:var(--roam-ink);border-color:var(--roam-line)}.roam-text-button{background:none;border:0;padding:10px 0;font:inherit;font-size:12px;text-align:left;color:var(--roam-accent);cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:40px}.roam :is(input,textarea,select,button,a,summary):focus-visible{outline:3px solid #4eac97;outline-offset:3px}.roam-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.roam-muted{color:var(--roam-muted);line-height:1.65}.roam-small{font-size:11px}.roam-divider{height:1px;background:var(--roam-line);margin:25px 0}.roam-details{border-block:1px solid var(--roam-line);margin:20px 0;padding:14px 0}.roam-details summary{cursor:pointer;font-size:13px;font-weight:600;min-height:28px}.roam-trip{display:block;text-align:left;width:100%;padding:13px 12px;border:1px solid var(--roam-line);background:var(--roam-surface);color:var(--roam-ink);border-radius:10px;margin:9px 0;font:inherit;font-size:12px;cursor:pointer;overflow-wrap:anywhere}.roam-trip[aria-pressed=true]{border-color:var(--roam-accent);background:var(--roam-soft)}.roam-segment{display:flex;justify-content:space-between;align-items:start;gap:14px;padding:14px 0;border-bottom:1px solid var(--roam-line)}.roam-segment strong{font-size:14px}.roam-segment p{font-size:12px;overflow-wrap:anywhere;margin:7px 0}.roam-segment small{font-size:10px;color:var(--roam-muted)}.roam-status-link{display:block;font-size:13px;color:var(--roam-accent);margin-top:16px}.roam-note{background:var(--roam-soft)}.roam-feedback{font-size:13px;line-height:1.6;color:var(--roam-ink);background:var(--roam-soft);border:1px solid var(--roam-line);padding:15px 20px;border-radius:13px;margin-top:22px}.roam-card>p{overflow-wrap:anywhere}html[data-theme=dark] .roam{--roam-ink:#e5f0ef;--roam-muted:#a9c0c7;--roam-line:#30444c;--roam-surface:#172b35;--roam-soft:#18363d;--roam-accent:#a5ead7}html[data-theme=dark] .roam-button:not(.roam-secondary){color:#112c34}html[data-theme=dark] .roam input{color-scheme:dark}@media(max-width:1050px){.roam-layout{grid-template-columns:minmax(0,1fr)}.roam-side{grid-template-columns:repeat(2,minmax(0,1fr))}.roam-side>.roam-note{grid-column:1/-1}}@media(max-width:600px){.roam-heading{align-items:start;gap:10px}.roam-heading h1{font-size:31px}.roam-card{padding:20px;border-radius:18px}.roam-layout,.roam-primary,.roam-side{gap:16px}.roam-side{grid-template-columns:1fr}.roam-grid{grid-template-columns:1fr}.roam-coda{gap:12px}.roam-coda img{width:64px;height:78px}.roam-coda p:not(.roam-kicker){font-size:14px}.roam-heading>.roam-button{padding:9px 12px;font-size:11px}.roam-heading>div>p:last-child{font-size:13px}.roam-actions .roam-button{flex:1}.roam-segment{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.roam *{scroll-behavior:auto!important;transition:none!important}}

.roam a.roam-button:not(.roam-secondary){color:#fff}.roam .roam-heading h1{font-size:clamp(30px,4vw,45px)}html[data-theme=dark] .roam a.roam-button:not(.roam-secondary){color:#112c34}


/* Source: signin-clean-v1.css */
/* The reviewed signed-out composition: the real form, with a continuous page. */
html #marketing-page .mc-signin-entry {
  display:flex;flex-direction:column;align-items:center;
  min-height:calc(100svh - 104px);margin:0 auto;
  padding:clamp(28px,5vh,64px) 24px 32px;gap:clamp(36px,6vw,80px);
  background:transparent!important;border:0;border-radius:0;box-shadow:none;
}
html #marketing-page .mc-signin-entry::before,
html #marketing-page .mc-signin-entry::after {display:none;content:none;}
html #marketing-page .mc-entry-intro {display:none;}
html #marketing-page #account-sheet.mc-inline-signin {width:min(100%,440px);margin:0!important;}
html #marketing-page #account-sheet.mc-inline-signin>.account-sheet {padding:24px 0;gap:16px;}
html #marketing-page .mc-signin-explore {margin:8px auto 0;color:var(--public-link);}
html #marketing-page #top .bg,html #marketing-page #top .grain {
  mask-image:linear-gradient(to bottom,transparent,#000 180px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 180px);
}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice {
  display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;
  border:0;background:transparent;color:var(--public-muted);font-size:13px;
}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice input {
  width:20px;height:20px;margin:0;accent-color:var(--public-link);
}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice small {display:none;}
@media(max-width:600px) {
  html #marketing-page .mc-signin-entry {padding:24px 20px 28px;min-height:0;}
  html #marketing-page #account-sheet.mc-inline-signin>.account-sheet {padding:12px 0;}
}
@media(max-width:360px) {
  html body.is-marketing #marketing-page>.nav {flex-wrap:wrap;row-gap:8px;}
  html body.is-marketing #marketing-page>.nav .brand {flex-shrink:0;}
  html body.is-marketing #marketing-page>.nav .nav-r {flex:1 1 100%;min-width:0;justify-content:space-between;}
}
/* A single plain state covers module loading and the actual data-ready handoff. */
.mc-workspace-entry {
  position:fixed;inset:0;z-index:1600;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:24px;background:var(--public-bg,#f5f5fb);color:var(--public-ink,#20283f);text-align:center;
}
.mc-workspace-entry__brand {margin:0 0 16px;font-size:14px;font-weight:650;color:var(--public-muted,#4d5870);}
.mc-workspace-entry h2 {margin:0;font:550 clamp(20px,4vw,28px)/1.4 system-ui;letter-spacing:-.025em;}
/* A stable welcome surface spans authentication and workspace preparation. */
html body .mc-clarity-entry {position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:32px 20px;overflow:hidden;background:#091326;color:#f1f5ff;isolation:isolate;box-sizing:border-box;text-align:center;outline:0;}
.mc-clarity-entry__nebula {position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 30%,#39346c77,transparent 58%),radial-gradient(ellipse at 70% 60%,#16515b66,transparent 54%);}
.mc-clarity-entry__visual {position:relative;flex:none;width:min(66vw,350px);aspect-ratio:1;}
.mc-clarity-entry__visual canvas {position:absolute;inset:-40%;width:180%;height:180%;pointer-events:none;}
.mc-clarity-entry__visual img {position:absolute;inset:50% auto auto 50%;width:56%;height:56%;transform:translate(-50%,-50%);border-radius:0;opacity:0;transition:opacity 900ms ease;filter:drop-shadow(0 0 36px #8bc9f033);}
.mc-clarity-entry__visual[data-galaxy-phase="logo"] img,.mc-clarity-entry__visual[data-galaxy-phase="settled"] img {opacity:1;}
.mc-clarity-entry__visual[data-galaxy-still="true"] img {opacity:1;transition:none;}
.mc-clarity-entry__visual[data-galaxy-still="true"] canvas {display:none;}
html body .mc-clarity-entry__brand {margin:0 0 12px;color:#b7c8e3;font:600 13px/1.5 system-ui;letter-spacing:.2em;text-transform:uppercase;}
html body .mc-clarity-entry h2,html body .mc-clarity-entry h1 {margin:0;color:#f1f5ff;font:550 clamp(30px,6vw,48px)/1.15 system-ui;letter-spacing:-.04em;}
html body .mc-clarity-entry__welcome {margin:20px 0 0;color:#c6d4e9;font:400 17px/1.6 system-ui;}
html body .mc-clarity-entry__status {min-height:44px;max-width:350px;margin:12px auto 0;color:#99abc8;font:400 13px/1.6 system-ui;}
.mc-clarity-entry__actions {display:flex;gap:12px;justify-content:center;min-height:44px;margin-top:24px;}
.mc-clarity-entry__progress {width:112px;height:2px;margin-top:10px;overflow:hidden;border-radius:2px;background:#b7c8e326;}
.mc-clarity-entry__progress span {display:block;width:100%;height:100%;background:#b9e7e2;transform:scaleX(0);transform-origin:left;}
.mc-clarity-entry[data-welcome-motion="running"] .mc-clarity-entry__progress span {animation:mc-welcome-progress 5s linear 1 both;}
.mc-clarity-entry:not([data-welcome-motion="running"]) .mc-clarity-entry__progress {visibility:hidden;}
@keyframes mc-welcome-progress {to{transform:scaleX(1)}}
html body .mc-clarity-entry button {font:400 13px/1.4 system-ui;min-height:44px;padding:10px 16px;border:1px solid #7185a34d;border-radius:24px;background:transparent;color:#bccbe1;cursor:pointer;}
html body .mc-clarity-entry button:focus-visible {outline:2px solid #ace7e3;outline-offset:4px;}
html body .mc-clarity-entry [hidden] {display:none!important;}
html[data-workspace-entry="loading"] {overflow:hidden;}
@media(prefers-reduced-motion:reduce){.mc-clarity-entry__visual img{opacity:1;transition:none}.mc-clarity-entry__visual canvas{display:none}}
@media(max-height:600px){.mc-clarity-entry__visual{width:160px}.mc-clarity-entry__actions{margin-top:8px}}

html[data-auth-returning="true"] body [data-return-welcome][hidden] {display:flex!important;}
[data-return-welcome] .mc-clarity-entry__visual img {opacity:1;transition:none;}
[data-return-welcome] .mc-clarity-entry__actions {visibility:hidden;}
html:not([data-auth-returning="true"]) [data-return-welcome][hidden] {display:none!important;}

.mc-clarity-entry .account-support {font:400 12px/1.5 system-ui;color:#b7c8e3;max-width:350px;}

.mc-clarity-entry__visual[data-galaxy-returning="true"] img {opacity:1;}

/* A single, finite glass highlight rides over the existing 3D artwork. */
.mc-clarity-entry__visual[data-galaxy-still="false"]::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 35%,#eaffff99 47%,#b3f6ec44 53%,transparent 65%);
  background-size:250% 100%;mix-blend-mode:screen;
  -webkit-mask:url('/mindcoda-3d-glass-mark-v1.png') center / 56% 56% no-repeat;
  mask:url('/mindcoda-3d-glass-mark-v1.png') center / 56% 56% no-repeat;
  animation:mc-welcome-glass-sheen 5s ease-in-out 1 both;
}
@keyframes mc-welcome-glass-sheen {
  0%,18%{background-position:150% 0;opacity:0}
  38%{opacity:.45}
  82%{opacity:.2}
  100%{background-position:-50% 0;opacity:0}
}
html body #account-sheet .mc-logo--glass-3d,
html #marketing-page .mc-public-glass-mark {background:transparent;box-shadow:none;border-radius:0;overflow:visible;}
html body #account-sheet .mc-logo--glass-3d::after {display:none;}
.mc-public-glass-mark img {display:block;width:100%;height:100%;object-fit:contain;}
@media(prefers-reduced-motion:reduce){.mc-clarity-entry__visual::after{display:none!important;animation:none!important}}
/* Wallpaper-inspired galaxy: decorative, slow, and limited to this welcome. */
.mc-clarity-entry__visual::before {
  content:"";position:absolute;inset:-55%;pointer-events:none;
  background:url('/signin-galaxy-v1.webp') center / contain no-repeat;
  opacity:.24;transform:rotate(-12deg);
  -webkit-mask-image:radial-gradient(circle,#000 20%,#000b 40%,transparent 69%);
  mask-image:radial-gradient(circle,#000 20%,#000b 40%,transparent 69%);
}
.mc-clarity-entry__visual[data-galaxy-still="false"]::before {animation:mc-welcome-galaxy-turn 5s ease-in-out 1 both;}
@keyframes mc-welcome-galaxy-turn {0%{transform:rotate(-12deg);opacity:.16}55%{opacity:.32}100%{transform:rotate(12deg);opacity:.2}}
@media(prefers-reduced-motion:reduce){.mc-clarity-entry__visual::before{animation:none!important;transform:none;opacity:.2}}

/* Keep public sign-in out of the returning student's first paint. */
html[data-auth-returning="true"] #marketing-page {visibility:hidden;}
html body .mc-clarity-entry {transition:opacity 500ms ease;}
html body .mc-clarity-entry[data-leaving="true"] {opacity:0;pointer-events:none;}
@media(prefers-reduced-motion:reduce){html body .mc-clarity-entry {transition:none;}.mc-clarity-entry__progress{visibility:hidden}.mc-clarity-entry__progress span{animation:none!important}}


/* Source: signin-review-v1.css */
/* Restore the continuous pre-scene sign-in composition. */
html #marketing-page .mc-signin-entry {
 min-height:calc(100svh - 104px);background:transparent!important;border:0;border-radius:0;box-shadow:none;
 margin:0 auto;padding:clamp(28px,5vh,64px) 24px 32px;gap:clamp(36px,6vw,80px);
}
html #marketing-page .mc-signin-entry::before,html #marketing-page .mc-signin-entry::after {display:none;content:none;}
html #marketing-page .mc-entry-intro {display:none;}
html #marketing-page .mc-signin-entry {display:flex;flex-direction:column;align-items:center;}
html #marketing-page #account-sheet.mc-inline-signin {width:min(100%,440px);margin:0!important;}
html #marketing-page #account-sheet.mc-inline-signin > .account-sheet {padding:24px 0;gap:16px;}
html #marketing-page .mc-signin-explore {margin:8px auto 0;color:var(--public-link);}
html #marketing-page #top .bg,html #marketing-page #top .grain {mask-image:linear-gradient(to bottom,transparent,#000 180px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 180px);}
.audit-account-actions,.mobile-account-actions {display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;}
.audit-account-actions button,.mobile-account-actions button {min-height:44px;padding:10px 16px;border:1px solid var(--public-border);border-radius:14px;background:var(--public-surface);color:var(--public-ink);font:inherit;cursor:pointer;}
.audit-account-actions button:last-child {color:var(--public-error);}
@media(max-width:600px){html #marketing-page .mc-signin-entry{padding:24px 20px 28px;min-height:0;}html #marketing-page #account-sheet.mc-inline-signin>.account-sheet{padding:12px 0;}.audit-account-actions>*{flex:1;}}
/* Only authenticated entry and farewell use the galaxy and the 3D logo. --mc-core lines the galaxy's bright centre up behind the logo. */
.mc-arrival.mc-arrival,.mc-farewell.mc-farewell {--mc-core:38vh;--mc-core:38dvh;--mc-logo-3d:clamp(124px,20vmin,172px);padding:24px;isolation:isolate;pointer-events:auto;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;background:#060a1c;}
.mc-galaxy {position:absolute;inset:0;overflow:hidden;z-index:-1;perspective:1500px;perspective-origin:50% 38%;background:radial-gradient(ellipse 90% 70% at 50% 38%,#16296c 0,#0b1440 46%,#060a1c 80%);}
.mc-galaxy__stars {position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 24%,#fff,transparent),radial-gradient(1.5px 1.5px at 72% 12%,#dfe8ff,transparent),radial-gradient(1px 1px at 41% 66%,#fff,transparent),radial-gradient(1px 1px at 88% 58%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 8% 82%,#fff,transparent),radial-gradient(1px 1px at 58% 88%,#dfe8ff,transparent);background-size:250px 250px;opacity:.8;}
.mc-galaxy__tilt {position:absolute;left:50%;top:var(--mc-core);width:max(118vmax,720px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-18deg);animation:mc-galaxy-settle 3.6s cubic-bezier(.2,.7,.2,1) both;}
/* The picture's centre is a little off its middle, so the disc turns around the real centre. */
.mc-galaxy__disc {position:absolute;left:-.2%;top:2.2%;width:100%;height:100%;background:url("/signin-galaxy-v1.webp") center/100% 100% no-repeat;transform-origin:50.2% 47.8%;will-change:transform;-webkit-mask-image:radial-gradient(circle closest-side at 50.2% 47.8%,#000 68%,transparent 100%);mask-image:radial-gradient(circle closest-side at 50.2% 47.8%,#000 68%,transparent 100%);animation:mc-galaxy-spin 40s linear infinite;}
.mc-galaxy__disc::after {content:"";position:absolute;inset:0;background:radial-gradient(circle at 50.2% 47.8%,#ffe9c4 0 7%,#3f7dff 30%,#37c8c4 72%);mix-blend-mode:color;opacity:.62;}
.mc-galaxy__veil {position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,10,28,.12) 0,rgba(6,10,28,.04) 34%,rgba(6,10,28,.68) 58%,rgba(6,10,28,.86) 100%);}
@keyframes mc-galaxy-spin {to{transform:rotate(1turn);}}
@keyframes mc-galaxy-settle {from{transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-18deg) scale(1.14);}to{transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-18deg) scale(1);}}
.mc-logo3d {position:relative;display:block;width:var(--mc-logo-3d);height:var(--mc-logo-3d);margin:0 auto 22px;}
.mc-logo3d__tile {position:absolute;inset:0;border-radius:28%;background:radial-gradient(48% 48% at 50% 50%,rgba(63,216,224,.24),rgba(63,216,224,0)),radial-gradient(82% 82% at 90% 100%,rgba(18,184,201,.17),rgba(18,184,201,0)),radial-gradient(78% 78% at 20% 8%,rgba(79,134,234,.32),rgba(79,134,234,0)),linear-gradient(144deg,#163070 0%,#0c1d50 50%,#071336 100%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.62),inset 0 -1.5px 0 rgba(111,230,220,.36),0 0 0 1px rgba(159,189,240,.24),0 24px 46px -12px rgba(0,0,0,.72),0 0 60px rgba(40,130,255,.34);}
.mc-logo3d__stage {position:absolute;inset:14.8%;perspective:520px;filter:drop-shadow(0 4px 5px rgba(4,18,78,.5));}
.mc-logo3d__turn {position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateY(-18deg);animation:mc-logo3d-turn 3.2s cubic-bezier(.2,.65,.2,1) both;}
.mc-logo3d__turn i {position:absolute;inset:0;background:#127f96;-webkit-mask:url("/mindcoda-mark-3d-v1.svg") center/contain no-repeat;mask:url("/mindcoda-mark-3d-v1.svg") center/contain no-repeat;}
.mc-logo3d__turn i:is(:nth-child(1),:nth-child(9)) {background:url("/mindcoda-mark-3d-v1.svg") center/contain no-repeat;-webkit-mask:none;mask:none;}
.mc-logo3d__turn i:nth-child(1) {transform:translateZ(-8px);}
.mc-logo3d__turn i:nth-child(2) {transform:translateZ(-6px);}
.mc-logo3d__turn i:nth-child(3) {transform:translateZ(-4px);}
.mc-logo3d__turn i:nth-child(4) {transform:translateZ(-2px);}
.mc-logo3d__turn i:nth-child(6) {transform:translateZ(2px);}
.mc-logo3d__turn i:nth-child(7) {transform:translateZ(4px);}
.mc-logo3d__turn i:nth-child(8) {transform:translateZ(6px);}
.mc-logo3d__turn i:nth-child(9) {transform:translateZ(8px);}
@keyframes mc-logo3d-turn {from{transform:rotateY(-378deg);}to{transform:rotateY(-18deg);}}
.mc-arrival.mc-arrival::before,.mc-arrival__light,.mc-arrival__birds,.mc-arrival__weather,.mc-arrival__reminder,.mc-farewell__flight {display:none!important;}
.mc-arrival .mc-arrival__caption,.mc-farewell.mc-farewell[open] .mc-farewell__glass {position:relative;align-self:start;box-sizing:border-box;width:min(100%,520px);max-width:520px;max-height:none;margin-top:calc(var(--mc-core) - var(--mc-logo-3d) / 2 - 24px);padding:0 8px;overflow:visible;background:transparent;color:#fff;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.mc-arrival .mc-arrival__caption h2,.mc-farewell .mc-farewell__glass h2 {color:#fff;font:500 clamp(30px,5vw,46px)/1.12 system-ui;letter-spacing:-.04em;text-shadow:0 2px 24px rgba(3,6,20,.8);}
.mc-arrival .mc-arrival__copy,.mc-farewell .mc-farewell__glass p {color:#dbe4f5;text-shadow:0 1px 14px rgba(3,6,20,.85);}
.mc-arrival .mc-arrival__continue,.mc-farewell .mc-farewell__skip {pointer-events:auto;min-height:48px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:12px 24px;}
/* The same footer on the way in and on the way out: the Reduce motion switch, then the way past the scene. */
.mc-scene-foot {position:absolute;left:28px;right:28px;bottom:max(28px,env(safe-area-inset-bottom));z-index:2;display:flex;flex-wrap:wrap-reverse;align-items:center;justify-content:space-between;gap:10px 16px;}
.mc-scene-motion {display:inline-flex;align-items:center;gap:10px;min-height:48px;box-sizing:border-box;padding:0 18px 0 12px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;pointer-events:auto;}
.mc-scene-motion input {appearance:none;-webkit-appearance:none;position:relative;flex:none;width:40px;height:24px;margin:0;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);border-radius:12px;cursor:pointer;}
.mc-scene-motion input::after {content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;}
.mc-scene-motion input:checked {background:#0e7a52;border-color:#7ce0b0;}
.mc-scene-motion input:checked::after {transform:translateX(16px);}
.mc-scene-motion input:disabled {opacity:.7;cursor:default;}
.mc-scene-motion input:focus-visible {outline:2px solid #fff;outline-offset:3px;}
.mc-arrival .mc-scene-foot .mc-arrival__continue,.mc-farewell .mc-scene-foot .mc-farewell__skip {position:static;inset:auto;flex:none;width:auto;margin:0;transform:none;}
@media(max-width:620px){.mc-scene-foot {left:16px;right:16px;flex-flow:column-reverse nowrap;gap:10px;}}
/* Reduce motion: the same scene, standing still. */
[data-scene-still=true] :is(.mc-galaxy *,.mc-logo3d *) {animation:none!important;}
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) :is(.mc-galaxy *,.mc-logo3d *) {animation:none!important;}
@media(prefers-reduced-motion:reduce){:is(.mc-galaxy *,.mc-logo3d *){animation:none!important;}}
@media(forced-colors:active){.mc-galaxy{display:none;}.mc-arrival .mc-arrival__caption,.mc-farewell.mc-farewell[open] .mc-farewell__glass{background:Canvas;color:CanvasText;border-color:CanvasText;}}
.mc-arrival :focus-visible,.mc-farewell :focus-visible {outline:2px solid #fff;outline-offset:3px;}
.mc-farewell.mc-farewell .mc-farewell__brand {margin:0 0 14px;color:#fff;font-size:1rem;font-weight:600;letter-spacing:-.01em;text-transform:none;}
.mc-farewell .mc-farewell__line {display:none;}
.mc-farewell.mc-farewell .mc-farewell__skip {margin-top:18px;}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice {display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;border:0;background:transparent;color:var(--public-muted);font-size:13px;}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice input {width:20px;height:20px;margin:0;accent-color:var(--public-link);}
html #marketing-page #account-sheet.mc-inline-signin .signin-motion-choice small {display:none;}
/* Review readability: keep dark scenic surfaces independent of page ink. */
.mc-arrival .mc-arrival__brand {color:#fff!important;}
html body #app-shell .journey-coda :is(h2,h3,strong) {color:#f3f7fc!important;}
html body #app-shell .journey-coda :is(p,small,.journey-note) {color:#cbdce8!important;}
html body #app-shell[data-simple-workspace] [data-view=focus]>.page-header h1 {color:var(--public-ink)!important;}
html body #app-shell .nature-focus-stage :is(.nature-eyebrow,.nature-focus-intro h2,.nature-timer-options-label,.nature-duration-status,.nature-focus-dock summary) {color:#edf5fa!important;}
html body #app-shell [data-view=profile]>.page-header {flex-wrap:wrap;}
html body #app-shell [data-view=profile]>.page-header .audit-account-actions {flex-basis:100%;margin:0;padding:4px 0;}
/* A phone on its side: a smaller logo, higher up, so the words clear the button. */
@media(max-height:460px){.mc-arrival.mc-arrival,.mc-farewell.mc-farewell{--mc-core:24vh;--mc-core:24dvh;--mc-logo-3d:88px;}.mc-logo3d{margin-bottom:10px;}}
/* Short phones: a smaller logo higher up, so the words always clear the footer. */
@media(min-height:461px) and (max-height:620px){.mc-arrival.mc-arrival,.mc-farewell.mc-farewell {--mc-core:24vh;--mc-core:24dvh;--mc-logo-3d:96px;}.mc-logo3d {margin-bottom:12px;}}
/* The live entry cover wears the same scene as the farewell. */
.mc-workspace-entry.mc-arrival {position:fixed;inset:0;z-index:1600;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:start;overflow:auto;text-align:center;}
.mc-workspace-entry.mc-arrival .mc-arrival__caption {width:min(560px,100%);}
html[data-auth-returning="true"] body [data-return-welcome].mc-arrival[hidden] {display:grid!important;}
.mc-arrival__status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.mc-arrival:has([data-arrival-retry]:not([hidden])) .mc-arrival__status {position:static;width:auto;height:auto;clip-path:none;white-space:normal;color:#dbe4f5;}
.mc-words-still {display:none;}
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-words-moving {display:none;}
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-words-still {display:inline;}
@media(prefers-reduced-motion:reduce){.mc-words-moving {display:none;}.mc-words-still {display:inline;}}
html body .mc-arrival .mc-clarity-entry__visual {position:relative;display:block;width:var(--mc-logo-3d);height:var(--mc-logo-3d);aspect-ratio:auto;max-width:none;margin:0 auto 22px;inset:auto;transform:none;background:none;filter:none;opacity:1;}
.mc-arrival .mc-clarity-entry__visual .mc-logo3d {margin:0;}
.nature-timer-options + .mc-scene-motion {display:flex;width:max-content;min-height:44px;margin:10px auto 0;font-size:.88rem;}
@media(max-height:620px){.mc-workspace-entry.mc-arrival .mc-arrival__caption h2 {font-size:clamp(24px,7vw,30px);margin-bottom:4px;}}
/* The managed loading scene freezes at its current phase instead of restarting CSS keyframes. */
[data-scene-managed=true] :is(.mc-galaxy__disc,.mc-galaxy__tilt,.mc-logo3d__turn) {animation:none!important;}
[data-scene-managed=true] .mc-galaxy__disc {opacity:0;transition:opacity 240ms ease-out;}
[data-scene-managed=true][data-scene-ready=true] .mc-galaxy__disc {opacity:1;}
@media(prefers-reduced-motion:reduce){[data-scene-managed=true] .mc-galaxy__disc{transition:none;}}
:root:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) [data-scene-managed=true] .mc-galaxy__disc {transition:none;}


/* Source: student-signin-v1.css */
/* The sign-in card. It was part of the Student stylesheet, which the live design no longer loads. */
#account-sheet{
  --st-ink: var(--mc-ink, #0B1A3D);
  --st-ink-2: var(--mc-ink-secondary, #4D5C75);
  --st-navy: #05145C;
  --st-indigo: #4658DA;
  --st-mint: #C7FCE0;
  --st-cream: #FAFCDC;
  --st-line: rgba(9, 64, 196, .10);
  --st-glass: rgba(255, 255, 255, .62);
  --st-glass-edge: rgba(255, 255, 255, .8);
  --st-soft: rgba(9, 64, 196, .08);
  --st-soon: #B54708;
  --st-ring-soon: #E36A2E;
}
@media all {
  #account-sheet.mc-student-signin { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; border: 0; border-radius: 0;
    background: radial-gradient(70% 40% at 50% 18%, rgba(70, 110, 255, .35), transparent 70%), linear-gradient(180deg, #0B1530 0%, #101E4A 55%, #0A1230 100%); color: #fff; }
  #account-sheet.mc-student-signin .account-sheet { display: flex; flex-direction: column; min-height: 100%; box-sizing: border-box; padding: max(16px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom)); background: none; color: #fff; }
  #account-sheet.mc-student-signin .account-sheet__header .mc-hero { display: none; }
  #account-sheet.mc-student-signin .sheet-handle { display: none; }
  #account-sheet.mc-student-signin .sheet-close { color: #fff; }
  .mc-student-signin .mc-signin-hero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 0 18px; }
  .mc-student-signin [data-auth-pane="signin"] { order: 2; }
  .mc-student-signin .mc-signin-hero { order: 1; }
  .mc-student-signin .account-sheet__header { order: 0; }
  .mc-student-signin #email-signin-form { order: 3; }
  .mc-student-signin #create-account-form { order: 3; }
  .mc-student-signin .mc-signin-terms { order: 9; }
  .mc-student-signin.is-email-collapsed #email-signin-form { display: none; }
  .mc-student-signin :is(.account-divider, .signin-method-help) { color: #AFC0F5; }
  .mc-student-signin .provider-stack { display: grid; gap: 12px; }
  .mc-student-signin .provider-button { min-height: 56px; border-radius: 28px; font-size: 1.05rem; font-weight: 800; }
  .mc-student-signin .apple-button { color: #fff; background: #000; border: 1px solid rgba(255, 255, 255, .55); }
  .mc-student-signin .google-button { color: #1F1F1F; background: #fff; border: 1px solid #fff; }
  .mc-student-signin #email-signin-form :is(span, label) { color: #DCE3FF; }
  .mc-student-signin .signin-access-note { color: #DCE3FF; }
  .mc-student-signin .signin-access-note a { color: #C7FCE0; }
}
@media all {
  #account-sheet.mc-student-signin { color: #fff; background: radial-gradient(90% 46% at 50% 16%, rgba(70, 120, 255, .5), transparent 72%), radial-gradient(60% 34% at 100% 92%, rgba(33, 112, 221, .26), transparent 72%), linear-gradient(180deg, #0A1436 0%, #0E1C4C 56%, #081030 100%); }
  #account-sheet.mc-student-signin .sheet-surface.account-sheet { min-height: 100%; background: none !important; border: 0; box-shadow: none; color: #fff; }
  #account-sheet.mc-student-signin .account-sheet__header { position: absolute; top: max(10px, env(safe-area-inset-top)); right: 12px; z-index: 2; padding: 0; border: 0; background: none !important; box-shadow: none; }
  #account-sheet.mc-student-signin .account-sheet__header::before, #account-sheet.mc-student-signin .account-sheet__header::after { display: none; }
  #account-sheet.mc-student-signin .sheet-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255, 255, 255, .22); border-radius: 22px; color: #fff; background: rgba(255, 255, 255, .1); }
  #account-sheet.mc-student-signin .mc-signin-hero { padding-top: 26px; }
  #account-sheet.mc-student-signin .mc-signin-hero__kicker { color: #C7FCE0; }
  #account-sheet.mc-student-signin .mc-signin-hero__title { color: #fff; }
  #account-sheet.mc-student-signin .mc-signin-hero__line { color: #DCE3FF; }
  #account-sheet.mc-student-signin [data-auth-pane="signin"] { margin-top: auto; padding-top: 18px; opacity: 1; }
  #account-sheet.mc-student-signin :is(.account-divider, .signin-method-help) { display: none; }
  #account-sheet.mc-student-signin .provider-button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 58px; border-radius: 29px; font-size: 1.06rem; font-weight: 800; }
  #account-sheet.mc-student-signin .provider-button svg { width: 22px; height: 22px; flex: none; }
  #account-sheet.mc-student-signin .apple-button { color: #fff; background: linear-gradient(180deg, #1A1A1F, #000); border: 1px solid rgba(255, 255, 255, .42); box-shadow: 0 14px 28px -10px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .22); }
  #account-sheet.mc-student-signin .google-button { color: #1F1F1F; background: linear-gradient(180deg, #fff, #F1F3F9); border: 1px solid #fff; box-shadow: 0 14px 28px -10px rgba(0, 0, 0, .55), inset 0 1px 0 #fff; }
  #account-sheet.mc-student-signin .mc-signin-terms { color: #AFC0F5; }
  #account-sheet.mc-student-signin .mc-signin-terms a { color: #fff; }
  #account-sheet.mc-student-signin .auth-status { order: 8; color: #DCE3FF; text-align: center; }
  #account-sheet.mc-student-signin .account-form { padding-top: 12px; }
  #account-sheet.mc-student-signin .account-form .mc-input > span { color: #DCE3FF; }
  #account-sheet.mc-student-signin .account-form input { color: #fff; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .3); border-radius: 14px; }
}
@media all {
  html body #account-sheet.mc-student-signin, html body #account-sheet.mc-student-signin[open] {
    --welcome-ink: #fff; --welcome-canvas: transparent; --signin-surface: transparent; --signin-ink: #fff; --cx-ink: #fff; --cx-text-2: #DCE3FF;
    position: relative; inset: auto; width: 100%; min-height: 100dvh; height: auto; max-width: none; max-height: none; margin: 0 !important; border: 0 !important; border-radius: 0 !important; color: #fff;
    background: radial-gradient(90% 46% at 50% 16%, rgba(70, 120, 255, .5), transparent 72%), radial-gradient(60% 34% at 100% 92%, rgba(33, 112, 221, .26), transparent 72%), linear-gradient(180deg, #0A1436 0%, #0E1C4C 56%, #081030 100%) !important;
  }
  html body #account-sheet.mc-student-signin .sheet-surface { border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  html body #account-sheet.mc-student-signin .mc-signin-hero__kicker { color: #C7FCE0 !important; }
  html body #account-sheet.mc-student-signin .mc-signin-hero__title { color: #fff !important; }
  html body #account-sheet.mc-student-signin .mc-signin-hero__line { color: #DCE3FF !important; }
  html body #account-sheet.mc-student-signin .apple-button { color: #fff !important; background: linear-gradient(180deg, #1A1A1F, #000) !important; border-color: rgba(255, 255, 255, .42) !important; }
  html body #account-sheet.mc-student-signin .google-button { color: #1F1F1F !important; background: linear-gradient(180deg, #fff, #F1F3F9) !important; border-color: #fff !important; }
  html body #account-sheet.mc-student-signin .provider-button { width: 100% !important; max-width: none !important; min-height: 58px !important; border-radius: 29px !important; }
  html body #account-sheet.mc-student-signin .provider-stack { width: 100%; }
  html body #account-sheet.mc-student-signin .mc-signin-email-toggle { color: #DCE3FF !important; }
  html body #account-sheet.mc-student-signin .auth-status { color: #AFC0F5 !important; border-color: transparent !important; }
  html body #account-sheet.mc-student-signin .mc-signin-terms { color: #AFC0F5 !important; }
  html body #account-sheet.mc-student-signin .mc-signin-terms a { color: #fff !important; }
  html body #account-sheet.mc-student-signin .sheet-close { color: #fff !important; background: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, .22) !important; }
  html body #account-sheet.mc-student-signin .account-form input { color: #fff !important; background: rgba(255, 255, 255, .1) !important; }
  html body #account-sheet.mc-student-signin .account-form :is(label, span, p, a) { color: #DCE3FF !important; }
  html body #account-sheet.mc-student-signin .account-form .mc-button--primary { color: #05145C !important; background: linear-gradient(180deg, #fff, #E9EDFF) !important; }
}
@media all {
  html body #account-sheet#account-sheet.mc-student-signin, html body #account-sheet#account-sheet.mc-student-signin[open] { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 28px !important; overflow: hidden; color: #fff !important; background: radial-gradient(90% 46% at 50% 12%, rgba(70, 120, 255, .55), transparent 72%), radial-gradient(60% 34% at 100% 92%, rgba(33, 112, 221, .28), transparent 72%), linear-gradient(170deg, #0F2FB4, #05145C 62%, #0A0F3C) !important; box-shadow: none !important; }
  html body #account-sheet#account-sheet.mc-student-signin .sheet-surface.account-sheet { display: flex !important; flex-direction: column !important; gap: 12px !important; min-height: 0 !important; padding: 8px 20px 18px !important; border: 0 !important; color: #fff !important; background: none !important; box-shadow: none !important; }
  html body #account-sheet#account-sheet.mc-student-signin .account-sheet__header { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-signin-hero { order: 0 !important; padding: 6px 0 2px !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-signin-hero__kicker { margin: 6px 0 0 !important; color: #C7FCE0 !important; font-size: .72rem !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-signin-hero__title { margin: 4px 0 0 !important; color: #fff !important; font-family: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif !important; font-size: 1.85rem !important; font-weight: 800 !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-signin-hero__line { margin: 4px 0 0 !important; color: #DCE3FF !important; font-size: 1rem !important; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-agreement { order: 1 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #DCE3FF !important; font-size: .86rem !important; line-height: 1.35 !important; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-agreement :is(label, span, small, p) { color: #DCE3FF !important; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-agreement a { color: #fff !important; font-weight: 700; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-agreement input { accent-color: #7CE0B0; }
  html body #account-sheet#account-sheet.mc-student-signin [data-auth-pane="signin"] { order: 2 !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; }
  html body #account-sheet#account-sheet.mc-student-signin :is(#email-signin-form, #create-account-form, .entry-early-access) { order: 3 !important; }
  html body #account-sheet#account-sheet.mc-student-signin.is-email-collapsed #email-signin-form { display: none !important; }
  html body #account-sheet#account-sheet.mc-student-signin .provider-stack { gap: 10px !important; }
  html body #account-sheet#account-sheet.mc-student-signin .provider-button { width: 100% !important; min-height: 54px !important; border-radius: 999px !important; font-size: 1.02rem !important; font-weight: 800 !important; opacity: 1 !important; }
  html body #account-sheet#account-sheet.mc-student-signin .apple-button { color: #fff !important; border: 1px solid rgba(255, 255, 255, .42) !important; background: linear-gradient(180deg, #1A1A1F, #000) !important; }
  html body #account-sheet#account-sheet.mc-student-signin .google-button { color: #1F1F1F !important; border: 1px solid #fff !important; background: linear-gradient(180deg, #fff, #F1F3F9) !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-signin-email-toggle { display: block; width: 100%; min-height: 44px; margin-top: 2px; border: 0; color: #fff !important; background: none !important; font-size: .95rem; font-weight: 750; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-account-choice { order: 5 !important; margin: 0 !important; color: #DCE3FF !important; text-align: center; font-size: .92rem !important; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-account-choice :is(a, button) { color: #fff !important; font-weight: 800; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice { order: 6 !important; justify-content: center; margin: 0 !important; color: #DCE3FF !important; font-size: .88rem !important; }
  html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice input { accent-color: #7CE0B0; }
  html body #account-sheet#account-sheet.mc-student-signin .auth-status { order: 7 !important; margin: 0 !important; color: #AFC0F5 !important; font-size: .82rem !important; text-align: center; }
  html body #account-sheet#account-sheet.mc-student-signin .auth-status:empty { display: none !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-help-links { order: 8 !important; justify-content: center; margin: 0 !important; }
  html body #account-sheet#account-sheet.mc-student-signin .mc-help-links a { color: #DCE3FF !important; font-size: .84rem !important; }
  html body #account-sheet#account-sheet.mc-student-signin .account-form .mc-input > span { color: #DCE3FF !important; }
  html body #account-sheet#account-sheet.mc-student-signin .account-form input:not([type="checkbox"]) { color: #fff !important; border: 1px solid rgba(255, 255, 255, .3) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .1) !important; }
  html body #account-sheet#account-sheet.mc-student-signin .account-form :is(.mc-button, button[type="submit"]) { width: 100%; min-height: 54px !important; border: 0 !important; border-radius: 999px !important; color: #05145C !important; background: linear-gradient(180deg, #fff, #EEF1FF) !important; font-weight: 800 !important; }
}
@media (min-width: 761px) {
  html body #account-sheet#account-sheet.mc-student-signin, html body #account-sheet#account-sheet.mc-student-signin[open] { width: min(460px, calc(100vw - 32px)) !important; max-width: 460px !important; min-height: 0 !important; margin: 8px auto !important; border-radius: 32px !important; box-shadow: 0 28px 60px -18px rgba(5, 20, 92, .5) !important; }
  html body #account-sheet#account-sheet.mc-student-signin .sheet-surface.account-sheet { padding: 12px 32px 22px !important; }
}
html body #account-sheet#account-sheet.mc-student-signin .mc-signin-hero__line { max-width: 34ch; line-height: 1.4; font-weight: 600; text-wrap: balance; }
html body #account-sheet#account-sheet.mc-student-signin .provider-button { gap: 10px !important; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Arial, sans-serif !important; font-weight: 600 !important; }
html body #account-sheet#account-sheet.mc-student-signin .google-button { color: #1F1F1F !important; border: 1px solid #747775 !important; background: #fff !important; font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-weight: 500 !important; }
html body #account-sheet#account-sheet.mc-student-signin .google-button:hover { background: #F7F8F8 !important; }
html body #account-sheet#account-sheet.mc-student-signin .google-button > svg { display: block; width: 20px !important; height: 20px !important; flex: 0 0 20px !important; stroke: none !important; }
html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice { display: grid !important; grid-template-columns: auto auto; justify-content: center; align-items: center; column-gap: 12px; row-gap: 1px; text-align: left; font-weight: 700; cursor: pointer; }
html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice small { display: block !important; grid-column: 2; color: #AFC0F5 !important; font-size: .8rem; font-weight: 600; line-height: 1.3; }
html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice input { grid-row: 1 / span 2; width: 52px !important; height: 32px !important; margin: 0; border: 1px solid rgba(255, 255, 255, .55) !important; background: rgba(255, 255, 255, .22) !important; }
html body #account-sheet#account-sheet.mc-student-signin .signin-motion-choice input:checked { border-color: #7CE0B0 !important; background: #0E7A52 !important; }
@media (min-width: 761px) {
  html body #marketing-page .mc-signin-entry:has(.mc-student-signin) { padding-top: 12px !important; }
}
html body #account-sheet#account-sheet.mc-student-signin .account-form input::placeholder { color: #AFC0F5 !important; opacity: 1; }
html body #account-sheet#account-sheet.mc-student-signin :is(input, button, a):focus-visible { outline: 3px solid #C7FCE0 !important; outline-offset: 2px; }
/* Coda on the card. */
.mc-coda3d { position: relative; display: inline-block; flex: none; width: var(--coda-size, 120px); height: var(--coda-size, 120px); padding: 0; border: 0; background: none; perspective: 620px; -webkit-tap-highlight-color: transparent; }
button.mc-coda3d { cursor: pointer; touch-action: none; border-radius: 50%; }
html.mc-student #app-shell#app-shell.app-shell .app-main button.mc-coda3d, html.mc-student .mc-student-screen button.mc-coda3d { min-width: var(--coda-size, 120px); min-height: var(--coda-size, 120px); padding: 0; border: 0; background: none; box-shadow: none; }
button.mc-coda3d:focus-visible { outline: 3px solid var(--st-mint); outline-offset: 4px; }
.mc-coda3d__tilt, .mc-coda3d__stage { position: absolute; inset: 0; transform-style: preserve-3d; }
.mc-coda3d__tilt { transition: transform .25s ease-out; }
.mc-coda3d__stage { animation: mc-c3d-sway 7s ease-in-out infinite; }
.mc-coda3d__glow { position: absolute; inset: 4%; border-radius: 50%; background: radial-gradient(circle, rgba(87, 222, 255, .55), transparent 68%); opacity: .3; }
.mc-coda3d__ring { position: absolute; inset: -2%; border-radius: 50%; border: 2px solid rgba(142, 234, 255, .75); box-shadow: 0 0 12px rgba(87, 222, 255, .4); animation: mc-c3d-ring 14s linear infinite; }
.mc-coda3d__ring--2 { inset: 6%; border-color: rgba(133, 184, 255, .7); animation: mc-c3d-ring2 22s linear infinite; }
.mc-coda3d__char { position: absolute; left: 9%; top: 9%; width: 82%; height: 82%; object-fit: contain; transform: translateZ(16px); filter: drop-shadow(0 8px 14px rgba(22, 140, 245, .45)); user-select: none; pointer-events: none; }
.mc-coda3d__shadow { position: absolute; left: 24%; right: 24%; bottom: -7%; height: 9%; border-radius: 50%; background: radial-gradient(rgba(5, 20, 92, .45), transparent 70%); animation: mc-c3d-shadow 7s ease-in-out infinite; }
.mc-coda3d__spark { position: absolute; top: 6%; right: 10%; width: 8%; height: 8%; border-radius: 50%; background: #C7FCE0; box-shadow: 0 0 10px #57DEFF; opacity: 0; }
.mc-coda3d__spark--2 { top: auto; right: auto; bottom: 18%; left: 4%; background: #85b8ff; }
.mc-coda3d.is-thinking .mc-coda3d__ring { animation-duration: 2.2s; }
.mc-coda3d.is-thinking .mc-coda3d__ring--2 { animation-duration: 3s; }
.mc-coda3d.is-thinking .mc-coda3d__glow { animation: mc-c3d-glow 1.1s ease-in-out infinite; }
.mc-coda3d.is-thinking .mc-coda3d__spark { animation: mc-c3d-spark 1.1s ease-in-out infinite; }
.mc-coda3d.is-thinking .mc-coda3d__spark--2 { animation-delay: .55s; }
.mc-coda3d.is-hop .mc-coda3d__stage { animation: mc-c3d-hop .85s ease-out; }
.mc-coda3d.is-orb .mc-coda3d__ring--2 { display: none; }
@keyframes mc-c3d-sway { 0%, 100% { transform: rotateY(-14deg) rotateX(5deg) translateY(0); } 50% { transform: rotateY(14deg) rotateX(-4deg) translateY(-6%); } }
@keyframes mc-c3d-ring { from { transform: rotateX(74deg) rotateZ(0deg); } to { transform: rotateX(74deg) rotateZ(360deg); } }
@keyframes mc-c3d-ring2 { from { transform: rotateX(64deg) rotateY(20deg) rotateZ(0deg); } to { transform: rotateX(64deg) rotateY(20deg) rotateZ(-360deg); } }
@keyframes mc-c3d-shadow { 0%, 100% { transform: scaleX(1); opacity: .85; } 50% { transform: scaleX(.78); opacity: .5; } }
@keyframes mc-c3d-glow { 0%, 100% { opacity: .25; } 50% { opacity: .95; } }
@keyframes mc-c3d-hop { 0% { transform: translateY(0) rotateY(0deg) scale(1); } 35% { transform: translateY(-16%) rotateY(180deg) scale(1.1); } 70% { transform: translateY(0) rotateY(360deg) scale(.95); } 100% { transform: translateY(0) rotateY(360deg) scale(1); } }
@keyframes mc-c3d-spark { 0%, 100% { opacity: 0; transform: scale(.4); } 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .mc-coda3d :is(.mc-coda3d__stage, .mc-coda3d__ring, .mc-coda3d__char, .mc-coda3d__shadow, .mc-coda3d__glow, .mc-coda3d__spark) { animation: none !important; }
  .mc-coda3d.is-thinking .mc-coda3d__glow { opacity: .8; }
  .mc-coda3d__ring { transform: rotateX(74deg); }
  .mc-coda3d__ring--2 { transform: rotateX(64deg) rotateY(20deg); }
}
:root[data-reduced-motion="true"] .mc-coda3d :is(.mc-coda3d__stage, .mc-coda3d__ring, .mc-coda3d__char, .mc-coda3d__shadow, .mc-coda3d__glow, .mc-coda3d__spark) { animation: none !important; }
:root[data-reduced-motion="true"] .mc-coda3d__ring { transform: rotateX(74deg); }
:root[data-reduced-motion="true"] .mc-coda3d__ring--2 { transform: rotateX(64deg) rotateY(20deg); }
@media (max-width: 760px) {
  html.mc-student #app-shell#app-shell.app-shell .app-main .mc-today-hero__coda .mc-coda3d { --coda-size: clamp(108px, 17dvh, 150px) !important; }
  html.mc-student #app-shell#app-shell.app-shell .app-main .mc-coda-home:not(.is-chatting) .mc-coda-home__stage .mc-coda3d { --coda-size: clamp(92px, 14.5dvh, 148px) !important; }
}
.mc-coda3d.is-orb .mc-coda3d__char { display: none; }
.mc-coda3d.is-orb .mc-orb {
  position: absolute; left: 11%; top: 11%; display: block; width: 78%; height: 78%; overflow: hidden; border-radius: 50%; transform: translateZ(16px) rotate(-16deg); background: #020B2C;
  box-shadow: 0 0 calc(var(--coda-size, 120px) * .2) rgba(60, 170, 255, .6), 0 calc(var(--coda-size, 120px) * .05) calc(var(--coda-size, 120px) * .12) rgba(22, 110, 245, .45);
}
.mc-coda3d.is-orb.is-thinking .mc-orb__surface { animation-duration: 4s; }
.mc-coda3d.is-orb.is-thinking .mc-orb__back { animation-duration: 7s; }
.mc-signin-hero__coda .mc-coda3d__stage, .mc-signin-hero__coda .mc-coda3d__shadow { animation-duration: 12s; }
.mc-signin-hero__coda .mc-coda3d__ring { animation-duration: 40s; }
.mc-signin-hero__coda .mc-coda3d__ring--2 { animation-duration: 60s; }
html[data-reduced-motion="true"] :is(.mc-coda3d__stage, .mc-coda3d__ring, .mc-coda3d__shadow) { animation: none !important; }
/* The switch itself. */
.mc-seg button:focus-visible, .mc-lockset button:focus-visible, .mc-switch:focus-visible { outline: 3px solid color-mix(in srgb, var(--mc-blue, #0940c4) 45%, transparent); outline-offset: 2px; }
.mc-switch {
  appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 52px; height: 32px; margin: 6px 4px; border-radius: 16px;
  background: #C9CFEA; cursor: pointer; transition: background .2s;
}
.mc-switch::before { content: ""; position: absolute; inset: -6px -4px; }
.mc-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 13px; background: linear-gradient(180deg, #fff, #F1F3FF); box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(5,20,92,.28); transition: transform .2s; }
.mc-switch:checked { background: #0E7A52; }
.mc-switch:checked::after { transform: translateX(20px); }
.mc-lockset-hero .mc-switch:checked { background: #4FC596; }
.theme-dark .mc-switch:not(:checked) { background: #3A4A75; }
.mc-switch, .mc-switch::after { transition: none; }
:root[data-reduced-motion="true"] .mc-switch, :root[data-reduced-motion="true"] .mc-switch::after { transition: none; }
html .app-shell .mc-lockset .mc-switch { border: 0; background: #8E98BE; }
html .app-shell .mc-lockset .mc-switch:checked { background: #0E7A52; }
html .app-shell .mc-lockset .mc-lockset-hero .mc-switch:checked { background: #4FC596; }
html.theme-dark .app-shell .mc-lockset .mc-switch:not(:checked) { background: #56649A; }
/* Apple and Google sign-in: what continuing means, readable on the navy card. */
html body #account-sheet#account-sheet.mc-student-signin [data-provider-legal] { margin: 4px auto 0 !important; max-width: 34ch; color: #AFC0F5 !important; font-size: .8125rem !important; line-height: 1.45 !important; text-align: center !important; text-wrap: balance; }
html body #account-sheet#account-sheet.mc-student-signin [data-provider-legal] a { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }


/* Source: focus-room-design-v1.css */
/* Focus Room design port from e06af4b. Scoped to the live Focus view. */

/* One window on wide screens: timer and Coda on the left, study and sound on the right. It stays dark in every theme. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .page-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mc-room-jump { display: flex; gap: 6px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-jump button { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; color: #DCE3FF; background: rgba(255, 255, 255, .08); font-family: var(--cx-font); font-size: .78rem; font-weight: 750; cursor: pointer; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room, .mc-room-jump, .mc-room-top, .mc-room-side) svg[width] path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-music-drawer[hidden] { display: none !important; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room, .mc-room-side, .mc-room-top) button { font-family: var(--cx-font); cursor: pointer; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room, .mc-room-side, .mc-room-top) :focus-visible { outline: 3px solid #C7FCE0; outline-offset: 2px; }
/* Backgrounds */
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="lagoon"] body:not(.is-marketing):not(.mc-x), html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="lagoon"] #app-shell#app-shell { background: #06303F !important; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="lagoon"] .cx-sky { background: radial-gradient(90% 52% at 50% 6%, rgba(40, 190, 200, .36), transparent 72%), linear-gradient(180deg, #073B4C, #05232F); }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="pine"] body:not(.is-marketing):not(.mc-x), html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="pine"] #app-shell#app-shell { background: #08291E !important; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="pine"] .cx-sky { background: radial-gradient(90% 52% at 50% 6%, rgba(70, 190, 130, .3), transparent 72%), linear-gradient(180deg, #0B3A2A, #061F17); }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="violet"] body:not(.is-marketing):not(.mc-x), html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="violet"] #app-shell#app-shell { background: #0b1b32 !important; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="violet"] .cx-sky { background: radial-gradient(90% 52% at 50% 6%, rgba(25, 121, 255, .38), transparent 72%), linear-gradient(180deg, #0f2545, #081426); }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="ember"] body:not(.is-marketing):not(.mc-x), html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="ember"] #app-shell#app-shell { background: #2C1410 !important; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="ember"] .cx-sky { background: radial-gradient(90% 52% at 50% 6%, rgba(240, 130, 70, .3), transparent 72%), linear-gradient(180deg, #3C1C14, #1F0E0B); }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]):is([data-room-bg="ocean"], [data-room-bg="forest"], [data-room-bg="dusk"]) body:not(.is-marketing):not(.mc-x), html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]):is([data-room-bg="ocean"], [data-room-bg="forest"], [data-room-bg="dusk"]) #app-shell#app-shell { background: transparent !important; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="ocean"] .cx-sky { background: linear-gradient(180deg, rgba(4, 16, 50, .62), rgba(4, 12, 40, .82)), url("/nature-ocean-v1.jpg") center / cover no-repeat; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="forest"] .cx-sky { background: linear-gradient(180deg, rgba(4, 22, 22, .6), rgba(4, 16, 18, .82)), url("/nature-forest-v1.jpg") center / cover no-repeat; }
html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"])[data-room-bg="dusk"] .cx-sky { background: linear-gradient(180deg, rgba(60, 22, 40, .62), rgba(8, 16, 26, .84)), url("/nature-forest-v1.jpg") center / cover no-repeat; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bgs { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bgs__rule { width: 1px; height: 22px; margin: 0 3px; background: rgba(255, 255, 255, .2); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg { width: 30px; height: 30px; padding: 0; overflow: hidden; border: 2px solid rgba(255, 255, 255, .22); border-radius: 50%; background: #0B1650; transition: transform .3s cubic-bezier(.3, 1.4, .5, 1), border-color .2s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--lagoon { background: linear-gradient(150deg, #1E8A9C, #073B4C); } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--pine { background: linear-gradient(150deg, #2F8A5E, #0B3A2A); } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--violet { background: linear-gradient(150deg, #246acc, #0f2545); } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--ember { background: linear-gradient(150deg, #C8703F, #3C1C14); } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--night { background: linear-gradient(150deg, #2F4FB8, #071240); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--scene { border-radius: 9px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--scene img { display: block; width: 100%; height: 100%; object-fit: cover; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg--dusk img { filter: sepia(.5) hue-rotate(-30deg) saturate(1.4) brightness(.8); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-bg[aria-pressed="true"] { border-color: #fff; transform: scale(1.12); box-shadow: 0 0 0 2px rgba(255, 255, 255, .22); }
/* Top row: courses, clock and settings. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-top { display: flex; align-items: center; gap: 10px; order: 2; margin-top: 14px; min-width: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-exit, html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-clock, html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-gear { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-courses { display: flex; flex: 1; gap: 7px; min-width: 0; padding: 2px; overflow-x: auto; scrollbar-width: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-courses::-webkit-scrollbar { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course { display: flex; align-items: center; flex: none; gap: 8px; min-height: 46px; padding: 5px 14px 5px 11px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 16px; color: #fff; background: rgba(255, 255, 255, .07); text-align: left; transition: background .25s ease, color .25s ease, transform .3s cubic-bezier(.3, 1.3, .5, 1); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course i { width: 9px; height: 9px; flex: none; border-radius: 50%; background: #F0A23C; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course i.is-ready { background: #5087d5; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course span { display: flex; flex-direction: column; gap: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course strong { font-size: .86rem; font-weight: 800; line-height: 1.15; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course small { color: #C4CEF2; font-size: .7rem; font-weight: 650; line-height: 1.2; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course[aria-pressed="true"] { color: #06372A; border-color: transparent; background: linear-gradient(160deg, #D7FDE9, #A9F2CE); box-shadow: 0 8px 20px -10px rgba(120, 240, 190, .8); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course[aria-pressed="true"] small { color: #0B5A3D; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-course[aria-pressed="true"] i { background: #0E9A68; }
/* Coda beside the timer. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-side { order: 4; margin-top: 12px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda { display: flex; flex-direction: column; gap: 9px; padding: 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 22px; color: #fff; background: linear-gradient(165deg, rgba(92, 112, 220, .22), rgba(28, 38, 104, .24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__top { display: flex; align-items: center; gap: 9px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__orb { display: grid; place-items: center; width: 46px; height: 46px; flex: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__top p { margin: 0; color: #fff; font-size: .9rem; font-weight: 750; line-height: 1.25; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__answer { display: flex; flex-direction: column; gap: 6px; max-height: 190px; padding: 10px 12px; overflow-y: auto; border-radius: 14px; color: #E6EBFF; background: rgba(255, 255, 255, .07); font-size: .85rem; font-weight: 550; line-height: 1.4; white-space: pre-wrap; overscroll-behavior: contain; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__more { align-self: flex-start; padding: 0; border: 0; color: #C7FCE0; background: none; font-size: .78rem; font-weight: 750; text-decoration: underline; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__plus { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; font-size: .85rem; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__prompts { display: flex; flex-wrap: wrap; gap: 6px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__prompts button { flex: 1 1 auto; min-height: 38px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; color: #fff; background: rgba(255, 255, 255, .07); font-size: .77rem; font-weight: 750; white-space: nowrap; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__prompts button[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__ask { display: flex; align-items: center; gap: 7px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__ask[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__ask input { flex: 1; min-width: 0; min-height: 42px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; color: #fff; background: rgba(255, 255, 255, .08); font-family: var(--cx-font); font-size: .86rem; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__ask input::placeholder { color: #AEB8DD; opacity: 1; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-coda__ask button { display: grid; place-items: center; width: 42px; height: 42px; flex: none; padding: 0; border: 0; border-radius: 50%; color: #06372A; background: linear-gradient(160deg, #D7FDE9, #A9F2CE); }
/* The right-hand panel. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room { display: flex; flex-direction: column; gap: 12px; order: 3; min-width: 0; margin-top: 12px; padding: 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 26px; color: #EEF1FF; background: linear-gradient(165deg, rgba(92, 112, 220, .22), rgba(28, 38, 104, .24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 40px -24px rgba(0, 0, 0, .7); scroll-margin-top: 12px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__bar { display: flex; align-items: center; gap: 8px; min-width: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tabs { display: flex; flex: 1; gap: 2px; min-width: 0; padding: 4px; overflow-x: auto; border-radius: 999px; background: rgba(255, 255, 255, .08); scrollbar-width: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tabs::-webkit-scrollbar { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tab { display: inline-flex; align-items: center; flex: none; gap: 5px; min-height: 40px; padding: 0 13px; border: 0; border-radius: 999px; color: #C9D3FA; background: transparent; font-size: .82rem; font-weight: 750; white-space: nowrap; transition: background .25s ease, color .25s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tab[aria-selected="true"] { color: #06372A; background: linear-gradient(160deg, #D7FDE9, #A9F2CE); box-shadow: 0 6px 16px -8px rgba(120, 240, 190, .8); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__lock { display: inline-flex; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__lock[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tools { display: none; gap: 6px; flex: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tool-icon { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: #DCE3FF; background: rgba(255, 255, 255, .07); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__panel { display: flex; flex-direction: column; gap: 10px; min-width: 0; animation: mc-day-rise .45s cubic-bezier(.2, .9, .3, 1.1) both; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__panel[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__panel h2 { margin: 0; color: #fff; font-family: var(--cx-font); font-size: 1.3rem; font-weight: 800; letter-spacing: -.01em; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border: 0; border-radius: 999px; color: #05145C; background: linear-gradient(180deg, #fff, #E8ECFF); box-shadow: 0 10px 22px -12px rgba(255, 255, 255, .6); font-size: .9rem; font-weight: 800; white-space: nowrap; transition: transform .25s cubic-bezier(.3, 1.3, .5, 1); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-quiet { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; padding: 0 16px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; color: #fff; background: rgba(255, 255, 255, .06); font-size: .86rem; font-weight: 750; white-space: nowrap; transition: transform .25s cubic-bezier(.3, 1.3, .5, 1), background .2s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room-primary, .mc-room-quiet):active { transform: scale(.97); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room-primary, .mc-room-quiet)[disabled] { opacity: .6; }
@media (hover: hover) { html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-quiet:hover { background: rgba(255, 255, 255, .14); } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-primary:hover { transform: translateY(-1px); } }
/* The map panel. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map__head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map__title { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map__title small { color: #C7FCE0; font-size: .66rem; font-weight: 800; letter-spacing: .09em; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map__title p { margin: 0; color: #C4CEF2; font-size: .8rem; font-weight: 650; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-layouts { display: flex; gap: 2px; padding: 3px; border-radius: 999px; background: rgba(255, 255, 255, .08); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-layouts button { min-height: 36px; padding: 0 12px; border: 0; border-radius: 999px; color: #C9D3FA; background: transparent; font-size: .8rem; font-weight: 750; transition: background .25s ease, color .25s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-layouts button[aria-pressed="true"] { color: #06372A; background: linear-gradient(160deg, #D7FDE9, #A9F2CE); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit { position: relative; flex: 1; height: 330px; min-height: 280px; overflow: hidden; border: 1px solid rgba(150, 175, 255, .22); border-radius: 20px; background: radial-gradient(70% 70% at 50% 48%, rgba(70, 120, 200, .24), transparent 72%), rgba(5, 13, 52, .34); cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit.is-dragging { cursor: grabbing; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit:focus-visible { outline: 3px solid #C7FCE0; outline-offset: -3px; }
.mc-orbit__lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.mc-orbit__ring { fill: none; stroke: rgba(170, 190, 255, .32); stroke-width: 1.5; stroke-dasharray: 3 7; }
.mc-orbit__ring--far { stroke: rgba(199, 252, 224, .14); }
.mc-orbit__link { fill: none; stroke: rgba(190, 205, 255, .34); stroke-width: 1.5; }
.mc-orbit__link.is-leaf { stroke: rgba(190, 205, 255, .22); stroke-dasharray: 3 4; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__nodes { position: absolute; inset: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__core { position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 92px; height: 92px; padding: 8px; border: 0; border-radius: 50%; color: #fff; background: radial-gradient(circle at 34% 28%, #8FA3FF, #3F52D8 55%, #1B2478); box-shadow: 0 0 0 7px rgba(143, 163, 255, .14), 0 0 38px rgba(110, 130, 255, .62), inset 0 2px 6px rgba(255, 255, 255, .35); font-size: .74rem; font-weight: 800; line-height: 1.14; text-align: center; will-change: transform; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__core span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit[data-layout="tree"] .mc-orbit__core { width: 78px; height: 78px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node { --tone: #6F82F2; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; gap: 3px; width: 92px; min-height: 54px; padding: 0; border: 0; color: #fff; background: none; font-size: .72rem; font-weight: 750; line-height: 1.1; text-align: center; will-change: transform; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node[data-tone="1"] { --tone: #24B47E; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node[data-tone="2"] { --tone: #E2912F; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node[data-tone="3"] { --tone: #4084e3; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node[data-tone="4"] { --tone: #2AA6E2; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node[data-tone="5"] { --tone: #D55F97; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node b { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 50%; color: #fff; background: radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--tone) 52%, #fff), var(--tone) 58%, color-mix(in srgb, var(--tone) 70%, #000)); box-shadow: 0 7px 14px -5px rgba(0, 0, 0, .75), 0 0 16px color-mix(in srgb, var(--tone) 55%, transparent); font-size: .8rem; font-weight: 800; transition: box-shadow .25s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node.is-done b { color: #06372A; background: radial-gradient(circle at 34% 28%, #fff, #C7FCE0 58%, #7FE5B8); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node.is-selected b { box-shadow: 0 0 0 3px #fff, 0 0 24px 3px color-mix(in srgb, var(--tone) 80%, #fff); }
@media (hover: hover) { html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node:hover b { box-shadow: 0 0 0 2px rgba(255, 255, 255, .8), 0 0 22px 2px color-mix(in srgb, var(--tone) 70%, #fff); } }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__node span { display: -webkit-box; max-width: 100%; padding: 2px 6px; overflow: hidden; border-radius: 8px; background: rgba(10, 18, 62, .7); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__leaf { position: absolute; top: 0; left: 0; max-width: 118px; padding: 4px 9px; overflow: hidden; border: 1px dashed rgba(190, 205, 255, .4); border-radius: 999px; color: #DCE3FF; background: rgba(16, 26, 84, .86); font-size: .68rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; will-change: transform; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__hint { position: absolute; bottom: 12px; left: 14px; z-index: 90; max-width: calc(100% - 190px); margin: 0; color: #C9D3FA; font-size: .74rem; font-weight: 650; line-height: 1.25; pointer-events: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__nav { position: absolute; bottom: 8px; right: 8px; z-index: 90; display: flex; align-items: center; gap: 6px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__nav button { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; color: #fff; background: rgba(16, 26, 84, .82); font-size: .76rem; font-weight: 750; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__nav .mc-orbit__pause { padding: 0 12px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-orbit__nav .mc-orbit__pause[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 2px 4px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__words { display: flex; flex-direction: column; gap: 1px; flex: 1 1 220px; min-width: 0; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__words small { color: #C7FCE0; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__words h3 { margin: 0; color: #fff; font-family: var(--cx-font); font-size: 1.2rem; font-weight: 800; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__words p { margin: 0; color: #DCE3FF; font-size: .86rem; font-weight: 600; line-height: 1.3; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__actions { display: flex; flex-wrap: wrap; gap: 7px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__status { flex-basis: 100%; min-height: 0; margin: 0; color: #C7FCE0; font-size: .8rem; font-weight: 700; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-step__status:empty { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 280px; padding: 24px; border: 1px dashed rgba(255, 255, 255, .24); border-radius: 20px; color: #DCE3FF; font-size: .88rem; text-align: center; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-empty[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-empty strong { color: #fff; font-size: 1.1rem; font-weight: 800; }
/* Flashcards and Live quiz. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room-cards, .mc-room-quiz) { align-items: center; justify-content: center; padding: 34px 16px; text-align: center; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] :is(.mc-room-cards, .mc-room-quiz) p { max-width: 400px; margin: 0; color: #C9D3FA; font-size: .9rem; font-weight: 600; line-height: 1.4; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-cards__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 6px; }
.mc-room__deck { position: relative; display: block; width: 84px; height: 72px; margin-bottom: 6px; perspective: 320px; }
.mc-room__deck i { position: absolute; inset: 4px 12px 4px 4px; border-radius: 14px; background: linear-gradient(150deg, #8C9CFF, #5A63E0); box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .7); }
.mc-room__deck i:nth-child(1) { transform: translate(14px, -5px) rotate(9deg); opacity: .45; }
.mc-room__deck i:nth-child(2) { transform: translate(7px, -2px) rotate(4deg); opacity: .7; }
.mc-room__deck i:nth-child(3) { display: grid; place-items: center; color: #fff; background: linear-gradient(150deg, #A5B2FF, #6470EE); transform-origin: center; animation: mc-room-deal 6.5s ease-in-out infinite; }
@keyframes mc-room-deal { 0%, 72%, 100% { transform: rotateY(0deg); } 84% { transform: rotateY(180deg) translateY(-2px); } 92% { transform: rotateY(360deg); } }
.mc-room__quiz { display: grid; place-items: center; width: 68px; height: 68px; flex: none; margin-bottom: 6px; border-radius: 22px; color: #06372A; background: linear-gradient(150deg, #C7FCE0, #6FE3B2); box-shadow: 0 10px 22px -10px rgba(90, 230, 170, .8); animation: mc-room-nod 5.2s ease-in-out infinite; }
@keyframes mc-room-nod { 0%, 74%, 100% { transform: rotate(0deg); } 80% { transform: rotate(-9deg); } 88% { transform: rotate(7deg); } 94% { transform: rotate(-2deg); } }
/* Material. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-material__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-material__head small { color: #C7FCE0; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-material__list { display: flex; flex-direction: column; gap: 7px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-note { display: flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 16px; color: #fff; background: rgba(255, 255, 255, .06); font-size: .9rem; font-weight: 700; text-align: left; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-note span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-material__empty { margin: 8px 0; color: #C9D3FA; font-size: .9rem; font-weight: 600; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-material__list .mc-room-quiet { align-self: flex-start; }
/* Focus sound. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__head { display: flex; align-items: center; gap: 9px; }
.mc-room__eq { display: inline-flex; align-items: flex-end; gap: 2.5px; width: 20px; height: 16px; flex: none; }
.mc-room__eq i { flex: 1; height: 100%; border-radius: 2px; background: #C7FCE0; transform-origin: bottom; animation: mc-room-eq 1.5s ease-in-out infinite alternate; }
.mc-room__eq i:nth-child(1) { animation-delay: -.9s; } .mc-room__eq i:nth-child(2) { animation-delay: -.3s; animation-duration: 1.15s; } .mc-room__eq i:nth-child(3) { animation-delay: -1.3s; animation-duration: 1.8s; } .mc-room__eq i:nth-child(4) { animation-delay: -.6s; animation-duration: 1.3s; }
@keyframes mc-room-eq { from { transform: scaleY(.28); } to { transform: scaleY(1); } }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__sources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 72px; padding: 8px 2px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; color: #DCE3FF; background: rgba(255, 255, 255, .06); font-size: .72rem; font-weight: 750; line-height: 1.12; text-align: center; transition: transform .35s cubic-bezier(.3, 1.3, .5, 1), background .3s ease, border-color .3s ease, color .3s ease; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source svg { --tone: #9FB0FF; color: var(--tone); transition: transform .4s cubic-bezier(.3, 1.4, .5, 1); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source[data-tone="apple"] svg { --tone: #FF8BA3; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source[data-tone="spotify"] svg { --tone: #5DE29B; } html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source[data-tone="youtube"] svg { --tone: #FF8A7A; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source[aria-pressed="true"] { color: #fff; border-color: rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .17); box-shadow: 0 10px 22px -12px rgba(150, 170, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .24); transform: translateY(-2px); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__source[aria-pressed="true"] svg { transform: scale(1.14); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] [data-room-sound][hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] [data-room-sound="brain"] .focus-brainfm-card.mc-brainfm { margin: 0 !important; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__chips { display: flex; flex-wrap: wrap; gap: 7px; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] a.mc-room__chip { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; color: #fff; background: rgba(255, 255, 255, .09); font-family: var(--cx-font); font-size: .84rem; font-weight: 750; text-decoration: none; transition: transform .3s cubic-bezier(.3, 1.3, .5, 1), background .25s ease; animation: mc-day-rise .5s calc(var(--i, 0) * 45ms) cubic-bezier(.2, .9, .3, 1.1) both; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] a.mc-room__chip span { color: #C7FCE0; }
@media (hover: hover) { html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] a.mc-room__chip:hover { background: rgba(255, 255, 255, .17); transform: translateY(-2px); } }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] a.mc-room__chip:active { transform: scale(.96); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__note { margin: 10px 0 0; color: #B9C4EC; font-size: .8rem; font-weight: 600; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own { border-top: 1px solid rgba(255, 255, 255, .12); }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own[hidden] { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own > summary { display: flex; align-items: center; min-height: 44px; color: #DCE3FF; font-size: .88rem; font-weight: 750; cursor: pointer; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .focus-music-card { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own :is(.nature-music-shortcuts, .focus-music-service-links) { display: none !important; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own :is(.focus-music-form, .companion-playlist-settings, .focus-music-actions) { color: #EEF1FF; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .companion-playlist-settings > summary { min-height: 40px; color: #DCE3FF !important; font-size: .84rem; font-weight: 700; cursor: pointer; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own.is-empty .companion-playlist-settings > summary { display: none; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .mc-input > span { color: #C9D3FA !important; font-size: .8rem; font-weight: 700; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own input[type="url"] { min-height: 46px; color: #fff !important; border: 1px solid rgba(255, 255, 255, .24) !important; border-radius: 14px !important; background: rgba(255, 255, 255, .09) !important; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own input[type="url"]::placeholder { color: #AEB8DD !important; opacity: 1; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .small-print { color: #B9C4EC !important; font-size: .78rem; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .focus-music-card > .section-heading, html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .focus-music-card > .small-print:first-of-type, html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__own .focus-music-form .mc-input:has([data-focus-music-provider]) { display: none !important; }
/* Phones stack: timer, courses, room, then Coda and backgrounds. */
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-layout { display: flex !important; flex-direction: column; }
.mc-room-left { display: contents; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .nature-focus-stage { order: 1; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-sync-status { order: 1; }
html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-focus-more { order: 5; }
/* One window on wide screens. */
@media (min-width: 1000px) {
  html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]) .mc-student-nav { display: none !important; }
  html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]) [data-living-coda] { display: none !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] { max-width: none !important; width: 100% !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .page-header { display: none !important; }
  html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]) #app-shell#app-shell.app-shell { padding-bottom: 0 !important; }
  html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]) #app-shell#app-shell .app-main { padding-bottom: 12px !important; }
  html:has([data-claude-focus]):has(#app-shell[data-active-view="focus"]) #app-shell#app-shell .coda-workspace-details { display: none !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-layout { display: grid !important; grid-template-columns: minmax(340px, 380px) minmax(0, 1fr); grid-template-rows: auto auto; gap: 12px 18px; width: min(1400px, 100%); max-width: none !important; margin: 0 auto; align-items: start; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-layout > .mc-room-top { grid-column: 1 / -1; grid-row: 1; margin: 0; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-left { display: flex; flex-direction: column; gap: 12px; grid-column: 1; grid-row: 2; min-width: 0; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-left > * { margin: 0 !important; width: 100%; max-width: none; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-left > .mc-focus-more:not(.is-shown) { display: none; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-layout > .mc-room { grid-column: 2; grid-row: 2; height: max(600px, calc(100dvh - 100px)); margin: 0; padding: 14px; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__panel { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-actions { display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: stretch !important; width: 100% !important; gap: 8px !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-actions > button:not([hidden]) { flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-height: 48px !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-exit { display: inline-flex; align-items: center; flex: none; gap: 6px; min-height: 44px; padding: 0 12px 0 4px; border: 0; color: #fff; background: none; font-size: .95rem; font-weight: 800; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-clock { display: block; flex: none; color: #fff; font-size: 1.15rem; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-gear { display: grid; place-items: center; width: 44px; height: 44px; flex: none; padding: 0; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .08); }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-courses { justify-content: center; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tools { display: flex; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map { overflow: hidden !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room-map .mc-orbit { flex: 1; height: auto; min-height: 240px; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-room__tab { padding: 0 15px; font-size: .88rem; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-timer-card { padding: 0 !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-pomo__now { display: none !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-pomo { justify-content: center; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-ring { width: min(216px, 24dvh) !important; height: min(216px, 24dvh) !important; min-height: 0 !important; aspect-ratio: 1; margin-inline: auto !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-clock { font-size: clamp(2.2rem, 4.8dvh, 3rem) !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .focus-ring__inner [data-focus-phase-label] { font-size: .62rem !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-pomo-move { padding: 8px 12px !important; }
  html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view="focus"] .mc-pomo-move__icon { width: 34px !important; height: 34px !important; }
}
/* Fit the branch's presentation around the current site's native timer and tools. */
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-claude-focus] .nature-focus-stage {
 --cx-font:inherit;--room-tint:#091a46;display:grid!important;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:18px;align-items:start;background:var(--room-tint)!important;padding:22px!important;min-height:0;border-radius:28px;
}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-top {display:flex;order:0;gap:12px;margin:0 0 12px;align-items:center;min-width:0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-top .mc-room-exit {display:inline-flex;flex:none;min-height:44px;color:inherit;background:transparent;border:0;font:inherit;cursor:pointer;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-top .mc-room-clock {display:block;flex:none;font-variant-numeric:tabular-nums;color:inherit;font-size:14px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-courses {display:flex;flex:1;gap:8px;overflow-x:auto;padding:3px;min-width:0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-courses button {flex:none;min-height:44px;max-width:220px;border-radius:16px;padding:8px 14px;white-space:normal;overflow-wrap:anywhere;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room {margin:0;padding:16px;background:linear-gradient(165deg,#4963aa40,#1c266840);color:#eef1ff;max-height:none;min-width:0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs {display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;max-width:100%;padding:4px;border-radius:25px;background:#ffffff14;gap:2px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs button {flex:none;min-width:0;width:auto;margin:0;min-height:44px;white-space:nowrap;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .focus-room-panel {min-width:0;max-width:100%;overflow-wrap:anywhere;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .focus-room-panel[hidden],html body.student-experience #app-shell#app-shell [data-claude-focus] [hidden] {display:none!important;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-map-picker {max-width:100%;width:100%;color:#122c40;background:#f4fbff;min-height:44px;border-radius:12px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-orbit {height:clamp(280px,43dvh,460px);min-height:280px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-grow {margin-top:16px;border-top:1px solid #ffffff30;padding-top:12px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-grow>summary {min-height:44px;cursor:pointer;color:#c7fce0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-side {margin-top:14px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-coda__top img {width:46px;height:46px;object-fit:contain;flex:none;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-bgs button img {width:100%;height:100%;object-fit:cover;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage[data-room-bg=lagoon] {--room-tint:#06303f;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage[data-room-bg=pine] {--room-tint:#08291e;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage[data-room-bg=violet] {--room-tint:#0b1b32;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage[data-room-bg=ember] {--room-tint:#2c1410;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage[data-room-bg=ocean] {--room-tint:#081e38;--nature-image:url('/nature-ocean-v1.jpg');}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage:is([data-room-bg=forest],[data-room-bg=dusk]) {--room-tint:#082b29;--nature-image:url('/nature-forest-v1.jpg');}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage:is([data-room-bg=night],[data-room-bg=lagoon],[data-room-bg=pine],[data-room-bg=violet],[data-room-bg=ember])::before {opacity:0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .focus-room-secondary-tools {display:none;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .nature-focus-stage.nature-quiet .mc-room {display:none;}
@media(max-width:999px){
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-claude-focus] .nature-focus-stage {grid-template-columns:minmax(0,1fr);padding:14px!important;gap:20px;}
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-top .mc-room-clock {display:none;}
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tab {padding-inline:12px;}
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-step__actions {flex-wrap:wrap;}
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-step__actions button {white-space:normal;max-width:100%;}
}
@media(prefers-reduced-motion:reduce){[data-claude-focus] *,[data-claude-focus] *::before,[data-claude-focus] *::after{animation:none!important;transition:none!important;}}
html[data-reduced-motion=true] [data-claude-focus] *,html[data-personalize-motion=true] [data-claude-focus] *,[data-claude-focus][data-focus-still=true] *{animation:none!important;transition:none!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-claude-focus] .focus-layout {display:block!important;width:100%;max-width:none!important;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs {flex-wrap:nowrap!important;border:0;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs button {height:44px!important;min-height:44px!important;padding:0 14px!important;line-height:1.2!important;border-radius:999px!important;box-shadow:none!important;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-settings>summary {min-height:44px;padding:14px 0;color:#cfdbf4;cursor:pointer;font-size:13px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room-settings .focus-room-intention {margin-top:12px;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs {display:flex!important;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .focus-layout>.mc-room__tabs {margin:0 0 12px;background:#243565;color:#fff;}
html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs {flex:0 0 auto!important;height:52px!important;min-height:52px!important;max-height:52px!important;box-sizing:border-box;margin-bottom:8px;align-items:center;}

/* Keep every study tool discoverable on phones instead of clipping later tabs. */
@media(max-width:640px){
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;height:auto!important;max-height:none;flex:0 0 auto!important;position:relative;z-index:3;border-radius:20px;}
 html body.student-experience #app-shell#app-shell [data-claude-focus] .mc-room__tabs button {width:100%!important;white-space:normal!important;justify-content:center;}
}
/* A stable timer focal point with a real, reachable state control. */
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-state-control {
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:132px;
 padding:8px 16px;border:1px solid rgba(199,252,224,.46);border-radius:999px;
 background:rgba(199,252,224,.12);color:#e7fff3;font:700 .82rem/1.2 var(--cx-font,Manrope,sans-serif);letter-spacing:.035em;
 cursor:pointer;touch-action:manipulation;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-state-control:focus-visible {outline:3px solid #c7fce0;outline-offset:4px;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-state-control:active {background:rgba(199,252,224,.25);}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-clock {font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.05;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-timer-card__top {align-items:center;gap:10px;flex-wrap:wrap;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-calm-toggle {display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:8px 0 0;color:#dce7f5;font-size:.82rem;cursor:pointer;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-calm-toggle input {width:20px;height:20px;accent-color:#b8efdb;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus][data-room-calm=true] .nature-focus-stage::before {animation:none!important;opacity:.08!important;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus][data-room-calm=true] .focus-timer-card {
 background:radial-gradient(ellipse at 50% 0,rgba(114,201,200,.09),transparent 65%),rgba(7,18,44,.58)!important;
 border:1px solid rgba(199,230,240,.18)!important;border-radius:28px!important;padding:20px!important;
 box-shadow:0 16px 40px -28px rgba(0,0,0,.65)!important;
}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus][data-room-calm=true] .focus-ring {box-shadow:0 0 34px rgba(128,219,193,.09)!important;}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus][data-room-calm=true] .focus-ring::after {animation:none!important;}
html:has(#app-shell[data-active-view=focus] [data-view=focus][data-room-calm=true]) .cx-sky {animation:none!important;}
@media(min-width:1000px) {
 html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view=focus] .focus-ring {width:min(236px,26dvh)!important;height:min(236px,26dvh)!important;}
 html:has([data-claude-focus]) #app-shell#app-shell .app-view[data-view=focus] .focus-clock {font-size:clamp(2.6rem,5dvh,3.5rem)!important;}
}
@media(max-width:600px) {
 html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-state-control {min-width:144px;}
 html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-view=focus] .focus-timer-card__top {justify-content:center;}
}
@media(max-width:760px) {
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus] .focus-room-clock .focus-timer-card {display:flex!important;flex-direction:column;align-items:center;gap:10px;}
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus] .focus-room-clock .focus-ring:not([hidden]) {width:min(220px,65vw)!important;height:min(220px,65vw)!important;margin:10px auto 14px!important;}
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus] .focus-room-clock .focus-clock {font-size:clamp(2.6rem,12vw,3.4rem)!important;}
 html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] .mc-nav--mobile {display:none!important;}
 html:has(#app-shell[data-active-view=focus]) .focus-flow {bottom:calc(12px + env(safe-area-inset-bottom))!important;}
}
html body.student-experience #app-shell#app-shell[data-active-view=focus][data-simple-workspace] [data-room-calm=true] .focus-sanctuary img {animation:none!important;}
html body #app-shell#app-shell[data-active-view=focus] .mc-nav--mobile {display:none!important;}

html body.student-experience #app-shell#app-shell[data-active-view=focus][data-preview-shell=true]:not([data-keyboard-open=true]) .mc-nav--mobile:not([hidden]) {display:none!important;}
html body.student-experience #app-shell#app-shell[data-active-view=focus] .focus-cues-toggle {display:block;min-height:44px;margin:0 auto 8px;padding:0 15px;border:1px solid rgba(199,252,224,.25);border-radius:999px;background:rgba(255,255,255,.05);color:#dce7f5;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.2;cursor:pointer;}
html body.student-experience #app-shell#app-shell[data-active-view=focus] .focus-cues-toggle:focus-visible {outline:3px solid #c7fce0;outline-offset:3px;}


/* Source: study-quality-v1.css */
.document-scan{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.document-scan .sheet-surface{display:grid;gap:14px;min-width:0}.document-scan h2{margin:0}.document-scan p{line-height:1.6;margin:0}.document-scan-actions{display:flex;flex-wrap:wrap;gap:10px}.document-scan-actions .mc-button{min-height:44px}.document-scan-preview:empty{display:none}.document-scan-preview img{display:block;max-width:100%;max-height:280px;object-fit:contain;border:1px solid var(--mc-line-strong,#bcc7d5);border-radius:12px;margin-inline:auto}.document-scan textarea{box-sizing:border-box;width:100%;min-height:220px;resize:vertical;font:inherit;font-size:16px;line-height:1.65}.document-scan input:not([type=file]){box-sizing:border-box;width:100%;font:inherit;font-size:16px;min-height:44px}.document-scan [hidden],.study-source-evidence[hidden]{display:none!important}.study-source-evidence{margin:12px 0;padding:12px 14px;border:1px solid var(--mc-line-strong,#bcc7d5);border-radius:12px;font-size:.9rem;line-height:1.65;overflow-wrap:anywhere}.study-source-evidence summary{cursor:pointer;min-height:32px;display:list-item}.study-source-evidence blockquote,.tutor-workspace-panel blockquote{margin:12px 0;padding:8px 14px;border-inline-start:3px solid var(--mc-blue,#466ee8);white-space:pre-wrap;overflow-wrap:anywhere}.tutor-workspace-panel h4{margin:24px 0 10px;font-size:1.1rem}.tutor-workspace-panel details{margin:10px 0}.tutor-workspace-panel details>summary{cursor:pointer;min-height:36px}.tutor-workspace-panel :is(p,strong){overflow-wrap:anywhere}@media(max-width:480px){.document-scan-actions>*{flex:1 1 100%}.document-scan .sheet-surface{padding:18px}}
.cloud-storage-summary{border-top:1px solid var(--mc-line-strong,#bcc7d5);margin-top:20px;padding-top:18px;display:grid;gap:10px}.cloud-storage-summary :is(h3,p){margin:0;line-height:1.6}.cloud-storage-summary progress{width:100%;accent-color:var(--mc-blue,#466ee8)}.cloud-storage-dialog{width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.cloud-storage-dialog .sheet-surface{display:grid;gap:16px}.cloud-storage-dialog p{line-height:1.6}.cloud-file-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cloud-file-actions button{min-height:44px}.cloud-file-list{display:grid;gap:12px}.cloud-file-row{display:grid;gap:10px;padding:16px;border:1px solid var(--mc-line-strong,#bcc7d5);border-radius:16px;overflow-wrap:anywhere}.cloud-file-row>span{font-size:.875rem;color:var(--mc-ink-secondary,#50637a)}.cloud-storage-dialog input[type=file]{box-sizing:border-box;max-width:100%;font-size:16px}.cloud-storage-dialog[aria-busy=true] [data-file-action]{opacity:.65}@media(max-width:480px){.cloud-file-actions>button{flex:1 1 auto}.cloud-storage-dialog .sheet-surface{padding:18px}.cloud-file-row .cloud-file-actions>button{flex-basis:100%}}

.study-draft-card{padding:16px 0;border-bottom:1px solid var(--mc-line-strong,#bcc7d5)}.study-draft-card h4{margin:0 0 8px;line-height:1.5}.study-draft-card p{margin:0;line-height:1.65}.study-draft-card details{margin:12px 0 0}.tutor-workspace-panel textarea{box-sizing:border-box}

.study-quiz-options{display:grid;gap:8px;margin:16px 0}.study-quiz-options button{margin:0;text-align:left;border:1px solid var(--mc-line-strong,#bcc7d5);border-radius:12px;padding:12px 14px;min-height:48px}


/* Source: workspace-presentation-v1.css */
/* Keep shared controls above legacy per-screen important overrides. */
@layer mindcoda-workspace {
/* Shared actions include workspace portals such as Privacy Lock. Sign-in is excluded. */
html[data-workspace-design=true]{--mc-action-navy:#05145c;--mc-action-blue:#0940c4;--mc-action-mint:#c7fce0;--mc-action-on-navy:#fff;--mc-action-radius:16px}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])){--mc-blue:var(--mc-action-blue)!important;--mc-teal:var(--mc-action-navy)!important;--mc-mint:var(--mc-action-mint)!important;--mc-on-accent:#fff!important}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button--primary:not(.mc-button--danger){background:var(--mc-action-navy)!important;background-image:none!important;color:var(--mc-action-on-navy)!important;border:1px solid var(--mc-action-navy)!important;border-radius:var(--mc-action-radius)!important;box-shadow:0 4px 12px #05145c18!important}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button--primary:not(.mc-button--danger):hover:not(:disabled){background:#102974!important;border-color:#102974!important}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button--secondary{background:var(--mc-action-mint)!important;color:var(--mc-action-navy)!important;border-color:#9acdb8!important;border-radius:var(--mc-action-radius)}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button--text{color:var(--mc-action-blue)!important}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button{min-height:44px;font-family:inherit;touch-action:manipulation}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button:focus-visible{outline:3px solid var(--mc-action-blue);outline-offset:3px}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) :is([role=tab][aria-selected=true],.mc-nav__item[aria-current=page]){background:var(--mc-action-mint)!important;color:var(--mc-action-navy)!important;border-color:#9acdb8!important}
html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) :is(input,textarea,select):focus-visible{outline:3px solid var(--mc-action-blue)!important;outline-offset:2px}
html.theme-dark[data-workspace-design=true]{--mc-action-blue:#b8d4ff}
html.theme-dark[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) .mc-button--primary:not(.mc-button--danger){border-color:#a3b8de!important}
/* The same mint action remains readable on the navy Focus surface. */
html[data-workspace-design=true] body #app-shell#app-shell [data-view=focus] .focus-actions .mc-button--primary{background:var(--mc-action-mint)!important;color:var(--mc-action-navy)!important;border-color:var(--mc-action-mint)!important}
html[data-workspace-design=true] body #app-shell#app-shell [data-home-next] .home-start-focus{background:#fff!important;color:var(--mc-action-navy)!important;border-color:#fff!important}
/* CSS effects and pseudo-elements stop alongside script-created animations. */
html[data-workspace-design=true][data-workspace-motion=reduce] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])),
html[data-workspace-design=true][data-workspace-motion=reduce] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) *,
html[data-workspace-design=true][data-workspace-motion=reduce] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) *::before,
html[data-workspace-design=true][data-workspace-motion=reduce] :is(#app-shell,.mc-privacy-lock,dialog:not(#account-sheet):not([data-signin-dialog])) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}
html[data-workspace-design=true][data-workspace-motion=reduce] :is(#app-shell,.mc-privacy-lock) :is(.mc-galaxy,.mc-logo3d,.student-board-orbit,.mc-live-wallpaper,.mc-lock-ambience,.focus-room-birds,.focus-sanctuary,.mc-orbit,.coda-flow,.mc-coda-flow) *,
html[data-workspace-design=true][data-workspace-motion=reduce] :is(.mc-live-wallpaper__layer,.mc-lock-ambience__bird,.focus-room-birds svg){animation-play-state:paused!important}
@media(forced-colors:active){html[data-workspace-design=true] :is(#app-shell,.mc-privacy-lock,dialog) .mc-button{forced-color-adjust:auto}}

}


/* Source: planner-block-time-v1.css */
/* One scroll region keeps the block editor usable on short and mobile screens. */
#planner-block-sheet[data-scrollable-block] {
  box-sizing: border-box;
  width: min(540px, calc(100% - 24px));
  max-height: min(880px, calc(100dvh - 32px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
}
#planner-block-sheet[data-scrollable-block] #planner-block-form {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0;
  min-height: 0;
  max-height: inherit;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#planner-block-sheet .planner-block-header {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--mc-line);
}
#planner-block-sheet .planner-block-header :is(h2, p) { margin: 0; }
#planner-block-sheet .planner-block-header .eyebrow { color: var(--mc-ink-secondary); }
#planner-block-sheet .planner-block-header h2 { padding-right: 22px; font-size: 28px; line-height: 1.15; letter-spacing: -.04em; }
#planner-block-sheet .planner-block-header .sheet-handle { margin: 0 auto 2px; }
#planner-block-sheet .planner-block-header .sheet-close { top: 12px; right: 12px; }
#planner-block-sheet .planner-block-body {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  min-height: 0;
  padding: 20px 24px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 16px;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
#planner-block-sheet .planner-block-body [hidden] { display: none !important; }
#planner-block-sheet .planner-block-body .mc-input { min-width: 0; }
#planner-block-sheet .planner-block-body .mc-input :is(input, select) {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  font-size: 16px;
}
#planner-block-sheet .planner-form__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
#planner-block-sheet .planner-form__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0;
  padding: 16px 24px max(16px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--mc-line);
}
#planner-block-sheet .planner-form__actions button { width: 100%; min-height: 46px; }
#planner-block-sheet .planner-form__note:empty { display: none; }
.block-time-field { display: grid; gap: 8px; min-width: 0; }
#planner-block-sheet :is(.block-clock-trigger, .block-clock-picker button) {
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--mc-line);
  border-radius: 12px;
  color: var(--mc-ink);
  background: var(--mc-surface, #fff);
  cursor: pointer;
}
#planner-block-sheet .block-clock-trigger { color: var(--mc-blue); }
.block-clock-picker { display: grid; gap: 14px; padding: 16px; border: 1px solid var(--mc-line); border-radius: 20px; background: color-mix(in srgb, var(--mc-blue) 5%, var(--mc-surface)); }
.block-clock-hint { margin: 0; color: var(--mc-ink-secondary); font-size: 13px; line-height: 1.45; text-align: center; }
.block-clock-display { display: flex; gap: 8px; justify-content: center; align-items: center; font-variant-numeric: tabular-nums; }
#planner-block-sheet .block-clock-display > button { font-size: 28px; min-width: 56px; }
.block-clock-periods { display: grid; gap: 4px; }
#planner-block-sheet .block-clock-picker button[aria-pressed=true] { color: #fff; background: #152d70; border-color: #152d70; }
.block-clock-face { position: relative; width: min(248px, 100%); aspect-ratio: 1; margin: auto; border: 1px solid var(--mc-line); border-radius: 50%; background: var(--mc-surface); touch-action: none; user-select: none; }
#planner-block-sheet .block-clock-face button.block-clock-number { position: absolute; z-index: 1; width: 44px; height: 44px; min-height: 44px; padding: 0; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: transparent; }
#planner-block-sheet .block-clock-face button.block-clock-number[aria-pressed=true] { background: #152d70; color: #fff; }
.block-clock-hand { position: absolute; bottom: 50%; left: calc(50% - 2px); width: 4px; height: 37%; border-radius: 4px; transform-origin: 50% 100%; background: #567db8; pointer-events: none; }
.block-clock-center { position: absolute; top: calc(50% - 6px); left: calc(50% - 6px); width: 12px; height: 12px; border-radius: 50%; background: #567db8; pointer-events: none; }
.block-clock-status { margin: 0; text-align: center; font-weight: 650; font-variant-numeric: tabular-nums; }
.block-clock-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#planner-block-sheet .block-clock-picker .block-clock-apply { background: #152d70; color: #fff; border-color: #152d70; }
#planner-block-sheet :is(.block-clock-trigger, .block-clock-picker button):focus-visible { outline: 3px solid var(--mc-blue, #3356b0); outline-offset: 3px; }
@media (max-width: 420px) {
  #planner-block-sheet .planner-block-header { padding: 16px; gap: 8px; }
  #planner-block-sheet .planner-block-header h2 { font-size: 25px; }
  #planner-block-sheet .planner-block-body { padding: 16px; scrollbar-gutter: auto; }
  #planner-block-sheet .planner-form__actions { padding-inline: 16px; }
  #planner-block-sheet .planner-form__grid { grid-template-columns: minmax(0, 1fr); }
  .block-clock-picker { padding: 10px; }
}
@media (max-height: 550px) {
  #planner-block-sheet[data-scrollable-block] { max-height: calc(100dvh - 16px); }
  #planner-block-sheet .planner-block-header { padding-block: 12px; }
  #planner-block-sheet .planner-block-header :is(.sheet-handle, .eyebrow, .planner-form__intro) { display: none; }
  #planner-block-sheet .planner-form__actions { padding-block: 10px; }
}
@media (forced-colors: active) {
  #planner-block-sheet .block-clock-picker button[aria-pressed=true] { background: Highlight; color: HighlightText; }
  .block-clock-hand, .block-clock-center { background: CanvasText; }
}


/* Source: focus-room-polish-v1.css */
/* A quiet surface around the existing Focus timer, tools and motion controls. */
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] {
 --focus-surface:#0c1c34;--focus-line:rgba(186,214,236,.16);--focus-muted:#aebed2;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-focus-stage {
 gap:24px;padding:24px!important;border:1px solid var(--focus-line);border-radius:30px;
 background:radial-gradient(ellipse at 14% 0,rgba(116,211,201,.08),transparent 46%),linear-gradient(150deg,rgba(5,14,30,.35),rgba(5,14,30,.7)),var(--room-tint)!important;
 box-shadow:inset 0 1px 0 #ffffff05,0 24px 70px -45px #020a1c;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-focus-intro {padding:4px 0 20px!important;text-align:center;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-focus-intro h2 {font-weight:550;letter-spacing:-.035em;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-eyebrow {color:var(--focus-muted);font-size:10px;letter-spacing:.18em;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-timer-card {
 padding:24px 20px 14px!important;border:1px solid var(--focus-line)!important;border-radius:26px!important;
 background:radial-gradient(ellipse at 50% 12%,#a7efdb0b,transparent 65%),linear-gradient(155deg,#12253b,#09172c)!important;
 box-shadow:inset 0 1px 0 #ffffff06,0 16px 30px -25px #020811!important;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-room-clock .focus-ring:not([hidden]) {
 flex:none;width:min(236px,100%)!important;height:auto!important;min-height:0!important;max-width:236px!important;aspect-ratio:1;
 display:grid!important;padding:3px!important;margin:24px auto!important;border-radius:50%!important;border:0!important;
 background:conic-gradient(from -90deg,#b5ead9 var(--focus-progress),#8da8c33b 0)!important;
 box-shadow:0 0 0 10px #b5ead904,0 0 0 11px #b5ead90a,0 14px 34px -22px #000!important;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ring.is-complete {background:#b5ead9!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ring__inner {
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px!important;width:100%!important;height:100%!important;
 border-radius:50%!important;border:1px solid #b8d8ea12!important;background:radial-gradient(circle at 50% 20%,#1b3549,#0c1c32 72%)!important;box-shadow:inset 0 1px 10px #ffffff03!important;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-room-clock .focus-clock {font-size:clamp(2.8rem,5vw,3.4rem)!important;font-weight:550!important;letter-spacing:-.055em!important;color:#f2f7fa!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-room-clock .focus-sanctuary {width:64px!important;height:64px!important;flex:none;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-state-control {background:#b5ead90c;border-color:#b5ead935;min-width:120px;font-size:.75rem;box-shadow:none;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-timer-options {width:100%;margin:8px 0 0;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-timer-options>summary {min-height:44px;color:var(--focus-muted);font-size:12px;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience {box-sizing:border-box;width:100%;margin:14px 0 0;padding:17px 16px 12px;border:1px solid var(--focus-line);border-radius:22px;background:linear-gradient(145deg,#a7cadd08,#ffffff02);box-shadow:inset 0 1px #ffffff04;}
.focus-ambience>header {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#aebed2;font-size:10px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;}
.focus-ambience-state {display:inline-flex;align-items:center;gap:6px;letter-spacing:0;text-transform:none;font-size:11px;font-weight:500;color:#c1cedd;}
.focus-ambience-state::before {content:'';width:5px;height:5px;border-radius:50%;background:#91a8c0;}
.focus-ambience[data-still=true] .focus-ambience-state {color:#b5ead9;}
.focus-ambience[data-still=true] .focus-ambience-state::before {background:#b5ead9;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .mc-scene-motion {
 display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:14px;min-height:66px;width:100%;box-sizing:border-box;
 margin:0;padding:8px 0 13px;border:0!important;border-bottom:1px solid var(--focus-line)!important;border-radius:0;background:none!important;box-shadow:none;color:#edf3f8;text-align:left;cursor:pointer;
}
.focus-motion-copy {display:grid;gap:5px;min-width:0;}
.focus-motion-copy strong {font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;}
.focus-motion-copy small {display:block;color:#aebed2;font-size:12px;font-weight:400;line-height:1.55;letter-spacing:0;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience input[type=checkbox] {
 appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 42px;width:42px!important;height:26px!important;margin:0;padding:0!important;
 border:1px solid #b9cddd55!important;border-radius:999px!important;background:#72859c38!important;box-shadow:inset 0 1px 3px #0002;cursor:pointer;
}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience input[type=checkbox]::after {content:'';position:absolute;left:3px;top:3px;width:18px!important;height:18px!important;border-radius:50%;background:#eaf1f7;box-shadow:0 1px 3px #07111f55;transform:none;transition:transform .16s ease;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience input[type=checkbox]:checked {background:#a9deca!important;border-color:#bcebdc!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience input[type=checkbox]:checked::after {transform:translateX(16px);background:#153849;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience input:disabled {cursor:default;opacity:.8;}
.focus-ambience-options {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .focus-calm-toggle {display:flex;gap:7px;min-height:44px;margin:0;color:#bccadd;font-size:12px;font-weight:450;white-space:normal;text-align:left;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .focus-calm-toggle input {flex-basis:32px;width:32px!important;height:20px!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .focus-calm-toggle input::after {top:2px;left:2px;width:14px!important;height:14px!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .focus-calm-toggle input:checked::after {transform:translateX(12px);}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience .focus-cues-toggle {display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;margin:0;padding:0 8px;color:#bccadd;border:0;background:none;font-size:12px;font-weight:450;}
.focus-ambience .focus-cues-toggle::before {content:'♪';font-size:15px;color:#b5ead9;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-ambience :is(input,button):focus-visible {outline:2px solid #c7fce0!important;outline-offset:4px;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-room {background:linear-gradient(150deg,#b9d5eb08,#0b192b66)!important;border:1px solid var(--focus-line)!important;border-radius:26px;box-shadow:inset 0 1px #ffffff05!important;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-room__tabs {background:#91a9cd12!important;border:1px solid #b4cadd12!important;padding:5px;gap:3px;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-room__tabs button {font-size:12px!important;font-weight:600;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-music-shortcuts>a {border:1px solid var(--focus-line);background:#c4dced08;box-shadow:inset 0 1px #ffffff04;border-radius:16px;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-room-coda {background:linear-gradient(150deg,#a9cde90b,#09172c70)!important;border:1px solid var(--focus-line)!important;box-shadow:none;}
html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-room-settings>summary {color:#aebed2;font-size:12px;}
@media(max-width:999px){
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .nature-focus-stage {padding:16px!important;gap:22px;}
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-room-clock .focus-ring:not([hidden]) {width:min(216px,100%)!important;margin:22px auto!important;}
}
@media(max-width:380px){
 .focus-ambience-options {gap:4px;flex-wrap:wrap;}
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .focus-timer-card {padding-inline:12px!important;}
}
@media(max-width:480px){
 html body.student-experience #app-shell#app-shell[data-simple-workspace] [data-view=focus][data-claude-focus] .mc-orbit__hint {left:12px;right:12px;bottom:62px;max-width:none;font-size:11px;line-height:1.45;}
}
@media(prefers-reduced-motion:reduce){.focus-ambience *,.focus-ambience *::after{transition:none!important;animation:none!important;}}
@media(forced-colors:active){.focus-ambience{border-color:CanvasText!important}.focus-ambience input[type=checkbox]{appearance:auto!important;forced-color-adjust:auto}.focus-ambience input[type=checkbox]::after{display:none}}