/* First use stays inside the existing solid workspace, with no overlay or motion. */
.first-run-guide {
  --first-run-action: #00d492;
  --first-run-on-action: #0c0a07;
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-block: 0 24px;
  padding: 24px;
  border: 1px solid var(--border, #554c3e);
  border-radius: 16px;
  color: var(--text, #f3f0e9);
  background: var(--card, #15120d);
  font-family: var(--font, sans-serif);
  text-align: start;
  overflow-wrap: anywhere;
}
html[data-theme="light"] .first-run-guide {
  --first-run-action: #006e4d;
  --first-run-on-action: #fffdf7;
  color: var(--text, #130f0a);
  background: var(--card, #fffdf7);
}
.first-run-guide *, .first-run-guide *::before, .first-run-guide *::after { box-sizing: border-box; }
.first-run-guide[hidden], .first-run-guide [hidden] { display: none !important; }
.first-run-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.first-run-heading > div { min-inline-size: 0; }
.first-run-eyebrow, .first-run-step { margin: 0 0 8px; color: var(--first-run-action); font-size: 12px; font-weight: 600; line-height: 1.8; }
.first-run-guide h2 { margin: 0; color: inherit; font-family: inherit; font-size: clamp(21px, 3vw, 28px); font-weight: 500; line-height: 1.5; }
.first-run-hint, .first-run-local, .first-run-feedback, .first-run-preference { color: inherit; font-size: 13px; line-height: 1.9; margin: 10px 0 0; }
.first-run-hint { max-inline-size: 64ch; }
.first-run-local { padding-block-start: 16px; margin-block-start: 20px; border-block-start: 1px solid var(--border, #554c3e); font-size: 12px; }
.first-run-body { margin-block-start: 24px; }
.first-run-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.first-run-button, .first-run-choice, .first-run-field select {
  min-block-size: 44px;
  min-inline-size: 44px;
  max-inline-size: 100%;
  border: 1px solid var(--border, #554c3e);
  border-radius: 10px;
  padding: 10px 16px;
  background: var(--card, #15120d);
  color: inherit;
  font: inherit;
  font-size: 13px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.first-run-button, .first-run-choice { cursor: pointer; }
.first-run-choice { display: flex; flex-direction: column; gap: 8px; text-align: start; padding: 18px; }
.first-run-choice strong { font-size: 17px; font-weight: 500; }
.first-run-choice span { font-size: 13px; line-height: 1.8; }
.first-run-choice[aria-pressed="true"], .first-run-source .first-run-button[aria-pressed="true"] { border-color: var(--first-run-action); box-shadow: inset 0 0 0 1px var(--first-run-action); }
.first-run-guide .first-run-primary { border-color: var(--first-run-action); background: var(--first-run-action); color: var(--first-run-on-action); font-weight: 600; }
.first-run-button:hover:not(:disabled), .first-run-choice:hover:not(:disabled) { border-color: var(--first-run-action); }
.first-run-quiet { background: transparent; }
#first-run-close { flex-shrink: 0; max-inline-size: 12rem; }
#first-run-resume { margin-block-start: 18px; }
.first-run-guide :is(button, select):focus-visible { outline: 3px solid var(--first-run-action); outline-offset: 4px; }
.first-run-guide :disabled { cursor: not-allowed; opacity: .65; }
.first-run-field { display: flex; flex-direction: column; gap: 8px; max-inline-size: 36rem; margin-block: 12px; font-size: 13px; line-height: 1.8; }
.first-run-field select { inline-size: 100%; min-inline-size: 0; }
.first-run-source, .first-run-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.first-run-actions { margin-block-start: 24px; }
.first-run-selection { margin-block: 12px; font-size: 17px; line-height: 1.8; white-space: pre-wrap; }
.first-run-feedback, .first-run-preference { border-inline-start: 2px solid var(--first-run-action); padding-inline-start: 12px; }
#first-run-retry-preference { margin-block-start: 8px; }
.first-run-guide[data-collapsed="true"] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; align-items: center; margin-block: 0 8px; padding: 0; border: 0; background: transparent; }
.first-run-guide[data-collapsed="true"] .first-run-eyebrow,
.first-run-guide[data-collapsed="true"] .first-run-heading .first-run-hint,
.first-run-guide[data-collapsed="true"] .first-run-local { display: none; }
.first-run-guide[data-collapsed="true"] h2 { font-size: 18px; }
.first-run-guide[data-collapsed="true"] #first-run-resume { margin-block-start: 0; justify-self: start; border-color: transparent; padding-inline: 0; background: transparent; }
.first-run-guide[data-collapsed="true"] :is(.first-run-feedback, .first-run-preference, #first-run-retry-preference) { grid-column: 1 / -1; }
@media (max-width: 600px) {
  .first-run-guide { padding: 18px; }
  .first-run-guide[data-collapsed="true"] { grid-template-columns: minmax(0, 1fr); }
  .first-run-heading { flex-direction: column; gap: 10px; }
  #first-run-close { align-self: flex-end; }
  .first-run-choices { grid-template-columns: minmax(0, 1fr); }
  .first-run-actions > .first-run-primary { flex: 1 1 100%; order: -1; }
  .first-run-source > .first-run-button { flex: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .first-run-guide *, .first-run-guide *::before, .first-run-guide *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .first-run-guide { backdrop-filter: none; }
}
@media (forced-colors: active) {
  .first-run-guide { color: CanvasText; background: Canvas; border-color: CanvasText; }
  .first-run-eyebrow, .first-run-step { color: CanvasText; }
  .first-run-button, .first-run-choice, .first-run-field select, .first-run-guide .first-run-primary { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  .first-run-choice[aria-pressed="true"], .first-run-source .first-run-button[aria-pressed="true"] { outline: 2px solid Highlight; box-shadow: none; }
  .first-run-guide :is(button, select):focus-visible { outline: 3px solid Highlight; }
}

/* welcome-glass */
@font-face { font-family: "Instrument Sans"; src: url("/_next/static/media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2") format("woff2"); font-style: normal; font-weight: 400 700; font-display: swap; unicode-range: U+0020-00FF, U+0102, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2039-203A, U+20AC, U+2122, U+2191, U+2193, U+2212; }
@font-face { font-family: "Instrument Serif"; src: url("/_next/static/media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/_next/static/media/99e609270109b47d-s.p.40sczeszzbjw1.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/_next/static/media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }
#first-run-root:has(.first-run-welcome[data-open="true"]) > .first-run-guide { display: none; }
.first-run-welcome {
  --welcome-ink: #0c0a07;
  --welcome-sand: #f7f5ee;
  --welcome-paper: #f3f0e9;
  --welcome-oasis: #00d492;
  --welcome-link: #176347;
  --welcome-muted: #5c5449;
  --welcome-line: #d6d2ca;
  --welcome-signal: #f05751;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  min-inline-size: 0;
  max-inline-size: 100%;
  margin-block: 0 24px;
  padding: 28px;
  border: 1px solid rgb(255 255 255 / .85);
  border-radius: 28px;
  color: var(--welcome-ink);
  background-color: var(--welcome-sand);
  background-image: linear-gradient(125deg, rgb(255 255 255 / .72), rgb(247 245 238 / .5));
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  box-shadow: inset 0 1px 0 #fff, 0 24px 54px rgb(20 55 38 / .08), 0 0 32px rgb(0 212 146 / .12);
  font-family: "Instrument Sans", "IBM Plex Sans Arabic", sans-serif;
  text-align: start;
  overflow-wrap: anywhere;
}
.first-run-welcome *, .first-run-welcome *::before, .first-run-welcome *::after { box-sizing: border-box; }
.first-run-welcome[hidden], .first-run-welcome [hidden] { display: none !important; }
.first-run-welcome-orbs { position: absolute; inset: 0; pointer-events: none; }
.first-run-welcome-orb { position: absolute; inline-size: 46%; aspect-ratio: 1; border-radius: 50%; }
.first-run-welcome-orb-mint { inset-inline-end: -12%; inset-block-start: -28%; background: radial-gradient(circle, rgb(155 200 167 / .55), transparent 68%); }
.first-run-welcome-orb-lilac { inset-inline-start: -18%; inset-block-end: -36%; background: radial-gradient(circle, rgb(200 180 232 / .4), transparent 70%); }
.first-run-welcome-body, .first-run-welcome-actions, #first-run-welcome-resume, #first-run-welcome-remove { position: relative; }
.first-run-welcome-kicker { margin: 0 0 10px; color: var(--welcome-link); font-family: "IBM Plex Mono", "IBM Plex Sans Arabic", monospace; font-size: 12px; font-weight: 500; line-height: 1.6; }
.first-run-welcome[lang="en"] .first-run-welcome-kicker { letter-spacing: .14em; text-transform: uppercase; }
.first-run-welcome h2 { margin: 0; color: var(--welcome-ink); font-family: "Instrument Serif", "IBM Plex Sans Arabic", Georgia, serif; font-size: clamp(32px, 5vw, 48px); font-weight: 400; line-height: 1.08; letter-spacing: -.03em; }
.first-run-welcome-hint, .first-run-welcome-saved, .first-run-welcome-preference { margin: 12px 0 0; color: var(--welcome-muted); font-size: 15px; line-height: 1.6; }
.first-run-welcome-step { margin: 16px 0 0; color: var(--welcome-link); font-family: "IBM Plex Mono", "IBM Plex Sans Arabic", monospace; font-size: 12px; line-height: 1.6; }
.first-run-welcome-paths, .first-run-welcome-source { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-block-start: 22px; }
.first-run-welcome-source { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.first-run-welcome-choice, .first-run-welcome-quiet, .first-run-welcome-primary, .first-run-welcome-link, .first-run-welcome-input {
  min-block-size: 44px;
  min-inline-size: 44px;
  max-inline-size: 100%;
  border-radius: 16px;
  font: inherit;
  line-height: 1.4;
}
.first-run-welcome-choice {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  padding: 18px;
  border: 1px solid var(--welcome-line);
  background: var(--welcome-paper);
  color: var(--welcome-ink);
  text-align: start;
  cursor: pointer;
}
.first-run-welcome-choice[data-path="student"] { background: #e5d9ed; border-color: #c8b4e8; }
.first-run-welcome-choice[data-path="freelancer"] { background: #ffdcbd; border-color: #d7ac78; }
.first-run-welcome-choice[data-path="studio"] { background: #deead2; border-color: #9bc8a7; }
.first-run-welcome-choice strong { font-family: "Instrument Serif", "IBM Plex Sans Arabic", Georgia, serif; font-size: 26px; font-weight: 400; line-height: 1.15; }
.first-run-welcome-choice span { color: var(--welcome-ink); font-size: 14px; line-height: 1.5; }
.first-run-welcome-choice[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--welcome-ink); }
.first-run-welcome-action, .first-run-welcome-account { margin-block-start: 22px; }
.first-run-welcome-optional { margin-block-start: 16px; border-block-start: 1px solid var(--welcome-line); }
.first-run-welcome-optional > summary { min-block-size: 44px; padding-block: 12px; color: var(--welcome-link); cursor: pointer; font-size: 14px; }
.first-run-welcome-optional > summary:focus-visible { outline: 3px solid var(--welcome-link); outline-offset: 3px; }
.first-run-welcome-local { margin-block: 12px 0; color: var(--welcome-muted); font-size: 12px; line-height: 1.6; }
.first-run-welcome[data-task-first="true"] .first-run-welcome-primary { min-block-size: 48px; }
.first-run-welcome[data-task-first="true"] #first-run-welcome-primary:has(~ *) { flex-shrink: 0; }
.first-run-welcome-field { display: flex; flex-direction: column; gap: 8px; max-inline-size: 36rem; margin-block: 12px; color: var(--welcome-ink); font-size: 14px; }
.first-run-welcome-field-hint { display: block; max-inline-size: 36rem; margin-block: -4px 12px; color: var(--welcome-muted); font-size: 12px; line-height: 1.6; }
.first-run-welcome-input {
  inline-size: 100%;
  padding: 10px 14px;
  border: 1px solid var(--welcome-line);
  border-radius: 12px;
  background: var(--welcome-paper);
  color: var(--welcome-ink);
}
.first-run-welcome-kind, .first-run-welcome-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.first-run-welcome-actions { margin-block-start: 22px; }
.first-run-welcome-quiet, .first-run-welcome-link {
  padding: 10px 16px;
  border: 1px solid var(--welcome-line);
  background: var(--welcome-paper);
  color: var(--welcome-link);
  cursor: pointer;
}
.first-run-welcome-link { border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 4px; }
.first-run-welcome-primary {
  padding: 10px 18px;
  border: 1px solid rgb(255 255 255 / .52);
  background-color: var(--welcome-oasis);
  background-image: linear-gradient(135deg, #36e7b2, #00d492);
  color: var(--welcome-ink);
  font-weight: 600;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 8px 24px rgb(0 182 125 / .16);
}
.first-run-welcome-feedback { margin: 14px 0 0; color: var(--welcome-ink); font-size: 14px; line-height: 1.6; }
.first-run-welcome-error { border-inline-start: 3px solid var(--welcome-signal); padding-inline-start: 12px; }
#first-run-welcome-remove { margin-block-start: 12px; }
.first-run-welcome :is(button, input):focus-visible { outline: 3px solid var(--welcome-link); outline-offset: 3px; }
.first-run-welcome :disabled { cursor: not-allowed; }
/* Dark glass follows the app. The sand rules above stay for light mode. */
html[data-theme="dark"] .first-run-welcome {
  --welcome-ink: var(--text, #f6f0e5);
  --welcome-sand: var(--card, #1b1812);
  --welcome-paper: var(--elevated, #2d2a20);
  --welcome-link: var(--green, #9bc8a7);
  --welcome-muted: var(--muted, #b8afa0);
  --welcome-line: var(--border, #40392e);
  color: var(--welcome-ink);
  background-color: var(--card, #1b1812);
  background-image: var(--polish-dialog-sheen, linear-gradient(180deg, var(--polish-card-crown, #242018), var(--card, #1b1812) 96px));
  border-color: var(--polish-line, #494034);
  box-shadow: var(--polish-raised-shadow, 0 24px 64px rgb(12 10 7 / 38%));
}
html[data-theme="dark"] .first-run-welcome-orb-mint { background: radial-gradient(circle, rgb(169 210 180 / .16), transparent 68%); }
html[data-theme="dark"] .first-run-welcome-orb-lilac { background: radial-gradient(circle, rgb(200 183 220 / .14), transparent 70%); }
html[data-theme="dark"] .first-run-welcome-choice[data-path="student"] { background: var(--polish-violet-surface, #2a2532); border-color: var(--polish-violet, #c8b7dc); }
html[data-theme="dark"] .first-run-welcome-choice[data-path="freelancer"] { background: var(--polish-amber-surface, #32291d); border-color: var(--polish-amber, #e1bc8d); }
html[data-theme="dark"] .first-run-welcome-choice[data-path="studio"] { background: var(--polish-mint-surface, #213027); border-color: var(--polish-mint, #a9d2b4); }
html[data-theme="dark"] .first-run-welcome-primary { color: #0c0a07; }
@media (max-width: 600px) {
  .first-run-welcome { padding: 18px; border-radius: 22px; }
  .first-run-welcome-paths, .first-run-welcome-source { grid-template-columns: minmax(0, 1fr); }
  .first-run-welcome-actions > .first-run-welcome-primary { flex: 1 1 100%; order: -1; }
}
@media (prefers-reduced-motion: reduce) {
  .first-run-welcome, .first-run-welcome *, .first-run-welcome *::before, .first-run-welcome *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .first-run-welcome { backdrop-filter: none; -webkit-backdrop-filter: none; background-image: none; background-color: #f7f5ee; }
  .first-run-welcome-orb { display: none; }
  .first-run-welcome-primary { background-image: none; background-color: #00d492; }
  html[data-theme="dark"] .first-run-welcome { background-color: var(--card, #1b1812); background-image: none; }
}
@media (forced-colors: active) {
  .first-run-welcome { color: CanvasText; background: Canvas; background-image: none; border-color: CanvasText; box-shadow: none; }
  .first-run-welcome-kicker, .first-run-welcome-step, .first-run-welcome-hint, .first-run-welcome-choice, .first-run-welcome-choice span, .first-run-welcome-quiet, .first-run-welcome-link { color: CanvasText; background: Canvas; border-color: CanvasText; }
  .first-run-welcome-primary, .first-run-welcome-input { background: ButtonFace; background-image: none; color: ButtonText; border-color: ButtonText; }
  .first-run-welcome-error { border-color: CanvasText; }
  .first-run-welcome :is(button, input):focus-visible { outline: 3px solid Highlight; }
  html[data-theme="dark"] .first-run-welcome,
  html[data-theme="dark"] .first-run-welcome-choice,
  html[data-theme="dark"] .first-run-welcome-quiet,
  html[data-theme="dark"] .first-run-welcome-link,
  html[data-theme="dark"] .first-run-welcome-input,
  html[data-theme="dark"] .first-run-welcome-primary { color: CanvasText; background: Canvas; background-image: none; border-color: CanvasText; box-shadow: none; }
  html[data-theme="dark"] .first-run-welcome-primary,
  html[data-theme="dark"] .first-run-welcome-input { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  html[data-theme="dark"] .first-run-welcome :is(button, input):focus-visible { outline: 3px solid Highlight; }
}

/* Task-first entry shares the Today content grid and uses the workspace type. */
#panel-home > #first-run-root { grid-column: 1 / -1; min-inline-size: 0; margin: 0; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] {
  --welcome-ink: var(--text);
  --welcome-muted: var(--muted);
  --welcome-link: var(--green);
  --welcome-line: var(--border);
  inline-size: 100%; max-inline-size: none;
  margin: 0; padding: clamp(24px, 3vw, 40px);
  border: 1px solid var(--border); border-radius: 20px;
  background: var(--card); background-image: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: 0 8px 24px rgb(0 0 0 / .08);
  color: var(--text); font-family: var(--font);
}
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-orbs { display: none; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] h2 {
  max-inline-size: 42rem; font-family: var(--font); font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 600; line-height: 1.4; letter-spacing: 0; text-wrap: balance;
}
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-kicker {
  margin-block-end: 14px; font-family: var(--font); font-size: 13px; line-height: 1.5;
  letter-spacing: 0; text-transform: none; color: var(--muted);
}
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-hint { margin-block: 10px 28px; max-inline-size: 38rem; font-size: 15px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-action { margin: 0; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-field { max-inline-size: 42rem; margin: 0; gap: 10px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-input { min-block-size: 52px; padding: 12px 14px; border-radius: 10px; background: var(--input); color: var(--text); border-color: var(--border); font: inherit; font-size: 16px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-actions { margin-block-start: 20px; gap: 12px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-primary { min-block-size: 48px; padding-inline: 24px; border-radius: 10px; background: #00d492; background-image: none; box-shadow: none; color: #0c0a07; font-size: 15px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-quiet { border-color: transparent; background: transparent; padding-inline: 10px; color: var(--muted); font-size: 14px; }
#panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-local { margin-block-start: 20px; max-inline-size: 42rem; font-size: 12px; }
@media (max-width: 600px) {
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] { padding: 24px 20px; border-radius: 16px; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] h2 { font-size: 26px; line-height: 1.5; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-hint { font-size: 14px; margin-block-end: 24px; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] .first-run-welcome-actions { align-items: stretch; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] #first-run-welcome-skip { flex: 1 1 100%; }
}
@media (forced-colors: active) {
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] :is(.first-run-welcome-input,.first-run-welcome-primary) { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  #panel-home > #first-run-root .first-run-welcome[data-task-first="true"] :is(.first-run-welcome-hint,.first-run-welcome-kicker,.first-run-welcome-local,.first-run-welcome-quiet) { color: CanvasText; }
}
#panel-home > #first-run-root .first-run-welcome-saved-task { max-inline-size: 42rem; margin-block: 8px 24px; color: var(--text); font-size: 18px; font-weight: 600; line-height: 1.6; overflow-wrap: anywhere; }