/* Account shell, guest gate, and chat chrome shared across Opsagon pages. */
:root {
  --opsagon-auth-ink: #14202b;
  --opsagon-auth-muted: #5b6b7a;
  --opsagon-auth-line: rgba(20, 32, 43, 0.12);
  --opsagon-auth-panel: #ffffff;
  --opsagon-auth-bg: #f3f6f8;
  --opsagon-auth-accent: #0f6b5c;
  --opsagon-auth-danger: #a12828;
}

html[data-theme="dark"] {
  --opsagon-auth-ink: #e8eef4;
  --opsagon-auth-muted: #9aacbb;
  --opsagon-auth-line: rgba(232, 238, 244, 0.14);
  --opsagon-auth-panel: #121a22;
  --opsagon-auth-bg: #0b1117;
  --opsagon-auth-accent: #3ecf8e;
  --opsagon-auth-danger: #ff7b7b;
}

.opsagon-account-slot {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-inline-end: 6px;
}

.opsagon-account-link {
  color: inherit;
  text-decoration: none;
  font: 600 13px/1.2 ui-sans-serif, system-ui, sans-serif;
  opacity: 0.88;
  padding: 6px 8px;
  border-radius: 6px;
}

.opsagon-account-link:hover,
.opsagon-account-link:focus-visible {
  opacity: 1;
  outline: 2px solid var(--opsagon-auth-accent);
  outline-offset: 2px;
}

body.opsagon-gate-open { overflow: hidden; }

#opsagon-gate {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px;
}

#opsagon-gate[hidden] { display: none; }

.opsagon-gate-scrim {
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 16, 0.55);
}

.opsagon-gate-panel {
  position: relative;
  width: min(440px, 100%);
  background: var(--opsagon-auth-panel);
  color: var(--opsagon-auth-ink);
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 16px;
  padding: 28px 24px 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.opsagon-gate-kicker {
  margin: 0 0 8px;
  font: 650 11px/1.2 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--opsagon-auth-accent);
}

.opsagon-gate-panel h2 {
  margin: 0 0 10px;
  font: 700 1.35rem/1.25 ui-sans-serif, system-ui, sans-serif;
}

.opsagon-gate-copy {
  margin: 0 0 18px;
  color: var(--opsagon-auth-muted);
  font: 400 0.95rem/1.5 ui-sans-serif, system-ui, sans-serif;
}

.opsagon-gate-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 8px;
}

.opsagon-gate-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid var(--opsagon-auth-line);
  color: inherit;
  text-decoration: none;
  font: 650 0.92rem/1 ui-sans-serif, system-ui, sans-serif;
}

.opsagon-gate-btn.primary {
  background: var(--opsagon-auth-accent);
  border-color: transparent;
  color: #04140f;
}

.opsagon-gate-close {
  margin-top: 8px;
  background: transparent;
  border: 0;
  color: var(--opsagon-auth-muted);
  cursor: pointer;
  font: 500 0.85rem/1.4 ui-sans-serif, system-ui, sans-serif;
}

.opsagon-auth-page {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(15, 107, 92, 0.16), transparent 60%),
    radial-gradient(900px 420px at 100% 0%, rgba(20, 32, 43, 0.08), transparent 55%),
    var(--opsagon-auth-bg);
  color: var(--opsagon-auth-ink);
  font: 400 16px/1.5 "IBM Plex Sans", "Segoe UI", sans-serif;
}

.opsagon-auth-shell {
  width: min(960px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 64px;
}

.opsagon-auth-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
}

.opsagon-auth-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.opsagon-auth-brand img { width: 40px; height: 40px; }
html[data-theme="dark"] .opsagon-auth-brand img { filter: invert(1); }

.opsagon-auth-card {
  background: var(--opsagon-auth-panel);
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 18px;
  padding: 28px;
  max-width: 440px;
}

.opsagon-auth-card h1 {
  margin: 0 0 8px;
  font: 700 1.6rem/1.2 "IBM Plex Sans", sans-serif;
  letter-spacing: -0.03em;
}

.opsagon-auth-card .lede {
  margin: 0 0 20px;
  color: var(--opsagon-auth-muted);
}

.opsagon-auth-form {
  display: grid;
  gap: 14px;
}

.opsagon-auth-form[hidden],
#profileBox[hidden],
#opsagon-gate[hidden],
[hidden] {
  display: none !important;
}

.opsagon-auth-form label {
  display: grid;
  gap: 6px;
  font: 600 0.86rem/1.2 ui-sans-serif, system-ui, sans-serif;
}

.opsagon-auth-form input,
.opsagon-auth-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  padding: 11px 12px;
  font: inherit;
}

.opsagon-auth-form button,
.opsagon-auth-btn {
  appearance: none;
  border: 0;
  border-radius: 10px;
  min-height: 44px;
  padding: 0 16px;
  background: var(--opsagon-auth-accent);
  color: #04140f;
  font: 700 0.95rem/1 ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
}

.opsagon-auth-form button[disabled] { opacity: 0.6; cursor: wait; }

.opsagon-auth-status {
  min-height: 1.3em;
  margin: 0;
  color: var(--opsagon-auth-muted);
  font-size: 0.92rem;
}

.opsagon-auth-status.error { color: var(--opsagon-auth-danger); }
.opsagon-auth-status.ok { color: var(--opsagon-auth-accent); }

.opsagon-auth-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.opsagon-auth-links a {
  color: var(--opsagon-auth-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.92rem;
}

.opsagon-auth-banner {
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--opsagon-auth-line);
  background: rgba(15, 107, 92, 0.08);
  color: var(--opsagon-auth-muted);
  font-size: 0.9rem;
}

.opsagon-chat-layout {
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 0;
  min-height: calc(100vh - 120px);
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 16px;
  overflow: hidden;
  background: var(--opsagon-auth-panel);
}

.opsagon-chat-sidebar {
  border-inline-end: 1px solid var(--opsagon-auth-line);
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

.opsagon-chat-sidebar header,
.opsagon-chat-thread header {
  padding: 14px 16px;
  border-bottom: 1px solid var(--opsagon-auth-line);
}

.opsagon-chat-sidebar input {
  margin: 12px 16px;
  width: calc(100% - 32px);
  box-sizing: border-box;
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  padding: 10px 12px;
}

.opsagon-chat-list,
.opsagon-chat-search-results {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  flex: 1;
}

.opsagon-chat-list li button,
.opsagon-chat-search-results li button {
  width: 100%;
  text-align: start;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid var(--opsagon-auth-line);
  font: inherit;
}

.opsagon-chat-list li button:hover,
.opsagon-chat-list li button.active {
  background: rgba(15, 107, 92, 0.08);
}

.opsagon-chat-thread {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.opsagon-chat-messages {
  flex: 1;
  overflow: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.opsagon-chat-bubble {
  max-width: min(70%, 520px);
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(15, 107, 92, 0.1);
  white-space: pre-wrap;
  word-break: break-word;
}

.opsagon-chat-bubble.mine {
  align-self: end;
  background: rgba(15, 107, 92, 0.22);
}

.opsagon-chat-bubble .meta {
  display: block;
  margin-top: 6px;
  font-size: 0.75rem;
  color: var(--opsagon-auth-muted);
}

.opsagon-chat-compose {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid var(--opsagon-auth-line);
}

.opsagon-chat-compose textarea {
  resize: vertical;
  min-height: 44px;
  max-height: 140px;
  border: 1px solid var(--opsagon-auth-line);
  border-radius: 10px;
  background: transparent;
  color: inherit;
  padding: 10px 12px;
  font: inherit;
}

.opsagon-unread {
  display: inline-flex;
  min-width: 1.4em;
  justify-content: center;
  margin-inline-start: 8px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--opsagon-auth-accent);
  color: #04140f;
  font: 700 0.72rem/1.4 ui-sans-serif, system-ui, sans-serif;
}

@media (max-width: 780px) {
  .opsagon-chat-layout {
    grid-template-columns: 1fr;
  }
  .opsagon-chat-sidebar { min-height: 240px; }
}

/* STELLAR Help — recorded answers, familiar navigation, light and dark themes. */
:root{--help-bg:#fff;--help-ink:#18252d;--help-muted:#687981;--help-line:#e1e8eb;--help-soft:#f5f8f9;--help-accent:#087c80;--help-shadow:rgba(16,29,35,.16)}
html[data-theme="dark"]{--help-bg:#111719;--help-ink:#edf2f3;--help-muted:#98a8b0;--help-line:#2b383e;--help-soft:#192226;--help-accent:#76d4ca;--help-shadow:rgba(0,0,0,.4)}
#stellar-help-fab{position:fixed;right:24px;bottom:24px;z-index:11000;display:flex;align-items:center;gap:9px;background:var(--help-bg);color:var(--help-ink);border:1px solid var(--help-line);border-radius:28px;padding:13px 20px;box-shadow:0 8px 30px var(--help-shadow);font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}#stellar-help-fab svg{color:var(--help-accent)}
#stellar-help-panel{position:fixed;inset:12px 12px 12px auto;width:min(480px,calc(100vw - 24px));height:calc(100dvh - 24px);display:flex;flex-direction:column;z-index:11010;isolation:isolate;background:var(--help-bg);color:var(--help-ink);border:1px solid var(--help-line);border-radius:22px;box-shadow:-16px 12px 65px var(--help-shadow);overflow:hidden;outline:0;font:400 14px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#stellar-help-panel.help-wide{width:min(760px,calc(100vw - 24px))}#stellar-help-panel[hidden],#stellar-help-panel [hidden]{display:none!important}#stellar-help-panel *{box-sizing:border-box}#stellar-help-panel button,#stellar-help-panel input,#stellar-help-panel select{font:inherit;color:inherit}#stellar-help-panel button{cursor:pointer}#stellar-help-panel button:focus-visible,#stellar-help-panel a:focus-visible,#stellar-help-panel input:focus-visible,#stellar-help-panel select:focus-visible,#stellar-help-fab:focus-visible{outline:2px solid var(--help-accent);outline-offset:3px}
.help-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px;gap:12px}.help-brand{display:flex;gap:12px;align-items:center}.help-brand>svg{width:28px;height:28px;color:var(--help-accent)}.help-brand strong{display:block;font-size:19px;font-weight:650;letter-spacing:-.03em}.help-brand span{display:block;font-size:11px;color:var(--help-muted)}.help-actions{display:flex;gap:4px}.help-actions button{display:grid;place-items:center;width:32px;height:32px;border:0;background:none;border-radius:8px;color:var(--help-muted)!important}.help-actions button:hover{background:var(--help-soft)}
.help-context{margin:0 22px 14px;border:1px solid var(--help-line);background:var(--help-soft);border-radius:12px;padding:11px 13px}.help-context>span{display:block;color:var(--help-accent);font-size:10px;margin-bottom:2px}.help-context strong{display:block;font-size:12px;line-height:1.6;font-weight:550}.help-context small{display:block;font-size:10px;color:var(--help-muted)}
.help-controls{padding:0 22px 14px;border-bottom:1px solid var(--help-line);display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.help-controls>label{font-size:11px;color:var(--help-muted)}#help-track{border:1px solid var(--help-line);border-radius:9px;padding:7px 10px;background:var(--help-bg);min-width:0;font-size:12px!important}#help-search{grid-column:1/-1;width:100%;border:1px solid var(--help-line);border-radius:11px;background:var(--help-soft);padding:10px 12px;font-size:12px!important;outline:none}#help-search::placeholder{color:var(--help-muted)}
.help-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px 24px;scrollbar-width:thin;scrollbar-color:var(--help-line) transparent}.help-body h2{font-family:inherit;font-size:24px;line-height:1.4;font-weight:600;letter-spacing:-.035em;margin:0 0 7px;color:var(--help-ink)}.help-muted{font-size:12px;color:var(--help-muted);margin:0 0 18px}.help-group{font-family:inherit;font-size:10px;font-weight:600;color:var(--help-muted);margin:21px 0 9px;letter-spacing:.02em}.help-group:first-child{margin-top:4px}.help-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;text-align:start;border:1px solid var(--help-line);border-radius:12px;background:var(--help-bg);padding:12px 13px;margin-bottom:8px;font-size:12px!important;line-height:1.65!important}.help-question>span:last-child{color:var(--help-accent);flex-shrink:0}.help-question:hover{background:var(--help-soft);border-color:var(--help-accent)}#help-empty{font-size:12px;color:var(--help-muted);direction:rtl}
#help-back{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--help-muted)!important;padding:0 0 18px;font-size:11px!important}#help-back svg{width:15px;height:15px}#help-answer-title{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.03em}#help-answer-source{display:grid;gap:5px;color:var(--help-muted);font-size:10px;line-height:1.7;margin:12px 0 21px;padding-bottom:14px;border-bottom:1px solid var(--help-line)}#help-answer-source:empty{display:none}#stellar-help-panel a{color:var(--help-accent);text-decoration:none}#stellar-help-panel a:hover{text-decoration:underline}#help-copy{background:var(--help-soft);border:1px solid var(--help-line);border-radius:9px;padding:7px 13px;font-size:11px!important;margin-top:17px}
.help-markdown{font-size:14px;line-height:1.95;overflow-wrap:anywhere}.help-markdown p{margin:0 0 15px}.help-markdown h3{font-family:inherit;font-size:16px;line-height:1.6;margin:18px 0 10px;font-weight:600}.help-markdown ul{padding-inline-start:22px;margin:10px 0 18px}.help-markdown li{margin:6px 0}.help-markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;direction:ltr;unicode-bidi:isolate;background:var(--help-soft);border-radius:4px;padding:2px 5px}.help-code{direction:ltr;background:var(--help-soft);border:1px solid var(--help-line);border-radius:11px;overflow:hidden;margin:15px 0}.help-code-head{display:flex;justify-content:space-between;padding:6px 11px;color:var(--help-muted);font-size:10px;border-bottom:1px solid var(--help-line)}.help-code-head button{border:0;background:none;font-size:10px!important}.help-code pre{margin:0;padding:13px;overflow:auto;max-height:320px;line-height:1.6;text-align:left}.help-code code{background:none;padding:0;font-size:11px;white-space:pre}.help-table{overflow:auto;margin:15px 0}.help-table table{border-collapse:collapse;width:100%;font-size:11px}.help-table th,.help-table td{text-align:start;padding:8px 10px;border:1px solid var(--help-line);vertical-align:top}.help-table th{background:var(--help-soft)}
#help-selection{margin:0 20px 8px;padding:10px 12px;border:1px solid var(--help-line);border-radius:12px;background:var(--help-soft)}#help-selection>div{display:flex;align-items:center;justify-content:space-between}#help-selection strong{font-size:10px;color:var(--help-accent);font-weight:550}#help-selection-clear{display:flex;border:0;background:none;padding:2px}#help-selection-clear svg{width:13px;height:13px}#help-selection blockquote{padding-inline-start:9px;border-inline-start:2px solid var(--help-accent);font-size:11px;line-height:1.7;max-height:75px;overflow:auto;margin:6px 0 9px;white-space:pre-wrap}#help-selection-show{border:1px solid var(--help-line);border-radius:8px;background:var(--help-bg);font-size:10px!important;padding:5px 9px;color:var(--help-accent)!important}.help-footer{font-size:10px;color:var(--help-muted);text-align:center;border-top:1px solid var(--help-line);padding:11px 18px}.help-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){#stellar-help-panel,#stellar-help-panel.help-wide{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.help-header{padding:15px 18px 12px}.help-context{margin-inline:18px}.help-controls,.help-body{padding-inline:18px}#help-expand{display:none}#stellar-help-fab{right:16px;bottom:18px}.help-footer{padding-bottom:max(11px,env(safe-area-inset-bottom))}}
@media(max-height:650px){.help-context{margin-bottom:9px;padding:7px 10px}.help-header{padding-top:12px;padding-bottom:10px}.help-controls{padding-bottom:9px}#help-selection blockquote{max-height:45px}}

/* Reference-derived vector identity; provider names, routes and sessions stay unchanged. */
:root { --stellar-teal: #077f85; --stellar-ink: #111820; }
html[data-theme="dark"] { --stellar-teal: #64cbbf; --stellar-ink: #edf3f6; }
.stellar-symbol { display: block; flex: none; width: 43px; height: 43px; color: var(--stellar-teal); }
.stellar-wordmark { display: block; width: 157px; height: auto; aspect-ratio: 393 / 39; overflow: visible; color: var(--stellar-ink); }
.stellar-wordmark-wrap { display: inline-flex; align-items: center; line-height: 1; }
.brand, .opsagon-auth-brand { gap: 13px; }
.topbar .brand { gap: 11px; }
.topbar .brand-mark { display: flex; align-items: center; filter: none; }
.topbar .stellar-symbol { width: 37px; height: 37px; }
.topbar .stellar-wordmark { width: 134px; }
.topbar .brand-text strong { display: flex; min-height: 19px; }
.topbar .brand-text em { margin-top: 4px; font-size: 10px; letter-spacing: .025em; }
.opsagon-auth-brand .stellar-symbol { width: 42px; height: 42px; }
.opsagon-auth-brand .stellar-wordmark { width: 150px; }
.site-footer .stellar-symbol { width: 36px; height: 36px; }
.site-footer .stellar-wordmark { width: 142px; }
.hero-identity .hero-mark { width: 81%; max-width: 320px; margin: 0; }
.hero-identity .stellar-hero-symbol { width: 100%; height: auto; aspect-ratio: 450 / 435; }
.hero-identity .stellar-hero-name { width: 87%; max-width: 365px; margin: 29px 0 25px; }
.hero-identity .stellar-hero-name .stellar-wordmark { width: 100%; height: auto; }
.hero-identity .identity-signature { margin-top: 0; font-size: 12px; letter-spacing: .1em; }
.closing-inner > .stellar-symbol { width: 230px; height: auto; aspect-ratio: 450 / 435; }
@media (max-width: 900px) {
  .site-header .brand { gap: 9px; }
  .site-header .stellar-symbol { width: 36px; height: 36px; }
  .site-header .stellar-wordmark { width: 129px; }
}
@media (max-width: 600px) {
  .site-header .stellar-symbol { width: 33px; height: 33px; }
  .site-header .stellar-wordmark { width: 112px; }
  .topbar .stellar-symbol { width: 32px; height: 32px; }
  .topbar .stellar-wordmark { width: 113px; }
  .hero-identity .hero-mark { width: 76%; max-width: 250px; }
  .hero-identity .stellar-hero-name { max-width: 290px; margin-top: 24px; }
  .hero-identity .identity-signature { font-size: 10px; }
  .closing-inner > .stellar-symbol { width: 160px; }
}

/* Starfield and responsive light counterpart are scoped to the homepage. */
body.stellar-space-home { position: relative; isolation: isolate; background: #eaf0f7; }
.stellar-space-home::before,
.stellar-space-home::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1; }
.stellar-space-home::before {
  background: url('/shared/stellar-stars-light.jpg') center top / cover no-repeat;
  filter: none; opacity: 1;
}
.stellar-space-home::after { background: linear-gradient(90deg,rgba(247,249,252,.80),rgba(247,249,252,.46) 35%,rgba(247,249,252,0) 72%), linear-gradient(0deg,rgba(247,249,252,.92),rgba(247,249,252,.62) 25%,rgba(247,249,252,.08) 65%); }
html[data-theme="dark"] body.stellar-space-home { background: #03070b; }
html[data-theme="dark"] .stellar-space-home::before { background-image: url('/shared/stellar-stars.jpg'); filter: none; opacity: .88; }
html[data-theme="dark"] .stellar-space-home::after { background: linear-gradient(90deg,rgba(3,7,11,.90),rgba(3,7,11,.73) 35%,rgba(3,7,11,.10) 73%,rgba(3,7,11,.18)); }
.stellar-space-home .site-header { background: rgba(249,251,253,.86); backdrop-filter: blur(14px); }
html[data-theme="dark"] .stellar-space-home .site-header { background: rgba(3,7,11,.69); }
.stellar-space-home .hero { min-height: 610px; }
.stellar-space-home .hero-identity .hero-mark { width: 120%; max-width: 500px; margin: -28px 0 -32px; }
.stellar-space-home .hero-identity .stellar-hero-symbol { width: 100%; aspect-ratio: 1; overflow: visible; }
.stellar-space-home .hero-identity .stellar-hero-name { margin: 5px 0 24px; }
.stellar-orbit-core { filter: drop-shadow(0 5px 15px rgba(3,10,24,.14)); }
html[data-theme="dark"] .stellar-orbit-core { filter: drop-shadow(0 0 11px rgba(124,165,230,.12)); }
.stellar-engine { opacity: 0; }
.stellar-orbit-active .stellar-engine { opacity: .5; animation: stellar-engine-pulse .75s ease-in-out infinite alternate; }
@keyframes stellar-engine-pulse { from { opacity: .2; } to { opacity: .62; } }
.stellar-motion-paused .stellar-engine { animation-play-state: paused; opacity: 0; }
@media (prefers-reduced-motion: reduce) { .stellar-engine { animation: none !important; opacity: 0 !important; } }
@media (max-width: 900px) {
  .stellar-space-home .hero { gap: 24px; }
  .stellar-space-home .hero-identity .hero-mark { width: 106%; }
}
@media (max-width: 620px) {
  .stellar-space-home .hero { padding-top: 38px; padding-bottom: 34px; }
  .stellar-space-home .hero-identity .hero-mark { max-width: 340px; margin-top: -9px; }
  .stellar-space-home .hero-identity .stellar-hero-name { margin-top: 2px; }
  .stellar-space-home::before { background-position: 65% top; }
  .stellar-space-home::after { background: linear-gradient(180deg,rgba(247,249,252,.72),rgba(247,249,252,.64) 42%,rgba(247,249,252,.14) 66%,rgba(247,249,252,.75)); }
  html[data-theme="dark"] .stellar-space-home::after { background: rgba(3,7,11,.47); }
}
@media (max-width: 620px) {
  .stellar-space-home .site-header .opsagon-account-slot { display: none; }
  .stellar-space-home .header-inner { gap: 10px; }
  .stellar-space-home .theme-toggle { margin-left: auto; width: 34px; min-height: 34px; padding: 7px; }
  .stellar-space-home .theme-toggle > span { display: none; }
  .stellar-space-home .menu-button { flex: none; width: 34px; height: 34px; margin-left: 0; }
  html[data-theme="dark"] .stellar-space-home::after { background: rgba(3,7,11,.65); }
}

/* STELLAR student workspace. Shared navigation, profiles and direct messages. */
:root {
  --student-bg: #f4f6f8;
  --student-surface: #fff;
  --student-soft: #f5f8f9;
  --student-ink: #192a35;
  --student-muted: #667985;
  --student-line: #dfe7eb;
  --student-accent: #087d82;
  --student-accent-ink: #fff;
  --student-tint: #e9f5f3;
  --student-bubble: #e0f2ee;
  --student-shadow: 0 12px 40px #1b394507;
  --student-danger: #b23b42;
  --student-header: #ffffffed;
}
html[data-theme="dark"] {
  --student-bg: #0c131b;
  --student-surface: #131e28;
  --student-soft: #182631;
  --student-ink: #ecf2f5;
  --student-muted: #9bafbd;
  --student-line: #283844;
  --student-accent: #66d1c5;
  --student-accent-ink: #09272a;
  --student-tint: #183b3e;
  --student-bubble: #214847;
  --student-shadow: 0 12px 40px #00000014;
  --student-danger: #ff9b9f;
  --student-header: #101923ed;
}
.student-page {
  margin: 0;
  background: var(--student-bg);
  color: var(--student-ink);
  font:
    400 15px/1.55 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
.student-page *,
.student-header *,
.student-header-tools * {
  box-sizing: border-box;
}
.student-page h1,
.student-page h2,
.student-page h3,
.student-page p {
  margin-top: 0;
}
.student-page h1 {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 8px;
  font-weight: 650;
}
.student-page h2 {
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: -0.45px;
  font-weight: 650;
  margin-bottom: 8px;
}
.student-page h3 {
  font-size: 16px;
  font-weight: 650;
  line-height: 1.4;
  margin-bottom: 8px;
}
.student-page button,
.student-page input,
.student-page textarea {
  font: inherit;
}
.student-page button {
  cursor: pointer;
}
.student-page button:disabled {
  cursor: default;
  opacity: 0.5;
}
.student-page a {
  color: inherit;
  text-decoration: none;
}
.student-page :is(button, a, input, textarea, summary):focus-visible,
.student-header-tools :is(button, a, summary):focus-visible {
  outline: 2px solid var(--student-accent);
  outline-offset: 3px;
}
.student-page [hidden] {
  display: none !important;
}
.student-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: none;
}
.student-skip {
  position: fixed;
  left: 18px;
  top: -80px;
  z-index: 20000;
  padding: 12px 18px;
  background: var(--student-surface);
  border: 1px solid var(--student-accent);
  border-radius: 8px;
}
.student-skip:focus {
  top: 12px;
}
.student-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.student-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--student-header);
  border-bottom: 1px solid var(--student-line);
  backdrop-filter: blur(18px);
}
.student-header-inner {
  height: 78px;
  max-width: 1440px;
  padding: 0 40px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.student-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: none;
  color: var(--student-ink);
  text-decoration: none;
}
.student-brand .stellar-symbol {
  width: 42px;
  height: 42px;
  flex: none;
}
.student-brand .stellar-wordmark {
  width: 166px;
  height: 24px;
  color: inherit;
  flex: none;
}
.student-nav {
  display: flex;
  align-self: stretch;
  gap: 26px;
  align-items: stretch;
}
.student-nav a {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  color: var(--student-muted);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.student-nav .student-icon {
  width: 18px;
  height: 18px;
}
.student-nav a:hover,
.student-nav a[aria-current] {
  color: var(--student-accent);
}
.student-nav a[aria-current]:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 3px;
  border-radius: 2px 2px 0 0;
  left: 0;
  right: 0;
  background: var(--student-accent);
}
.student-header-tools,
[data-student-account] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--student-ink);
  font:
    500 13px/1.4 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  flex: none;
}
.student-injected {
  margin-inline-start: auto;
}
.student-icon-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: none;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 8px;
  text-decoration: none;
}
.student-icon-button:hover {
  background: var(--student-soft);
  border-color: var(--student-line);
}
.student-signin {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
  padding: 9px 12px;
  border: 1px solid var(--student-line);
  border-radius: 9px;
}
.student-message-shortcut {
  position: relative;
}
.student-inbox-count {
  position: absolute;
  right: -3px;
  top: -3px;
  border: 2px solid var(--student-surface);
  min-width: 20px;
  height: 20px;
  border-radius: 12px;
  background: var(--student-accent);
  color: var(--student-accent-ink);
  font-size: 10px;
  font-weight: 700;
  display: grid;
  place-items: center;
  padding: 0 3px;
}
.student-account-menu,
.student-thread-menu {
  position: relative;
}
.student-account-menu summary,
.student-thread-menu summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
}
.student-account-menu summary::-webkit-details-marker,
.student-thread-menu summary::-webkit-details-marker {
  display: none;
}
.student-account-menu summary > .student-icon {
  width: 14px;
  height: 14px;
  opacity: 0.65;
}
.student-header-name {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}
.student-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  background: var(--student-tint);
  color: var(--student-accent);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.02em;
  flex: none;
  border: 1px solid color-mix(in srgb, var(--student-accent) 12%, transparent);
}
.student-avatar img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  z-index: 1;
}
.student-header-tools .student-avatar {
  width: 34px;
  height: 34px;
  font-size: 11px;
}
.student-dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 14px);
  min-width: 240px;
  border: 1px solid var(--student-line);
  background: var(--student-surface);
  color: var(--student-ink);
  box-shadow: 0 18px 50px #00182425;
  border-radius: 13px;
  padding: 7px;
  z-index: 500;
  font:
    500 13px/1.4 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
.student-dropdown a,
.student-dropdown button {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  width: 100%;
  padding: 11px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  border-radius: 7px;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}
.student-dropdown a:hover,
.student-dropdown button:hover {
  background: var(--student-soft);
}
.student-dropdown .student-icon {
  width: 17px;
  height: 17px;
  color: var(--student-muted);
}
.student-menu-identity {
  padding: 12px;
  border-bottom: 1px solid var(--student-line);
  margin-bottom: 5px;
  display: grid;
  gap: 4px;
}
.student-menu-identity strong {
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-menu-identity span {
  font-size: 11px;
  color: var(--student-muted);
}
.student-muted {
  color: var(--student-muted);
}
.student-eyebrow {
  display: block;
  font-size: 10px;
  letter-spacing: 1.7px;
  font-weight: 700;
  color: var(--student-accent);
  margin-bottom: 12px;
}
.student-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
}
.student-button.primary {
  background: var(--student-accent);
  color: var(--student-accent-ink);
}
.student-button.primary:hover {
  filter: brightness(0.95);
}
.student-button.secondary {
  background: var(--student-surface);
  color: var(--student-ink);
  border-color: var(--student-line);
}
.student-button.secondary:hover {
  background: var(--student-soft);
}
.student-button.danger {
  background: var(--student-danger);
  color: var(--student-surface);
}
.student-text-link,
.student-text-button {
  color: var(--student-accent) !important;
  font-size: 13px;
  font-weight: 600;
  background: none;
  border: 0;
  padding: 0;
}
.student-text-link:hover,
.student-text-button:hover {
  text-decoration: underline;
}
.student-panel {
  border: 1px solid var(--student-line);
  background: var(--student-surface);
  border-radius: 14px;
  padding: 28px;
  box-shadow: var(--student-shadow);
}
.student-page-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 30px;
}
.student-page-heading p {
  font-size: 14px;
  margin-bottom: 0;
}
.student-account-main {
  max-width: 1320px;
  margin: 0 auto;
  padding: 40px 40px 72px;
}
.student-profile-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.student-account-sidebar {
  position: sticky;
  top: 110px;
}
.student-account-sidebar nav {
  display: grid;
  gap: 7px;
}
.student-account-sidebar nav :is(a, button) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  text-align: left;
  border: 0;
  background: transparent;
  color: var(--student-muted);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 550;
}
.student-account-sidebar nav [aria-current] {
  background: var(--student-tint);
  color: var(--student-accent);
  font-weight: 650;
}
.student-account-sidebar nav :is(a, button):hover {
  background: var(--student-tint);
}
.student-sidebar-note {
  margin: 32px 14px 0;
  padding-top: 22px;
  border-top: 1px solid var(--student-line);
}
.student-sidebar-note .student-eyebrow {
  font-size: 9px;
  letter-spacing: 1.4px;
}
.student-sidebar-note p {
  font-size: 12px;
  color: var(--student-muted);
}
.student-profile-content {
  min-width: 0;
}
.student-profile-card {
  border: 1px solid var(--student-line);
  border-radius: 14px;
  background: var(--student-surface);
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: var(--student-shadow);
}
.student-profile-cover {
  position: relative;
  isolation: isolate;
  height: 136px;
  overflow: hidden;
  background: #0d202d url("/shared/stellar-stars.jpg") center 36% / cover;
  display: flex;
  align-items: flex-start;
  padding: 25px 30px;
  color: #b9d4db;
}
.student-profile-cover:after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #07131bd9, #10262e70);
}
.student-profile-cover > span {
  font-size: 9px;
  letter-spacing: 2px;
  opacity: 0.9;
}
.student-profile-cover > svg {
  position: absolute;
  width: 145px;
  height: 145px;
  right: 48px;
  top: 18px;
  transform: rotate(-12deg);
  opacity: 0.65;
}
.student-profile-identity {
  padding: 0 30px 26px;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  flex-wrap: wrap;
}
.student-profile-avatar {
  align-self: flex-start;
  margin-top: -33px;
  border-radius: 50%;
  background: var(--student-surface);
  padding: 5px;
}
.student-profile-avatar .student-avatar {
  height: 94px;
  width: 94px;
  font-size: 28px;
}
.student-profile-name {
  flex: 1;
  min-width: 180px;
  padding-top: 19px;
}
.student-member-label {
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 1px;
  color: var(--student-accent);
}
.student-profile-name h2 {
  font-size: 26px;
  margin: 3px 0 5px;
  overflow-wrap: anywhere;
}
.student-profile-name p {
  font-size: 13px;
  margin-bottom: 6px;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.student-joined {
  font-size: 11px;
  color: var(--student-muted);
}
.student-profile-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 245px;
  gap: 22px;
  align-items: start;
}
.student-section-heading {
  margin-bottom: 24px;
}
.student-section-heading h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.student-section-heading p {
  font-size: 12px;
  margin-bottom: 0;
}
.student-form {
  display: grid;
  gap: 22px;
}
.student-form label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  color: var(--student-ink);
}
.student-form :is(input, textarea),
.student-message-search-form input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid var(--student-line);
  border-radius: 8px;
  background: var(--student-surface);
  color: var(--student-ink);
  padding: 11px 13px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: 0 1px 2px #00000003;
  transition: border-color 0.15s;
}
.student-form input:focus,
.student-form textarea:focus {
  border-color: var(--student-accent);
}
.student-form input[readonly] {
  background: var(--student-soft);
  color: var(--student-muted);
}
.student-form textarea {
  resize: vertical;
  min-height: 100px;
  max-height: 320px;
}
.student-form input::placeholder,
.student-form textarea::placeholder {
  color: var(--student-muted);
  opacity: 0.8;
}
.student-optional {
  margin-left: auto;
  color: var(--student-muted);
  font-size: 10px;
  font-weight: 400;
}
.student-field-help {
  display: block;
  font-size: 11px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--student-muted);
}
.student-form-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.student-photo-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--student-line);
}
.student-photo-actions .student-field-help {
  width: 100%;
}
.student-form .student-upload-label {
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  position: relative;
}
.student-upload-label:focus-within {
  outline: 2px solid var(--student-accent);
  outline-offset: 3px;
}
.student-upload-label input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
}
.student-form .student-bio-counter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.student-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--student-line);
}
.student-form-footer .student-button {
  margin-left: auto;
}
.student-status {
  font-size: 12px;
  color: var(--student-muted);
  margin: 0;
  white-space: pre-line;
}
.student-status.error,
.student-chat-status.error {
  color: var(--student-danger);
}
.student-status.ok,
.student-chat-status.ok {
  color: var(--student-accent);
}
.student-small-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--student-tint);
  color: var(--student-accent);
  width: 38px;
  height: 38px;
  border-radius: 10px;
  margin-bottom: 16px;
}
.student-privacy-card {
  padding: 24px;
}
.student-privacy-card h3 {
  font-size: 15px;
}
.student-privacy-card p {
  font-size: 12px;
  color: var(--student-muted);
  margin-bottom: 20px;
}
.student-privacy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid var(--student-line);
}
.student-privacy-row strong {
  font-size: 10px;
  font-weight: 550;
  color: var(--student-accent);
}
.student-privacy-card .student-field-help {
  font-size: 11px;
  margin: 20px 0 0;
}
.student-security-panel {
  min-height: 430px;
}
.student-security-panel > .student-muted {
  font-size: 13px;
  margin-bottom: 30px;
}
.student-security-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 22px 0;
  border-top: 1px solid var(--student-line);
}
.student-security-row h3 {
  font-size: 14px;
  margin-bottom: 5px;
}
.student-security-row p {
  font-size: 12px;
  color: var(--student-muted);
  margin: 0;
  overflow-wrap: anywhere;
}
.student-auth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 90px;
  max-width: 1040px;
  align-items: center;
  margin: 54px auto;
}
.student-auth-intro h1 {
  font-size: 48px;
  line-height: 1.13;
  letter-spacing: -1.8px;
  margin: 20px 0;
}
.student-auth-intro > p {
  color: var(--student-muted);
  max-width: 400px;
  line-height: 1.8;
  font-size: 15px;
}
.student-auth-benefits {
  display: grid;
  gap: 20px;
  margin: 30px 0 36px;
}
.student-auth-benefits > span {
  font-size: 10px;
  letter-spacing: 1px;
  color: var(--student-accent);
  display: flex;
  gap: 18px;
}
.student-auth-benefits strong {
  font-size: 12px;
  letter-spacing: 0;
  color: var(--student-ink);
  font-weight: 500;
}
.student-auth-card {
  padding: 34px;
  border-radius: 17px;
  background: var(--student-surface);
  border: 1px solid var(--student-line);
  box-shadow: var(--student-shadow);
}
.student-auth-card h2 {
  font-size: 27px;
  letter-spacing: -0.8px;
  margin: 20px 0 10px;
}
.student-auth-card > .student-muted {
  font-size: 13px;
  margin-bottom: 28px;
}
.student-auth-card .student-form {
  gap: 18px;
}
.student-auth-card .student-button {
  margin-top: 5px;
}
.student-auth-card .student-status {
  margin-top: 16px;
}
.student-auth-links {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 550;
  color: var(--student-accent);
}
.student-auth-links a:hover {
  text-decoration: underline;
}
.student-auth-footnote {
  border-top: 1px solid var(--student-line);
  padding-top: 20px;
  margin-top: 28px;
  font-size: 11px;
  color: var(--student-muted);
}
.student-notice {
  font-size: 12px;
  border: 1px solid var(--student-line);
  padding: 12px;
  background: var(--student-soft);
  border-radius: 8px;
}
/* Messaging: an inbox and an independently scrolling conversation. */
.student-chat-main {
  max-width: 1440px;
  padding: 28px 40px 28px;
  margin: auto;
}
.student-messages-heading {
  margin-bottom: 23px;
}
.student-messages-heading h1 {
  font-size: 29px;
  margin-bottom: 4px;
}
.student-messages-heading .student-eyebrow {
  font-size: 9px;
  margin-bottom: 7px;
}
.student-messages-heading p {
  font-size: 12px;
}
.student-messenger {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  position: relative;
  height: calc(100dvh - 240px);
  min-height: 480px;
  max-height: 960px;
  background: var(--student-surface);
  border: 1px solid var(--student-line);
  border-radius: 15px;
  box-shadow: var(--student-shadow);
  overflow: hidden;
}
.student-conversations {
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  border-right: 1px solid var(--student-line);
}
.student-inbox-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 20px 18px;
  gap: 15px;
}
.student-inbox-heading h2 {
  font-size: 18px;
  margin-bottom: 2px;
}
.student-inbox-heading span {
  font-size: 11px;
  color: var(--student-muted);
}
.student-inbox-heading button {
  background: var(--student-tint);
  color: var(--student-accent);
  width: 33px;
  height: 33px;
}
.student-chat-search {
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--student-line);
  border-radius: 8px;
  background: var(--student-soft);
  padding: 9px 11px;
  color: var(--student-muted);
  margin: 0 18px 14px;
}
.student-chat-search .student-icon {
  width: 16px;
  height: 16px;
}
.student-chat-search:focus-within {
  outline: 2px solid var(--student-accent);
  outline-offset: 2px;
}
.student-chat-search input {
  font-size: 12px;
  line-height: 1.7;
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0 !important;
  background: transparent;
  color: var(--student-ink);
  padding: 0;
}
.student-chat-search input::placeholder {
  color: var(--student-muted);
}
.student-inbox-filters {
  display: flex;
  gap: 8px;
  padding: 0 18px 17px;
  border-bottom: 1px solid var(--student-line);
}
.student-inbox-filters button {
  background: transparent;
  border: 1px solid var(--student-line);
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 10px;
  font-weight: 550;
  color: var(--student-muted);
}
.student-inbox-filters button[aria-pressed="true"] {
  color: var(--student-accent);
  border-color: transparent;
  background: var(--student-tint);
}
.student-inbox-filters span {
  font-size: 9px;
  margin-left: 3px;
}
.student-conversation-list {
  list-style: none;
  padding: 7px 0;
  margin: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
}
.student-conversation-list li > button[data-conversation] {
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  color: inherit;
  width: 100%;
  text-align: left;
  padding: 15px 18px;
  border: 0;
  border-left: 3px solid transparent;
}
.student-conversation-list li > button[data-conversation]:hover {
  background: var(--student-soft);
}
.student-conversation-list li > button.active[data-conversation] {
  background: var(--student-tint);
  border-left-color: var(--student-accent);
}
.student-conversation-copy {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 5px;
}
.student-conversation-copy > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  min-width: 0;
}
.student-conversation-copy strong {
  font-size: 12px;
  font-weight: 650;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.student-conversation-copy time {
  font-size: 9px;
  white-space: nowrap;
  color: var(--student-muted);
}
.student-last-message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  color: var(--student-muted);
}
.student-unread-badge {
  font-size: 9px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--student-accent-ink);
  background: var(--student-accent);
  font-weight: 650;
  flex: none;
}
.student-list-empty,
.student-list-loading {
  padding: 40px 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: var(--student-muted);
  font-size: 12px;
  text-align: center;
}
.student-list-empty > .student-icon {
  width: 27px;
  height: 27px;
  opacity: 0.5;
  margin-bottom: 8px;
}
.student-list-empty strong {
  color: var(--student-ink);
  font-size: 12px;
  font-weight: 600;
}
.student-list-empty span {
  font-size: 11px;
  max-width: 210px;
}
.student-list-empty .student-text-button {
  font-size: 11px;
  padding: 4px;
}
.student-inbox-footer {
  display: flex;
  align-items: center;
  gap: 7px;
  border-top: 1px solid var(--student-line);
  padding: 12px 20px;
  font-size: 10px;
  color: var(--student-muted);
  background: var(--student-soft);
}
.student-connection-dot {
  width: 6px;
  height: 6px;
  background: #b68a4e;
  border-radius: 50%;
  flex: none;
}
.student-connection-dot.connected {
  background: var(--student-accent);
  box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--student-accent) 10%, transparent);
}
.student-thread {
  min-width: 0;
  min-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--student-surface);
}
.student-thread-header {
  height: 76px;
  min-height: 76px;
  border-bottom: 1px solid var(--student-line);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  background: var(--student-surface);
  z-index: 2;
}
.student-peer-button {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: 0;
  color: inherit;
  min-width: 0;
  text-align: left;
  padding: 0;
}
.student-peer-button > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.student-peer-button strong {
  font-size: 13px;
  font-weight: 650;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.student-thread-subtitle {
  display: block;
  font-size: 10px;
  color: var(--student-muted);
}
.student-thread-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
  flex: none;
}
.student-conversation-back {
  display: none;
}
.student-thread-empty {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  background: radial-gradient(
    ellipse at 50% 30%,
    var(--student-tint),
    transparent 55%
  );
}
.student-empty-orbit {
  height: 104px;
  width: 104px;
  padding: 19px;
  margin-bottom: 26px;
  border: 1px solid var(--student-line);
  border-radius: 50%;
  background: var(--student-surface);
  box-shadow:
    0 0 0 16px color-mix(in srgb, var(--student-tint) 45%, transparent),
    0 0 0 33px color-mix(in srgb, var(--student-tint) 20%, transparent);
}
.student-empty-orbit svg {
  width: 100%;
  height: 100%;
}
.student-thread-empty .student-eyebrow {
  margin-top: 12px;
  font-size: 9px;
}
.student-thread-empty h2 {
  font-size: 26px;
  letter-spacing: -0.8px;
}
.student-thread-empty p {
  font-size: 13px;
  color: var(--student-muted);
  line-height: 1.9;
  margin: 5px 0 24px;
}
.student-private-note {
  font-size: 10px;
  color: var(--student-muted);
  margin-top: 40px;
}
.student-thread-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 28px 24px;
  background-color: var(--student-soft);
  background-image: radial-gradient(
    color-mix(in srgb, var(--student-muted) 12%, transparent) 0.7px,
    transparent 0.7px
  );
  background-size: 20px 20px;
  scrollbar-gutter: stable;
}
.student-message-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.student-day-divider {
  display: flex;
  justify-content: center;
  margin: 14px 0 18px;
}
.student-day-divider span {
  font-size: 10px;
  line-height: 1.4;
  background: var(--student-surface);
  border: 1px solid var(--student-line);
  border-radius: 16px;
  padding: 5px 12px;
  color: var(--student-muted);
}
.student-message-row {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}
.student-message-row.mine {
  flex-direction: row-reverse;
}
.student-message-bubble {
  max-width: min(76%, 540px);
  background: var(--student-surface);
  border: 1px solid var(--student-line);
  border-radius: 3px 13px 13px;
  padding: 10px 13px 7px;
  box-shadow: 0 1px 2px #001e2c04;
  min-width: 74px;
}
.mine .student-message-bubble {
  background: var(--student-bubble);
  border-color: transparent;
  border-radius: 13px 3px 13px 13px;
}
.student-message-bubble > p {
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin: 0 0 3px;
}
.student-message-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  font-size: 9px;
  color: var(--student-muted);
  direction: ltr;
}
.student-receipt .student-icon {
  width: 13px;
  height: 13px;
}
.student-receipt.read {
  color: var(--student-accent);
}
.student-copy-message {
  opacity: 0;
  width: 30px;
  height: 30px;
  color: var(--student-muted);
}
.student-copy-message .student-icon {
  width: 15px;
  height: 15px;
}
.student-message-row:hover .student-copy-message,
.student-message-row:focus-within .student-copy-message {
  opacity: 1;
}
.student-message-bubble.failed {
  border: 1px solid var(--student-danger);
}
.student-retry-message {
  background: transparent;
  border: 0;
  font-size: 10px !important;
  text-decoration: underline;
  color: var(--student-danger);
  padding: 4px 0;
}
.student-conversation-start {
  font-size: 12px;
  line-height: 1.9;
  color: var(--student-muted);
  text-align: center;
  padding: 40px 10px;
}
.student-load-older {
  display: block;
  margin: 0 auto 15px;
  font-size: 10px !important;
  border: 1px solid var(--student-line);
  border-radius: 16px;
  padding: 6px 13px;
  background: var(--student-surface);
  color: var(--student-muted);
}
.student-jump-latest {
  position: absolute;
  bottom: 112px;
  right: 25px;
  border: 1px solid var(--student-line);
  background: var(--student-surface);
  color: var(--student-accent);
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 11px !important;
  box-shadow: 0 4px 20px #001e2c18;
  z-index: 3;
}
.student-composer {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 16px 21px 8px;
  border-top: 1px solid var(--student-line);
  background: var(--student-surface);
}
.student-composer > .student-icon-button {
  color: var(--student-muted);
  margin-bottom: 2px;
}
.student-composer textarea {
  flex: 1;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  max-height: 140px;
  resize: none;
  overflow-y: auto;
  padding: 11px 14px;
  border: 1px solid var(--student-line);
  border-radius: 10px;
  font-size: 13px;
  line-height: 20px;
  background: var(--student-soft);
  color: var(--student-ink);
}
.student-send-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  flex: none;
  border: 0;
  border-radius: 10px;
  background: var(--student-accent);
  color: var(--student-accent-ink);
}
.student-send-button .student-icon {
  width: 19px;
  height: 19px;
}
.student-send-button:disabled {
  background: var(--student-soft);
  color: var(--student-muted);
  opacity: 0.7 !important;
}
.student-composer-hint {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 0 76px 10px;
  font-size: 9px;
  color: var(--student-muted);
}
.student-chat-status {
  font-size: 11px;
  line-height: 1.5;
  color: var(--student-muted);
  margin: 0;
  padding: 0 24px;
  min-height: 0;
}
.student-chat-status:not(:empty) {
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid var(--student-line);
}
.student-emoji-picker {
  position: absolute;
  bottom: 104px;
  left: 22px;
  max-width: 280px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
  padding: 12px;
  background: var(--student-surface);
  border: 1px solid var(--student-line);
  border-radius: 12px;
  z-index: 8;
  box-shadow: 0 8px 30px #001c301a;
}
.student-emoji-picker button {
  font-size: 20px;
  border: 0;
  background: transparent;
  padding: 5px;
  border-radius: 6px;
}
.student-emoji-picker button:hover {
  background: var(--student-tint);
}
.student-peer-panel {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 310px;
  overflow-y: auto;
  border-left: 1px solid var(--student-line);
  background: var(--student-surface);
  box-shadow: -12px 0 35px #001d3010;
  padding: 20px;
}
.student-peer-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--student-line);
  padding-bottom: 14px;
  font-size: 13px;
}
#peerProfile {
  text-align: center;
  padding: 28px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
#peerProfile .student-avatar {
  width: 78px;
  height: 78px;
  font-size: 23px;
  margin-bottom: 5px;
}
#peerProfile h3 {
  font-size: 20px;
  overflow-wrap: anywhere;
  max-width: 100%;
  margin: 0;
}
#peerProfile p {
  font-size: 12px;
  color: var(--student-muted);
  white-space: pre-line;
  overflow-wrap: anywhere;
  max-width: 100%;
}
#peerProfile .student-button {
  margin-top: 12px;
}
.student-chat-gate {
  max-width: 620px;
  text-align: center;
  margin: 45px auto;
  padding: 50px 24px;
}
.student-empty-emblem {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
  border-radius: 16px;
  background: var(--student-tint);
  color: var(--student-accent);
}
.student-empty-emblem .student-icon {
  width: 30px;
  height: 30px;
}
.student-chat-gate h2 {
  font-size: 26px;
}
.student-chat-gate .student-status {
  margin: 18px 0;
}
.student-dialog {
  width: min(460px, calc(100% - 32px));
  max-height: min(680px, 85dvh);
  border: 1px solid var(--student-line);
  border-radius: 16px;
  background: var(--student-surface);
  color: var(--student-ink);
  padding: 26px;
  box-shadow: 0 30px 100px #0006;
  overflow-y: auto;
}
.student-dialog::backdrop {
  background: #07162188;
  backdrop-filter: blur(3px);
}
.student-dialog-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
.student-dialog-heading h2 {
  font-size: 21px;
  margin: 0;
}
.student-dialog-heading .student-eyebrow {
  font-size: 9px;
  margin-bottom: 8px;
}
.student-dialog > .student-muted {
  font-size: 12px;
}
.student-dialog .student-chat-search {
  margin: 20px 0 12px;
  padding: 11px;
}
.student-student-results {
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 100px;
}
.student-student-results li > button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 6px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  text-align: left;
  color: inherit;
}
.student-student-results li > button:hover {
  background: var(--student-tint);
}
.student-student-results button > span:not(.student-avatar) {
  display: grid;
  gap: 4px;
  min-width: 0;
  flex: 1;
}
.student-student-results button > span > span {
  font-size: 11px;
  color: var(--student-muted);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 280px;
}
.student-student-results button > .student-icon {
  width: 17px;
  height: 17px;
  color: var(--student-muted);
}
.student-peer-privacy {
  display: grid;
  justify-items: center;
  gap: 8px;
  border-top: 1px solid var(--student-line);
  padding-top: 24px;
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.8;
  color: var(--student-muted);
}
#profileLoadStatus:not(:empty) {
  margin-bottom: 20px;
}
.student-student-results strong {
  font-size: 13px;
  overflow-wrap: anywhere;
}
.student-student-results small {
  font-size: 11px;
  color: var(--student-muted);
}
.student-dialog-empty {
  font-size: 12px;
  text-align: center;
  color: var(--student-muted);
  padding: 26px 0;
}
.student-message-search-form {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.student-message-search-form input {
  font-size: 13px;
}
.student-message-search-results article {
  border-bottom: 1px solid var(--student-line);
  padding: 15px 0;
}
.student-message-search-results article time {
  font-size: 10px;
  color: var(--student-muted);
}
.student-message-search-results article p {
  font-size: 13px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 8px 0;
}
.student-confirm-dialog > p {
  font-size: 13px;
  color: var(--student-muted);
  line-height: 1.8;
}
.student-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 25px;
}
@media (hover: none) {
  .student-copy-message {
    opacity: 0.65;
  }
}
@media (min-width: 1600px) {
  .student-messenger {
    height: calc(100dvh - 255px);
  }
}
@media (max-width: 1100px) {
  .student-header-inner {
    padding: 0 26px;
    gap: 20px;
  }
  .student-nav {
    gap: 18px;
  }
  .student-header-name {
    display: none;
  }
  .student-profile-editor {
    grid-template-columns: minmax(0, 1fr);
  }
  .student-privacy-card {
    display: none;
  }
  .student-profile-layout {
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 24px;
  }
  .student-auth-layout {
    gap: 45px;
    grid-template-columns: minmax(0, 1fr) 380px;
  }
  .student-messenger {
    grid-template-columns: 285px minmax(0, 1fr);
  }
  .student-chat-main {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (max-width: 850px) {
  .student-nav {
    gap: 15px;
  }
  .student-nav .student-icon {
    display: none;
  }
  .student-brand {
    gap: 10px;
  }
  .student-brand .stellar-wordmark {
    width: 135px;
  }
  .student-brand .stellar-symbol {
    width: 36px;
    height: 36px;
  }
  .student-header-tools {
    gap: 6px;
  }
  .student-header-inner {
    padding: 0 20px;
    gap: 12px;
  }
  .student-auth-layout {
    gap: 30px;
    grid-template-columns: minmax(0, 1fr) 350px;
  }
  .student-auth-intro h1 {
    font-size: 38px;
  }
  .student-auth-card {
    padding: 26px;
  }
  .student-account-main {
    padding: 30px 24px 60px;
  }
  .student-profile-layout {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
  }
  .student-panel {
    padding: 23px;
  }
  .student-profile-identity {
    padding: 0 24px 24px;
    gap: 15px;
  }
  .student-profile-name h2 {
    font-size: 23px;
  }
  .student-form-columns {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .student-header-inner {
    height: auto;
    min-height: 68px;
    flex-wrap: wrap;
    gap: 0;
    padding-top: 13px;
    padding-bottom: 0;
  }
  .student-header-tools {
    margin-left: auto;
  }
  .student-header [data-student-account] > .student-message-shortcut {
    display: none;
  }
  .student-nav {
    order: 3;
    width: 100%;
    height: 45px;
    justify-content: center;
    gap: 30px;
    margin-top: 10px;
  }
  .student-nav .student-icon {
    display: block;
    width: 16px;
    height: 16px;
  }
  .student-nav a {
    font-size: 11px;
    gap: 6px;
  }
  .student-nav a[aria-current]:after {
    height: 2px;
  }
  .student-brand .stellar-wordmark {
    width: 142px;
  }
  .student-brand .stellar-symbol {
    width: 36px;
    height: 36px;
  }
  .student-account-main {
    padding: 26px 20px 50px;
  }
  .student-page-heading {
    margin-bottom: 24px;
    gap: 16px;
  }
  .student-page h1 {
    font-size: 27px;
  }
  .student-page-heading p {
    font-size: 12px;
  }
  .student-page-heading > .student-button {
    font-size: 11px;
    padding: 9px 12px;
    min-height: 38px;
  }
  .student-profile-layout {
    display: block;
  }
  .student-account-sidebar {
    position: static;
    margin-bottom: 22px;
  }
  .student-account-sidebar nav {
    display: flex;
    border-bottom: 1px solid var(--student-line);
    border-radius: 0;
    gap: 5px;
    padding-bottom: 10px;
    overflow-x: auto;
  }
  .student-account-sidebar nav :is(a, button) {
    padding: 9px 12px;
    font-size: 11px;
    white-space: nowrap;
    flex: none;
  }
  .student-account-sidebar nav a {
    display: none;
  }
  .student-sidebar-note {
    display: none;
  }
  .student-profile-cover {
    height: 120px;
    padding: 22px;
  }
  .student-profile-cover > svg {
    right: 20px;
    width: 125px;
    height: 125px;
  }
  .student-profile-avatar .student-avatar {
    width: 76px;
    height: 76px;
    font-size: 24px;
  }
  .student-profile-avatar {
    margin-top: -30px;
  }
  .student-profile-name {
    min-width: 150px;
    padding-top: 13px;
  }
  .student-profile-identity {
    padding: 0 20px 22px;
    gap: 13px;
  }
  .student-profile-name h2 {
    font-size: 21px;
  }
  .student-profile-name p {
    font-size: 12px;
  }
  .student-profile-identity > .student-button {
    margin-left: 91px;
  }
  .student-profile-editor {
    display: block;
  }
  .student-form {
    gap: 19px;
  }
  .student-security-row {
    flex-wrap: wrap;
  }
  .student-auth-layout {
    display: block;
    max-width: 440px;
    margin: 10px auto;
  }
  .student-auth-intro {
    margin-bottom: 28px;
  }
  .student-auth-intro h1 {
    font-size: 34px;
    margin: 12px 0;
  }
  .student-auth-intro > p {
    font-size: 13px;
    margin-bottom: 12px;
  }
  .student-auth-benefits,
  .student-auth-intro .student-text-link {
    display: none;
  }
  .student-auth-card {
    padding: 26px;
  }
  .student-auth-intro .student-eyebrow {
    font-size: 9px;
  }
  .student-chat-main {
    padding: 20px 14px 14px;
  }
  .student-messages-heading {
    margin-bottom: 18px;
    padding: 0 4px;
  }
  .student-messages-heading h1 {
    font-size: 25px;
  }
  .student-messages-heading p,
  .student-messages-heading > .student-text-link {
    display: none;
  }
  .student-messages-heading .student-eyebrow {
    font-size: 8px;
    margin-bottom: 5px;
  }
  .student-messenger {
    grid-template-columns: 1fr;
    height: calc(100dvh - 222px);
    max-height: none;
    min-height: 360px;
    border-radius: 12px;
  }
  .student-conversations {
    border-right: 0;
  }
  .student-thread {
    display: none;
  }
  .student-messenger.has-conversation .student-thread {
    display: flex;
  }
  .student-messenger.has-conversation .student-conversations {
    display: none;
  }
  .student-conversation-back {
    display: inline-flex;
    width: 32px;
    height: 36px;
    padding: 5px;
  }
  .student-thread-header {
    padding: 0 12px;
    height: 67px;
    min-height: 67px;
    gap: 8px;
  }
  .student-peer-button {
    gap: 9px;
  }
  .student-peer-button .student-avatar {
    width: 35px;
    height: 35px;
    font-size: 11px;
  }
  .student-thread-actions {
    gap: 0;
  }
  .student-thread-actions .student-icon-button {
    width: 33px;
    height: 33px;
  }
  .student-thread-body {
    padding: 10px 13px 18px;
  }
  .student-message-bubble {
    max-width: 83%;
    padding: 9px 11px 6px;
  }
  .student-message-bubble > p {
    font-size: 13px;
  }
  .student-message-row {
    gap: 0;
  }
  .student-copy-message {
    width: 28px;
    min-width: 28px;
  }
  .student-composer {
    padding: 11px 10px 8px;
    gap: 5px;
  }
  .student-composer textarea {
    font-size: 14px;
  }
  .student-composer > .student-icon-button {
    width: 31px;
    height: 40px;
    padding: 5px;
  }
  .student-send-button {
    width: 39px;
  }
  .student-composer-hint {
    padding: 0 56px 9px 50px;
  }
  .student-composer-hint > span:first-child {
    visibility: hidden;
    height: 0;
  }
  .student-peer-panel {
    width: 100%;
    border-left: 0;
  }
  .student-emoji-picker {
    bottom: 89px;
    left: 10px;
  }
  .student-inbox-heading {
    padding: 19px 20px 16px;
  }
  .student-dialog {
    padding: 22px;
  }
  .student-thread-empty {
    padding: 20px;
  }
  .student-chat-gate {
    margin: 15px auto;
  }
  .student-auth-intro h1 br {
    display: none;
  }
}
@media (max-width: 620px) {
  .site-header .student-header-tools [data-student-account],
  .topbar-actions [data-student-account] {
    gap: 5px;
  }
  .site-header .student-header-tools .student-header-name,
  .topbar-actions .student-header-name {
    display: none;
  }
  .site-header .student-header-tools .student-message-shortcut,
  .topbar-actions .student-message-shortcut {
    display: none;
  }
  .student-injected {
    gap: 4px;
  }
  .site-header .student-account-menu summary > .student-icon {
    display: none;
  }
  .site-header .student-signin {
    padding: 8px;
    border: 0;
    font-size: 11px;
  }
  .student-header-tools .student-dropdown {
    min-width: 225px;
  }
  .student-header .student-brand .stellar-wordmark {
    width: 130px;
  }
  .student-header .student-brand .stellar-symbol {
    width: 32px;
    height: 32px;
  }
  .student-header .student-brand {
    gap: 8px;
  }
  .student-header-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  .student-nav {
    gap: 25px;
  }
  .student-account-main {
    padding-left: 16px;
    padding-right: 16px;
  }
  .student-page-heading > .student-button {
    font-size: 0;
    gap: 0;
    padding: 9px 12px;
  }
  .student-page-heading > .student-button > span {
    font-size: 18px;
  }
  .student-profile-name {
    min-width: 0;
    flex-basis: calc(100% - 105px);
  }
  .student-profile-name h2 {
    font-size: 20px;
  }
  .student-profile-cover > span {
    font-size: 8px;
    letter-spacing: 1.5px;
  }
  .student-form-footer {
    flex-wrap: wrap;
    gap: 15px;
  }
  .student-form-footer .student-status {
    flex-basis: 100%;
  }
  .student-form-footer .student-button {
    width: 100%;
  }
  .student-photo-actions {
    gap: 12px;
  }
  .student-photo-actions .student-text-button {
    font-size: 11px;
  }
  .student-profile-card {
    margin-bottom: 18px;
  }
  .student-account-sidebar {
    margin-bottom: 17px;
  }
  .student-profile-identity {
    padding-left: 17px;
    padding-right: 17px;
  }
  .student-auth-intro h1 {
    font-size: 30px;
  }
  .student-auth-card h2 {
    font-size: 24px;
  }
  .student-messages-heading {
    margin-bottom: 15px;
  }
  .student-messenger {
    height: calc(100dvh - 218px);
  }
  .student-messages-heading h1 {
    font-size: 23px;
  }
  .student-dialog .student-message-search-form {
    flex-wrap: wrap;
  }
  .student-message-search-form .student-button {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .student-page * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}
/* Keep the curriculum controls inside a narrow phone header. */
@media (max-width: 620px) {
  .topbar {
    gap: 8px;
    padding-inline: 10px;
  }
  .topbar .brand {
    gap: 7px;
    min-width: 0;
    flex: 1;
  }
  .topbar .brand .stellar-symbol {
    width: 28px;
    height: 28px;
  }
  .topbar .brand .stellar-wordmark {
    width: 98px;
  }
  .topbar .brand-text em {
    display: none;
  }
  .topbar .topbar-actions {
    gap: 5px;
    margin-left: 0;
  }
  .topbar .topbar-actions .progress-chip {
    display: none;
  }
  .topbar .search-trigger,
  .topbar .icon-btn {
    width: 34px;
    min-width: 34px;
    height: 34px;
    flex: none;
  }
  .topbar .student-signin {
    font-size: 0;
    padding: 6px;
    width: 34px;
    height: 34px;
    border: 0;
  }
  .topbar .student-account-menu summary > .student-icon {
    display: none;
  }
  .topbar .student-avatar {
    width: 32px;
    height: 32px;
  }
  .topbar .student-dropdown {
    right: -36px;
  }
}

/* Floating message reactions, separate from message content. */
.student-message-row{position:relative;padding-bottom:14px}
.student-message-row:has(.student-reaction-picker[open]){z-index:5}
.student-message-bubble{position:relative}
.student-message-reactions{position:absolute;bottom:-13px;left:10px;display:flex;gap:4px;z-index:1}
.mine .student-message-reactions{left:auto;right:10px}
.student-message-reactions>button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--student-line);border-radius:16px;padding:2px 7px;background:var(--student-surface);color:var(--student-muted);box-shadow:0 2px 5px #0002;cursor:pointer;font-size:16px;line-height:22px}
.student-message-reactions>button span{font:500 11px/1 system-ui}
.student-message-reactions>button[aria-pressed="true"]{border-color:#72b6a5;background:var(--student-bubble)}
.student-reaction-picker{position:static;flex:none}
.student-reaction-picker summary{list-style:none;display:flex;align-items:center;justify-content:center;width:30px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--student-muted);cursor:pointer;opacity:0;transition:opacity .15s,background .15s}
.student-reaction-picker summary::-webkit-details-marker{display:none}
.student-message-row:hover .student-reaction-picker summary,.student-message-row:focus-within .student-reaction-picker summary,.student-reaction-picker[open] summary{opacity:1}
.student-reaction-picker summary:hover{background:var(--student-surface)}
.student-reaction-picker[open]>div{position:absolute;bottom:calc(100% + 3px);left:0;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:7px 9px;border:1px solid var(--student-line);border-radius:999px;background:var(--student-surface);box-shadow:0 6px 24px #0004;z-index:10;width:max-content;max-width:100%;box-sizing:border-box}
.mine .student-reaction-picker[open]>div{left:auto;right:0}
.student-message-row:nth-child(2) .student-reaction-picker[open]>div{bottom:auto;top:calc(100% - 8px)}
.student-reaction-picker[open]>div>button{display:flex;align-items:center;justify-content:center;flex:0 1 40px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:28px;line-height:1;transition:transform .12s,background .12s}
.student-reaction-picker[open]>div>button:hover{transform:scale(1.16);background:#8882}
.student-reaction-picker summary:focus-visible,.student-message-reactions button:focus-visible,.student-reaction-picker button:focus-visible{outline:2px solid #8ab4d8;outline-offset:2px}
@media(hover:none),(max-width:700px){.student-reaction-picker summary{opacity:1}.student-reaction-picker[open]>div{gap:0;padding:6px}.student-reaction-picker[open]>div>button{width:30px;height:36px;flex-basis:30px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.student-reaction-picker button,.student-reaction-picker summary{transition:none!important}}

/* STELLAR / community edition. Intentional surfaces, restrained orbital details. */
.stellar-live-sky{position:absolute;inset:0 0 auto;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 83% 30%,#4c9ba12b,transparent 44%),radial-gradient(ellipse at 63% 70%,#6196c220,transparent 40%),linear-gradient(125deg,#fafcfc,#e4eff3 55%,#f4f7fb);mask-image:linear-gradient(#000 95%,transparent)}
.stellar-live-sky canvas{display:block;opacity:.9}
html[data-theme=dark] .stellar-live-sky{background:radial-gradient(ellipse at 82% 28%,#19485755,transparent 43%),radial-gradient(ellipse at 54% 79%,#24384745,transparent 43%),radial-gradient(ellipse at 93% 80%,#2b294726,transparent 42%),#03090f}
body.stellar-space-home{background:#fff;isolation:isolate;position:relative}
html[data-theme=dark] body.stellar-space-home{background:#0b1218}
.stellar-space-home::before,.stellar-space-home::after{display:none!important;background:none!important}
.stellar-space-home .site-header{background:transparent;backdrop-filter:blur(12px);border-color:#8ba6b629}
html[data-theme=dark] .stellar-space-home .site-header{background:transparent}
.stellar-space-home .site-header.stellar-header-scrolled{background:#ffffffed;border-color:#dfe7eb}
html[data-theme=dark] .stellar-space-home .site-header.stellar-header-scrolled{background:#0b1218ed;border-color:#263642}
.stellar-space-home .header-inner{height:80px;gap:22px}.stellar-space-home .desktop-nav{gap:8px}.stellar-space-home .desktop-nav a{padding:10px 12px;border-radius:8px;transition:background .2s}.stellar-space-home .desktop-nav a:hover{background:#699aa312}
.stellar-space-home .header-start{border:1px solid #83a1aa3b;padding:10px 14px;border-radius:9px;font-size:13px;gap:12px}.stellar-space-home .brand .stellar-wordmark{max-width:178px}.stellar-space-home .hero{padding-top:66px;padding-bottom:60px;min-height:660px}.stellar-space-home .platform-index{margin-bottom:0;border-bottom-color:transparent;padding-bottom:36px}.stellar-space-home .hero-description{max-width:510px}
.stellar-appearance-toggle{display:inline-grid;place-items:center;width:34px;height:36px;flex-shrink:0;border:1px solid transparent;border-radius:9px;color:inherit;background:transparent;cursor:pointer}.stellar-appearance-toggle:hover{background:#70aeb51c;border-color:#8bafb333}.stellar-appearance-toggle svg{width:19px;height:19px}
.stellar-appearance{position:fixed;z-index:2500;width:284px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--student-line,#cad9df);border-radius:18px;background:var(--student-surface,#fff);color:var(--student-ink,#172b36);box-shadow:0 20px 70px #05151e33;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.stellar-appearance[hidden]{display:none}.stellar-appearance>strong{font-size:15px}.stellar-appearance>p{font-size:11px;color:var(--student-muted,#6b7b85);margin:5px 0 15px}.stellar-appearance button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 9px;margin-top:5px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer}.stellar-appearance button[aria-pressed=true]{border-color:var(--student-accent,#168d91);background:#56b9b312}.stellar-appearance button small{display:block;font-size:11px;opacity:.65}.stellar-theme-swatch{width:36px;height:32px;border-radius:7px;border:1px solid #71939940;background:#f5f9fa}.stellar-theme-swatch.dark{background:#15232d}.stellar-theme-swatch.space{background:radial-gradient(circle at 72% 25%,#b5faff 0 1px,transparent 2px),radial-gradient(circle at 20% 65%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 75% 30%,#1b6778,#07131d)}.appearance-check{margin-left:auto;opacity:0}.stellar-appearance [aria-pressed=true] .appearance-check{opacity:1;color:var(--student-accent,#168d91)}
.stellar-share-selection{position:fixed;z-index:2050;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #80d5cd77;border-radius:50px;padding:13px 20px;background:#102b33;color:#e8fffc;box-shadow:0 7px 35px #00182138;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}.stellar-share-selection svg{width:18px;height:18px}.stellar-share-selection[hidden]{display:none}
/* Shared student surfaces */
.student-page{--student-bg:#f1f5f7;--student-line:#dde6ea;--student-shadow:0 14px 45px #0c304808}
html[data-theme=dark] .student-page{--student-bg:#0a1118;--student-surface:#101c25;--student-soft:#14242e;--student-line:#263944;--student-tint:#15363b;--student-bubble:#17464a;--student-header:#0a151fee}
.student-header{border-bottom-color:var(--student-line);box-shadow:none}.student-header-inner{max-width:1440px;min-height:78px}.student-nav{gap:6px}.student-nav>a{padding:10px 16px;border-radius:10px;font-size:13px}.student-nav>a[aria-current=page]{color:var(--student-accent);background:var(--student-tint)}.student-account-menu>summary{border:1px solid var(--student-line);padding:5px 10px 5px 5px;border-radius:30px}.student-header-name{max-width:130px}.student-brand .stellar-wordmark{width:165px}.student-dropdown{border-radius:14px;padding:8px;box-shadow:0 15px 60px #03182526}.student-dropdown>a,.student-dropdown>button{border-radius:8px}
.student-chat-main{max-width:1480px;width:calc(100% - 64px);padding-top:25px}.student-messages-heading{padding-bottom:20px}.student-messages-heading h1{font-size:30px;letter-spacing:-.05em}.student-messages-heading .student-eyebrow{font-size:10px;letter-spacing:.19em}.student-messages-heading p{font-size:13px}
.student-messenger{border-radius:20px;border:1px solid var(--student-line);box-shadow:var(--student-shadow);height:calc(100dvh - 214px);min-height:530px;max-height:1050px;overflow:hidden;grid-template-columns:320px minmax(0,1fr)}.student-conversations{background:var(--student-surface)}.student-inbox-heading{padding:23px 21px 17px}.student-inbox-heading h2{font-size:20px;letter-spacing:-.04em}.student-chat-search{margin:0 16px 13px;border-radius:10px;background:var(--student-soft);border-color:transparent}.student-inbox-filters{padding:0 16px 13px;gap:5px}.student-inbox-filters>button{border-radius:8px;font-size:11px;padding:7px 10px}.student-conversation-list>li>button{margin:3px 9px;width:calc(100% - 18px);border-radius:12px;padding:14px 12px;border:1px solid transparent}.student-conversation-list>li>button.active{border-color:color-mix(in srgb,var(--student-accent),transparent 78%);background:var(--student-tint)}.student-conversation-copy strong{font-size:13px}.student-last-message{font-size:12px}.student-conversation-list time{font-size:10px}.student-conversation-list .student-avatar{width:43px;height:43px;flex-basis:43px;font-size:12px}
.student-thread{background:var(--student-soft);min-width:0}.student-thread-header{padding:16px 21px;background:var(--student-surface);border-bottom:1px solid var(--student-line);min-height:78px}.student-thread-header strong{font-size:14px}.student-thread-subtitle{font-size:11px}.student-thread-body{padding:18px 27px}.student-message-bubble{border-radius:4px 16px 16px 16px;box-shadow:0 2px 3px #0d2b3103;border:1px solid var(--student-line);background:var(--student-surface);max-width:82%;padding:11px 14px 7px;font-size:14px;line-height:1.65}.student-message-row.mine .student-message-bubble{border-radius:16px 4px 16px 16px;border-color:transparent;background:var(--student-bubble)}.student-message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.student-message-meta{font-size:10px;margin-top:4px}.student-day-divider{font-size:10px;letter-spacing:.03em}.student-day-divider>span{background:var(--student-surface);padding:4px 12px;border:1px solid var(--student-line);border-radius:20px}.student-message-row{margin-block:8px}.student-message-sender{display:block;font-size:11px;color:var(--student-accent);margin-bottom:4px}.student-copy-message{width:26px;height:26px;opacity:.35}.student-message-row:hover .student-copy-message{opacity:1}
.student-composer{margin:10px 20px 0;padding:7px 8px;align-items:flex-end;background:var(--student-surface);border:1px solid var(--student-line);border-radius:16px}.student-composer textarea{font-size:14px;padding:9px 5px;background:transparent;min-height:40px}.student-send-button{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--student-accent);color:var(--student-accent-ink);box-shadow:0 3px 12px #0c9a8f20;transition:transform .2s}.student-send-button:hover:not(:disabled){transform:translate(1px,-2px)}.student-send-button .student-icon{width:24px;height:24px}.student-composer-hint{padding:8px 24px 4px;font-size:10px}.student-chat-status{padding:0 23px 4px;font-size:11px;min-height:20px}.student-thread-empty h2{font-size:29px;letter-spacing:-.04em}.student-empty-orbit{width:90px;height:90px;background:var(--student-tint);border:1px solid var(--student-line);box-shadow:0 0 0 15px color-mix(in srgb,var(--student-tint),transparent 55%);margin-bottom:32px}.student-thread-empty p{font-size:13px}.student-thread-empty .student-private-note{font-size:10px}.student-dialog{border-radius:20px;box-shadow:0 28px 100px #07192650}.student-dialog::backdrop{background:#07121e80;backdrop-filter:blur(7px)}
.stellar-community-entry{display:flex;align-items:center;gap:12px;margin:0 16px 13px;padding:12px;border:1px solid var(--student-line);border-radius:12px;background:var(--student-soft);color:var(--student-ink);text-align:left;cursor:pointer}.stellar-community-entry>span:first-child{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--student-line);border-radius:10px;color:var(--student-accent)}.stellar-community-entry strong{display:block;font-size:12px}.stellar-community-entry small{display:block;color:var(--student-muted);font-size:10px}.stellar-community-entry>span:last-child{margin-left:auto}.stellar-dialog-actions{display:flex;gap:8px;margin-top:18px}.stellar-group-list{display:grid;gap:10px;margin-top:15px;max-height:48dvh;overflow:auto}.stellar-group-card{border:1px solid var(--student-line);border-radius:13px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:10px}.stellar-group-card h3{font-size:14px;margin:4px 0}.stellar-group-card p{font-size:12px;color:var(--student-muted);margin:5px 0}.stellar-group-card small{font-size:10px;color:var(--student-accent);text-transform:uppercase;letter-spacing:.08em}.stellar-group-card button{align-self:center}.stellar-group-form{display:grid;gap:15px;margin-top:18px}.stellar-group-form label{display:grid;gap:7px;font-size:12px}.stellar-group-form input,.stellar-group-form textarea,.stellar-group-form select{border:1px solid var(--student-line);border-radius:9px;padding:11px 12px;background:var(--student-surface);color:var(--student-ink);font:inherit}.stellar-group-form textarea{resize:vertical}.stellar-group-form .stellar-check{display:flex;align-items:center;gap:8px}.stellar-feature-pending{padding:18px;border:1px solid var(--student-line);border-radius:12px;background:var(--student-soft);font-size:13px;color:var(--student-muted);line-height:1.8}.stellar-member{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--student-line)}.stellar-member strong{font-size:12px}.stellar-member small{display:block;font-size:10px;color:var(--student-muted)}.stellar-member button{margin-left:auto;font-size:10px;background:var(--student-soft);border:1px solid var(--student-line);color:var(--student-ink);padding:5px 7px;border-radius:6px}.stellar-member select{font-size:10px;max-width:100px}.stellar-group-actions{display:grid;gap:8px;margin-top:18px}.stellar-group-actions button{width:100%}.stellar-group-description{font-size:12px!important;white-space:pre-wrap;overflow-wrap:anywhere}.stellar-peer-members{margin-top:20px;text-align:left}
.stellar-quote-card{border:1px solid color-mix(in srgb,var(--student-accent),transparent 65%);border-left:3px solid var(--student-accent);border-radius:9px;padding:10px 12px;margin:0 0 8px;max-width:440px;background:color-mix(in srgb,var(--student-surface),transparent 25%);text-decoration:none;display:block;color:inherit}.stellar-quote-card small{display:block;font-size:9px;letter-spacing:.12em;color:var(--student-accent);margin-bottom:3px}.stellar-quote-card strong{display:block;font-size:12px;line-height:1.5}.stellar-quote-card blockquote{margin:7px 0 0;white-space:pre-wrap;font-size:12px;color:var(--student-muted);max-height:180px;overflow:auto}.stellar-share-draft{margin:10px 20px 0;display:flex;gap:10px;align-items:start;border:1px solid var(--student-line);border-left:3px solid var(--student-accent);border-radius:10px;background:var(--student-surface);padding:11px 14px}.stellar-share-draft>div{min-width:0;flex:1}.stellar-share-draft strong{font-size:12px}.stellar-share-draft p{margin:3px 0 0;font-size:11px;color:var(--student-muted);max-height:65px;overflow:auto;white-space:pre-wrap}.stellar-share-draft small{font-size:9px;letter-spacing:.1em;color:var(--student-accent)}.stellar-share-banner{margin:0 0 15px;padding:12px 16px;border:1px solid var(--student-line);border-radius:10px;font-size:12px;background:var(--student-tint)}.stellar-audio-message{display:flex;align-items:center;gap:10px;min-width:210px;max-width:100%}.stellar-audio-message audio{width:min(280px,100%);height:36px}.stellar-audio-message button{border:1px solid var(--student-line);background:var(--student-surface);color:var(--student-accent);padding:7px 10px;border-radius:8px;font:inherit;cursor:pointer}.stellar-voice-preview{margin:10px 20px 0;padding:12px;border:1px solid var(--student-line);border-radius:12px;background:var(--student-surface);display:flex;align-items:center;gap:12px}.stellar-voice-preview audio{height:34px;max-width:100%;width:230px}.stellar-voice-preview span{font-size:12px;color:var(--student-muted)}.stellar-voice-preview button{border:1px solid var(--student-line);border-radius:8px;padding:7px 10px;background:var(--student-soft);color:var(--student-ink);cursor:pointer}.stellar-recording-dot{display:inline-block;width:7px;height:7px;background:#c84650;border-radius:50%;margin-right:7px}.stellar-voice-preview[hidden],.stellar-share-draft[hidden],.stellar-share-banner[hidden]{display:none}.stellar-audio-meta{font-size:10px;color:var(--student-muted)}
/* Profile: a professional identity with clear public/private boundaries. */
.student-account-main{max-width:1310px;width:calc(100% - 64px);padding-top:35px}.student-page-heading h1{letter-spacing:-.045em;font-size:33px}.student-profile-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}.student-profile-content{min-width:0}.student-account-sidebar nav{padding:8px;border:1px solid var(--student-line);border-radius:16px;background:var(--student-surface)}.student-account-sidebar nav button,.student-account-sidebar nav a{padding:12px 14px;border-radius:9px;font-size:12px}.student-sidebar-note{padding:24px 14px;font-size:12px}.student-profile-card{border-radius:20px;box-shadow:var(--student-shadow)}.student-profile-cover{height:165px;background:radial-gradient(ellipse at 84% 50%,#24637180,transparent 50%),linear-gradient(115deg,#071b29,#123441 66%,#092331);color:#b1dedb;border-bottom:1px solid #3d6069;position:relative;overflow:hidden}.student-profile-cover:before{content:'';position:absolute;width:320px;height:320px;right:50px;top:-115px;border:1px solid #72c7c830;border-radius:50%;box-shadow:0 0 0 50px #7dcbd309,0 0 0 100px #7dcbd306}.student-profile-cover>span{letter-spacing:.19em;font-size:10px;position:relative}.student-profile-cover svg{width:150px;height:150px;opacity:.19}.student-profile-identity{padding:0 30px 26px;gap:22px;align-items:start}.student-profile-avatar{margin-top:-37px;position:relative}.student-profile-avatar .student-avatar{width:106px;height:106px;border:5px solid var(--student-surface);border-radius:25px;font-size:30px;box-shadow:0 5px 20px #103c4520}.student-profile-name{padding-top:21px;min-width:0}.student-profile-name h2{font-size:28px;letter-spacing:-.04em;margin:5px 0}.student-profile-name .student-member-label{font-size:9px;letter-spacing:.14em}.student-profile-name .student-muted{max-width:580px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.student-joined{font-size:11px}.student-profile-identity>.student-button{margin-top:25px;white-space:nowrap;font-size:12px}.student-panel{border-radius:16px;box-shadow:none}.student-profile-editor{margin-top:23px;gap:22px}.student-section-heading h2{font-size:18px;letter-spacing:-.025em}.student-form label{font-size:12px;font-weight:500}.student-form input,.student-form textarea{font-size:13px;border-radius:9px}.student-privacy-card{font-size:12px}.student-form-footer{border-top:1px solid var(--student-line);padding-top:18px}.student-security-panel h2{font-size:24px;letter-spacing:-.035em}.stellar-profile-meta{display:flex;flex-wrap:wrap;gap:12px;margin:9px 0;color:var(--student-muted);font-size:11px}.stellar-profile-meta a{color:var(--student-accent)}.stellar-profile-headline{font-size:14px!important;color:var(--student-ink)!important;margin:6px 0}.stellar-appearance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stellar-appearance-grid button{display:grid;gap:10px;padding:16px;border:1px solid var(--student-line);border-radius:13px;background:var(--student-soft);color:var(--student-ink);text-align:left;cursor:pointer}.stellar-appearance-grid button[aria-pressed=true]{border-color:var(--student-accent);box-shadow:0 0 0 1px var(--student-accent)}.stellar-appearance-grid .stellar-theme-swatch{width:100%;height:80px}.stellar-appearance-grid strong{font-size:13px}.stellar-appearance-grid small{color:var(--student-muted);font-size:11px}.stellar-settings-row{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--student-line)}.stellar-settings-row h3{font-size:14px;margin:0 0 5px}.stellar-settings-row p{font-size:12px;color:var(--student-muted);margin:0}.stellar-settings-row select{padding:8px;border:1px solid var(--student-line);border-radius:8px;color:var(--student-ink);background:var(--student-surface);max-width:170px}
/* Optional Space appearance uses actual CSS layers; no image wallpaper. */
html[data-skin=space] .student-page{--student-bg:#07111d;--student-surface:#0e2030;--student-soft:#102435;--student-line:#294351;--student-tint:#173e49;--student-bubble:#184955;background:radial-gradient(ellipse at 90% 0%,#164c5b6b,transparent 60%),#07111d;background-attachment:fixed}
html[data-skin=space] .student-thread-body{background:radial-gradient(circle at 10% 12%,#81cbce52 0 1px,transparent 1.6px),radial-gradient(circle at 68% 67%,#83b8ed38 0 1px,transparent 1.7px),radial-gradient(ellipse at 90% 0%,#286e751f,transparent 60%);background-size:137px 157px,211px 183px,100% 100%}html[data-skin=space] .student-thread-header{background:#0e2030ef}html[data-skin=space] .student-header{background:#07111de8}html[data-skin=space] #stellar-help-panel{background:radial-gradient(ellipse at 100% 0%,#18495266,transparent 50%),#0b1b27}
@media(max-width:1150px){.stellar-space-home .header-start{display:none}.stellar-space-home .header-inner{gap:12px}.stellar-space-home .desktop-nav{gap:0}.student-nav>a{padding:9px 10px}.student-messenger{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:850px){.student-profile-layout{grid-template-columns:1fr;gap:18px}.student-account-sidebar nav{display:flex;overflow:auto;gap:5px}.student-account-sidebar nav>a{white-space:nowrap}.student-sidebar-note{display:none}.student-profile-identity{padding-inline:22px}.student-profile-editor{grid-template-columns:1fr}.student-privacy-card{max-width:none}.student-messenger{grid-template-columns:250px minmax(0,1fr)}.student-chat-main{width:calc(100% - 30px)}.student-header-inner{padding-inline:20px}.student-nav>a{font-size:12px}.student-brand .stellar-wordmark{width:130px}.student-header-name{display:none}.student-account-main{width:calc(100% - 32px)}}
@media(max-width:700px){.student-messenger{display:flex;height:calc(100dvh - 182px);min-height:440px;border-radius:15px}.student-conversations{width:100%}.student-thread{width:100%;display:none}.student-messenger.has-conversation .student-conversations{display:none}.student-messenger.has-conversation .student-thread{display:flex;flex-direction:column}.student-thread-body{padding:14px;flex:1;min-height:0}.student-composer{margin:8px 10px 0;padding:6px}.student-composer-hint{padding-inline:16px}.student-chat-main{padding-top:18px}.student-messages-heading{padding-bottom:14px}.student-messages-heading h1{font-size:25px}.student-messages-heading p{display:none}.student-messages-heading .student-text-link{font-size:11px}.student-thread-header{padding:12px;min-height:69px}.student-message-bubble{max-width:85%;font-size:13px}.student-header-inner{min-height:67px;padding-inline:16px;gap:10px}.student-nav{margin-left:auto}.student-nav>a{padding:8px}.student-nav>a>span{display:none}.student-header-tools{gap:4px}.student-header-tools>[data-student-theme]{display:none}.student-account-menu>summary{border:0;padding:0}.student-brand .stellar-wordmark{width:112px}.student-brand{gap:7px}.student-brand .stellar-symbol{width:30px;height:30px}.student-header-tools .student-message-shortcut{display:none}.student-profile-cover{height:135px}.student-profile-cover>span{font-size:8px}.student-profile-identity{display:flex;flex-wrap:wrap;gap:16px;padding:0 20px 23px}.student-profile-avatar{margin-top:-31px}.student-profile-avatar .student-avatar{width:87px;height:87px;border-radius:21px;font-size:24px}.student-profile-name{width:100%;padding-top:0}.student-profile-name h2{font-size:25px}.student-profile-identity>.student-button{margin-top:0}.stellar-appearance-grid{gap:7px}.stellar-appearance-grid button{padding:10px}.stellar-appearance-grid .stellar-theme-swatch{height:52px}.stellar-appearance-grid small{font-size:10px}.stellar-settings-row{gap:12px}.stellar-settings-row select{max-width:140px}.stellar-space-home .hero{padding-top:40px;padding-bottom:40px}.stellar-space-home .header-inner{height:70px}.stellar-space-home .brand .stellar-wordmark{max-width:135px}.stellar-space-home .platform-index{padding-bottom:28px}.stellar-space-home .student-injected{margin-left:auto}.stellar-space-home .theme-toggle{margin-left:0}.stellar-space-home .stellar-appearance-toggle{width:30px}.stellar-space-home .header-inner{gap:7px}.stellar-share-selection{bottom:18px;font-size:12px;white-space:nowrap}.stellar-share-draft,.stellar-voice-preview{margin-inline:10px}.stellar-voice-preview{gap:8px;flex-wrap:wrap}.stellar-voice-preview audio{width:180px}#stellar-help-panel{inset:10px;width:auto;height:calc(100dvh - 20px);max-height:none;border-radius:19px}#stellar-help-fab{right:15px;bottom:18px}#stellar-help-fab .jarvis-face{width:28px;height:28px}.help-wide{width:auto!important}.student-chat-page #stellar-help-fab{bottom:8px;right:8px;padding:6px 10px;font-size:10px;opacity:.9}.student-chat-page #stellar-help-fab .jarvis-face{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.stellar-live-sky canvas{opacity:.7}.student-send-button{transition:none}}

@media(max-width:700px){.student-nav .student-icon{display:block;width:19px;height:19px}.student-chat-main{padding-inline:0}.student-account-main{padding-inline:0}.student-header-inner .student-nav>a{min-width:34px;justify-content:center}.student-thread .student-thread-body{min-height:0}.stellar-appearance-grid{overflow:hidden}}
.student-chat-main{padding-bottom:12px}.student-messenger{min-height:300px}.student-chat-page #stellar-help-fab{width:44px;height:44px;justify-content:center;padding:6px;right:12px;bottom:20px;border-radius:15px}.student-chat-page #stellar-help-fab>span{display:none}.student-chat-page #stellar-help-fab .jarvis-face{width:28px;height:28px}.student-messages-heading{padding-bottom:0;margin-bottom:20px}.student-message-bubble:has(.stellar-audio-message){min-width:255px}
@media(max-width:700px){.student-chat-page #stellar-help-fab{top:125px;bottom:auto;width:32px;height:32px;right:13px;border-radius:10px}.student-chat-page #stellar-help-fab .jarvis-face{width:23px;height:23px}.student-messages-heading .student-text-link{display:none}.student-messenger{min-height:250px}.student-nav{gap:4px!important;height:42px!important}.student-header-inner{padding-top:10px}.student-nav>a{flex:1;gap:6px}.student-nav>a>span{display:inline;font-size:11px}.student-profile-layout{display:block}.student-profile-content{margin-top:18px}.student-account-sidebar nav button{white-space:nowrap}}
.student-conversation-list{overflow-x:hidden}.stellar-peer-members,.stellar-group-actions,#groupEditForm{width:100%}.stellar-member .student-avatar{width:32px!important;height:32px!important;font-size:11px!important;margin:0!important;flex:0 0 32px}.stellar-member>span{min-width:0}.stellar-member strong{overflow-wrap:anywhere}.stellar-member select{margin-left:auto;border:1px solid var(--student-line);border-radius:7px;background:var(--student-soft);color:var(--student-ink);padding:6px}.stellar-group-form{text-align:left}.stellar-voice-preview audio{flex:1;min-width:120px}.student-voice-preview{flex-shrink:0}
@media(min-width:1100px){.student-messenger:has(#studentDetails:not([hidden])){grid-template-columns:280px minmax(0,1fr) 290px}.student-messenger:has(#studentDetails:not([hidden])) .student-peer-panel{position:static;width:auto;grid-column:3;box-shadow:none;padding:18px}}
#groupSearch{min-width:0;flex:1;border:1px solid var(--student-line);border-radius:9px;background:var(--student-soft);color:var(--student-ink);padding:10px 12px;font:inherit;font-size:12px}.stellar-dialog-actions{flex-wrap:wrap}#groupDirectory .student-button{font-size:11px;padding:8px 12px;min-height:34px}.student-page [data-group-member]{font-family:inherit}
@media(max-width:700px){.student-account-sidebar nav{scrollbar-width:none}.student-account-sidebar nav::-webkit-scrollbar{display:none}.student-account-sidebar nav{mask-image:linear-gradient(90deg,#000 93%,transparent)}.student-account-sidebar nav button{padding:10px 11px}.student-account-sidebar nav a{font-size:11px}}
@media(max-width:620px){.stellar-space-home .header-inner{gap:6px}.stellar-space-home .brand{gap:7px}.stellar-space-home .brand .stellar-wordmark{width:105px;max-width:105px}.stellar-space-home .brand .stellar-symbol{width:28px;height:28px;flex:none}.stellar-space-home .student-injected{margin-inline-end:0}.stellar-space-home .student-message-shortcut{display:none}.stellar-space-home .student-signin{font-size:11px;padding:6px;gap:5px}.stellar-space-home .student-signin .student-icon{width:16px;height:16px}.stellar-space-home .theme-toggle{width:30px;min-height:32px;padding:6px}.stellar-space-home .stellar-appearance-toggle{width:26px}.stellar-space-home .menu-button{width:30px;height:32px}}
@media(max-width:350px){.stellar-space-home .brand .stellar-wordmark{width:85px;max-width:85px}.stellar-space-home .brand .stellar-symbol{width:25px;height:25px}.stellar-space-home .header-inner{gap:4px}}

@media(max-width:350px){.stellar-space-home .student-signin{font-size:0;gap:0;padding:6px}.stellar-space-home .student-signin .student-icon{width:16px;height:16px}.stellar-space-home .brand{gap:5px}.stellar-space-home .brand .stellar-wordmark{width:80px;max-width:80px}}

/* STELLAR Studio — crisp surfaces, familiar messaging, a living companion. */
:root{--student-bg:#f2f5f5;--student-surface:#fff;--student-soft:#eef3f3;--student-ink:#102426;--student-muted:#526b70;--student-line:#d5e2e2;--student-accent:#007f82;--student-accent-ink:#fff;--student-tint:#d9f2ee;--student-bubble:#bcece2;--student-header:#fff;--help-accent:#007f82}
html[data-theme=dark]{--student-bg:#0b0f10;--student-surface:#13191b;--student-soft:#1b2426;--student-ink:#edf8f6;--student-muted:#9aafae;--student-line:#2b3738;--student-accent:#5ee0ce;--student-accent-ink:#062d2b;--student-tint:#133b38;--student-bubble:#075650;--student-header:#0b1011}
.student-page{--student-bg:#f2f5f5;--student-line:#d5e2e2;background:var(--student-bg)}
html[data-theme=dark] .student-page{--student-bg:#0b0f10;--student-surface:#13191b;--student-soft:#1b2426;--student-line:#2b3738;--student-ink:#edf8f6;--student-muted:#9aafae;--student-accent:#5ee0ce;--student-tint:#133b38;--student-bubble:#075650}
.student-button.primary{background:var(--student-accent);color:var(--student-accent-ink);border-color:var(--student-accent);font-weight:650}
.student-icon{stroke-width:1.6}.student-avatar{background:var(--student-tint);border:1px solid color-mix(in srgb,var(--student-accent) 20%,transparent);color:var(--student-accent)}
/* A quiet header: wordmark, navigation, three precise utilities. */
.student-header,.stellar-space-home .site-header{border:0;box-shadow:none}
.student-header-inner{max-width:1520px;min-height:76px;padding:0 32px;gap:32px}
.student-brand{gap:10px}.student-brand .stellar-symbol{width:32px;height:32px}.student-brand .stellar-wordmark{width:158px}
.student-nav{gap:10px;margin-inline:auto;height:auto!important}
.student-nav>a{padding:9px 12px;border:0;border-radius:30px;font-size:12px;gap:8px;color:var(--student-muted)}
.student-nav>a[aria-current=page]{background:var(--student-tint);color:var(--student-accent);border-bottom:0;box-shadow:none}
.student-nav>a:after{display:none}.student-nav .student-icon{width:17px;height:17px}
.student-header-tools{gap:9px}.student-header-tools>[data-student-account]{gap:8px}.student-header-tools .student-message-shortcut{display:none}
.student-account-menu>summary{border:0;background:none;padding:0;border-radius:50%;min-width:36px}
.student-account-menu>summary>.student-avatar{width:34px;height:34px;font-size:10px}
.student-icon-button{border-radius:50%;width:36px;height:36px}.student-header-tools>[data-student-theme]{display:inline-flex}
.student-header-tools .student-icon-button:hover{background:var(--student-tint);color:var(--student-accent)}
.student-dropdown{border-radius:14px;min-width:230px;padding:8px}.student-dropdown>a,.student-dropdown>button{font-size:12px;padding:11px 12px;gap:12px}
.student-menu-identity{padding:12px;border-bottom:1px solid var(--student-line);margin-bottom:6px}
.stellar-space-home .site-header{color:#e6f5f3;background:#01020455!important;backdrop-filter:blur(12px)}
.stellar-space-home .header-inner{height:78px;max-width:1440px;gap:28px}
.stellar-space-home .brand .stellar-wordmark{width:169px;max-width:none;color:#f0fffc}
.stellar-space-home .brand .stellar-symbol{width:35px;height:35px}
.stellar-space-home .desktop-nav{margin-inline:auto;gap:24px}.stellar-space-home .desktop-nav a{color:#cbd7d9;font-size:13px;padding:8px 0;border-radius:0}
.stellar-space-home .desktop-nav a:hover{color:#6ff0de;background:none}.stellar-space-home .header-start{display:none}
.stellar-space-home .theme-toggle{border:0;background:none;color:#d8e6e5;border-radius:50%;width:36px;height:36px;min-height:36px;padding:8px;margin:0}
.stellar-space-home .theme-toggle>span{display:none}.stellar-space-home .theme-toggle svg{width:19px;height:19px}
.stellar-space-home .student-injected{margin:0;gap:12px;color:#e6f5f3}.stellar-space-home .student-message-shortcut{display:inline-flex}
.stellar-space-home .student-account-menu>summary{padding:0;border:0}.stellar-space-home .student-avatar{background:#0b3336;color:#76e1d6;border-color:#27595c}
.stellar-space-home .student-signin{color:#edf8f6;font-size:12px;padding:8px 16px;border:1px solid #536367;border-radius:30px}
html[data-theme=light] .stellar-space-home .site-header.stellar-header-over-content{background:#ffffffed!important;color:#102426}
html[data-theme=light] .stellar-space-home .stellar-header-over-content .desktop-nav a,html[data-theme=light] .stellar-space-home .stellar-header-over-content .theme-toggle,html[data-theme=light] .stellar-space-home .stellar-header-over-content .student-injected,html[data-theme=light] .stellar-space-home .stellar-header-over-content .student-signin,html[data-theme=light] .stellar-space-home .stellar-header-over-content .stellar-wordmark{color:#102426}
/* The sky is drawn live. Its section ends at the hero statistics. */
.stellar-space-home .stellar-live-sky,html[data-theme=dark] .stellar-space-home .stellar-live-sky{background:#010204;mask-image:none}
.stellar-space-home .stellar-live-sky canvas{opacity:1}
.stellar-space-home .hero{min-height:650px;padding-top:84px;padding-bottom:65px;color:#effaf7}
.stellar-space-home .hero h1{color:#f2fffb;letter-spacing:-.065em;font-size:clamp(50px,5.5vw,82px);line-height:1.05}
.stellar-space-home .hero .eyebrow{color:#71e2d6;letter-spacing:.19em;font-size:11px}
.stellar-space-home .hero-description{color:#b3c7ca;font-size:17px;line-height:1.75;max-width:490px}
.stellar-space-home .hero .hero-note{color:#98afb2;font-size:12px}
.stellar-space-home .hero .button-primary{background:#74efda;color:#042c28;border-color:#74efda;font-weight:650;border-radius:7px}
.stellar-space-home .hero .quiet-link{color:#e3eeec}.stellar-space-home .hero .quiet-link:hover{color:#74efda}
.stellar-space-home .platform-index{color:#e7f3f0;border-color:#60797550;padding-bottom:28px;margin-bottom:0}
.stellar-space-home .platform-index :is(p,small,span){color:#a0b9bd}.stellar-space-home .platform-index strong{color:#f1fffa}
html[data-theme=light] .stellar-space-home{--accent:#007f82;--ink:#102426;--muted:#516b71;background:#fff}
html[data-theme=light] .stellar-space-home .button-primary{background:#007f82;color:white;border-color:#007f82}
html[data-theme=light] .stellar-space-home .hero .button-primary{background:#74efda;color:#042c28;border-color:#74efda}
/* Messages: a familiar three-column desktop workspace. */
.student-chat-page{overflow:hidden}.student-chat-main{max-width:none;width:calc(100% - 32px);padding:8px 0 12px;margin:0 auto}
.student-messages-heading{display:none}.student-messenger{grid-template-columns:60px 326px minmax(0,1fr);height:calc(100dvh - 96px);min-height:280px;max-height:none;border-radius:13px;border:1px solid var(--student-line);box-shadow:0 20px 70px #001c2110}
.stellar-message-rail{display:flex;flex-direction:column;align-items:center;gap:13px;padding:20px 8px;background:var(--student-soft);border-right:1px solid var(--student-line)}
.stellar-message-rail>a,.stellar-message-rail>button{display:grid;place-items:center;width:38px;height:38px;flex:none;color:var(--student-muted);border:0;background:transparent;border-radius:50%;text-decoration:none}
.stellar-message-rail .active{background:var(--student-tint);color:var(--student-accent)}.stellar-message-rail>a:hover,.stellar-message-rail>button:hover{background:var(--student-tint);color:var(--student-accent)}
.stellar-rail-spacer{flex:1}.stellar-message-rail .student-icon{width:21px;height:21px}
.student-conversations{background:var(--student-surface)}.student-inbox-heading{padding:21px 20px 16px}.student-inbox-heading h2{font-size:24px;letter-spacing:-.05em;margin:0}.student-inbox-heading #inboxCount{font-size:10px}
.student-inbox-heading #newChatBtn{background:var(--student-accent);color:var(--student-accent-ink);width:34px;height:34px}
.stellar-community-entry{display:none}.student-chat-search{margin:0 14px 12px;padding:0 12px;min-height:39px;background:var(--student-soft);border:0;border-radius:8px}.student-chat-search input{font-size:11px;height:38px}.student-chat-search .student-icon{width:16px;height:16px}
.student-inbox-filters{padding:0 14px 14px;gap:5px;border:0}.student-inbox-filters>button{border:1px solid var(--student-line);border-radius:20px;font-size:10px;padding:6px 10px;font-weight:500;background:transparent}
.student-inbox-filters>button[aria-pressed=true]{background:var(--student-tint);border-color:transparent;color:var(--student-accent)}
.student-conversation-list>li>button{padding:13px 14px;margin:0 7px;width:calc(100% - 14px);border:0;border-radius:8px;min-height:78px;gap:13px}
.student-conversation-list>li>button.active{border:0;background:var(--student-tint)}.student-conversation-list>li>button:hover{background:var(--student-soft)}
.student-conversation-list .student-avatar{width:44px;height:44px;flex-basis:44px;font-size:12px}.student-conversation-copy strong{font-size:13px;font-weight:600}.student-last-message{font-size:11px;color:var(--student-muted)}.student-conversation-list time{font-size:9px}.student-conversation-copy .student-icon{width:12px;height:12px;color:var(--student-accent);margin-left:auto}
.student-inbox-footer{padding:13px 17px;font-size:9px;border-top:0;background:transparent}
.student-thread-header{height:70px;min-height:70px;padding:0 25px;border-bottom:1px solid var(--student-line);background:var(--student-surface)}.student-thread-header .student-avatar{width:39px;height:39px;font-size:11px}.student-peer-button strong{font-size:13px}.student-thread-subtitle{font-size:10px}
.student-thread{background:var(--student-soft)}
.student-thread-body{padding:16px clamp(18px,4vw,75px) 25px;background-color:#edf3f0;background-image:url('/shared/stellar-chat-pattern.svg');background-size:360px;scrollbar-width:thin;scrollbar-color:#9cafae transparent}
html[data-theme=dark] .student-thread-body{background-color:#0e1516;background-blend-mode:soft-light}
.student-message-list{gap:5px}.student-day-divider{margin:13px 0 23px}.student-day-divider span{background:var(--student-surface);box-shadow:0 1px 2px #001c2110;border:0;padding:5px 11px;border-radius:6px;font-size:10px}
.student-message-row{gap:3px;align-items:center}.student-message-bubble{position:relative;border:0;border-radius:0 8px 8px;padding:7px 10px 5px;min-width:76px;max-width:min(75%,530px);box-shadow:0 1px 1px #001c2120;background:var(--student-surface)}
.mine .student-message-bubble{border-radius:8px 0 8px 8px;background:var(--student-bubble);border:0}
.student-message-bubble:before{content:'';position:absolute;left:-7px;top:0;border-top:8px solid var(--student-surface);border-left:8px solid transparent}
.mine .student-message-bubble:before{left:auto;right:-7px;border-left:0;border-right:8px solid transparent;border-top-color:var(--student-bubble)}
.student-message-bubble>p{font-size:13px;line-height:1.6;margin:0 0 3px}.student-message-meta{font-size:9px;gap:5px}.student-receipt.read{color:#008f96}.student-copy-message{opacity:0;flex-shrink:0;width:26px;height:28px;background:transparent;border:0;color:var(--student-muted);border-radius:50%}.student-copy-message:hover{background:var(--student-surface)}
.stellar-reply-card{border-inline-start:3px solid var(--student-accent);background:color-mix(in srgb,var(--student-accent) 8%,transparent);border-radius:5px;padding:7px 9px;margin-bottom:6px;display:grid;gap:3px;font-size:11px;max-width:400px}.stellar-reply-card strong{font-size:10px;color:var(--student-accent)}.stellar-reply-card span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.student-composer{align-items:center;gap:7px;border:1px solid var(--student-line);background:var(--student-surface);margin:10px 18px 0;padding:5px 7px;border-radius:32px;box-shadow:none}
.student-composer textarea,.student-composer textarea:focus{border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent;padding:10px 7px;min-height:40px;line-height:20px;font-size:13px}
.student-composer:focus-within{border-color:var(--student-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--student-accent) 10%,transparent)}
.student-composer>.student-icon-button{margin:0;width:34px;height:34px}.student-send-button{width:36px;height:36px;border-radius:50%;background:var(--student-accent);color:var(--student-accent-ink)}.student-send-button .student-icon{width:22px;height:22px}
.student-composer-hint{padding:5px 36px 7px;font-size:8px}.student-chat-status:empty{display:none}.student-chat-status{padding:5px 24px;font-size:10px}.stellar-share-draft{margin:8px 22px 0;border-radius:8px}.student-thread-empty{background:var(--student-soft);background-image:url('/shared/stellar-chat-pattern.svg');background-size:500px}.student-empty-orbit{width:110px;height:110px;background:var(--student-surface);border-color:var(--student-line)}
.student-peer-panel{background:var(--student-surface)}
/* Space is a personal chat skin, never a third site theme. */
html[data-chat-theme=space] .student-chat-page{--student-bg:#02060d;--student-surface:#081322;--student-soft:#0d1c2b;--student-ink:#e8f9ff;--student-muted:#9ab8c7;--student-line:#234050;--student-accent:#65ead9;--student-accent-ink:#032c2f;--student-tint:#123f48;--student-bubble:#114955;background:#02060d}
html[data-chat-theme=space] .student-chat-page .student-header{background:#02060d;color:#e8f9ff}
html[data-chat-theme=space] .student-chat-page .student-messenger{border-color:#22434f;box-shadow:0 0 60px #16728815}
html[data-chat-theme=space] .student-thread-body,html[data-chat-theme=space] .student-thread-empty{background-color:#020713;background-image:url('/shared/stellar-space-pattern.svg'),radial-gradient(ellipse at 70% 70%,#143b624a,transparent 60%);background-size:660px,100% 100%;background-blend-mode:normal}
html[data-chat-theme=space] .student-message-bubble{box-shadow:0 2px 15px #0004;border:1px solid #233c4b;background:#0e2134ef}
html[data-chat-theme=space] .student-message-bubble:before{border-top-color:#0e2134}
html[data-chat-theme=space] .mine .student-message-bubble{background:#114955ef;border-color:#2c717a}
html[data-chat-theme=space] .mine .student-message-bubble:before{border-top-color:#114955}
html[data-chat-theme=space] .student-composer{background:#0b1b2c;border-color:#294856}
/* Profile — a member identity next to a focused editing workspace. */
.student-account-main{max-width:1320px;width:calc(100% - 80px);padding-top:40px;padding-bottom:70px}
.student-page-heading{margin-bottom:29px;align-items:end}.student-page-heading h1{font-size:40px;font-weight:600;letter-spacing:-.05em;margin:8px 0}.student-page-heading p{font-size:13px;line-height:1.7;color:var(--student-muted)}.student-eyebrow{font-size:9px;letter-spacing:.2em;font-weight:650;color:var(--student-accent)}
.student-profile-layout{display:block}.student-account-sidebar nav{display:flex;gap:6px;border:0;border-radius:0;padding:0 0 20px;background:none;overflow:auto;mask-image:none}
.student-account-sidebar nav button,.student-account-sidebar nav a{padding:10px 17px;font-size:12px;white-space:nowrap;border-radius:7px;border:1px solid transparent;color:var(--student-muted)}
.student-account-sidebar nav button[aria-current=page]{background:var(--student-accent);color:var(--student-accent-ink);border:1px solid var(--student-accent)}
.student-account-sidebar nav>a{margin-left:auto}.student-account-sidebar nav>a+a{margin-left:0}.student-sidebar-note{display:none}.student-profile-content{margin:0}
#profileTab{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}
.student-profile-card{border:0;border-radius:15px;background:#06191d;color:#f0fffb;position:sticky;top:100px;box-shadow:0 20px 45px #001b2420;overflow:hidden}
.student-profile-cover{height:150px;padding:25px;background:radial-gradient(circle at 75% 30%,#31778044,transparent 60%),#031013;color:#93eee0;border:0}
.student-profile-cover>span{font-size:9px;letter-spacing:.23em;z-index:1}
.student-profile-cover:before{width:230px;height:230px;right:-55px;top:-80px;box-shadow:0 0 0 22px #5ddbd208,0 0 0 60px #5ddbd204;border-color:#68ddcf40;transform:rotate(-25deg) scaleY(.68)}
.student-profile-cover:after{content:'✦';position:absolute;right:50px;top:60px;font-size:14px;color:#71eadb}
.student-profile-cover svg{width:97px;height:97px;opacity:.15;right:16px;top:70px;position:absolute}
.student-profile-identity{padding:0 28px 30px;display:block;position:relative}
.student-profile-avatar{margin-top:-48px;display:block}.student-profile-avatar .student-avatar{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;border:5px solid #06191d;background:#14605e;color:#a6ffed;box-shadow:none;font-size:28px}
.student-profile-name{padding-top:22px;width:auto}.student-profile-name h2{font-size:30px;font-weight:550;letter-spacing:-.045em;margin:9px 0 16px;color:#effffb;overflow-wrap:anywhere}
.student-profile-name .student-member-label{background:none;border:0;padding:0;color:#72dfd0;font-size:8px;letter-spacing:.17em}
.student-profile-name .student-muted{color:#a2c1c0;font-size:13px;line-height:1.8;margin-bottom:30px;white-space:pre-wrap}
.student-joined{font-size:10px;color:#81a5a8;display:block;border-top:1px solid #254146;padding-top:18px}
.stellar-profile-meta{color:#b2d9d5}.student-profile-identity>.student-button{display:inline-flex;margin-top:22px}
.student-profile-editor{display:block;margin:0}.student-profile-editor>.student-panel:first-child{padding:32px 34px;border-radius:14px;border:1px solid var(--student-line)}
.student-section-heading{margin-bottom:25px}.student-section-heading h2{font-size:28px;font-weight:550;letter-spacing:-.04em;margin:9px 0}.student-section-heading p{font-size:12px;color:var(--student-muted);line-height:1.7}
.student-form{gap:22px}.student-photo-actions{gap:15px;padding-bottom:23px;border-bottom:1px solid var(--student-line)}.student-photo-actions .student-field-help{width:100%;font-size:10px}.student-photo-actions button,.student-upload-label{font-size:12px}
.student-form label{font-size:12px;font-weight:600;gap:8px}.student-form input,.student-form textarea{border:1px solid var(--student-line);border-radius:7px;background:var(--student-surface);padding:12px 13px;font-size:13px;min-height:46px}.student-form input:focus,.student-form textarea:focus{outline:0;border-color:var(--student-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--student-accent) 10%,transparent)}.student-form input[readonly]{background:var(--student-soft)}.student-field-help{font-weight:400;font-size:10px;color:var(--student-muted);line-height:1.6}
.student-profile-editor .student-privacy-card{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;background:none;padding:20px 5px;border:0;box-shadow:none;font-size:10px}
.student-privacy-card .student-small-icon{width:28px;height:28px;margin:0}.student-privacy-card h3{font-size:11px;margin:0}.student-privacy-card>p{display:none}.student-privacy-card .student-privacy-row{padding:0;border:0;gap:8px;font-size:10px;margin-left:auto}.student-privacy-card .student-privacy-row+.student-privacy-row{margin-left:0}
.student-security-panel{max-width:900px;padding:34px;border-radius:14px}.student-security-panel>h2{font-size:30px;font-weight:550;margin:8px 0 13px}.student-security-row{padding:24px 0}.student-security-row h3{font-size:14px}
.stellar-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;gap:15px;margin:25px 0 34px}.stellar-appearance-grid button{padding:16px;background:var(--student-surface);border-radius:10px;gap:8px}.stellar-appearance-grid .stellar-theme-swatch{height:85px;border-radius:5px;background:linear-gradient(90deg,#d3f3eb 27%,transparent 27%),linear-gradient(#fff 25%,#e9eeee 25%);border:1px solid #c8d8d8;position:relative}.stellar-appearance-grid .stellar-theme-swatch.dark{background:linear-gradient(90deg,#0d504a 27%,transparent 27%),linear-gradient(#1b2525 25%,#0c1213 25%);border-color:#334a4a}.stellar-appearance-grid .stellar-theme-swatch:after{content:'';position:absolute;left:36%;right:12%;top:42%;height:23px;border-radius:5px;background:#9bc9c34a}
.stellar-chat-appearance-section{border-top:1px solid var(--student-line);padding:28px 0 15px}.stellar-chat-appearance-section>h3{font-size:21px;margin:10px 0 7px;letter-spacing:-.03em}.stellar-chat-appearance-section>p{font-size:12px;color:var(--student-muted)}
.stellar-chat-theme-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:600px;margin:20px 0 13px}.stellar-chat-theme-choices>button{padding:12px;border-radius:10px;background:var(--student-surface);border:1px solid var(--student-line);text-align:left;display:grid;gap:8px;color:var(--student-ink)}
.stellar-chat-theme-choices>button[aria-pressed=true]{border-color:var(--student-accent);box-shadow:0 0 0 1px var(--student-accent)}.stellar-chat-theme-choices strong{font-size:12px}.stellar-chat-theme-choices small{font-size:10px;color:var(--student-muted)}
.chat-theme-preview{height:120px;border:1px solid var(--student-line);border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:8px;background:#edf3f0 url('/shared/stellar-chat-pattern.svg') center/300px}
.chat-theme-preview i{display:block;height:14px;width:54%;border-radius:3px;background:#fff;box-shadow:0 1px 2px #0001}.chat-theme-preview i:nth-child(2){align-self:end;background:#9de7d8;width:65%}.chat-theme-preview i:nth-child(3){width:40%}
.chat-theme-preview.space{background:#030c1b url('/shared/stellar-space-pattern.svg') center/300px;border-color:#27495b}.chat-theme-preview.space i{background:#19354b}.chat-theme-preview.space i:nth-child(2){background:#247c82}
/* Jarvis floats as a character; answers appear in his small speech window. */
#stellar-help-fab,.student-chat-page #stellar-help-fab{width:82px;height:82px;right:22px;bottom:21px;top:auto;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none;opacity:1;touch-action:none;user-select:none;cursor:grab;transition:filter .2s;overflow:visible}
#stellar-help-fab:active{cursor:grabbing}#stellar-help-fab:focus-visible{outline:2px solid var(--help-accent);outline-offset:0;border-radius:50%}
#stellar-help-fab .jarvis-being{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 9px #002b3e35);animation:jarvis-float 5s ease-in-out infinite}
.jarvis-body{fill:#087f87;stroke:#7de7de;stroke-width:.7}.jarvis-gloss{fill:none;stroke:#9fffee;stroke-width:2;stroke-linecap:round;opacity:.35}.jarvis-eyes{fill:#edfffa;translate:var(--jx,0px) var(--jy,0px);transition:translate .3s ease}.jarvis-eye{transform-box:fill-box;transform-origin:center;animation:jarvis-blink 6.8s infinite}.eye-right{animation-delay:.035s}.jarvis-orbit{fill:none;stroke:#30bcb7;stroke-width:.6;opacity:.5;transform:rotate(-25deg);transform-origin:center}.jarvis-smile{fill:none;stroke:#c0fff2;stroke-width:1.6;stroke-linecap:round;opacity:.6}.jarvis-stars{fill:#8bffe9;opacity:.75}.jarvis-satellite{fill:#8bffe9;filter:drop-shadow(0 0 3px #78e6ee)}
.jarvis-name{position:absolute;white-space:nowrap;right:82px;top:28px;padding:5px 11px;border-radius:20px;background:var(--help-bg);color:var(--help-ink);box-shadow:0 3px 15px #001c2120;font-size:11px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s}
#stellar-help-fab:hover .jarvis-name,#stellar-help-fab:focus-visible .jarvis-name{opacity:1}.jarvis-dragging .jarvis-being,.jarvis-travelling .jarvis-being{animation:none!important;rotate:-9deg;scale:.96}.jarvis-awake .jarvis-body{fill:#06646e}.jarvis-answering .jarvis-smile{stroke-width:3}.jarvis-answering .jarvis-stars{animation:jarvis-sparkle .7s alternate 2}
#stellar-help-panel{inset:auto;width:440px;height:auto;max-height:min(640px,calc(100dvh - 120px));border-radius:23px;overflow:visible;background:var(--help-bg);box-shadow:0 18px 75px #00192135;border:1px solid var(--help-line);font-size:13px}
#stellar-help-panel:after{content:'';position:absolute;bottom:-7px;left:var(--jarvis-anchor,90%);width:13px;height:13px;background:var(--help-bg);border-right:1px solid var(--help-line);border-bottom:1px solid var(--help-line);transform:rotate(45deg);z-index:-1}
.help-header{padding:14px 17px 10px;flex:none;direction:ltr}.help-brand{gap:8px}.help-brand .jarvis-mini{display:block;width:35px;height:35px;margin:0}.jarvis-mini .jarvis-being{width:35px;height:35px}.help-brand strong{font-size:15px;letter-spacing:-.02em;text-transform:none}.help-brand div>span{font-size:7px;letter-spacing:.13em;margin:0;color:var(--help-muted)}
.help-actions{align-items:center;gap:8px}.jarvis-language{display:flex;border:1px solid var(--help-line);padding:2px;border-radius:20px}.help-actions .jarvis-language button{width:auto;height:25px;padding:3px 9px;font-size:10px;line-height:1;border-radius:16px}.help-actions .jarvis-language button[aria-pressed=true]{background:var(--help-accent);color:var(--help-bg)!important}.help-actions>#help-close{width:26px;height:26px}
.help-context{display:grid;grid-template-columns:8px 1fr;gap:0 7px;border:0;border-radius:0;margin:0 18px 11px;padding:0 0 10px;background:none;border-bottom:1px solid var(--help-line);flex:none}
.help-context>i{grid-row:1/4;align-self:start;width:5px;height:5px;margin-top:6px;border-radius:50%;background:var(--help-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--help-accent) 10%,transparent)}.help-context>span{font-size:9px;letter-spacing:0}.help-context strong{font-size:10px;font-weight:550;line-height:1.5}.help-context small{font-size:9px;margin-top:1px}
.help-controls{display:flex;gap:7px;padding:0 17px 11px;border:0;flex:none}.help-controls #help-track{width:115px;flex:0 0 115px;font-size:10px!important;padding:7px 5px;background:var(--help-soft);border:0;min-height:34px;border-radius:7px}.help-controls #help-search{min-width:0;flex:1;width:auto;min-height:34px;font-size:11px!important;padding:7px 10px;border-radius:7px;border:0}
.help-body{flex:1 1 auto;min-height:80px;max-height:380px;padding:4px 17px 17px;overflow:auto;border-radius:0 0 22px 22px}
.jarvis-welcome{padding:12px 0 7px}.jarvis-welcome>span{color:var(--help-accent);font-size:17px}.help-body .jarvis-welcome h2{font-size:25px;margin:5px 0;letter-spacing:-.04em}.jarvis-welcome p{font-size:12px;color:var(--help-muted);margin:0;line-height:1.7}
.jarvis-topics{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.jarvis-topics button{font:inherit;font-size:10px;border:1px solid var(--help-line);background:none;color:var(--help-muted);padding:5px 9px;border-radius:20px;cursor:pointer}.jarvis-topics button[aria-pressed=true]{background:var(--help-tint,var(--help-soft));color:var(--help-accent);border-color:var(--help-accent)}
.help-group{font-size:10px;margin:17px 0 8px;letter-spacing:0}.help-question{font-size:12px!important;line-height:1.7!important;background:var(--help-soft);border:1px solid transparent;border-radius:9px;padding:9px 11px;margin-top:0;min-height:40px}.help-question:hover{border-color:var(--help-accent)}
#help-back{padding-bottom:13px}#help-answer-title{font-size:21px;line-height:1.55;letter-spacing:-.02em}#help-answer-source{font-size:10px;margin:10px 0 17px}.help-markdown{font-size:14px;line-height:1.9}.help-markdown h3{font-size:15px}.help-markdown p{margin:0 0 15px}#help-copy{margin-top:10px}
.help-footer{flex:none;font-size:9px;padding:9px 13px;border-radius:0 0 23px 23px}#help-selection{flex:none;margin:0 17px 8px}#help-selection blockquote{max-height:40px}
@keyframes jarvis-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes jarvis-blink{0%,42%,45%,78%,81%,100%{scale:1 1}43%,44%,79%,80%{scale:1 .08}}
@keyframes jarvis-sparkle{to{opacity:.2}}
@media(min-width:1200px){.student-messenger:has(#studentDetails:not([hidden])){grid-template-columns:60px 300px minmax(0,1fr) 270px}.student-messenger:has(#studentDetails:not([hidden])) .student-peer-panel{position:static;grid-column:4;width:auto;padding:18px;box-shadow:none}}
@media(max-width:1100px){.stellar-space-home .desktop-nav{gap:17px}.stellar-space-home .header-inner{gap:20px}.student-messenger{grid-template-columns:54px 285px minmax(0,1fr)}.student-header-inner{gap:20px;padding-inline:24px}.student-nav{gap:1px}.student-nav>a{padding:8px 10px}.student-account-main{width:calc(100% - 48px)}#profileTab{grid-template-columns:285px minmax(0,1fr);gap:22px}.student-profile-editor>.student-panel:first-child{padding:25px}.student-profile-name h2{font-size:27px}.student-account-sidebar nav>a{display:none}}
@media(max-width:850px){.student-brand .stellar-wordmark{width:128px}.student-nav>a>span{display:none}.student-nav>a{min-width:36px}.student-nav .student-icon{display:block}.student-nav{margin-inline:auto}.student-header-inner{padding-inline:20px;gap:10px}.student-header-tools{gap:5px}.student-header-tools .stellar-settings-shortcut{display:none}.student-messenger{grid-template-columns:50px 245px minmax(0,1fr)}.student-chat-main{width:calc(100% - 20px)}.student-inbox-filters{gap:4px;padding-inline:10px}.student-inbox-filters>button{padding:5px 7px;font-size:9px}.student-message-bubble{max-width:85%}#profileTab{grid-template-columns:255px minmax(0,1fr);gap:18px}.student-profile-identity{padding-inline:23px}.student-form-columns{grid-template-columns:1fr}.student-privacy-card .student-privacy-row{margin-left:0}.stellar-space-home .hero{min-height:0;padding-top:65px}}
@media(max-width:700px){.student-header-inner{min-height:65px;display:flex;flex-wrap:nowrap;padding:0 14px;gap:8px}.student-header{position:sticky;top:0}.student-brand .stellar-wordmark{width:105px}.student-brand .stellar-symbol{width:27px;height:27px}.student-brand{gap:6px}.student-nav{gap:0!important;margin-left:auto;height:auto!important;flex:none;order:initial;width:auto;border:0}.student-nav>a{padding:7px;min-width:30px;flex:none}.student-nav>a>span{display:none}.student-nav .student-icon{width:17px;height:17px}.student-header-tools{gap:3px}.student-header-tools>[data-student-theme]{display:inline-flex;width:29px;height:29px}.student-header-tools>[data-student-account]{gap:0}.student-account-menu>summary{min-width:28px}.student-account-menu>summary>.student-avatar{width:27px;height:27px;font-size:9px}.student-header-tools .student-signin{font-size:0;gap:0;padding:5px}.student-header-tools .student-signin .student-icon{width:18px;height:18px}
 .student-chat-main{width:100%;padding:0;margin:0}.student-messenger{display:grid;grid-template-columns:48px minmax(0,1fr);border:0;border-top:1px solid var(--student-line);border-radius:0;height:calc(100dvh - 65px);min-height:200px;box-shadow:none}.stellar-message-rail{padding:15px 5px;gap:12px}.stellar-message-rail>a,.stellar-message-rail>button{width:33px;height:33px}.stellar-message-rail .student-icon{width:20px;height:20px}.student-conversations{width:100%;grid-column:2;border:0}.student-thread{display:none;width:100%}.student-messenger.has-conversation{display:flex}.student-messenger.has-conversation .stellar-message-rail,.student-messenger.has-conversation .student-conversations{display:none}.student-messenger.has-conversation .student-thread{display:flex}.student-conversation-back{display:inline-flex}.student-inbox-heading{padding:20px 16px 13px}.student-inbox-heading h2{font-size:25px}.student-chat-search{margin:0 12px 12px}.student-inbox-filters{padding:0 12px 13px;gap:5px}.student-inbox-filters>button{font-size:10px;padding:6px 10px}.student-thread-header{padding:10px 13px;gap:8px;min-height:65px;height:65px}.student-thread-actions{gap:0}.student-thread-actions .student-icon-button{width:30px;height:30px}.student-thread-body{padding:10px 18px 22px}.student-message-bubble{max-width:82%;padding:7px 10px 5px}.student-message-bubble>p{font-size:13px}.student-message-row{gap:2px}.student-copy-message{width:22px;opacity:.5}.student-copy-message .student-icon{width:13px;height:13px}.student-message-row .student-copy-message[data-copy]{display:none}.student-composer{margin:7px 9px 0;padding:4px 6px;gap:4px}.student-composer textarea{font-size:13px;min-height:40px;padding:9px 5px}.student-composer-hint{padding:4px 20px 7px;font-size:8px}.student-composer>.student-icon-button{width:29px;height:32px}.stellar-share-draft{margin:7px 12px 0}.student-send-button{width:35px;height:35px}.student-peer-button strong{max-width:165px}.student-thread-subtitle{font-size:9px}
 .student-account-main{width:calc(100% - 32px);padding:25px 0 45px}.student-page-heading{margin-bottom:18px;gap:12px}.student-page-heading h1{font-size:32px}.student-page-heading p{font-size:11px}.student-page-heading>.student-button{font-size:10px;padding:7px 10px;min-height:34px}.student-account-sidebar nav{gap:3px;padding-bottom:17px}.student-account-sidebar nav button{font-size:10px;padding:9px 11px}.student-account-sidebar nav>a{display:none}#profileTab{display:flex;flex-direction:column;gap:20px}.student-profile-card{position:relative;top:auto;width:100%}.student-profile-cover{height:104px;padding:22px}.student-profile-cover svg{top:32px;width:80px;height:80px}.student-profile-identity{padding:0 23px 23px;display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:start}.student-profile-avatar{margin-top:-27px}.student-profile-avatar .student-avatar{width:80px;height:80px;font-size:22px;border-radius:50%}.student-profile-name{padding:18px 0 0;width:auto}.student-profile-name h2{font-size:24px;margin:8px 0 11px}.student-profile-name .student-muted{font-size:12px;margin-bottom:18px}.student-joined{font-size:9px;padding-top:13px}.student-profile-name .student-member-label{font-size:7px}.student-profile-identity>.student-button{grid-column:2;margin-top:0}.student-profile-editor{width:100%}.student-profile-editor>.student-panel:first-child{padding:22px}.student-section-heading h2{font-size:25px}.student-form-columns{grid-template-columns:1fr}.student-privacy-card{gap:10px!important}.student-security-panel{padding:23px}.stellar-appearance-grid,.stellar-chat-theme-choices{gap:10px}.stellar-chat-theme-choices>button{padding:10px}.stellar-chat-theme-choices small{line-height:1.6}.chat-theme-preview{padding:12px;height:100px}.stellar-settings-row{gap:15px}.stellar-settings-row h3{font-size:12px}.stellar-settings-row p{font-size:10px}
 .stellar-space-home .header-inner{height:67px;gap:12px}.stellar-space-home .brand .stellar-wordmark{width:122px;max-width:122px}.stellar-space-home .brand .stellar-symbol{width:28px;height:28px}.stellar-space-home .student-injected{margin-left:auto}.stellar-space-home .student-message-shortcut{display:none}.stellar-space-home .theme-toggle{width:30px;height:30px;min-height:30px;padding:6px}.stellar-space-home .menu-button{color:#e4f4ef;border:0}.stellar-space-home .hero{padding:50px 0 38px}.stellar-space-home .hero h1{font-size:52px}.stellar-space-home .hero-description{font-size:15px;max-width:480px}.stellar-space-home .hero .hero-note{font-size:11px}.stellar-space-home .platform-index{padding-bottom:24px}.stellar-space-home .student-signin{font-size:11px;padding:6px 10px}
 #stellar-help-fab,.student-chat-page #stellar-help-fab{width:64px;height:64px;right:12px;bottom:16px;top:auto;padding:0;border-radius:0}.student-chat-page #stellar-help-fab{top:72px;bottom:auto;right:8px;width:43px;height:43px;opacity:.95}.student-chat-page:has(.has-conversation) #stellar-help-fab{top:72px;right:72px}.jarvis-name{right:62px;top:19px;font-size:10px}.student-chat-page #stellar-help-fab>span{display:block;opacity:0}#stellar-help-panel{inset:auto;width:calc(100% - 24px);height:auto;max-height:calc(100dvh - 120px);border-radius:20px}.help-body{max-height:330px}.help-header{padding:12px 14px 10px}.help-controls{padding-inline:14px;gap:6px}.help-context{margin-inline:15px}.help-body{padding-inline:14px}.help-controls #help-track{width:96px;flex-basis:96px}.help-controls #help-search{font-size:10px!important}.help-footer{font-size:8px}
}
@media(max-width:350px){.student-header-inner{padding-inline:10px;gap:4px}.student-brand .stellar-wordmark{width:84px}.student-brand{gap:5px}.student-nav>a{min-width:28px;padding:6px}.student-header-tools>[data-student-theme]{width:27px}.stellar-space-home .brand .stellar-wordmark{width:93px;max-width:93px}.stellar-space-home .header-inner{gap:8px}.stellar-space-home .hero h1{font-size:44px}.stellar-space-home .student-signin{font-size:10px;padding:6px 8px}.student-profile-identity{grid-template-columns:63px minmax(0,1fr);gap:12px;padding-inline:17px}.student-profile-avatar .student-avatar{width:65px;height:65px;font-size:19px}.student-profile-name h2{font-size:21px}.student-inbox-filters>button{font-size:9px;padding:5px 8px}.student-page-heading>.student-button{display:none}}
@media(prefers-reduced-motion:reduce){.jarvis-being,.jarvis-eye,.jarvis-stars{animation:none!important}.jarvis-eyes{transition:none}.stellar-live-sky canvas{opacity:1}}
html[data-motion=reduce] .jarvis-being,html[data-motion=reduce] .jarvis-eye,html[data-motion=reduce] .jarvis-stars{animation:none!important}
.stellar-workspace-section{padding-top:25px}.stellar-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--stroke,#dbe4e4);border-bottom:1px solid var(--stroke,#dbe4e4);margin-top:38px}.stellar-workspace-grid article{padding:32px 28px 32px 0;display:flex;flex-direction:column;align-items:start}.stellar-workspace-grid article+article{padding-left:28px;border-left:1px solid var(--stroke,#dbe4e4)}.workspace-feature-mark{font-size:9px;letter-spacing:.16em;color:var(--stellar-teal);margin-bottom:40px}.stellar-workspace-grid h3{font-size:23px;letter-spacing:-.045em;line-height:1.2;max-width:270px}.stellar-workspace-grid p{font-size:13px;line-height:1.8;color:var(--muted,#627575);margin:0 0 26px;max-width:320px}.stellar-workspace-grid a,.stellar-workspace-grid button{font:600 12px/1.5 inherit;color:var(--stellar-teal);text-decoration:none;background:none;border:0;padding:0;display:flex;gap:18px;margin-top:auto;cursor:pointer}.workspace-footnote{font-size:10px;color:var(--muted,#627575);margin-top:17px}.stellar-space-home .hero-identity .stellar-wordmark{color:#effffb}.stellar-space-home .identity-signature{color:#a3c3c4}.stellar-orbit-active .stellar-engine{opacity:1;animation:stellar-thrust .16s ease-in-out infinite alternate;transform-origin:-22px 26px;filter:drop-shadow(0 0 4px #4ac8ff)}@keyframes stellar-thrust{from{scale:.92 .96;opacity:.78}to{scale:1.1 1.05;opacity:1}}
/* Each learning path is a small planet with its own light. The original icons stay crisp. */
.stellar-path-portal{border-color:color-mix(in srgb,var(--path-color) 42%,var(--navigator-line));background:radial-gradient(circle at 32% 22%,var(--navigator-disc) 20%,color-mix(in srgb,var(--path-color) 10%,var(--navigator-disc-edge)) 60%,color-mix(in srgb,var(--path-color) 25%,var(--navigator-disc-edge)));box-shadow:inset -5px -5px 8px color-mix(in srgb,var(--path-color) 12%,transparent),inset 1px 2px 1px #fff8,0 3px 12px var(--navigator-shadow)}
.stellar-path-portal:before{inset:1px;border-color:color-mix(in srgb,var(--path-color) 18%,transparent);box-shadow:inset 0 0 0 4px var(--navigator-disc)}
.stellar-path-orbit{opacity:.38;border-color:var(--path-color);inset:8px -6px;transform:rotate(-32deg) scaleY(.45);z-index:-1}
.stellar-path-portal:after{opacity:.8;width:3px;height:3px;right:1px;top:13px;box-shadow:0 0 5px color-mix(in srgb,var(--path-color) 60%,transparent)}
.stellar-path-link:nth-child(3n) .stellar-path-orbit{transform:rotate(35deg) scaleY(.48)}
.stellar-path-navigator .stellar-path-link[aria-current=page] .stellar-path-portal{border-color:var(--path-color);background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--path-color) 10%,var(--navigator-disc)),color-mix(in srgb,var(--path-color) 23%,var(--navigator-disc-edge)));box-shadow:0 0 0 3px color-mix(in srgb,var(--path-color) 9%,transparent),0 0 12px color-mix(in srgb,var(--path-color) 16%,transparent),inset 1px 2px 1px #fff4}
.stellar-path-link[aria-current=page] .stellar-path-orbit{opacity:.8;inset:2px -7px}.stellar-path-link[aria-current=page] .stellar-path-portal:after{width:5px;height:5px;top:8px;right:-1px}.stellar-path-link:hover .stellar-path-orbit{opacity:.8}
html[data-theme=dark] .stellar-path-portal{background:radial-gradient(circle at 32% 22%,color-mix(in srgb,var(--path-color) 12%,#18262b),#0b151c 70%);box-shadow:inset -4px -5px 8px #0008,inset 1px 1px 1px color-mix(in srgb,var(--path-color) 45%,transparent),0 0 8px color-mix(in srgb,var(--path-color) 10%,transparent)}
html[data-theme=dark] .stellar-path-portal:before{box-shadow:inset 0 0 0 4px #0e1b22;border-color:color-mix(in srgb,var(--path-color) 25%,transparent)}
@media(max-width:700px){.stellar-workspace-grid{grid-template-columns:1fr;margin-top:25px}.stellar-workspace-grid article,.stellar-workspace-grid article+article{padding:26px 0;border-left:0;border-top:1px solid var(--stroke,#dbe4e4)}.stellar-workspace-grid article:first-child{border-top:0}.workspace-feature-mark{margin-bottom:18px}.stellar-workspace-grid h3{max-width:none;font-size:24px}.stellar-workspace-grid p{max-width:none}.stellar-space-home .hero h1{font-size:clamp(40px,10.7vw,65px)}}
@media(prefers-reduced-motion:reduce){.stellar-orbit-active .stellar-engine{animation:none;opacity:0}}
html[data-motion=reduce] .stellar-engine{animation:none;opacity:0}
.student-nav{align-self:center;align-items:center}.student-nav>a{height:36px;align-self:center;border-radius:22px}.student-profile-avatar{width:100px;height:100px;padding:0;background:transparent;border:0;flex:none}.student-profile-avatar .student-avatar{margin:0}.student-chat-page #stellar-help-fab{width:55px;height:55px;bottom:96px;right:24px;top:auto}
@media(max-width:700px){.student-nav>a{height:32px}.student-profile-avatar{width:80px;height:80px}.student-chat-page #stellar-help-fab{top:auto;bottom:24px;right:10px;width:48px;height:48px}.student-chat-page:has(.has-conversation) #stellar-help-fab{top:auto;bottom:92px;right:12px}}
@media(max-width:350px){.student-profile-avatar{width:65px;height:65px}}
.student-account-sidebar{position:static;top:auto;align-self:auto}.stellar-path-orbit{z-index:0}
.student-profile-card:only-child{max-width:680px;width:100%;position:relative;top:auto}.student-profile-card:only-child .student-profile-cover{height:190px}
#stellar-help-panel .help-context small{direction:ltr;unicode-bidi:isolate}#help-answer-source{direction:ltr;text-align:start}
#profileTab:has(>#profileEditor[hidden]){display:block;max-width:680px}.student-profile-card:has(+#profileEditor[hidden]){position:relative;top:auto;width:100%}.student-profile-card:has(+#profileEditor[hidden]) .student-profile-cover{height:190px}
.student-send-button{flex:0 0 36px;min-width:0;max-width:36px;padding:0}
@media(max-width:700px){.student-send-button{flex-basis:35px;max-width:35px}}
.student-header-inner .student-brand{gap:10px}.student-header-inner .student-brand .stellar-symbol{width:32px;height:32px}.student-header-inner .student-brand .stellar-wordmark{width:158px}.student-header-inner .student-nav{margin-block:0;align-self:center}
@media(max-width:850px){.student-header-inner .student-brand .stellar-wordmark{width:128px}}
@media(max-width:700px){.student-header-inner .student-brand{gap:6px}.student-header-inner .student-brand .stellar-symbol{width:27px;height:27px}.student-header-inner .student-brand .stellar-wordmark{width:105px}.student-header-inner .student-nav{margin:0 0 0 auto}.student-header-inner .student-nav>a{min-width:30px;width:30px;height:32px;padding:6px}}
@media(max-width:350px){.student-header-inner .student-brand{gap:5px}.student-header-inner .student-brand .stellar-wordmark{width:84px}.student-header-inner .student-nav>a{width:28px;min-width:28px}}
.student-conversation-list li>button[data-conversation]{width:calc(100% - 14px);margin:0 7px;border:0;padding:13px 14px;border-radius:8px;gap:13px}.student-conversation-list li>button.active[data-conversation]{border:0;background:var(--student-tint)}
#stellar-help-panel.jarvis-below:after{bottom:auto;top:-7px;transform:rotate(225deg)}#stellar-help-panel.jarvis-detached:after{display:none}.student-messenger,.student-profile-card,.student-panel{color:var(--student-ink)}
.student-profile-card{color:#effffb}
/* User-selected galactic glass orb. Eye gaze is independent of the texture. */
.jarvis-body,.jarvis-awake .jarvis-body{fill:#020408;stroke:#9297bf;stroke-width:.6}.jarvis-orbit{stroke:#b7c3ea;stroke-width:.7;opacity:.4;transform:none}.jarvis-gloss{stroke:#f0e6ff;stroke-width:1.2;opacity:.42}.jarvis-eyes{fill:#f1f8ff;filter:drop-shadow(0 0 2px #b5b2ff);transition:translate .22s ease-out}.jarvis-smile{stroke:#d2defc;stroke-width:1.3;opacity:.42}.jarvis-stars{fill:#e0eaff;opacity:.9}.jarvis-cosmos{transform-origin:50px 50px;animation:jarvis-cosmos 15s ease-in-out infinite}.jarvis-being{filter:drop-shadow(0 5px 8px #070a2450)}
#stellar-help-fab .jarvis-being{filter:drop-shadow(0 6px 10px #04071f66)}
@keyframes jarvis-cosmos{0%,100%{rotate:-5deg}50%{rotate:7deg}}
@media(prefers-reduced-motion:reduce){.jarvis-cosmos{animation:none!important}}
html[data-motion=reduce] .jarvis-cosmos{animation:none!important}
.stellar-space-home .desktop-nav>a{white-space:nowrap}
@media(max-width:1000px){.stellar-space-home .desktop-nav{display:none}.stellar-space-home .student-injected{margin-left:auto}.stellar-space-home .menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:34px;height:34px;flex:none;margin:0;border:0;border-radius:7px;background:#ffffff0b;color:#eefaf8}.stellar-space-home .menu-button span{display:block;width:16px;height:1px;background:currentColor}.stellar-space-home .menu-button[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.stellar-space-home .menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.stellar-space-home .mobile-nav{background:#04080df5;color:#dfefed;border:0;padding:8px 20px 20px}.stellar-space-home .mobile-nav a{font-size:14px;padding:12px 8px}.stellar-space-home .mobile-nav a:hover{color:#73e8d8}html[data-theme=light] .stellar-space-home .stellar-header-over-content .menu-button{color:#102426;background:#eaf3f1}html[data-theme=light] .stellar-space-home .stellar-header-over-content .mobile-nav{background:#fff;color:#102426}}
#stellar-help-fab .jarvis-avatar{position:relative;display:block;width:100%;height:100%;animation:jarvis-float 5s ease-in-out infinite;filter:drop-shadow(0 6px 10px #04071f66)}
#stellar-help-fab .jarvis-being{position:relative;z-index:2;animation:none!important;filter:none}.jarvis-universe{position:absolute;inset:8%;width:84%;height:84%;border-radius:50%;display:block;z-index:1;pointer-events:none}
#stellar-help-fab .jarvis-body{fill:transparent}#stellar-help-fab .jarvis-cosmos{opacity:.23;animation:none}
.jarvis-dragging .jarvis-avatar,.jarvis-travelling .jarvis-avatar{animation:none!important;rotate:-7deg;scale:.97}.jarvis-dragging .jarvis-being,.jarvis-travelling .jarvis-being{rotate:0;scale:1}
@media(prefers-reduced-motion:reduce){#stellar-help-fab .jarvis-avatar{animation:none!important}}
html[data-motion=reduce] #stellar-help-fab .jarvis-avatar{animation:none!important}
.student-chat-page #stellar-help-fab>.jarvis-avatar{display:block;opacity:1}
/* Theme-native sky and a continuous hand-off to the next section. */
.stellar-space-home .stellar-live-sky,html[data-theme=dark] .stellar-space-home .stellar-live-sky{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 150px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 150px),transparent 100%)}
.stellar-space-home .platform-index{border-bottom:0}.stellar-space-home .approach{padding-top:85px}
html[data-theme=light] .stellar-space-home .stellar-live-sky{background:#f5fafb}
html[data-theme=light] .stellar-space-home .site-header{background:#f5fafbe8!important;color:#102b30}
html[data-theme=light] .stellar-space-home .site-header :is(.stellar-wordmark,.desktop-nav a,.theme-toggle,.student-injected,.student-signin){color:#17363b}
html[data-theme=light] .stellar-space-home .student-signin{border-color:#b3cccc;background:#ffffff90}
html[data-theme=light] .stellar-space-home .hero :is(h1,.stellar-wordmark){color:#102e34}
html[data-theme=light] .stellar-space-home .hero .eyebrow{color:#007e83}
html[data-theme=light] .stellar-space-home .hero-description{color:#405e68}
html[data-theme=light] .stellar-space-home .hero :is(.hero-note,.identity-signature){color:#526e77}
html[data-theme=light] .stellar-space-home .hero .quiet-link{color:#183c42}
html[data-theme=light] .stellar-space-home .hero .button-primary{background:#007f83;color:#fff;border-color:#007f83}
html[data-theme=light] .stellar-space-home .platform-index{color:#193940;border-top-color:#a9c4c655}
html[data-theme=light] .stellar-space-home .platform-index :is(strong,a){color:#17383e}
html[data-theme=light] .stellar-space-home .platform-index span{color:#4b6973}
html[data-theme=light] .stellar-space-home .menu-button{color:#17383e;background:#e2efed}
html[data-theme=light] .stellar-space-home .mobile-nav{background:#f5fafb;color:#183b42}
/* Clean, expression-neutral vector face; the high-density universe stays live. */
.jarvis-eye{filter:none}.jarvis-eyes{fill:#f5f9ff;filter:drop-shadow(0 0 .65px #cbd7fa);transition:translate .18s ease-out}.jarvis-orbit{stroke:#8b9db9;stroke-width:.4;opacity:.38}
#stellar-help-fab .jarvis-avatar{filter:drop-shadow(0 6px 10px #07152c26)}.jarvis-mini .jarvis-body{fill:#070b15;stroke:#71819d;stroke-width:.35}
.stellar-chat-appearance-dialog{width:min(520px,calc(100vw - 28px));padding:27px;border-radius:18px}.stellar-chat-appearance-dialog .stellar-chat-theme-choices{margin-top:22px}.stellar-chat-appearance-dialog h2{font-size:25px;letter-spacing:-.04em}.stellar-chat-appearance-dialog>.student-muted{font-size:12px;line-height:1.7}.stellar-chat-appearance-dialog .chat-theme-preview{height:120px}.stellar-chat-appearance-dialog>.student-button{display:flex;margin-left:auto}.stellar-chat-appearance-dialog .student-status{font-size:11px;min-height:20px;margin:12px 0}
@media(max-width:700px){.stellar-chat-appearance-dialog{padding:21px}.stellar-chat-appearance-dialog .chat-theme-preview{height:95px}.stellar-chat-appearance-dialog .stellar-chat-theme-choices small{font-size:9px}.student-thread-actions #threadAppearanceBtn{display:inline-flex;width:28px;height:28px}.student-peer-button strong{max-width:135px}}
html[data-theme=dark] .stellar-space-home .site-header.stellar-header-scrolled{background:#05090df5!important}
html[data-theme=light] .stellar-space-home .site-header.stellar-header-scrolled{background:#f8fbfbf5!important}

/* Jarvis: an animated observatory in a polished, glass-like sphere. */
#stellar-help-fab .jarvis-avatar{filter:drop-shadow(0 8px 15px #041a2d40);animation:jarvis-orb-life 19s cubic-bezier(.4,0,.2,1) infinite;transform-origin:50% 50%}
#stellar-help-fab .jarvis-avatar:after{content:'';position:absolute;inset:8%;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(ellipse at 28% 15%,#e4ffff55,transparent 31%),radial-gradient(ellipse at 80% 88%,#e6bb8333,transparent 38%);box-shadow:inset 1px 1px 2px #b7f8e488,inset -2px -3px 6px #020916aa,0 0 0 .6px #71b9b9;opacity:.8}
#stellar-help-fab .jarvis-body{stroke:#9ed6db;stroke-width:.55}
#stellar-help-fab .jarvis-orbit{stroke:#cceee8;opacity:.4;stroke-width:.35}
#stellar-help-fab .jarvis-eyes{fill:#f6fffb;filter:drop-shadow(0 0 2px #c3ffef)}
#stellar-help-fab .jarvis-universe{filter:saturate(1.2) contrast(1.05)}
@keyframes jarvis-orb-life{
 0%{transform:translateY(0) rotate(0deg) scale(1)}
 12%{transform:translateY(-7px) rotate(-9deg) scale(1.025)}
 24%{transform:translateY(-2px) rotate(8deg) scale(1)}
 34%{transform:translateY(-8px) rotate(0deg) scale(1.025)}
 44%{transform:translateY(-3px) rotate(360deg) scale(.98)}
 56%{transform:translateY(-9px) rotate(350deg) scale(1.02)}
 70%{transform:translateY(-1px) rotate(370deg) scale(1)}
 84%{transform:translateY(-6px) rotate(357deg) scale(1.025)}
 100%{transform:translateY(0) rotate(360deg) scale(1)}
}
#stellar-help-fab.jarvis-dragging .jarvis-avatar,#stellar-help-fab.jarvis-travelling .jarvis-avatar{animation:none!important;transform:rotate(-8deg)}
@media(prefers-reduced-motion:reduce){#stellar-help-fab .jarvis-avatar{animation:none!important}}
html[data-motion=reduce] #stellar-help-fab .jarvis-avatar{animation:none!important}

/* Realistic galaxy wallpaper belongs exclusively to personal Space chat. */
html[data-chat-theme=space] .student-thread-body,html[data-chat-theme=space] .student-thread-empty{background-color:#03070b;background-image:linear-gradient(105deg,#02070cb8 0%,#03080c70 48%,#02070c50 100%),url('/shared/stellar-galaxy-wallpaper.webp');background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;background-blend-mode:normal}
html[data-chat-theme=space] .student-thread-body{background-attachment:local;scrollbar-color:#405c61 #03070b}
html[data-chat-theme=space] .student-message-bubble{background:#12212af5;border-color:#54717b55;box-shadow:0 3px 18px #0004;color:#ecf4f5}
html[data-chat-theme=space] .student-message-bubble:before{border-top-color:#12212a}
html[data-chat-theme=space] .mine .student-message-bubble{background:#0b4e4bf5;border-color:#7bdcc34d}
html[data-chat-theme=space] .mine .student-message-bubble:before{border-top-color:#0b4e4b}
html[data-chat-theme=space] .student-message-meta{color:#b0cccb}
html[data-chat-theme=space] .student-day-divider>span{background:#101c23ed;border-color:#54717b55;color:#b9cecf}
html[data-chat-theme=space] .student-thread-empty>p,html[data-chat-theme=space] .student-thread-empty>h2{text-shadow:0 2px 10px #000}
.chat-theme-preview.space{background:#03070b linear-gradient(100deg,#02070c60,#02070c18) center/cover no-repeat;background-image:linear-gradient(100deg,#02070c60,#02070c18),url('/shared/stellar-galaxy-wallpaper.webp');background-size:cover;background-position:center;border-color:#52676f}
.chat-theme-preview.space i{background:#14252eef;box-shadow:0 2px 8px #0006}.chat-theme-preview.space i:nth-child(2){background:#0b5a54}
/* The face turns both ways while the sphere continues its existing float and roll. */
#stellar-help-fab .jarvis-avatar>.jarvis-being{animation:jarvis-turn-both-ways 10s ease-in-out infinite!important;transform-origin:50% 50%}
@keyframes jarvis-turn-both-ways{0%,100%{transform:perspective(220px) rotateY(0deg)}20%{transform:perspective(220px) rotateY(-34deg)}45%{transform:perspective(220px) rotateY(10deg)}70%{transform:perspective(220px) rotateY(34deg)}86%{transform:perspective(220px) rotateY(-10deg)}}
#stellar-help-fab.jarvis-dragging .jarvis-avatar>.jarvis-being{animation:none!important}
@media(prefers-reduced-motion:reduce){#stellar-help-fab .jarvis-avatar>.jarvis-being{animation:none!important}html:focus-within{scroll-behavior:auto}}
html[data-motion=reduce] #stellar-help-fab .jarvis-avatar>.jarvis-being{animation:none!important}
/* Predictable focus, readable hit targets and visible active tabs. */
.sec-tab:focus-visible,.student-icon-button:focus-visible,.student-nav a:focus-visible{outline:2px solid var(--student-accent,#0b9991);outline-offset:3px}
.student-thread-actions button,.student-message-actions button{touch-action:manipulation}
@keyframes jarvis-orb-life{0%{transform:translateY(0) rotate(0deg) scale(1)}12%{transform:translateY(-7px) rotate(-9deg) scale(1.025)}24%{transform:translateY(-2px) rotate(8deg) scale(1)}34%{transform:translateY(-8px) rotate(0deg) scale(1.025)}44%{transform:translateY(-3px) rotate(360deg) scale(.98)}56%{transform:translateY(-9px) rotate(350deg) scale(1.02)}70%{transform:translateY(-1px) rotate(370deg) scale(1)}84%{transform:translateY(-6px) rotate(0deg) scale(1.025)}100%{transform:translateY(0) rotate(0deg) scale(1)}}
/* Keep the sphere round: turn only the eyes, never a second outlined disc. */
#stellar-help-fab .jarvis-avatar>.jarvis-being{animation:none!important;transform:none!important;filter:none}
#stellar-help-fab .jarvis-body{fill:transparent!important;stroke:none!important}
#stellar-help-fab .jarvis-orbit{display:none!important}
#stellar-help-fab .jarvis-eyes{transform-origin:50px 50px;animation:jarvis-gaze-turn 10s ease-in-out infinite}
@keyframes jarvis-gaze-turn{0%,100%{transform:translateX(0) scaleX(1)}20%{transform:translateX(-5px) scaleX(.91)}45%{transform:translateX(1px) scaleX(1)}70%{transform:translateX(5px) scaleX(.91)}86%{transform:translateX(-1px) scaleX(1)}}
@media(prefers-reduced-motion:reduce){#stellar-help-fab .jarvis-eyes{animation:none!important}}
html[data-motion=reduce] #stellar-help-fab .jarvis-eyes{animation:none!important}

/* STELLAR homepage surfaces: a restrained neutral system around the existing space hero. */
html:root[data-theme=dark] body.stellar-space-home{--surface:#0c0d10;--panel:#191a1f;--soft:#15161b;--rule:#303139;--ink:#f1f1f3;--muted:#b3b4bd;--quiet:#999ba5;background:#0c0d10;color:var(--ink)}
html:root[data-theme=dark] body.stellar-space-home :is(.certifications-section,.closing){background:#121318;border-color:#2b2d33}
html:root[data-theme=dark] body.stellar-space-home :is(.exam-showcase,.project-item){background:#101115;border-color:#303139;color:#f1f1f3}
html:root[data-theme=dark] body.stellar-space-home :is(.exam-interface,.project-art){background:#18191e;border-color:#303139}
html:root[data-theme=dark] body.stellar-space-home :is(.sample-options>div,.sample-exam-footer strong,.review-actions>span,.review-example,.delivery-entry,.delivery-versions>div,.reliability-flow>div,.art-database,.art-backups,.map-proxy,.infographic-close,.infographic-enlarge){background:#202127;border-color:#363840;color:#f1f1f3}
html:root[data-theme=dark] body.stellar-space-home :is(.cert-provider-mark,.cert-gcp .cert-provider-mark){background:#202127;border-color:#363840}
html:root[data-theme=dark] body.stellar-space-home :is(.project-delivery,.project-reliability,.project-recovery){--project-tint:#18191e}
html:root[data-theme=dark] body.stellar-space-home :is(.exam-mode-badge,.review-actions .review-active,.delivery-versions>div:last-child,.reliability-decision){background:#25262c;border-color:#41434c;color:#e5e5e9}
html:root[data-theme=dark] body.stellar-space-home .sample-options>div.sample-correct{background:#202622;border-color:#64806d;color:#e4f1e7}
html:root[data-theme=dark] body.stellar-space-home :is(.exam-explanation li){color:#bfc0c8}
html:root[data-theme] body.stellar-space-home :is(.exam-interface,.project-art){transition:background-color .2s ease,border-color .2s ease}
@media(prefers-reduced-motion:reduce){html:root[data-theme] body.stellar-space-home :is(.exam-interface,.project-art){transition:none}}

/* The architecture preview is a transparent layer, not an extra card. */
html:root[data-theme] body.stellar-space-home .feature-preview .architecture-preview{background:transparent;border:0;box-shadow:none}
html:root[data-theme] body.stellar-space-home .feature-preview .tradeoff-pair>div{background:transparent;border:0;box-shadow:none}

/* Focused homepage product narrative. Theme colors remain opt-in and readable. */
body.stellar-space-home{--hp-panel:#fff;--hp-soft:#f3f5f8;--hp-line:#dee3eb;--hp-ink:#111721;--hp-muted:#626d7e}
html[data-theme=dark] body.stellar-space-home{--hp-panel:#11151d;--hp-soft:#171d28;--hp-line:#29313f;--hp-ink:#f1f4fa;--hp-muted:#a7b1c0}
body.stellar-space-home .hp-section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
body.stellar-space-home .hp-section-top h2{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.055em;margin:14px 0 0;color:var(--hp-ink)}
body.stellar-space-home .hp-section-top>p{font-size:15px;line-height:1.8;color:var(--hp-muted);margin:0;max-width:380px}
body.stellar-space-home .hp-method-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center}
body.stellar-space-home .hp-step{display:flex;gap:22px;padding:25px 0;border-top:1px solid var(--hp-line);text-decoration:none;color:var(--hp-ink);align-items:start}
.hp-step>span{font:12px ui-monospace,monospace;color:#e86c2c;padding-top:5px}.hp-step>b{margin-left:auto;font-size:19px;font-weight:400}.hp-step h3{font-size:20px;letter-spacing:-.03em;margin:0 0 9px}.hp-step p{color:var(--hp-muted);font-size:14px;line-height:1.7;margin:0;max-width:345px}.hp-step:hover h3{color:#ec7439}
body.stellar-space-home .hp-system{background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #0000000a;position:relative}
.hp-system-top{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--hp-line);font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--hp-muted)}.hp-live-dot{width:6px;height:6px;border-radius:50%;background:#db7c4c}
.hp-system-flow{display:flex;align-items:center;justify-content:space-between;padding:50px 24px 46px;gap:8px;background:radial-gradient(ellipse at 50% 20%,#4a7fb00b,transparent 70%)}.hp-system-flow a{text-decoration:none;color:var(--hp-ink);display:flex;align-items:center;flex-direction:column;gap:12px;min-width:0}.hp-system-flow strong{font-size:14px}.hp-system-flow small{font-size:10px;color:var(--hp-muted);text-align:center}.hp-system-flow>span{color:var(--hp-muted)}.hp-system-flow img{width:36px;height:36px;object-fit:contain}
.hp-system-observe{background:var(--hp-soft);display:flex;gap:15px;padding:24px;align-items:start;border-top:1px solid var(--hp-line);flex-wrap:wrap}.hp-system-observe>span{color:#e86c2c}.hp-system-observe strong{font-size:13px;color:var(--hp-ink)}.hp-system-observe p{font-size:12px;line-height:1.7;max-width:280px;color:var(--hp-muted);margin:7px 0}.hp-system-observe a{font-size:12px;margin-left:auto;align-self:center;color:var(--hp-ink);text-decoration:none;white-space:nowrap}
body.stellar-space-home .hp-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.stellar-space-home .hp-tool{padding:0 28px 28px;border:1px solid var(--hp-line);border-radius:18px;background:var(--hp-panel);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.hp-tool-art{height:180px;position:relative;display:flex;justify-content:center;align-items:center;margin:0 -28px 24px;background:radial-gradient(ellipse at 50% 60%,#729bb01a,transparent 70%);border-bottom:1px solid var(--hp-line);overflow:hidden}.hp-tool-art>svg{width:130px;fill:var(--hp-soft);stroke:var(--hp-muted);stroke-width:1.2;position:relative}.hp-orbit-ring{position:absolute;border:1px solid var(--hp-line);border-radius:50%;width:210px;height:100px;rotate:-25deg}.hp-orbit-ring:after{content:'';position:absolute;inset:-28px;border:1px solid var(--hp-line);border-radius:50%;opacity:.5}
body.stellar-space-home .hp-tool h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;color:var(--hp-ink);margin:12px 0}.hp-tool>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--hp-muted);margin:0 0 28px}.hp-tool>a{display:flex;justify-content:space-between;margin-top:auto;font-size:13px;font-weight:600;color:var(--hp-ink);text-decoration:none;padding-top:20px;border-top:1px solid var(--hp-line)}.hp-tool>a:hover{color:#eb7032}.hp-tool>.eyebrow{font-size:9px}
.hp-library-art>span{position:absolute;width:135px;height:70px;border:1px solid var(--hp-line);background:var(--hp-panel);border-radius:9px;transform:translate(10px,-16px) rotate(-9deg)}.hp-library-art>span:nth-child(2){transform:translate(-8px,2px) rotate(-4deg)}.hp-library-art>span:nth-child(3){transform:translate(0,20px) rotate(3deg)}.hp-library-art>svg{width:30px;height:40px;transform:translateY(15px);stroke:#c77e51;fill:none}.hp-tars-art{flex-direction:column;gap:18px;background:radial-gradient(ellipse,#769bc31a,transparent 70%)}.hp-tars-orb{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:var(--hp-soft);border:1px solid var(--hp-line);box-shadow:0 8px 35px #0001;font:300 40px system-ui;color:var(--hp-ink)}.hp-tars-art>span{font:8px ui-monospace,monospace;letter-spacing:.1em;color:var(--hp-muted)}
body.stellar-space-home .hp-factors{display:grid;grid-template-columns:.78fr 1.22fr;gap:0;background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:24px;padding:0;overflow:hidden;max-width:1440px;width:calc(100% - 48px);margin:80px auto}
.hp-factors-copy{padding:clamp(28px,4vw,54px);align-self:center}.hp-factors-copy h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.065em;line-height:1.1;color:var(--hp-ink);margin:20px 0}.hp-factors-copy h2>span{font-weight:400}.hp-factors-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--hp-muted);max-width:420px}.hp-factor-totals{display:flex;gap:26px;border-top:1px solid var(--hp-line);padding-top:24px;margin:30px 0}.hp-factor-totals strong{font-size:28px;letter-spacing:-.04em;display:block;color:var(--hp-ink)}.hp-factor-totals span{font-size:10px;color:var(--hp-muted)}.hp-factors-copy .button{font-size:13px;padding:16px 20px}
.hp-belt{min-width:0;background:#050b16;color:#edf3ff;display:flex;flex-direction:column;border-left:1px solid #354358}.hp-belt-heading{display:flex;justify-content:space-between;gap:12px;padding:22px 22px 0;font:8px ui-monospace,monospace;letter-spacing:.1em;color:#aabbd2}.hp-belt svg{width:100%;height:auto;display:block}.hp-belt-footer{font-size:11px;color:#b9c8dd;display:flex;justify-content:space-between;text-decoration:none;padding:18px 22px;border-top:1px solid #adc4e21c;margin-top:auto}.hp-belt-path{fill:none;stroke:#b3c7e03a;stroke-width:.6}.hp-belt-hit{fill:transparent}.hp-belt-rock{filter:drop-shadow(0 5px 9px #000b);transition:filter .2s}.hp-belt-pin{stroke:var(--beacon);stroke-width:.8}.hp-belt-ring{stroke:var(--beacon);fill:var(--beacon);fill-opacity:.16;stroke-width:1.4;filter:drop-shadow(0 0 4px var(--beacon))}.hp-belt-label{fill:#060d1ded;stroke:var(--beacon);stroke-width:.7;stroke-opacity:.65}.hp-belt-code{fill:#f6f8ff;font:600 12px system-ui;text-anchor:middle}.hp-belt-weight{fill:#c2cede;font:10px system-ui;text-anchor:middle}.hp-belt a:hover .hp-belt-rock,.hp-belt a:focus-visible .hp-belt-rock{filter:drop-shadow(0 0 8px var(--beacon))}.hp-belt a:focus-visible .hp-belt-hit{stroke:white;stroke-width:1}.hp-method a:focus-visible,.hp-tool a:focus-visible{outline:2px solid #e86c2c;outline-offset:5px}
@media(max-width:1000px){body.stellar-space-home .hp-method-grid{gap:26px;grid-template-columns:1fr 1fr}.hp-system-flow{padding-inline:15px}.hp-system-flow small{font-size:9px}body.stellar-space-home .hp-factors{grid-template-columns:1fr}.hp-factors-copy{display:block}.hp-factors-copy>p:not(.eyebrow){max-width:650px}.hp-belt{border-left:0}.hp-belt svg{max-height:600px}.hp-tool h3{font-size:21px}}
@media(max-width:700px){body.stellar-space-home .hp-section-top{display:block;margin-bottom:28px}.hp-section-top>p{margin-top:20px!important}body.stellar-space-home .hp-method-grid{grid-template-columns:1fr;gap:20px}body.stellar-space-home .hp-tools{grid-template-columns:1fr}.hp-tool-art{height:160px}body.stellar-space-home .hp-factors{width:calc(100% - 32px);margin:48px auto}.hp-belt-heading{font-size:7px}.hp-system-flow{padding:35px 20px}.hp-factor-totals{gap:28px}.hp-tool h3{font-size:25px}.hp-belt svg{max-height:none}.hp-section-top h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.hp-belt-rock{transition:none}}

/* Workspace previews use the same typography, surfaces and accents as the product. */
body.stellar-space-home #workspace{padding-block:88px}
body.stellar-space-home #workspace .hp-section-top{margin-bottom:36px}
body.stellar-space-home .hp-tools{gap:22px}
body.stellar-space-home .hp-tool{border-radius:20px;padding:0 28px 28px;position:relative;background:linear-gradient(150deg,var(--hp-panel),var(--hp-soft));transition:border-color .2s,box-shadow .2s}
body.stellar-space-home .hp-product-art{height:282px;margin-bottom:28px;padding:32px 24px 0;align-items:flex-start;background:radial-gradient(ellipse at 50% 90%,#749dcd12,transparent 75%);border-bottom:1px solid var(--hp-line)}
.hp-preview-window{width:100%;max-width:320px;position:relative;border:1px solid var(--hp-line);border-radius:12px 12px 0 0;background:var(--hp-panel);box-shadow:0 16px 35px #0000000d;transform:translateY(7px);color:var(--hp-ink);text-align:left;font-family:inherit}
.hp-preview-bar{height:38px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--hp-line);padding:0 15px;font:9px ui-monospace,monospace;letter-spacing:.08em;color:var(--hp-muted)}
.hp-preview-dot{width:5px;height:5px;background:#e28251;border-radius:50%}.hp-preview-status{margin-left:auto;font-size:8px;letter-spacing:.04em;color:var(--hp-muted)}
.hp-preview-bar>svg{width:13px;height:13px;margin-left:auto;fill:none;stroke:var(--hp-muted);stroke-width:1.5}
.hp-preview-post{padding:16px}.hp-preview-author{display:flex;gap:9px;align-items:center;font-size:10px;line-height:1.5;font-weight:650}.hp-preview-author img{width:28px;height:28px;object-fit:contain}.hp-preview-author b{color:#679ce1;font-size:12px}.hp-preview-author small{display:block;color:var(--hp-muted);font-size:9px;font-weight:400}
.hp-preview-question{font-size:17px;font-weight:550;letter-spacing:-.035em;margin:18px 0 12px}.hp-preview-tags{display:flex;gap:6px}.hp-preview-tags>span{border:1px solid var(--hp-line);border-radius:5px;padding:4px 8px;font-size:9px;color:var(--hp-muted)}
.hp-preview-conversation{display:flex;align-items:center;margin-top:20px;border-top:1px solid var(--hp-line);padding-top:13px}.hp-preview-avatar{display:grid;place-items:center;font-size:8px;width:22px;height:22px;border-radius:50%;border:2px solid var(--hp-panel);background:var(--hp-soft);color:var(--hp-muted);margin-right:-5px}.hp-preview-conversation i{font-style:normal;font-size:9px;color:var(--hp-muted);margin-left:12px}
.hp-saved-row{display:flex;gap:10px;align-items:center;padding:16px 14px;border-bottom:1px solid var(--hp-line);font-size:10px;font-weight:550;line-height:1.6}.hp-saved-row small{display:block;font-weight:400;font-size:8px;color:var(--hp-muted)}.hp-saved-icon{width:30px;height:33px;border-radius:7px;display:grid;place-items:center;font-size:21px}.hp-saved-blue{color:#6497e2;background:#6497e214}.hp-saved-amber{color:#cc9064;background:#cc906414}.hp-saved-purple{color:#9a87ca;background:#9a87ca14}.hp-saved-row>svg{margin-left:auto;width:12px;height:12px;fill:none;stroke:var(--hp-muted);stroke-width:1.5}
.hp-tars-spark{font-size:16px;color:#d69265}.hp-tars-prompt{font-size:11px;padding:14px 15px;margin:14px 13px 0;border-radius:7px;background:var(--hp-soft);border:1px solid var(--hp-line);display:flex;justify-content:space-between;gap:8px}.hp-tars-prompt>span{color:var(--hp-muted)}.hp-tars-answer{display:flex;align-items:start;gap:12px;margin:17px 17px 15px;font-size:13px;line-height:1.7;letter-spacing:-.01em}.hp-tars-answer em{font-style:normal;color:var(--hp-muted)}.hp-tars-capabilities{display:flex;gap:13px;padding:12px 15px;border-top:1px solid var(--hp-line);font-size:8px;color:var(--hp-muted)}
body.stellar-space-home .hp-tool h3{font-size:27px;line-height:1.16;letter-spacing:-.04em;margin:14px 0 16px}.hp-tool>.eyebrow{letter-spacing:.14em}.hp-tool>a>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--hp-line);border-radius:50%;transition:background .2s,color .2s}.hp-tool>a{align-items:center}
@media(hover:hover){body.stellar-space-home .hp-tool:hover{border-color:#72849b85;box-shadow:0 12px 40px #0000000a}.hp-tool>a:hover>span{background:var(--hp-ink);color:var(--hp-panel)}}
@media(max-width:1000px) and (min-width:701px){body.stellar-space-home .hp-product-art{padding-inline:12px}.hp-preview-status{font-size:7px}.hp-preview-bar{padding-inline:10px}.hp-saved-row{padding-inline:9px;gap:6px;font-size:9px}.hp-tars-prompt{font-size:9px;margin-inline:8px}.hp-preview-conversation i{font-size:8px}body.stellar-space-home .hp-tool{padding-inline:20px}.hp-product-art{margin-inline:-20px}.hp-tool h3{font-size:23px!important}}
@media(max-width:700px){body.stellar-space-home #workspace{padding-block:56px}body.stellar-space-home .hp-product-art{height:270px;padding-top:23px}body.stellar-space-home .hp-tool h3{font-size:27px}.hp-preview-window{max-width:360px}}
@media(prefers-reduced-motion:reduce){body.stellar-space-home .hp-tool,.hp-tool>a>span{transition:none}}

/* A single cosmic surface carries both the editorial copy and the operating belt. */
body.stellar-space-home .hp-factors{position:relative;isolation:isolate;background:#050b16 url('/shared/stellar-belt-space.v2.webp') center/cover no-repeat;border-color:#63789445;box-shadow:0 20px 70px #00000018;--hp-ink:#f4f7fc;--hp-muted:#b7c4d5;--hp-line:#c4d6f02b;--hp-panel:#070d18;min-height:600px}
body.stellar-space-home .hp-factors:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#030914f0 0%,#030914d9 30%,#03091470 53%,#0309140d 100%);pointer-events:none}
body.stellar-space-home .hp-factors-copy{position:relative;padding:clamp(30px,4.4vw,64px);z-index:1}
body.stellar-space-home .hp-factors-copy>.eyebrow{color:#c2d0e3;font-size:10px;letter-spacing:.2em}
body.stellar-space-home .hp-factors-copy h2{color:#f4f7fc;font-size:clamp(38px,4.3vw,64px);letter-spacing:-.055em}
body.stellar-space-home .hp-factors-copy>p:not(.eyebrow){color:#bdc9da;font-size:15px;line-height:1.85}
body.stellar-space-home .hp-factor-totals{gap:clamp(20px,2.5vw,38px);margin:32px 0;padding-top:26px}
body.stellar-space-home .hp-factor-totals strong{font-size:30px;color:#f4f7fc}
body.stellar-space-home .hp-factor-totals span{color:#aebed3;font-size:11px}
body.stellar-space-home .hp-factors-copy .button{background:#f2f5fb;color:#101724;border:1px solid #ffffff85;box-shadow:0 5px 20px #0002;border-radius:9px;padding:17px 21px;font-weight:650}
body.stellar-space-home .hp-factors-copy .button>span{color:#d65d26}
body.stellar-space-home .hp-belt{background:none;border-left:0;position:relative;align-self:stretch;padding:10px 10px 0 0}
body.stellar-space-home .hp-belt-heading{color:#b7c8df;padding:22px 22px 4px;font-size:8px}
body.stellar-space-home .hp-belt-footer{border-color:#bed2ed26;background:none;color:#c1d0e2;font-size:11px;padding:20px 22px}
html[data-theme=light] body.stellar-space-home .hp-factors{border-color:#273c5c35;box-shadow:0 24px 60px #10254216}
html[data-theme=dark] body.stellar-space-home .hp-factors{box-shadow:0 20px 70px #00000026;border-color:#718aab3b}
body.stellar-space-home .stellar-wordmark{shape-rendering:geometricPrecision}
@media(max-width:1000px){body.stellar-space-home .hp-factors{grid-template-columns:1fr;min-height:0}body.stellar-space-home .hp-factors:before{background:linear-gradient(180deg,#030914e8,#0309147d 48%,#03091420)}body.stellar-space-home .hp-factors-copy{padding:40px 36px 25px}body.stellar-space-home .hp-belt{padding:0 12px 0}body.stellar-space-home .hp-belt-heading{padding-top:15px}body.stellar-space-home .hp-belt svg{max-height:560px}}
@media(max-width:620px){body.stellar-space-home .hp-factors{background-position:60% center;border-radius:20px}body.stellar-space-home .hp-factors-copy{padding:32px 25px 22px}body.stellar-space-home .hp-factors-copy h2{font-size:43px}body.stellar-space-home .hp-factors-copy>p:not(.eyebrow){font-size:14px}body.stellar-space-home .hp-factor-totals{gap:24px;margin:26px 0}body.stellar-space-home .hp-factor-totals strong{font-size:27px}body.stellar-space-home .hp-belt{padding:0}body.stellar-space-home .hp-belt svg{max-height:none}body.stellar-space-home .hp-belt-heading{padding-inline:20px;font-size:7px}body.stellar-space-home .hp-belt-footer{padding:18px 20px;font-size:10px}}
html:root[data-theme] body.stellar-space-home .hp-factors .hp-factors-copy .button-primary{background:#f2f5fb;color:#101724;border-color:#ffffff85}
html:root[data-theme] body.stellar-space-home .hp-factors .hp-factors-copy .button-primary:hover{background:#fff;color:#050b16}

/* Keep the longer hero statement readable: no compressed tracking or word spacing. */
body.stellar-space-home .hero #hero-title{letter-spacing:normal;word-spacing:normal;line-height:1.14;font-kerning:normal}
body.stellar-space-home .hp-factors{background-image:none}
body.stellar-space-home .hp-factors.hp-scene-ready{background-image:linear-gradient(90deg,rgba(3,9,18,.95) 0%,rgba(3,9,18,.84) 34%,rgba(3,9,18,.28) 62%,rgba(3,9,18,.08) 100%),url('/shared/stellar-belt-space.v2.webp')}

/* Prepared Jarvis workspace. External AI controls have been removed. */
:root{--jarvis-panel-width:560px}
html #stellar-help-panel{inset:0 0 0 auto;width:var(--jarvis-panel-width);height:100dvh;max-height:none;border:0;border-left:1px solid var(--help-line);border-radius:0;box-shadow:-16px 0 65px #001c2118;overflow:hidden;font-size:14px;line-height:1.7;z-index:11010;background:var(--help-bg)}
html #stellar-help-panel:after{display:none}
html #stellar-help-panel.jarvis-floating{border:1px solid var(--help-line);border-radius:20px;box-shadow:0 24px 90px #001c2135}
html #stellar-help-panel [hidden]{display:none!important}
html #stellar-help-fab{z-index:11030}
html.jarvis-panel-open:not(.jarvis-panel-floating) #stellar-help-fab:not([style*="left:"]){right:calc(var(--jarvis-panel-width) + 16px)}
.jarvis-resize{position:absolute;left:0;top:0;bottom:0;width:7px;z-index:4;cursor:col-resize;touch-action:none;outline:0}
.jarvis-resize:after{content:'';position:absolute;left:2px;top:44%;height:55px;width:3px;border-radius:3px;background:var(--help-line);transition:background .15s}
.jarvis-resize:hover:after,.jarvis-resize:focus-visible:after{background:var(--help-accent)}
#stellar-help-panel .help-header{padding:23px 26px 20px;gap:15px;border-bottom:1px solid var(--help-line);flex:none}
#stellar-help-panel .help-brand{gap:12px;cursor:grab;touch-action:none;user-select:none}
#stellar-help-panel .help-brand:active{cursor:grabbing}
#stellar-help-panel .help-brand strong{font-size:24px;font-weight:650;letter-spacing:-.04em}
#stellar-help-panel .help-brand div>span{font-size:9px;letter-spacing:.16em;margin-top:3px}
#stellar-help-panel .help-brand .jarvis-mini,#stellar-help-panel .jarvis-mini .jarvis-being{width:44px;height:44px}
#stellar-help-panel .help-actions{gap:7px;flex-direction:row;align-items:center}
#stellar-help-panel .help-actions>button{width:32px;height:32px;border-radius:8px;flex:none}
#stellar-help-panel .help-actions .jarvis-language button{font-size:12px;width:auto;height:30px;padding:5px 10px}
#stellar-help-panel .help-context{margin:18px 26px 0;padding:13px 15px;gap:2px 11px;border:1px solid var(--help-line);border-radius:12px;background:var(--help-soft);grid-template-columns:7px minmax(0,1fr)}
#stellar-help-panel .help-context>span{font-size:10px;letter-spacing:.02em;color:var(--help-muted)}
#stellar-help-panel .help-context strong{font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
#stellar-help-panel .help-context small{font-size:12px;line-height:1.5;color:var(--help-muted)}
#stellar-help-panel .help-context>i{margin-top:9px;width:6px;height:6px}
#stellar-help-panel .help-controls{padding:18px 26px 12px;gap:10px;display:flex}
#stellar-help-panel .help-controls #help-track{font-size:12px!important;min-height:42px;flex-basis:130px;width:130px;padding:9px 10px;border:1px solid var(--help-line);background:var(--help-bg);border-radius:9px}
#stellar-help-panel .help-controls #help-search{font-size:13px!important;min-height:42px;padding:9px 12px;border:1px solid var(--help-line);border-radius:9px}
#stellar-help-panel .help-body{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:10px 26px 28px;flex:1 1 auto;border-radius:0;scrollbar-width:thin}
#stellar-help-panel .jarvis-welcome{padding:18px 0 15px}
#stellar-help-panel .jarvis-welcome h2{font-size:29px;line-height:1.4;margin:6px 0 12px;letter-spacing:-.04em}
#stellar-help-panel .jarvis-welcome p{font-size:14px}
#stellar-help-panel .jarvis-topics{gap:7px;margin:17px 0 24px}
#stellar-help-panel .jarvis-topics button{font-size:12px;padding:7px 12px}
#stellar-help-panel .help-group{font-size:12px;margin:22px 0 12px;color:var(--help-muted)}
#stellar-help-panel .help-question{font-size:14px!important;line-height:1.7!important;min-height:53px;padding:12px 15px;border:1px solid var(--help-line);border-radius:10px;background:var(--help-bg);margin-bottom:9px;transition:background .15s,border-color .15s}
#stellar-help-panel .help-question:hover{background:var(--help-soft);border-color:var(--help-accent)}
#stellar-help-panel #help-answer-title{font-size:28px;line-height:1.5;margin-top:8px}
#stellar-help-panel #help-back{font-size:13px!important;padding:12px 0 18px}
#stellar-help-panel #help-answer-source{font-size:12px;margin:16px 0 24px;gap:7px}
#stellar-help-panel .help-markdown{font-size:16px;line-height:1.95;overflow-wrap:anywhere}
#stellar-help-panel .help-markdown h3{font-size:19px;margin:25px 0 13px}
#stellar-help-panel .help-markdown p{margin:0 0 20px}
#stellar-help-panel .help-code pre{max-height:420px;font-size:13px}
#stellar-help-panel .help-code code{font-size:13px}
#stellar-help-panel .help-table table{font-size:13px}
#stellar-help-panel #help-copy{font-size:12px!important;padding:9px 14px}
#stellar-help-panel #help-selection{margin:0 26px 14px;padding:12px 14px}
#stellar-help-panel #help-selection blockquote{font-size:12px;max-height:100px}
#stellar-help-panel #help-selection-show{font-size:12px!important;padding:7px 10px}
#stellar-help-panel .help-footer{flex:none;font-size:11px;padding:12px 24px max(12px,env(safe-area-inset-bottom));border-radius:0;line-height:1.6;background:var(--help-bg)}
@media(min-width:1100px){
html.jarvis-panel-open:not(.jarvis-panel-floating) body{width:calc(100% - var(--jarvis-panel-width));min-width:0}
html.jarvis-panel-open:not(.jarvis-panel-floating) .topbar{right:var(--jarvis-panel-width)}
html.jarvis-panel-open:not(.jarvis-panel-floating) .sidebar{display:none}
html.jarvis-panel-open:not(.jarvis-panel-floating) .content{margin-left:0}
html.jarvis-panel-open:not(.jarvis-panel-floating) .nav-toggle{display:grid}
html.jarvis-panel-open:not(.jarvis-panel-floating) body.nav-open .sidebar{display:flex}
html.jarvis-panel-open:not(.jarvis-panel-floating) .article-wrap{grid-template-columns:minmax(0,1fr);padding-inline:32px}
html.jarvis-panel-open:not(.jarvis-panel-floating) .toc{display:none}
html.jarvis-panel-open:not(.jarvis-panel-floating) .search-trigger{min-width:40px}
html.jarvis-panel-open:not(.jarvis-panel-floating) .search-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html.jarvis-panel-open:not(.jarvis-panel-floating) .stellar-space-home .desktop-nav{display:none}
html.jarvis-panel-open:not(.jarvis-panel-floating) .stellar-space-home .hero-grid{grid-template-columns:minmax(0,1fr)}
html.jarvis-panel-open:not(.jarvis-panel-floating) .stellar-space-home .hero-identity{display:none}
html.jarvis-panel-open:not(.jarvis-panel-floating) #profileTab{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
html #stellar-help-panel{width:100vw;height:100dvh;border:0;border-radius:0;inset:0}
html.jarvis-panel-open{overflow:hidden}
html.jarvis-panel-open #stellar-help-fab{visibility:hidden}
.jarvis-resize,#help-expand,#help-dock{display:none!important}
#stellar-help-panel .help-header{padding:17px 18px;gap:10px}
#stellar-help-panel .help-brand strong{font-size:22px}
#stellar-help-panel .help-brand .jarvis-mini,#stellar-help-panel .jarvis-mini .jarvis-being{width:38px;height:38px}
#stellar-help-panel .help-actions{gap:5px}
#stellar-help-panel .help-actions .jarvis-language button{font-size:11px;padding:4px 8px}
#stellar-help-panel .help-context{margin:14px 18px 0;padding:10px 12px}
#stellar-help-panel .help-context strong{font-size:14px}
#stellar-help-panel .help-controls{padding:15px 18px 8px;flex-wrap:wrap}
#stellar-help-panel .help-controls #help-track{flex-basis:115px;width:115px}
#stellar-help-panel .help-controls #help-search{min-width:100px}
#stellar-help-panel .help-body{padding:10px 18px 24px}
#stellar-help-panel .help-question{font-size:14px!important}
#stellar-help-panel .help-markdown{font-size:15px}
#stellar-help-panel #help-answer-title{font-size:25px}
#stellar-help-panel .help-footer{font-size:10px;padding:10px 18px max(10px,env(safe-area-inset-bottom))}
}
@media(max-height:600px){
#stellar-help-panel .help-context{margin-top:8px;padding-block:7px}
#stellar-help-panel .help-header{padding-block:10px}
#stellar-help-panel .help-footer{padding-block:7px}
}
#stellar-help-panel .help-header{padding:16px 24px}
#stellar-help-panel .help-context{margin-top:12px;padding:9px 12px;gap:0 9px}
#stellar-help-panel .help-context>span{font-size:9px}
#stellar-help-panel .help-context strong{font-size:14px;line-height:1.5}
#stellar-help-panel .help-context small{font-size:11px;line-height:1.5}
#stellar-help-panel .help-body .jarvis-welcome{display:none}
#stellar-help-panel .jarvis-topics{margin:8px 0 18px}
#stellar-help-panel .help-controls{padding-top:14px;padding-bottom:8px}
@media(max-width:700px){
#stellar-help-panel .help-header{padding:14px 18px}
#stellar-help-panel .help-context{margin-top:10px}
}
@media(max-height:700px){
#stellar-help-panel .help-context{padding-block:7px;margin-top:8px}
#stellar-help-panel .help-context>span{display:none}
#stellar-help-panel .help-context small{font-size:10px}
#stellar-help-panel .help-header{padding-block:12px}
#stellar-help-panel .help-footer{padding-block:8px}
}
@media(max-height:500px){
html #stellar-help-panel{overflow-y:auto}
#stellar-help-panel .help-context{display:none}
#stellar-help-panel .help-body{flex:none;min-height:220px;max-height:350px}
}
html #stellar-help-panel{--help-bg:#fcfdfc;--help-ink:#112b2d;--help-muted:#617778;--help-line:#dae5e3;--help-soft:#f0f5f3;--help-accent:#007e79;background:radial-gradient(ellipse 90% 35% at 100% 0%,#d6eee84d,transparent 85%),var(--help-bg);box-shadow:-18px 0 80px #06362e14;border-left-color:#a5ccc5}
html[data-theme=dark] #stellar-help-panel{--help-bg:#0b1113;--help-ink:#e8f6f1;--help-muted:#8ca5a3;--help-line:#223331;--help-soft:#14201f;--help-accent:#76e8cc;background:radial-gradient(ellipse 100% 35% at 100% 0%,#164b3d45,transparent 85%),var(--help-bg);border-left-color:#365b50;box-shadow:-18px 0 80px #0005}
#stellar-help-panel .help-header{padding:24px 28px 20px;border-bottom:0;min-height:86px}
#stellar-help-panel .help-brand strong{font-size:27px;letter-spacing:-1.1px;font-weight:600}
#stellar-help-panel .help-brand div>span,#stellar-help-panel .help-footer{display:none!important}
#stellar-help-panel .help-brand .jarvis-mini{width:43px;height:43px;border-radius:50%;background:radial-gradient(ellipse at 70% 22%,#a9ceefbb,transparent 30%),radial-gradient(ellipse at 28% 70%,#178d94aa,transparent 55%),#030810;box-shadow:inset 0 0 0 1px #a9e5d33d,0 5px 18px #125c4c20}
#stellar-help-panel .jarvis-mini .jarvis-body{fill:transparent;stroke:#9fcecc;stroke-width:.5}
#stellar-help-panel .help-actions>button{width:30px;height:32px;border-radius:50%;color:var(--help-muted)}
#stellar-help-panel .help-actions .jarvis-language{padding:2px;border:1px solid var(--help-line);background:transparent}
#stellar-help-panel .help-actions .jarvis-language button{font-size:11px;height:26px;padding:3px 8px}
#stellar-help-panel .help-context{margin:0 28px;padding:12px 0 16px;border:0;border-bottom:1px solid var(--help-line);border-radius:0;background:none;gap:1px 10px}
#stellar-help-panel .help-context>span{display:none}
#stellar-help-panel .help-context strong{font-size:14px;font-weight:550}
#stellar-help-panel .help-context small{font-size:11px;opacity:.85}
#stellar-help-panel .help-context>i{background:var(--help-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--help-accent) 9%,transparent);margin-top:8px}
#stellar-help-panel .help-controls{padding:20px 28px 10px;border:0}
#stellar-help-panel .help-controls #help-track,#stellar-help-panel .help-controls #help-search{border-radius:10px;border-color:transparent;background:var(--help-soft);min-height:42px}
#stellar-help-panel .help-body{padding:10px 28px 32px}
#stellar-help-panel .help-body .jarvis-welcome{display:block;padding:10px 0 16px}
#stellar-help-panel .jarvis-welcome>span,#stellar-help-panel .jarvis-welcome>p{display:none}
#stellar-help-panel .jarvis-welcome h2{font-size:27px;font-weight:500;line-height:1.5;margin:0;letter-spacing:-.7px}
#stellar-help-panel .jarvis-topics{margin:0 0 24px;gap:6px}
#stellar-help-panel .jarvis-topics button{border:0;border-radius:6px;padding:6px 10px;font-size:11px;background:transparent}
#stellar-help-panel .jarvis-topics button[aria-pressed=true]{background:var(--help-soft);color:var(--help-accent)}
#stellar-help-panel .help-group{font-size:11px;font-weight:500;letter-spacing:.03em;margin:26px 0 6px;color:var(--help-muted)}
#stellar-help-panel .help-question{padding:17px 0;margin:0;min-height:58px;border:0;border-bottom:1px solid var(--help-line);border-radius:0;background:none;font-size:15px!important;gap:20px}
#stellar-help-panel .help-question>span:last-child{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--help-line);border-radius:50%;font-size:15px;transition:transform .2s,background .2s}
#stellar-help-panel .help-question:hover{background:none;color:var(--help-accent)}
#stellar-help-panel .help-question:hover>span:last-child{transform:translate(2px,-2px);background:var(--help-soft);border-color:var(--help-accent)}
#stellar-help-panel #help-answer-title{font-size:30px;line-height:1.55;letter-spacing:-.8px;font-weight:550}
#stellar-help-panel #help-answer-source{padding-bottom:18px;margin-bottom:25px}
#stellar-help-panel #help-answer-source>span{display:none}
#stellar-help-panel #help-selection{background:var(--help-soft);border:1px solid var(--help-line);margin:8px 28px 22px;border-radius:14px;padding:15px}
#stellar-help-panel #help-selection-show{background:var(--help-accent);color:var(--help-bg)!important;border:0;border-radius:8px;font-size:13px!important;padding:9px 13px}
@media(max-width:700px){
#stellar-help-panel .help-header{padding:18px 18px 14px;min-height:72px;gap:6px}
#stellar-help-panel .help-brand{gap:9px}
#stellar-help-panel .help-brand strong{font-size:25px}
#stellar-help-panel .help-brand .jarvis-mini,#stellar-help-panel .jarvis-mini .jarvis-being{width:37px;height:37px}
#stellar-help-panel .help-context{margin-inline:20px}
#stellar-help-panel .help-context{padding:10px 0 13px}
#stellar-help-panel .help-context strong{font-size:13px}
#stellar-help-panel .help-controls{padding:16px 20px 8px}
#stellar-help-panel .help-body{padding-inline:20px}
#stellar-help-panel .jarvis-welcome h2{font-size:24px}
#stellar-help-panel .help-question{font-size:14px!important;padding:15px 0}
#stellar-help-panel #help-answer-title{font-size:27px}
#stellar-help-panel #help-selection{margin-inline:20px}
}
@media(max-height:650px){
#stellar-help-panel .help-header{padding-block:12px;min-height:65px}
#stellar-help-panel .help-body .jarvis-welcome{display:none}
#stellar-help-panel .help-context{padding-block:8px}
}
#stellar-help-panel .help-controls{display:grid;grid-template-columns:145px minmax(0,1fr);gap:9px;direction:ltr}
#help-search-form{display:flex;align-items:center;min-width:0;background:var(--help-soft);border:1px solid transparent;border-radius:11px;overflow:hidden;direction:inherit}
#help-search-form:focus-within{border-color:var(--help-accent)}
#stellar-help-panel .help-controls #help-search{flex:1;min-width:0;width:100%;border:0!important;background:none;border-radius:0;padding:10px 12px;font-size:14px!important}
#stellar-help-panel #help-search-submit{border:0;background:none;color:var(--help-accent);width:32px;height:38px;display:grid;place-items:center;flex:none;padding:0;transform:rotate(180deg)}
#stellar-help-panel #help-path-open{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;height:44px;padding:9px 12px;border:1px solid var(--help-line);border-radius:11px;background:transparent;font-size:12px;color:var(--help-ink);text-align:start}
#help-path-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#stellar-help-panel[dir=rtl] #help-search-form{direction:rtl}
#stellar-help-panel .jarvis-topics{border-bottom:1px solid var(--help-line);padding-bottom:12px;gap:12px}
#stellar-help-panel .jarvis-topics button{padding:7px 13px;font-size:12px;border-radius:100px}
#stellar-help-panel .jarvis-welcome{padding-top:6px!important}
#stellar-help-panel .jarvis-welcome h2{font-size:25px!important;font-weight:550}
#stellar-help-panel .help-question{gap:13px;padding:16px 4px;min-height:62px}
#stellar-help-panel .help-question .jarvis-section-number{direction:ltr;width:24px;flex:none;font-size:10px;letter-spacing:.08em;color:var(--help-muted);font-variant-numeric:tabular-nums}
#stellar-help-panel .help-question .jarvis-section-title{flex:1;font-size:16px;line-height:1.65}
#stellar-help-panel .help-question .jarvis-section-arrow{width:26px;height:26px;flex:none}
#stellar-help-panel .jarvis-overview-card{background:var(--help-soft);border:1px solid var(--help-line);padding:20px 16px;border-radius:13px;margin-bottom:12px;color:var(--help-accent)}
#stellar-help-panel .jarvis-overview-card .jarvis-section-title{font-size:16px;font-weight:550}
#stellar-help-panel .jarvis-overview-card .jarvis-section-number{color:var(--help-accent);font-size:20px}
#help-library-status{padding:13px 15px;margin:8px 0 16px;font-size:13px;border-radius:10px;background:var(--help-soft);color:var(--help-muted);line-height:1.8}
#help-library-status[data-error=true]{border-inline-start:2px solid var(--help-accent)}
.jarvis-category{margin:16px 0 25px}
.jarvis-category-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--help-line);padding-bottom:12px}
#stellar-help-panel .jarvis-category-heading h3{font:550 12px/1.6 inherit;margin:0;color:var(--help-muted)}
.jarvis-category-heading>span{font-size:10px;color:var(--help-muted);font-variant-numeric:tabular-nums}
#stellar-help-panel .jarvis-lesson-card{display:flex;align-items:center;gap:15px;justify-content:space-between;width:100%;padding:17px 4px;background:none;border:0;border-bottom:1px solid var(--help-line);text-align:start;color:var(--help-ink)}
.jarvis-lesson-card strong{display:block;font-size:16px;font-weight:550;line-height:1.7}
.jarvis-lesson-card small{display:block;color:var(--help-muted);font-size:12px;line-height:1.5;margin-top:4px}
.jarvis-card-arrow{display:grid;place-items:center;border:1px solid var(--help-line);border-radius:50%;width:28px;height:28px;flex:none;color:var(--help-accent)}
#stellar-help-panel .jarvis-lesson-card:hover{color:var(--help-accent);background:var(--help-soft)}
.jarvis-save-library{margin-top:32px;padding-top:18px;border-top:1px solid var(--help-line)}
#stellar-help-panel #help-download{border:1px solid var(--help-line);border-radius:100px;background:none;color:var(--help-muted);padding:9px 14px;font-size:12px}
#help-download-progress{font-size:12px;line-height:1.7;color:var(--help-muted);margin-top:10px}
#help-download-progress:empty{display:none}
#stellar-help-panel #help-path-picker{position:absolute;z-index:15;inset:85px 0 0;background:var(--help-bg);overflow:auto;overscroll-behavior:contain;padding:20px 28px 30px;scrollbar-width:thin;box-shadow:0 -20px 45px var(--help-bg)}
#help-path-picker>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
#stellar-help-panel #help-path-picker h2{font-size:27px;line-height:1.5;font-weight:550;letter-spacing:-.8px;margin:0}
#stellar-help-panel #help-path-close{width:34px;height:34px;border:1px solid var(--help-line);border-radius:50%;background:none;display:grid;place-items:center;color:var(--help-muted);flex:none}
#stellar-help-panel #help-all-paths{display:block;border:0;background:none;color:var(--help-accent);font-size:13px;padding:0 0 20px}
#help-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#stellar-help-panel .jarvis-path-card{display:flex;align-items:center;gap:10px;text-align:start;padding:16px 11px;min-height:84px;background:var(--help-bg);border:1px solid var(--help-line);border-radius:13px;color:var(--help-ink);min-width:0;transition:background .15s,border-color .15s}
#stellar-help-panel .jarvis-path-card:hover,#stellar-help-panel .jarvis-path-card[aria-pressed=true]{border-color:var(--help-accent);background:var(--help-soft)}
.jarvis-path-card>span:nth-child(2){min-width:0;flex:1}
.jarvis-path-card strong{display:block;font-size:14px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}
.jarvis-path-card small{display:block;font-size:10px;color:var(--help-muted);line-height:1.5;margin-top:4px}
.jarvis-path-card>span:last-child{font-size:12px;color:var(--help-muted)}
.jarvis-path-orbit{--path-hue:165;position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid hsl(var(--path-hue) 55% 50% / .55);display:grid;place-items:center;font-size:17px;color:hsl(var(--path-hue) 70% 42%);background:radial-gradient(circle at 30% 25%,hsl(var(--path-hue) 60% 70% / .2),transparent 65%)}
.jarvis-path-orbit:after{content:'';position:absolute;inset:8px -4px;border:1px solid hsl(var(--path-hue) 55% 50% / .4);border-radius:50%;transform:rotate(-28deg);pointer-events:none}
html[data-theme=dark] .jarvis-path-orbit{color:hsl(var(--path-hue) 75% 70%)}
#stellar-help-panel #help-selection{padding:12px 15px;margin-top:0;margin-bottom:16px}
#stellar-help-panel #help-selection blockquote{max-height:54px;font-size:11px;line-height:1.6}
#stellar-help-panel #help-selection-show{font-size:12px!important;min-width:130px;line-height:1.6}
@media(max-width:700px){
#stellar-help-panel .help-controls{grid-template-columns:115px minmax(0,1fr);gap:7px}
#stellar-help-panel .help-controls #help-search{font-size:16px!important;padding-inline:9px}
#stellar-help-panel #help-path-open{font-size:12px;padding-inline:9px}
#stellar-help-panel #help-path-picker{padding:17px 20px 30px;inset:72px 0 0}
.jarvis-path-card strong{font-size:13px}
.jarvis-path-card>span:last-child{display:none}
#stellar-help-panel .jarvis-path-card{padding:13px 9px;gap:8px;min-height:85px}
#help-path-list{gap:8px}
.jarvis-path-orbit{width:27px;height:27px;font-size:15px}
#stellar-help-panel #help-selection{margin-inline:20px}
#stellar-help-panel .jarvis-welcome h2{font-size:22px!important}
}
.jarvis-loading{display:grid;gap:17px;padding:15px 0}
.jarvis-loading i{display:block;height:52px;border-radius:10px;background:var(--help-soft)}
#stellar-help-panel.jarvis-answer-open .help-controls{display:none}
#stellar-help-panel.jarvis-selection-answer #help-selection{padding:9px 14px;margin-bottom:12px}
#stellar-help-panel.jarvis-selection-answer #help-selection blockquote{max-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0}
#stellar-help-panel.jarvis-selection-answer #help-selection-show{display:none}
html #stellar-help-panel{--help-bg:#fbfdfd;--help-ink:#142e35;--help-muted:#526b74;--help-line:#d7e4e5;--help-soft:#eef5f5;--help-accent:#007d80;background:linear-gradient(155deg,#eef9f7 0,transparent 220px),var(--help-bg)}
html[data-theme=dark] #stellar-help-panel{--help-bg:#0c151b;--help-ink:#e9f5f6;--help-muted:#9ab1ba;--help-line:#293d46;--help-soft:#15252d;--help-accent:#71e3d0;background:linear-gradient(155deg,#10322f88 0,transparent 260px),var(--help-bg)}
#stellar-help-panel .help-header{padding:14px 20px;min-height:78px;border-bottom:1px solid var(--help-line);gap:8px}
#stellar-help-panel .help-brand{min-width:0;gap:8px;flex:1;align-self:stretch}
#stellar-help-panel .help-brand strong{font-size:23px;font-weight:650;letter-spacing:-.8px}
#stellar-help-panel #stellar-help-fab{position:relative!important;inset:auto!important;display:block!important;flex:none;width:50px!important;height:50px!important;padding:0!important;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important;opacity:1;visibility:visible;z-index:auto;cursor:grab;touch-action:none;overflow:visible}
#stellar-help-panel #stellar-help-fab:active{cursor:grabbing}
#stellar-help-panel #stellar-help-fab .jarvis-name{display:none!important}
#stellar-help-panel #stellar-help-fab .jarvis-avatar{animation:jarvis-header-life 14s ease-in-out infinite;filter:drop-shadow(0 4px 8px #062e4140)}
@keyframes jarvis-header-life{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-7deg)}70%{transform:translateY(1px) rotate(8deg)}}
#stellar-help-panel .help-actions{gap:4px;flex:none}
#stellar-help-panel .help-actions>button{width:34px;height:36px;border:1px solid transparent;border-radius:10px;background:transparent}
#stellar-help-panel .help-actions>button:hover{background:var(--help-soft);border-color:var(--help-line);color:var(--help-ink)!important}
#stellar-help-panel .help-actions .jarvis-language{background:var(--help-soft);border:1px solid var(--help-line);border-radius:10px;padding:3px;gap:2px;display:flex}
#stellar-help-panel .help-actions .jarvis-language button{border-radius:7px;min-width:31px;height:28px;padding:3px 6px;font-size:11px}
#stellar-help-panel .jarvis-language button[aria-pressed=true]{background:var(--help-accent);color:var(--help-bg)!important;box-shadow:0 2px 5px #073c3520}
#stellar-help-panel .help-context{margin:12px 20px 0;padding:10px 12px;background:var(--help-soft);border:1px solid var(--help-line);border-radius:12px}
#stellar-help-panel .help-context strong{font-size:13px;line-height:1.5}
#stellar-help-panel .help-context small{font-size:11px;opacity:1;line-height:1.5}
#stellar-help-panel .help-controls{padding:14px 20px 0;grid-template-columns:minmax(100px,.72fr) minmax(0,1.8fr);gap:8px}
#stellar-help-panel #help-path-open{background:var(--help-bg);border:1px solid var(--help-line);height:46px;border-radius:11px}
#stellar-help-panel #help-search-form{border:1px solid var(--help-line);background:var(--help-bg);border-radius:11px;min-width:0}
#stellar-help-panel #help-search-form:focus-within{border-color:var(--help-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--help-accent) 12%,transparent)}
#stellar-help-panel .help-controls #help-search{background:transparent;border:0;min-height:44px;font-size:13px!important;padding-inline:12px}
#stellar-help-panel #help-search-submit{margin:3px;width:34px;height:36px;border-radius:8px;background:var(--help-soft);color:var(--help-accent)}
#stellar-help-panel .help-body{padding:16px 20px 24px;scroll-padding-top:14px}
#stellar-help-panel .help-body .jarvis-welcome{padding:3px 0 12px}
#stellar-help-panel .jarvis-welcome h2{font-size:20px!important;line-height:1.65;font-weight:600;letter-spacing:-.35px}
#stellar-help-panel .jarvis-topics{gap:6px;margin:0 0 15px;border:0;padding:0;display:flex}
#stellar-help-panel .jarvis-topics button{border-radius:8px;min-height:36px;border:1px solid transparent;padding:7px 12px;font-size:12px;line-height:1.5;color:var(--help-muted)}
#stellar-help-panel .jarvis-topics button[aria-pressed=true]{border-color:var(--help-line);background:var(--help-soft);color:var(--help-accent);font-weight:600}
#help-questions{display:grid;gap:9px}
#stellar-help-panel .help-question{display:flex;min-height:70px;gap:12px;padding:13px!important;margin:0!important;border:1px solid var(--help-line);border-radius:13px;background:var(--help-bg);text-align:start;box-shadow:0 2px 3px #08292e03;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
#stellar-help-panel .help-question:hover{background:var(--help-soft);border-color:color-mix(in srgb,var(--help-accent) 60%,var(--help-line));box-shadow:0 4px 14px #063c3c0a;transform:translateY(-1px);color:var(--help-ink)}
#stellar-help-panel .help-question .jarvis-section-number{display:grid;place-items:center;flex:none;width:35px;height:37px;border:1px solid color-mix(in srgb,var(--help-accent) 17%,var(--help-line));border-radius:10px;background:var(--help-soft);font-size:20px;color:var(--help-accent);letter-spacing:0}
#stellar-help-panel .help-question[data-section-tone=practice] .jarvis-section-number{color:#287ea6;background:#eaf5fa;border-color:#cfe5ee}
#stellar-help-panel .help-question[data-section-tone=diagnose] .jarvis-section-number{color:#96621c;background:#fcf4e6;border-color:#eddfc2}
#stellar-help-panel .help-question[data-section-tone=review] .jarvis-section-number{color:#427b50;background:#edf6ec;border-color:#d4e7d1}
html[data-theme=dark] #stellar-help-panel .help-question[data-section-tone=practice] .jarvis-section-number{color:#8cd1f0;background:#142e3b;border-color:#244859}
html[data-theme=dark] #stellar-help-panel .help-question[data-section-tone=diagnose] .jarvis-section-number{color:#ebc47d;background:#31291d;border-color:#50402a}
html[data-theme=dark] #stellar-help-panel .help-question[data-section-tone=review] .jarvis-section-number{color:#a7daa3;background:#1b3125;border-color:#304e36}
.jarvis-section-label{flex:1;min-width:0;display:grid;gap:4px}
#stellar-help-panel .help-question .jarvis-section-title{font-size:15px;font-weight:550;line-height:1.65;overflow-wrap:anywhere}
.jarvis-section-caption{font-size:12px;line-height:1.6;opacity:.82}
#stellar-help-panel .help-question .jarvis-section-arrow{width:25px;height:28px;border:0;border-radius:7px;background:none;font-size:17px;color:var(--help-muted)}
#stellar-help-panel .jarvis-overview-card{min-height:90px;padding:17px 14px!important;border-color:#16585b;background:linear-gradient(115deg,#102f3d,#10504e);color:#f2fffb;box-shadow:0 5px 16px #073d3814;margin-bottom:5px!important}
#stellar-help-panel .jarvis-overview-card:hover{background:linear-gradient(115deg,#123b48,#145d57);color:#fff;border-color:#3a8079}
#stellar-help-panel .jarvis-overview-card .jarvis-section-number{color:#a9f2db;background:#ffffff0b;border-color:#ffffff20}
#stellar-help-panel .jarvis-overview-card .jarvis-section-arrow{color:#b5e6d9}
#stellar-help-panel .jarvis-overview-card .jarvis-section-title{font-size:16px}
#stellar-help-panel .jarvis-lesson-card{border:1px solid var(--help-line);border-radius:13px;background:var(--help-bg);padding:14px;gap:12px;min-height:80px;margin-bottom:8px}
.jarvis-lesson-info{min-width:0;flex:1}
.jarvis-lesson-glyph{display:grid;place-items:center;width:35px;height:39px;border-radius:10px;background:var(--help-soft);font-size:21px;color:var(--help-accent);flex:none}
#stellar-help-panel .jarvis-lesson-card strong{font-size:15px;line-height:1.5}
.jarvis-lesson-card small{font-size:11px;line-height:1.6}
#stellar-help-panel .jarvis-category-heading{border:0;padding:0 2px 12px}
.jarvis-category{margin:6px 0 12px}
#stellar-help-panel #help-back{background:var(--help-soft);border:1px solid var(--help-line);border-radius:9px;padding:7px 12px;min-height:38px;display:inline-flex;margin:0 0 16px;color:var(--help-ink)!important}
#stellar-help-panel #help-answer-title{font-size:25px;line-height:1.65;margin:0;letter-spacing:-.5px}
#stellar-help-panel #help-answer-source{margin:10px 0 22px;padding:0;border:0}
#stellar-help-panel #help-answer-source a{display:inline-flex;justify-self:start;align-items:center;padding:7px 11px;border:1px solid var(--help-line);background:var(--help-soft);border-radius:9px;font-size:12px;min-height:36px}
#stellar-help-panel .help-markdown{font-size:15px;line-height:2;overflow-wrap:break-word}
#stellar-help-panel .help-markdown h3{font-size:17px;font-weight:650;margin:23px 0 12px}
#stellar-help-panel .help-markdown code{display:inline-block;max-width:100%;vertical-align:baseline;text-align:left;direction:ltr;unicode-bidi:isolate;line-height:1.55;overflow-wrap:anywhere}
#stellar-help-panel .help-code code{display:inline;max-width:none;white-space:pre}
#stellar-help-panel .help-markdown bdi{unicode-bidi:isolate}
#stellar-help-panel #help-copy,#stellar-help-panel #help-download{min-height:40px;border-radius:10px;padding:8px 13px;font-size:12px!important;color:var(--help-ink);border:1px solid var(--help-line);background:var(--help-soft)}
#stellar-help-panel #help-copy:hover,#stellar-help-panel #help-download:hover{border-color:var(--help-accent);color:var(--help-accent)}
#stellar-help-panel #help-path-picker{inset:78px 0 0;padding:20px}
html #stellar-help-panel.jarvis-floating{border:1px solid var(--help-line);border-radius:20px;box-shadow:0 22px 75px #05233030,0 4px 15px #092e3014}
#stellar-help-panel.jarvis-floating .help-header{min-height:70px;padding-block:10px}
#stellar-help-panel.jarvis-floating .help-body{padding-top:12px}
@media(max-width:700px){
#stellar-help-panel .help-header{padding:10px 12px;min-height:70px}
#stellar-help-panel .help-brand strong{font-size:21px}
#stellar-help-panel #stellar-help-fab{width:44px!important;height:44px!important}
#stellar-help-panel .help-actions{gap:2px}
#stellar-help-panel .help-actions>button{width:32px;height:36px}
#stellar-help-panel .help-context{margin-inline:16px}
#stellar-help-panel .help-controls{padding:12px 16px 0;grid-template-columns:100px minmax(0,1fr)}
#stellar-help-panel .help-controls #help-search{font-size:16px!important;padding-inline:9px}
#stellar-help-panel .help-body{padding:15px 16px 24px}
#stellar-help-panel .help-question{min-height:69px;gap:10px;padding:12px!important}
#stellar-help-panel .help-question .jarvis-section-title{font-size:14px}
#stellar-help-panel #help-answer-title{font-size:23px}
#stellar-help-panel #help-path-picker{inset:70px 0 0;padding:18px 16px}
#stellar-help-panel .help-actions .jarvis-language button{min-width:28px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
#stellar-help-panel #stellar-help-fab .jarvis-avatar{animation:none!important}
#stellar-help-panel .help-question{transition:none}
}
html[data-motion=reduce] #stellar-help-panel #stellar-help-fab .jarvis-avatar{animation:none!important}
#stellar-help-panel.jarvis-floating .help-header{min-height:64px;padding-block:7px}
#stellar-help-panel.jarvis-floating #stellar-help-fab{width:46px!important;height:46px!important}
#stellar-help-panel.jarvis-floating .help-context{margin-top:8px;padding-block:7px}
#stellar-help-panel.jarvis-floating .help-controls{padding-top:10px}
#stellar-help-panel.jarvis-floating .help-body .jarvis-welcome{display:none}
#stellar-help-panel.jarvis-floating .jarvis-topics{margin-bottom:12px}
html #stellar-help-panel,html[data-theme=dark] #stellar-help-panel{
 --help-bg:var(--bg,var(--student-bg,#f5f7fb));
 --help-card:var(--surface,var(--student-surface,#fff));
 --help-ink:var(--text,var(--student-ink,var(--ink,#18252d)));
 --help-muted:var(--text-2,var(--student-muted,var(--muted,#596772)));
 --help-line:var(--stroke,var(--student-line,var(--rule,#e2e7f0)));
 --help-soft:var(--surface-2,var(--student-soft,var(--soft,#f3f5fa)));
 --help-accent:var(--accent,var(--student-accent,#087d82));
 --help-action-ink:color-mix(in srgb,var(--help-accent) 75%,var(--help-ink));
 background:var(--help-bg);border-color:var(--help-line);box-shadow:-12px 0 45px #0000000c;
}
html[data-theme=dark] #stellar-help-panel{--help-action-ink:color-mix(in srgb,var(--help-accent) 70%,var(--help-ink));box-shadow:-12px 0 45px #0003}
#stellar-help-panel .help-header,#stellar-help-panel.jarvis-floating .help-header{min-height:58px;padding:9px 16px;gap:10px}
#stellar-help-panel .help-brand{gap:8px;min-height:36px}
#stellar-help-panel .help-brand strong{font-size:20px;line-height:1.4;letter-spacing:-.5px}
#stellar-help-panel #stellar-help-fab{width:38px!important;height:38px!important}
#stellar-help-panel .help-actions{gap:5px;align-items:center}
#stellar-help-panel .help-actions>button{width:30px;height:32px;border-radius:7px;border:0}
#stellar-help-panel .help-actions>button svg{width:16px;height:16px}
#stellar-help-panel #help-expand{display:none!important}
#stellar-help-panel .help-actions .jarvis-language{border:0;background:none;padding:0;gap:1px;border-radius:0}
#stellar-help-panel .help-actions .jarvis-language button{width:28px;min-width:28px;height:30px;padding:3px 1px;border-radius:6px;font-size:10px;line-height:1.5;color:var(--help-muted)!important}
#stellar-help-panel .help-actions .jarvis-language button[aria-pressed=true]{background:color-mix(in srgb,var(--help-accent) 11%,var(--help-bg));box-shadow:none;color:var(--help-action-ink)!important}
#stellar-help-panel .help-context,#stellar-help-panel.jarvis-floating .help-context{margin:0 16px;padding:11px 0 10px;border:0;border-bottom:1px solid var(--help-line);border-radius:0;background:none;gap:2px 8px}
#stellar-help-panel .help-context strong{font-size:13px}
#stellar-help-panel .help-context small{font-size:10px}
#stellar-help-panel .help-context>i{width:5px;height:5px;box-shadow:none;margin-top:8px}
#stellar-help-panel .help-controls,#stellar-help-panel.jarvis-floating .help-controls{padding:12px 16px 0;gap:7px;grid-template-columns:minmax(95px,.72fr) minmax(0,1.8fr)}
#stellar-help-panel #help-path-open{height:38px;min-height:38px;padding:6px 10px;border-radius:9px;font-size:11px;background:var(--help-card)}
#stellar-help-panel #help-search-form{border-radius:9px;background:var(--help-card)}
#stellar-help-panel .help-controls #help-search{min-height:36px;height:36px;padding:6px 10px;font-size:12px!important;background:transparent}
#stellar-help-panel #help-search-submit{height:28px;width:28px;margin:3px;background:none;border-radius:6px;color:var(--help-action-ink)}
#stellar-help-panel .help-body{padding:14px 16px 24px}
#stellar-help-panel .jarvis-welcome h2{font-size:19px!important}
#stellar-help-panel .jarvis-topics{gap:4px;margin-bottom:13px}
#stellar-help-panel .jarvis-topics button{min-height:30px;padding:4px 9px;border-radius:7px;font-size:11px}
#stellar-help-panel .jarvis-topics button[aria-pressed=true]{color:var(--help-action-ink);background:color-mix(in srgb,var(--help-accent) 8%,var(--help-bg));border-color:color-mix(in srgb,var(--help-accent) 18%,var(--help-line))}
#stellar-help-panel .help-question{min-height:62px;background:var(--help-card);border-color:var(--help-line);border-radius:11px;gap:11px;padding:12px 13px!important;box-shadow:none}
#stellar-help-panel .help-question:hover{background:color-mix(in srgb,var(--help-accent) 5%,var(--help-card));color:var(--help-ink);box-shadow:none}
#stellar-help-panel .help-question .jarvis-section-number,
html[data-theme=dark] #stellar-help-panel .help-question[data-section-tone] .jarvis-section-number,
#stellar-help-panel .help-question[data-section-tone] .jarvis-section-number,
#stellar-help-panel .jarvis-lesson-card .jarvis-section-number{
 display:grid;place-items:center;width:24px;height:28px;flex:none;border:0;border-radius:0;background:none;color:var(--help-action-ink);padding:0;
}
.jarvis-section-number svg{display:block;width:19px;height:19px}
#stellar-help-panel .help-question .jarvis-section-title{font-size:14px;font-weight:550;line-height:1.7}
#stellar-help-panel .help-question>span.jarvis-section-arrow:last-child{border:0;background:none;width:21px;height:24px;font-size:17px;border-radius:0;color:var(--help-muted);opacity:.7}
#stellar-help-panel .jarvis-overview-card{min-height:77px;background:color-mix(in srgb,var(--help-accent) 9%,var(--help-card));border-color:color-mix(in srgb,var(--help-accent) 26%,var(--help-line));color:var(--help-ink);box-shadow:none;padding:14px 13px!important}
#stellar-help-panel .jarvis-overview-card:hover{background:color-mix(in srgb,var(--help-accent) 13%,var(--help-card));color:var(--help-ink);border-color:var(--help-accent)}
#stellar-help-panel .jarvis-overview-card .jarvis-section-number{background:none;border:0;color:var(--help-action-ink)}
#stellar-help-panel .jarvis-overview-card .jarvis-section-title{font-size:14px}
#stellar-help-panel .jarvis-overview-card .jarvis-section-caption{font-size:11px;color:var(--help-muted);opacity:1}
#stellar-help-panel .jarvis-lesson-card{background:var(--help-card);border-radius:11px;min-height:69px;padding:12px 13px}
#stellar-help-panel .jarvis-lesson-card .jarvis-card-arrow{border:0;border-radius:0;color:var(--help-muted);width:21px;height:24px}
#stellar-help-panel .jarvis-save-library{display:none!important}
#stellar-help-panel #help-path-picker{inset:58px 0 0;background:var(--help-bg);padding:18px 16px}
#stellar-help-panel #help-answer-source a,#stellar-help-panel #help-copy{background:var(--help-card)}
#stellar-help-panel #help-selection-show{background:color-mix(in srgb,var(--help-accent) 12%,var(--help-card));color:var(--help-action-ink)!important;border:1px solid color-mix(in srgb,var(--help-accent) 30%,var(--help-line))}
html #stellar-help-fab.jarvis-attached{position:fixed!important;width:72px!important;height:72px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;visibility:visible!important;z-index:11030}
html #stellar-help-fab.jarvis-attached .jarvis-name{display:none!important}
html #stellar-help-panel.jarvis-floating{border-radius:15px;box-shadow:0 18px 55px #00000020,0 2px 8px #0000000a}
#stellar-help-panel.jarvis-floating .help-header{min-height:53px;padding-block:7px}
#stellar-help-panel.jarvis-floating .help-brand{min-height:35px}
#stellar-help-panel.jarvis-floating #help-path-picker{inset:53px 0 0}
@media(max-width:700px){
#stellar-help-panel .help-header{padding:9px 13px;min-height:58px}
#stellar-help-panel .help-brand strong{font-size:19px}
#stellar-help-panel #stellar-help-fab{width:36px!important;height:36px!important}
#stellar-help-panel .help-actions{gap:3px}
#stellar-help-panel .help-controls #help-search{font-size:16px!important}
#stellar-help-panel .help-controls{grid-template-columns:98px minmax(0,1fr)}
#stellar-help-panel .help-question{min-height:61px}
}

/* Keep the space scene continuous on sign-in; the embedded return link stays available. */
body.student-account-page:has(#authView:not([hidden])) .student-header{display:none}
html:root[data-theme] body.student-account-page:has(#authView:not([hidden])) #accountMain{padding:0;max-width:none;width:100%}
html:root[data-theme] body.student-account-page #authView.student-auth-layout{min-height:100dvh}
html:root[data-theme] body.student-account-page #authView .student-auth-intro{min-height:calc(100dvh - 56px)}
@media(max-width:680px){html:root[data-theme] body.student-account-page #authView .student-auth-intro{min-height:265px}}
/* Focus belongs to the complete search field, never its borderless inner input. */
html:root[data-theme] .lib-search:focus-within{border-color:var(--brand-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-ink) 18%,transparent)}
html:root[data-theme] .lib-search input:focus-visible{outline:none;box-shadow:none}
/* Each course keeps its own accent against the shared neutral shell. */
html:root[data-theme] body[data-track-identity] #app .dash>.hero{border-color:color-mix(in srgb,var(--brand-accent) 28%,var(--brand-line));background:linear-gradient(120deg,color-mix(in srgb,var(--brand-accent) 8%,var(--brand-surface)),var(--brand-surface) 70%)}
html:root[data-theme] body[data-track-identity] #app .stat{border-color:color-mix(in srgb,var(--brand-accent) 20%,var(--brand-line))}
html:root[data-theme] body[data-track-identity] #app .cat-card{border-color:color-mix(in srgb,var(--brand-accent) 20%,var(--brand-line))}
html:root[data-theme] body[data-track-identity] #app .cat-card .cc-icon{background:color-mix(in srgb,var(--brand-accent) 18%,var(--brand-surface));color:var(--brand-accent-ink)}
html:root[data-theme] body[data-track-identity] #app .cc-progress{background:color-mix(in srgb,var(--brand-accent) 16%,var(--brand-surface))}
html:root[data-theme] body[data-track-identity] #app .cc-progress span{background:var(--brand-accent)}
/* A predictable exit from every learning workspace. */
.stellar-back-paths{display:flex;align-items:center;padding:10px 12px;margin:4px 0 8px;border:1px solid var(--brand-line);border-radius:8px;color:var(--brand-ink);font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;text-decoration:none}
.stellar-back-paths:hover{background:var(--brand-soft);border-color:var(--brand-accent)}
.stellar-back-paths:focus-visible{outline:2px solid var(--brand-accent-ink);outline-offset:2px}
/* Interactive miniature cosmic portals; labels and links stay native and keyboard accessible. */
html:root[data-theme] .stellar-path-navigator .stellar-path-grid{gap:14px 6px}
html:root[data-theme] .stellar-path-navigator .stellar-path-link{gap:7px;min-height:94px}
html:root[data-theme] .stellar-path-navigator .stellar-path-portal{width:min(62px,86%);border:1px solid color-mix(in srgb,var(--path-color) 70%,#e2e8f5);background:radial-gradient(circle at 50% 49%,#03070e 0 41%,#0c1928 53%,color-mix(in srgb,var(--path-color) 40%,#06101d) 66%,#050a14 76%);box-shadow:inset 0 0 12px #000,0 0 0 2px color-mix(in srgb,var(--path-color) 15%,transparent),0 0 12px color-mix(in srgb,var(--path-color) 35%,transparent)}
html:root[data-theme] .stellar-path-navigator .stellar-path-portal:before{inset:4px;border:1px solid color-mix(in srgb,var(--path-color) 70%,white);box-shadow:0 0 7px var(--path-color),inset 0 0 6px var(--path-color)}
html:root[data-theme] .stellar-path-navigator .stellar-path-orbit{opacity:.75;inset:-5px -8px;border:1px solid var(--path-color);box-shadow:0 0 5px var(--path-color);transform:rotate(-25deg) scaleY(.64)}
html:root[data-theme] .stellar-path-navigator .stellar-path-portal:after{opacity:1;top:5px;right:1px;width:7px;height:7px;background:radial-gradient(circle at 30% 25%,#f4faff,#20425e 45%,#030814 80%);border:1px solid color-mix(in srgb,var(--path-color) 65%,white);box-shadow:0 0 7px var(--path-color)}
html:root[data-theme] .stellar-path-navigator .stellar-path-line-icon{color:color-mix(in srgb,var(--path-color) 55%,white)}
html:root[data-theme] .stellar-path-navigator .stellar-path-mask{background:color-mix(in srgb,var(--path-color) 65%,white)}
html:root[data-theme] .stellar-path-navigator .stellar-path-link[aria-current=page] .stellar-path-portal{border-width:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--path-color) 20%,transparent),0 0 18px color-mix(in srgb,var(--path-color) 65%,transparent),inset 0 0 12px #000}
html:root[data-theme] .stellar-path-navigator .stellar-path-link:hover .stellar-path-portal{transform:translateY(-2px) scale(1.04);box-shadow:0 0 18px color-mix(in srgb,var(--path-color) 65%,transparent),inset 0 0 12px #000}
@media(prefers-reduced-motion:reduce){html:root[data-theme] .stellar-path-navigator .stellar-path-portal{transition:none}}

/* Profile media controls and editing */
.stellar-social .so-avatar-edit { position: relative; display: inline-flex; flex: none; }
/* Restrained controls stay legible over both photographs and the default cover. */
.stellar-social .so-avatar-edit-btn, .stellar-social .so-cover-edit { position: absolute; z-index: 4; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); background: rgba(22,26,34,.78); color: #fff; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.14); backdrop-filter: blur(10px); transition: background .18s ease, box-shadow .18s ease; }
.stellar-social .so-avatar-edit-btn { right: 1px; bottom: 1px; width: 28px; height: 28px; padding: 0; border-radius: 50%; }
.stellar-social .so-avatar-edit-btn::after { content: ""; position: absolute; inset: -7px; }
.stellar-social .so-cover-edit { top: 14px; right: 14px; gap: 5px; min-height: 30px; padding: 5px 10px; border-radius: 8px; font-size: 11px; font-weight: 600; line-height: 1; }
.stellar-social .so-avatar-edit-btn svg, .stellar-social .so-cover-edit svg { width: 13px; height: 13px; }
.stellar-social .so-media-picker svg, .stellar-social .so-media-editor-icon svg { width: 17px; height: 17px; }
.stellar-social .so-avatar-edit-btn:hover, .stellar-social .so-cover-edit:hover { background: rgba(30,39,53,.95); box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.stellar-social .so-avatar-edit-btn:focus-visible, .stellar-social .so-cover-edit:focus-visible, .stellar-social .so-media-picker:focus-within { outline: 3px solid #548ff5; outline-offset: 3px; }
.stellar-social .so-edit-group + .so-edit-group { margin-top: 28px; padding-top: 23px; border-top: 1px solid var(--so-line); }
.stellar-social .so-edit-group h3 { margin: 0 0 18px; font-size: 15px; font-weight: 700; }
.stellar-social .so-edit-group .so-muted { line-height: 1.55; }
.stellar-social .so-media-editor { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding: 36px 24px; }
.stellar-social .so-media-editor-icon { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--so-line); border-radius: 18px; background: var(--so-bg); }
.stellar-social .so-media-editor-icon svg { width: 24px; height: 24px; }
.stellar-social .so-media-picker { position: relative; display: inline-flex; align-items: center; gap: 9px; padding: 11px 16px; border: 1px solid var(--so-line); border-radius: 10px; font-weight: 600; cursor: pointer; }
.stellar-social .so-media-picker input { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.stellar-social .so-media-file { margin: 0; overflow-wrap: anywhere; }
.stellar-social .so-media-remove { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 13px; }

/* Hide internal build notes from learning dashboards. */
.dash-foot { display: none; }

/* An anchored reaction tray opens without interrupting the feed. */
.stellar-social .so-reaction-emoji { font-size: 17px; line-height: 1; }
.stellar-social .so-react-wrap { position: relative; }
.stellar-social .so-react-wrap.is-open { z-index: 40; }
.stellar-social .so-post:has(.so-react-wrap.is-open) { z-index: 40; }
.stellar-social .so-reaction-picker { position: absolute; bottom: calc(100% + 7px); inset-inline-start: 0; display: flex; align-items: center; gap: 3px; width: max-content; max-width: calc(100vw - 44px); padding: 5px; border: 1px solid var(--so-line); border-radius: 999px; background: var(--so-surface); box-shadow: 0 6px 24px #0002; }
.stellar-social .so-reaction-picker[hidden] { display: none; }
.stellar-social .so-reaction-picker::after { content: ""; position: absolute; top: 100%; height: 12px; left: 0; right: 0; }
.stellar-social .so-reaction-option { position: relative; display: grid; place-items: center; flex: none; width: 42px; height: 42px; padding: 3px; border: 0; border-radius: 50%; background: transparent; cursor: pointer; font: inherit; }
.stellar-social .so-reaction-option-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 28px; line-height: 1; transition: transform .14s ease; transform-origin: center bottom; }
.stellar-social .so-reaction-option-icon svg { width: 22px; height: 22px; }
.stellar-social .so-reaction-like { background: linear-gradient(145deg,#29a7ff,#3857e8); color: #fff; }
.stellar-social .so-reaction-love { background: linear-gradient(145deg,#ff5583,#e21b44); color: #fff; }
.stellar-social .so-reaction-love svg { width: 21px; height: 21px; }
.stellar-social .so-reaction-option:hover .so-reaction-option-icon, .stellar-social .so-reaction-option:focus-visible .so-reaction-option-icon { transform: translateY(-5px) scale(1.17); }
.stellar-social .so-reaction-option[aria-pressed="true"] { background: var(--so-soft); box-shadow: inset 0 0 0 1px var(--so-line); }
.stellar-social .so-reaction-option:focus-visible { outline: 2px solid var(--brand-accent,#e65b10); outline-offset: 1px; }
.stellar-social .so-reaction-tooltip { position: absolute; bottom: calc(100% + 9px); left: 50%; transform: translateX(-50%); padding: 5px 8px; border-radius: 6px; background: #20242c; color: #fff; font-size: 11px; line-height: 1.2; font-weight: 600; white-space: nowrap; pointer-events: none; opacity: 0; }
.stellar-social .so-reaction-option:hover .so-reaction-tooltip, .stellar-social .so-reaction-option:focus-visible .so-reaction-tooltip { opacity: 1; }
@media(max-width:380px) { .stellar-social .so-reaction-picker { gap: 0; padding: 4px; } .stellar-social .so-reaction-option { width: 39px; } }
@media(prefers-reduced-motion:reduce) { .stellar-social .so-reaction-option-icon { transition: none; } }

/* Compact course/community navigation keeps account controls inside the viewport. */
@media(max-width:700px){
 html:root[data-theme] .student-header-inner .student-brand{gap:6px}
 html:root[data-theme] .student-header-inner .student-brand .stellar-wordmark{width:92px}
 html:root[data-theme] .student-header-inner .student-brand .stellar-symbol{width:24px;height:24px}
 html:root[data-theme] .student-header-inner .student-nav{min-width:0;flex:1 1 0;order:0;margin:0;overflow-x:auto;scrollbar-width:none}
 html:root[data-theme] .student-header-inner .student-nav>a{flex:none;width:28px;min-width:28px}
 html:root[data-theme] .student-header-inner .student-nav>a>span{display:none}
 html:root[data-theme] .student-header-inner .student-header-tools{flex:none}
 html:root[data-theme] .student-header-inner .stellar-settings-shortcut{display:none}
}

/* STELLAR's private reference shelf. Native controls, neutral surfaces, restrained orange. */
.stellar-library{background:var(--brand-bg);color:var(--brand-ink)}.lib-shell{max-width:1360px;margin:auto;padding:44px 32px 80px;font-family:inherit}.lib-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.lib-eyebrow{font-size:9px;letter-spacing:.17em;font-weight:600;color:var(--brand-muted);margin:0 0 14px}.lib-page-heading h1{font-size:43px;line-height:1.1;letter-spacing:-.055em;margin:0 0 14px;font-weight:650}.lib-title-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand-accent);margin-left:7px}.lib-muted{color:var(--brand-muted);font-size:12px;line-height:1.8}.lib-btn,.lib-sidebar button,.lib-type-tabs button,.lib-dialog button,.lib-lesson-tools button{font-family:inherit;cursor:pointer}.lib-btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-surface);color:var(--brand-ink);font-size:12px;font-weight:600;text-decoration:none;box-sizing:border-box}.lib-btn.primary{background:var(--brand-primary);color:var(--brand-on-primary);border-color:var(--brand-primary)}.lib-btn:hover{box-shadow:0 2px 8px #00000008}.lib-btn:disabled,.lib-dialog button:disabled{opacity:.5;cursor:wait}.lib-workspace{display:grid;grid-template-columns:212px minmax(0,1fr);gap:36px;align-items:start}.lib-workspace[hidden],.lib-guest[hidden]{display:none}.lib-sidebar{position:sticky;top:96px;padding-right:24px;border-right:1px solid var(--brand-line)}.lib-private{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--brand-muted);margin:0 0 20px}.lib-private svg{width:13px;height:13px;flex:none}.lib-sidebar nav{display:grid;gap:4px}.lib-sidebar nav button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;font-size:12px;font-weight:550;padding:12px;border:0;border-radius:7px;color:var(--brand-muted);background:transparent;overflow-wrap:anywhere}.lib-sidebar nav button[aria-current=page]{background:var(--brand-soft);color:var(--brand-ink);box-shadow:inset 2px 0 var(--brand-accent)}.lib-sidebar-label{display:flex;justify-content:space-between;align-items:center;margin:29px 0 12px;font-size:8px;font-weight:600;letter-spacing:.12em;color:var(--brand-muted)}.lib-sidebar-label button{border:0;background:transparent;color:var(--brand-ink);font-size:22px;padding:0 6px}.lib-sidebar-foot{border-top:1px solid var(--brand-line);margin-top:26px;padding-top:20px;font-size:9px;color:var(--brand-muted);display:grid;gap:14px}.lib-sidebar-foot a{color:var(--brand-ink);text-decoration:none;font-size:11px}.lib-content{min-width:0}.lib-content-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.lib-content-heading h2{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.lib-content-heading .lib-eyebrow{font-size:8px;margin-bottom:10px}.lib-content-heading p{margin-block:0}.lib-toolbar{display:flex;gap:12px;margin-bottom:18px}.lib-search{display:flex;align-items:center;gap:10px;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:8px;padding:0 13px;flex:1;min-width:0}.lib-search>span{font-size:24px;color:var(--brand-muted)}.lib-search input{border:0;background:transparent;color:var(--brand-ink);width:100%;padding:13px 0;outline:none;font-family:inherit;font-size:12px;min-width:0}.lib-toolbar select{border:1px solid var(--brand-line);border-radius:8px;background:var(--brand-surface);color:var(--brand-ink);padding:0 12px;font-family:inherit;font-size:11px;max-width:165px}.lib-type-tabs{display:flex;gap:6px;border-bottom:1px solid var(--brand-line);margin-bottom:24px}.lib-type-tabs button{border:0;background:transparent;padding:12px 14px;color:var(--brand-muted);font-size:11px;font-weight:550;border-bottom:2px solid transparent}.lib-type-tabs button[aria-current=page]{color:var(--brand-ink);border-bottom-color:var(--brand-accent)}.lib-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lib-card{position:relative;border:1px solid var(--brand-line);border-radius:12px;background:var(--brand-surface);overflow:hidden;min-width:0}.lib-card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;gap:12px}.lib-track{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:550;letter-spacing:.04em;color:var(--brand-muted)}.lib-track:before{content:'';width:5px;height:5px;background:var(--track-color,#94a3b8);border-radius:50%}.lib-card-menu{position:relative}.lib-card-menu>summary{list-style:none;cursor:pointer;color:var(--brand-muted);padding:4px;display:flex}.lib-card-menu>summary::-webkit-details-marker{display:none}.lib-card-menu svg,.lib-card-pin svg,.lib-card-kind svg{width:16px;height:16px}.lib-menu{position:absolute;right:0;top:28px;min-width:180px;z-index:6;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:10px;padding:5px;box-shadow:0 8px 32px #0002}.lib-menu button{display:block;width:100%;padding:10px;text-align:left;border:0;border-radius:5px;background:transparent;color:var(--brand-ink);font-family:inherit;font-size:11px;cursor:pointer}.lib-menu button:hover{background:var(--brand-soft)}.lib-card-body{padding:16px 20px 20px}.lib-card-kind{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--brand-muted);margin:0 0 13px}.lib-card h3{font-size:18px;letter-spacing:-.025em;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}.lib-card h3 a{color:var(--brand-ink);text-decoration:none}.lib-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.lib-card-path{font-size:10px;line-height:1.6;color:var(--brand-muted);margin:0 0 14px;overflow-wrap:anywhere}.lib-card-excerpt{font-size:11px;line-height:1.85;color:var(--brand-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;margin:0}.lib-card-note{font-size:11px;line-height:1.8;border-left:2px solid var(--brand-line);padding:0 0 0 10px;margin:17px 0 0;color:var(--brand-ink);white-space:pre-wrap;overflow-wrap:anywhere}.lib-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--brand-line);padding:12px 20px;font-size:9px;color:var(--brand-muted);gap:10px}.lib-card-foot a{font-size:10px;font-weight:550;color:var(--brand-ink);text-decoration:none}.lib-card-pin{color:var(--brand-accent-ink);display:flex;gap:5px;align-items:center;font-size:9px}.lib-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.lib-tags span{border-radius:4px;background:var(--brand-soft);padding:4px 6px;font-size:8px;color:var(--brand-muted)}.lib-empty,.lib-guest{grid-column:1/-1;text-align:center;padding:64px 24px;border:1px solid var(--brand-line);border-radius:14px;background:var(--brand-surface)}.lib-empty h3,.lib-guest h2{font-size:24px;letter-spacing:-.04em;margin:20px 0 12px}.lib-empty p,.lib-guest p{font-size:12px;line-height:1.8;color:var(--brand-muted);max-width:430px;margin:0 auto 24px}.lib-empty-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--brand-line);border-radius:18px;margin:auto;box-shadow:0 0 0 7px var(--brand-soft);color:var(--brand-ink)}.lib-empty-mark svg{width:25px;height:25px}.lib-text-link{display:block;color:var(--brand-ink);font-size:11px;margin-top:18px}.lib-load-more{margin:24px auto;display:flex}.lib-load-more[hidden]{display:none}.lib-page-status{font-size:11px;color:var(--brand-muted);margin:0 0 14px}.lib-page-status:empty{display:none}.lib-collection-cover{height:115px;position:relative;background:radial-gradient(ellipse at 70% 25%,#ffffff10,transparent),#202026;display:grid;place-items:center;overflow:hidden;color:#dddde6}.lib-collection-cover:before,.lib-collection-cover:after{content:'';position:absolute;width:130px;height:130px;border:1px solid #ffffff18;border-radius:50%;right:-15px;top:-50px}.lib-collection-cover:after{width:200px;height:200px;right:-50px;top:-85px}.lib-collection-cover svg{width:36px;height:36px;stroke-width:1.2}.lib-collection-card{cursor:pointer;text-align:left;padding:0;color:var(--brand-ink);font-family:inherit}.lib-collection-card .lib-card-body{display:flex;align-items:center;justify-content:space-between}.lib-collection-card h3{font-size:16px;margin:0}.lib-dialog{padding:0;max-width:480px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;border:1px solid var(--brand-line);border-radius:16px;background:var(--brand-surface);color:var(--brand-ink);box-shadow:0 24px 90px #0004;font-family:inherit}.lib-dialog::backdrop{background:#080b1466;backdrop-filter:blur(5px)}.lib-dialog header{position:sticky;top:0;z-index:2;background:var(--brand-surface);display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid var(--brand-line);gap:16px}.lib-dialog h2{font-size:19px;letter-spacing:-.035em;margin:0}.lib-dialog header>button{display:flex;border:0;background:transparent;color:var(--brand-muted);padding:4px}.lib-dialog svg{width:18px;height:18px;flex:none}.lib-dialog-body{padding:20px 24px}.lib-dialog label:not(.lib-collection-choice){display:grid;gap:10px;font-size:11px;font-weight:550}.lib-dialog input:not([type=checkbox]),.lib-dialog textarea{width:100%;box-sizing:border-box;background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:7px;padding:12px;color:var(--brand-ink);font-family:inherit;font-size:12px}.lib-dialog textarea{min-height:160px;line-height:1.8;resize:vertical}.lib-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--brand-line);position:sticky;bottom:0;background:var(--brand-surface)}.lib-form-status{font-size:11px;color:var(--brand-muted);line-height:1.8}.lib-collection-choice{display:flex;justify-content:space-between;align-items:center;padding:13px 0;gap:16px;border-bottom:1px solid var(--brand-line);font-size:12px}.lib-collection-choice span{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.lib-collection-choice input{accent-color:var(--brand-primary);width:17px;height:17px;flex:none}.lib-inline-create{display:flex;gap:8px;margin-top:18px}.lib-inline-create button{display:flex;align-items:center;gap:5px;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:7px;padding:0 10px;color:var(--brand-ink);font-size:11px}.lib-picker-search{margin-bottom:12px}.lib-picker-result{padding:14px 0;border-bottom:1px solid var(--brand-line);display:flex;gap:12px;align-items:flex-start}.lib-picker-result>div{flex:1;min-width:0}.lib-picker-result strong{font-size:12px;line-height:1.6}.lib-picker-result small{display:block;font-size:10px;color:var(--brand-muted);margin-top:5px}.lib-picker-result>button,.lib-picker-result>div>button{border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-surface);color:var(--brand-ink);padding:7px 10px;font-size:10px}.lib-picker-result>div>button{margin-top:8px;border:0;padding:0;color:var(--brand-muted);background:transparent}.lib-picker-section{padding-left:12px;border-left:1px solid var(--brand-line);margin-top:12px}.lib-picker-section .lib-picker-result{padding-block:10px}.lib-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:10050;padding:14px 18px;border:1px solid var(--brand-line);background:var(--brand-primary);color:var(--brand-on-primary);border-radius:10px;box-shadow:0 8px 28px #0003;display:flex;align-items:center;gap:24px;max-width:calc(100% - 32px);box-sizing:border-box;font:12px system-ui}.lib-toast[hidden]{display:none}.lib-toast button{border:0;background:transparent;color:var(--brand-on-primary);font-weight:650;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.lib-lesson-tools{display:flex;gap:14px;align-items:center;margin:12px 0 20px;clear:both}.lib-lesson-tools button{display:flex;align-items:center;gap:7px;color:var(--brand-ink);background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:7px;padding:8px 11px;font-size:11px}.lib-lesson-tools svg,.lib-section-save svg{width:15px;height:15px;flex:none}.lib-lesson-tools a{font-size:10px;color:var(--brand-muted);text-decoration:none}.lib-section-save{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-inline-start:10px;width:27px;height:27px;padding:4px;flex:none;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--brand-muted);cursor:pointer;opacity:.65}.lib-section-save:hover,.lib-section-save:focus-visible{opacity:1;background:var(--brand-soft);border-color:var(--brand-line)}[data-lib-save].is-saved{color:var(--brand-accent-ink)}[data-lib-save].is-saved svg{fill:currentColor;stroke-width:1.3}.lib-jump-target{outline:1px solid var(--brand-accent);outline-offset:7px;border-radius:3px}.lib-library-shortcut{display:flex;align-items:center;gap:7px;padding:8px 12px;color:var(--brand-ink);font-size:11px;text-decoration:none}.lib-library-shortcut svg{width:16px;height:16px}.lib-results .lib-post-preview{grid-column:1/-1}.lib-post-preview a{color:var(--brand-ink);font-size:12px}.lib-skeleton{height:220px;background:var(--brand-soft);border-radius:12px}.lib-private-count{font-size:10px;color:var(--brand-muted)}
:where(.lib-shell,.lib-dialog,.lib-lesson-tools) :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.lib-search:focus-within{border-color:var(--brand-muted)}
@media(min-width:1600px){.lib-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.lib-workspace{grid-template-columns:175px minmax(0,1fr);gap:24px}.lib-shell{padding:32px 24px 70px}.lib-sidebar{padding-right:16px}.lib-results{grid-template-columns:1fr}}
@media(max-width:680px){.lib-shell{padding:26px 16px 80px}.lib-page-heading{display:block;margin-bottom:24px}.lib-page-heading h1{font-size:35px}.lib-page-heading>.lib-btn{margin-top:10px}.lib-workspace{display:block}.lib-sidebar{position:static;padding:0 0 18px;border-right:0;border-bottom:1px solid var(--brand-line);margin-bottom:24px}.lib-sidebar>nav:first-of-type{display:flex;overflow-x:auto}.lib-sidebar>nav:first-of-type button{white-space:nowrap;width:auto;flex:none}.lib-sidebar .lib-private{margin-bottom:12px}.lib-sidebar-label,.lib-sidebar-foot{display:none}.lib-sidebar #libCollectionNav{display:flex;gap:6px;overflow:auto;margin-top:10px}.lib-sidebar #libCollectionNav button{width:auto;white-space:nowrap;flex:none;font-size:10px;border:1px solid var(--brand-line);padding:7px 10px}.lib-toolbar{gap:8px}.lib-toolbar select{max-width:125px;font-size:10px}.lib-type-tabs button{font-size:10px;padding-inline:10px}.lib-card-body{padding-inline:18px}.lib-content-heading h2{font-size:23px}.lib-content-heading>.lib-btn{font-size:10px;padding:8px;min-height:34px}.lib-dialog-body{padding:18px}.lib-dialog header{padding:18px}.lib-dialog footer{padding:14px 18px;flex-wrap:wrap}.lib-toast{bottom:18px;font-size:11px;gap:12px}.lib-section-save{opacity:.9}.lib-results{gap:12px}.lib-empty{padding:44px 18px}}

.stellar-library [hidden]{display:none!important}.md :is(h4,h5,h6) .lib-section-save{width:22px;height:22px}
@media(max-width:760px){html:root[data-theme] .student-header .student-nav{min-width:0;width:100%;max-width:100%;gap:0;justify-content:space-between;height:51px;overflow:hidden}html:root[data-theme] .student-header .student-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:1;min-width:0;font-size:9px;padding:3px 0 8px}html:root[data-theme] .student-header .student-nav .student-icon{display:block;width:15px;height:15px}html:root[data-theme] .student-header .student-nav a span{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.lib-sidebar nav button{gap:8px}}

@media(max-width:680px){.lib-sidebar nav{scrollbar-width:none}.lib-sidebar nav::-webkit-scrollbar{display:none}}

.stellar-auth-open{overflow:hidden}.stellar-auth-dialog{padding:0;border:1px solid #ffffff25;border-radius:22px;width:min(850px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:#fff;color:#171719;box-shadow:0 32px 100px #0008;overflow:auto}.stellar-auth-dialog[open]{display:grid;grid-template-columns:.8fr 1.2fr}.stellar-auth-dialog::backdrop{background:#06080db5;backdrop-filter:blur(8px)}.sad-art{position:relative;background:#07101f url('/shared/stellar-login-cosmos.v2.webp') 23% center/auto 100%;min-height:480px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:white;isolation:isolate}.sad-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030713d9,transparent 65%)}.sad-art>img{width:48px;height:48px;object-fit:contain}.sad-art>span{font:600 30px/1.15 system-ui;letter-spacing:-.04em}.sad-panel{position:relative;padding:40px;min-width:0}.sad-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;color:inherit;cursor:pointer;width:36px;height:36px}.sad-kicker{font:600 9px system-ui;letter-spacing:.2em;margin:0 0 18px;color:#73737b}.sad-panel h2{font:650 29px/1.13 system-ui;letter-spacing:-.045em;margin:0 20px 10px 0}.sad-description{font:14px/1.6 system-ui;color:#656570;margin:0 0 24px}.sad-google,.sad-primary{width:100%;min-height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;font:600 14px system-ui;cursor:pointer}.sad-google{background:transparent;color:inherit;border:1px solid #d5d5dc}.sad-google svg{width:20px;height:20px}.sad-divider{display:flex;align-items:center;gap:12px;font:12px system-ui;color:#777780;margin:20px 0}.sad-divider:before,.sad-divider:after{content:'';flex:1;height:1px;background:#8883}.sad-panel form{display:grid;gap:16px}.sad-panel label{display:grid;gap:8px;font:550 12px system-ui}.sad-panel input{box-sizing:border-box;width:100%;min-height:44px;padding:11px 12px;border:1px solid #d5d5dc;border-radius:8px;color:inherit;background:transparent;font:14px system-ui}.sad-panel input:focus{outline:2px solid #ff631750;outline-offset:2px}.sad-password{position:relative}.sad-password input{padding-right:58px}.sad-password button{position:absolute;right:8px;top:5px;height:34px;background:transparent;border:0;color:inherit;font:12px system-ui;cursor:pointer}.sad-primary{background:#171719;color:#fff;border:1px solid transparent}.sad-panel [role=status]{font:13px/1.55 system-ui;margin:0;color:#ba4118}.sad-link{display:block;background:transparent;color:inherit;border:0;padding:0;margin-top:18px;text-align:left;font:550 12px system-ui;cursor:pointer}.sad-footnote{margin:25px 0 0;padding-top:20px;border-top:1px solid #8883;font:11px system-ui;color:#777780}.sad-panel [hidden]{display:none!important}.sad-panel button:disabled{opacity:.55;cursor:wait}html[data-theme=dark] .stellar-auth-dialog{background:#121315;color:#f4f4f6}html[data-theme=dark] .sad-description,html[data-theme=dark] .sad-kicker{color:#aaaab4}html[data-theme=dark] .sad-panel input,html[data-theme=dark] .sad-google{border-color:#41434a}html[data-theme=dark] .sad-primary{background:#f3f3f5;color:#141417}html[data-theme=dark] .sad-panel [role=status]{color:#ffab80}@media(max-width:620px){.stellar-auth-dialog[open]{display:block;width:calc(100vw - 24px)}.sad-art{display:none}.sad-panel{padding:36px 24px 28px}.sad-panel h2{font-size:27px}}.sg-layout{display:grid;grid-template-columns:270px minmax(0,670px);gap:28px;max-width:1000px;margin:28px auto;padding:0 20px;align-items:start}.sg-intro,.sg-welcome,.sg-end{padding:26px}.sg-intro{position:sticky;top:104px}.sg-intro h1{font-size:26px;letter-spacing:-.04em;line-height:1.15}.sg-intro p,.sg-welcome p,.sg-end p{line-height:1.7;color:var(--so-muted,#73737d);font-size:14px}.sg-intro .so-muted{font-size:10px;letter-spacing:.06em}.sg-welcome,.sg-end{margin-bottom:18px}.sg-end{margin-top:18px}.sg-welcome h2,.sg-end h2{font-size:20px;margin:0}.sg-nav{display:flex;align-items:center;gap:24px}.sg-nav>a{font-size:13px;color:inherit;text-decoration:none}.sg-layout .so-comments,.sg-layout .so-post-menu{display:none}.sg-layout .so-post-actions{margin-top:18px}@media(max-width:700px){.sg-layout{grid-template-columns:1fr;padding:0 14px;gap:16px;margin:16px auto}.sg-intro{position:static}.sg-nav{gap:14px}.sg-nav>a{display:none}.sg-intro h1{font-size:24px}.sg-layout .so-post{padding:20px}}
html:root[data-theme] dialog.stellar-auth-dialog button.sad-primary{color:#fff!important;background:#171719!important;border-color:transparent!important}html:root[data-theme=dark] dialog.stellar-auth-dialog button.sad-primary{color:#141417!important;background:#f3f3f5!important}html:root[data-theme] dialog.stellar-auth-dialog :is(.sad-link,.sad-close,.sad-google,[data-auth-show]){color:inherit!important}html:root[data-theme] dialog.stellar-auth-dialog h2{margin-bottom:12px;line-height:1.15}html:root[data-theme] dialog.stellar-auth-dialog .sad-description{margin-bottom:24px;line-height:1.65}