/* RIA AI Mentor */
.ai-mentor-module {
  --mentor-gold: #f0b94a;
  --mentor-cyan: #54d5ff;
  --mentor-green: #4ade80;
  display: grid;
  gap: 18px;
  color: #f7efe0;
}

.ai-mentor-module h1,
.ai-mentor-module h2,
.ai-mentor-module h3,
.ai-mentor-module p { margin-top: 0; }
.ai-mentor-module h1 {
  margin-bottom: 12px;
  color: #fff8eb;
  font: 700 clamp(2.4rem, 5vw, 4.7rem)/.96 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
  text-shadow: 0 4px 30px rgba(240,185,74,.12);
}
.ai-mentor-module h2,
.ai-mentor-module h3 { margin-bottom: 0; color: #fff7ea; }

.ai-mentor-hero {
  display: grid;
  grid-template-columns: minmax(330px,.92fr) minmax(0,1.08fr);
  overflow: hidden;
  border: 1px solid rgba(240,185,74,.56);
  border-radius: 14px;
  background: radial-gradient(circle at 80% 15%,rgba(29,111,175,.23),transparent 38%),linear-gradient(135deg,#06101b,#081927 62%,#030911);
  box-shadow: 0 24px 70px rgba(0,0,0,.38);
}
.ai-mentor-hero-media {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border-right: 1px solid rgba(240,185,74,.34);
  background: #02070d;
}
.ai-mentor-hero-media::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg,transparent 65%,rgba(4,13,22,.68)),linear-gradient(180deg,transparent 68%,rgba(2,7,13,.58));
}
.ai-mentor-hero-media > img,
.ai-mentor-hero-media > video,
.ai-mentor-hero-media > iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
  object-fit: cover;
  object-position: center 30%;
  filter: saturate(.96) contrast(1.02) brightness(.92);
}
.ai-mentor-hero-media > img {
  transform-origin: 50% 28%;
  animation: ai-mentor-idle 8s ease-in-out infinite;
  will-change: transform,filter;
}
.ai-mentor-hero-media > video,
.ai-mentor-hero-media > iframe { background: #02070d; }
.ai-mentor-live-badge {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(240,185,74,.64);
  border-radius: 999px;
  color: #ffe2a0;
  background: rgba(3,10,17,.86);
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .1em;
  backdrop-filter: blur(9px);
}
.ai-mentor-live-badge i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mentor-green);
  box-shadow: 0 0 12px var(--mentor-green);
}
.ai-mentor-hero-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px,5vw,58px);
}
.ai-mentor-lead {
  max-width: 640px;
  margin-bottom: 22px;
  color: #d6cbbb;
  font-size: 1.08rem;
  line-height: 1.65;
}
.ai-mentor-trust-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-bottom: 24px;
  border-block: 1px solid rgba(240,185,74,.2);
}
.ai-mentor-trust-row span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  padding: 13px 12px;
  color: #aebccc;
  border-right: 1px solid rgba(240,185,74,.2);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.ai-mentor-trust-row span:first-child { padding-left: 0; }
.ai-mentor-trust-row span:last-child { border-right: 0; }
.ai-mentor-trust-row b { color: #fff4d9; font-size: 1.05rem; letter-spacing: 0; }

.ai-mentor-mode-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.ai-mentor-mode {
  display: grid;
  position: relative;
  min-width: 0;
  min-height: 102px;
  align-content: center;
  gap: 4px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(129,157,182,.23);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
}
.ai-mentor-mode.active {
  border-color: rgba(240,185,74,.68);
  background: linear-gradient(140deg,rgba(180,119,22,.24),rgba(240,185,74,.04));
  box-shadow: inset 0 1px 0 rgba(255,231,176,.12);
}
.ai-mentor-mode.future { opacity: .55; }
.ai-mentor-mode > span {
  position: absolute;
  top: 7px;
  right: 9px;
  color: rgba(240,185,74,.38);
  font: 800 1.35rem Georgia,serif;
}
.ai-mentor-mode strong { color: #fff2d2; font-size: .82rem; line-height: 1.25; }
.ai-mentor-mode small { color: #89a3ba; font-size: .68rem; }

.ai-mentor-workspace {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(300px,.75fr);
  gap: 18px;
  align-items: start;
}
.ai-mentor-studio,
.ai-mentor-side > section {
  border: 1px solid rgba(240,185,74,.3);
  border-radius: 12px;
  background: linear-gradient(180deg,rgba(9,27,42,.96),rgba(4,13,22,.98)),#071421;
  box-shadow: inset 0 1px 0 rgba(255,231,176,.05);
}
.ai-mentor-studio { padding: clamp(18px,3.5vw,34px); }
.ai-mentor-side { display: grid; gap: 14px; }
.ai-mentor-side > section { padding: 18px; }

.ai-mentor-realtime-card {
  display: grid;
  gap: 16px;
  margin-bottom: 28px;
  padding: clamp(18px,3vw,28px);
  border: 1px solid rgba(84,213,255,.46);
  border-radius: 13px;
  background: radial-gradient(circle at 100% 0%,rgba(35,143,194,.19),transparent 44%),linear-gradient(145deg,rgba(7,40,60,.98),rgba(3,14,23,.98));
  box-shadow: inset 0 1px 0 rgba(161,229,255,.08),0 18px 40px rgba(0,0,0,.2);
}
.ai-mentor-realtime-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.ai-mentor-realtime-head h2 { margin: 2px 0 8px; font-size: clamp(1.55rem,3vw,2.35rem); }
.ai-mentor-realtime-head > div:first-child > p:last-child {
  max-width: 680px;
  margin-bottom: 0;
  color: #aebdca;
  font-size: .9rem;
  line-height: 1.6;
}
.ai-mentor-realtime-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  max-width: 280px;
  padding: 9px 12px;
  border: 1px solid rgba(132,159,180,.28);
  border-radius: 999px;
  color: #c1cfda;
  background: rgba(2,10,17,.72);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.35;
}
.ai-mentor-realtime-status i {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #73899a;
  box-shadow: 0 0 0 4px rgba(115,137,154,.1);
}
.ai-mentor-realtime-status[data-status="connecting"] i,
.ai-mentor-realtime-status[data-status="thinking"] i { background: var(--mentor-gold); box-shadow: 0 0 12px rgba(240,185,74,.8); }
.ai-mentor-realtime-status[data-status="connected"] i,
.ai-mentor-realtime-status[data-status="listening"] i { background: var(--mentor-green); box-shadow: 0 0 12px rgba(74,222,128,.8); }
.ai-mentor-realtime-status[data-status="speaking"] i { background: var(--mentor-cyan); box-shadow: 0 0 14px rgba(84,213,255,.9); }
.ai-mentor-realtime-status[data-status="muted"] i { background: #f3a84d; }
.ai-mentor-realtime-status[data-status="error"] { color: #ffd4d4; border-color: rgba(255,99,99,.46); }
.ai-mentor-realtime-status[data-status="error"] i { background: #ff6464; box-shadow: 0 0 12px rgba(255,78,78,.72); }

.ai-mentor-realtime-controls { display: flex; flex-wrap: wrap; gap: 9px; }
.ai-mentor-realtime-controls .btn {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 999px;
  font-weight: 900;
}
.ai-mentor-realtime-controls [hidden] { display: none !important; }
.ai-mentor-call-start {
  color: #06141d;
  border: 1px solid #8ee7ff;
  background: linear-gradient(135deg,#9eeaff,#54c8ee);
  box-shadow: 0 8px 26px rgba(70,196,235,.2);
}
.ai-mentor-call-control { color: #d8eff8; border: 1px solid rgba(111,192,224,.42); background: #0c354c; }
.ai-mentor-call-stop { color: #ffe9e9; border: 1px solid rgba(255,102,102,.55); background: rgba(121,29,34,.62); }

.ai-mentor-realtime-transcript {
  display: grid;
  max-height: 280px;
  gap: 9px;
  padding: 14px;
  overflow-y: auto;
  border: 1px solid rgba(136,174,198,.2);
  border-radius: 10px;
  background: rgba(1,8,14,.66);
  scrollbar-color: rgba(84,213,255,.38) transparent;
}
.ai-mentor-realtime-empty { padding: 10px; color: #8398a8; font-size: .79rem; line-height: 1.55; text-align: center; }
.ai-mentor-realtime-message {
  max-width: 86%;
  padding: 10px 13px;
  border: 1px solid rgba(135,163,184,.18);
  border-radius: 12px 12px 12px 3px;
  background: #102c3f;
}
.ai-mentor-realtime-message.user {
  justify-self: end;
  border-color: rgba(240,185,74,.32);
  border-radius: 12px 12px 3px 12px;
  background: rgba(104,69,17,.48);
}
.ai-mentor-realtime-message.live { border-color: rgba(84,213,255,.58); }
.ai-mentor-realtime-message small { display: block; margin-bottom: 3px; color: #65c9eb; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.ai-mentor-realtime-message.user small { color: #efc46d; }
.ai-mentor-realtime-message p { margin: 0; color: #f4f8fa; font-size: .88rem; line-height: 1.48; }
.ai-mentor-realtime-note { margin-bottom: 0; color: #718899; font-size: .69rem; line-height: 1.5; }
.ai-mentor-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
}
.ai-mentor-section-head.compact { margin-bottom: 12px; }
.ai-mentor-section-head h2 { font-size: clamp(1.45rem,3vw,2.2rem); }
.ai-mentor-source-pill {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 7px 9px 7px 11px;
  border: 1px solid rgba(240,185,74,.38);
  border-radius: 999px;
  color: #d7c8ad;
  background: rgba(3,10,17,.68);
  font-size: .73rem;
}
.ai-mentor-source-pill b {
  display: grid;
  min-width: 29px;
  min-height: 29px;
  place-items: center;
  border-radius: 50%;
  color: #07111c;
  background: var(--mentor-gold);
}

.ai-mentor-dialogue {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 16px;
  align-items: end;
  margin-bottom: 14px;
}
.ai-mentor-speaker { display: grid; justify-items: center; gap: 7px; }
.ai-mentor-speaker img {
  width: 82px;
  height: 82px;
  object-fit: cover;
  object-position: 50% 24%;
  border: 2px solid var(--mentor-gold);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(240,185,74,.08),0 12px 30px rgba(0,0,0,.38);
  transform-origin: 50% 35%;
  animation: ai-mentor-portrait-idle 6s ease-in-out infinite;
}
.ai-mentor-speaker span { color: #d6a943; font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.ai-mentor-bubble {
  position: relative;
  padding: 21px 24px;
  border: 1px solid rgba(83,208,255,.38);
  border-radius: 16px 16px 16px 3px;
  background: radial-gradient(circle at 100% 0%,rgba(42,149,198,.14),transparent 36%),#0b2336;
}
.ai-mentor-bubble::before {
  position: absolute;
  bottom: -1px;
  left: -12px;
  width: 18px;
  height: 18px;
  content: "";
  background: #0b2336;
  clip-path: polygon(100% 0,100% 100%,0 100%);
}
.ai-mentor-bubble small {
  display: block;
  margin-bottom: 7px;
  color: #72caea;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ai-mentor-bubble p { margin: 0; color: #fff; font: 400 clamp(1.35rem,3.2vw,2.25rem)/1.25 Georgia,"Times New Roman",serif; }

.ai-mentor-audio-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 25px 108px; }
.ai-mentor-audio-button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid rgba(83,208,255,.35);
  border-radius: 999px;
  color: #ccefff;
  background: rgba(12,54,78,.6);
  cursor: pointer;
  font-size: .76rem;
  font-weight: 800;
}
.ai-mentor-audio-button:hover:not(:disabled),
.ai-mentor-audio-button.is-speaking { border-color: #5cd6ff; background: rgba(20,95,132,.72); box-shadow: 0 0 18px rgba(84,213,255,.13); }
.ai-mentor-audio-button.future { border-color: rgba(147,160,174,.24); color: #8697a7; background: rgba(255,255,255,.025); cursor: not-allowed; }
.ai-mentor-audio-icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  color: #071421;
  background: #79d8f7;
  font-size: .64rem;
}
.ai-mentor-audio-button.future .ai-mentor-audio-icon { color: #899aa7; background: #283b49; }

.ai-mentor-module.is-speaking .ai-mentor-hero-media > img {
  animation: ai-mentor-speaking 1.15s ease-in-out infinite;
  filter: saturate(1.02) contrast(1.04) brightness(.96);
}
.ai-mentor-module.is-speaking .ai-mentor-speaker img {
  animation: ai-mentor-speaking-portrait .9s ease-in-out infinite;
  box-shadow: 0 0 0 6px rgba(84,213,255,.13),0 0 26px rgba(84,213,255,.28);
}
.ai-mentor-module.is-speaking .ai-mentor-live-badge {
  color: #d7f6ff;
  border-color: rgba(84,213,255,.75);
}
.ai-mentor-module.is-speaking .ai-mentor-live-badge i {
  background: var(--mentor-cyan);
  box-shadow: 0 0 14px var(--mentor-cyan);
  animation: ai-mentor-speaking-dot .8s ease-in-out infinite;
}

@keyframes ai-mentor-idle {
  0%,100% { transform: scale(1.012) translate3d(0,0,0); }
  48% { transform: scale(1.022) translate3d(0,-3px,0); }
  52% { transform: scale(1.022) translate3d(0,-3px,0); }
}
@keyframes ai-mentor-portrait-idle {
  0%,100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-2px) rotate(.35deg); }
}
@keyframes ai-mentor-speaking {
  0%,100% { transform: scale(1.018) translate3d(0,0,0) rotate(0); }
  35% { transform: scale(1.025) translate3d(1px,-2px,0) rotate(.18deg); }
  70% { transform: scale(1.022) translate3d(-1px,-1px,0) rotate(-.14deg); }
}
@keyframes ai-mentor-speaking-portrait {
  0%,100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.018); }
}
@keyframes ai-mentor-speaking-dot {
  0%,100% { opacity: .55; transform: scale(.75); }
  50% { opacity: 1; transform: scale(1.25); }
}

@media (prefers-reduced-motion: reduce) {
  .ai-mentor-hero-media > img,
  .ai-mentor-speaker img,
  .ai-mentor-module.is-speaking .ai-mentor-hero-media > img,
  .ai-mentor-module.is-speaking .ai-mentor-speaker img,
  .ai-mentor-module.is-speaking .ai-mentor-live-badge i { animation: none; }
}

.ai-mentor-answer-form { display: grid; gap: 10px; padding-top: 22px; border-top: 1px solid rgba(240,185,74,.18); }
.ai-mentor-answer-form > label { color: #f4c661; font-size: .78rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.ai-mentor-answer-form textarea {
  width: 100%;
  resize: vertical;
  padding: 17px 18px;
  border: 1px solid rgba(139,166,190,.35);
  border-radius: 10px;
  outline: none;
  color: #fff9ee;
  background: #030b13;
  caret-color: var(--mentor-gold);
  font-size: 1.05rem;
  line-height: 1.5;
  box-shadow: inset 0 1px 12px rgba(0,0,0,.32);
}
.ai-mentor-answer-form textarea:focus { border-color: var(--mentor-gold); box-shadow: 0 0 0 3px rgba(240,185,74,.1),inset 0 1px 12px rgba(0,0,0,.32); }
.ai-mentor-answer-form textarea::placeholder { color: #657687; }
.ai-mentor-input-help { margin-bottom: 4px; color: #7f93a5; font-size: .77rem; line-height: 1.5; }
.ai-mentor-form-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.ai-mentor-submit { color: #111923; background: linear-gradient(135deg,#ffd77c,#d99a2e); box-shadow: inset 0 1px 0 rgba(255,255,255,.42); }
.ai-mentor-secondary { color: #d5e2ea; border: 1px solid rgba(139,166,190,.28); background: #0b1a26; }

.ai-mentor-feedback {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 13px;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid;
  border-radius: 10px;
}
.ai-mentor-feedback.correct { border-color: rgba(74,222,128,.48); background: rgba(21,103,55,.22); }
.ai-mentor-feedback.almost { border-color: rgba(240,185,74,.52); background: rgba(126,82,12,.2); }
.ai-mentor-feedback.incorrect { border-color: rgba(250,104,104,.5); background: rgba(124,31,31,.2); }
.ai-mentor-feedback-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 50%;
  color: #041018;
  background: var(--mentor-green);
  font-size: 1.2rem;
  font-weight: 1000;
}
.ai-mentor-feedback.almost .ai-mentor-feedback-icon { background: var(--mentor-gold); }
.ai-mentor-feedback.incorrect .ai-mentor-feedback-icon { color: #fff; background: #e24b4b; }
.ai-mentor-feedback strong { color: #fff7e8; }
.ai-mentor-feedback p { margin: 5px 0 0; color: #b9c8d3; font-size: .88rem; line-height: 1.5; }
.ai-mentor-comparison { display: grid; gap: 7px; margin: 13px 0 0; }
.ai-mentor-comparison > div { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 8px; padding-top: 7px; border-top: 1px solid rgba(255,255,255,.08); }
.ai-mentor-comparison dt { color: #8194a4; font-size: .72rem; text-transform: uppercase; }
.ai-mentor-comparison dd { margin: 0; color: #fff0cd; font-weight: 800; }
.ai-mentor-answer-reveal {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 15px 17px;
  border-left: 3px solid var(--mentor-gold);
  border-radius: 0 8px 8px 0;
  background: rgba(240,185,74,.08);
}
.ai-mentor-answer-reveal span,
.ai-mentor-answer-reveal small { color: #9caab5; font-size: .72rem; }
.ai-mentor-answer-reveal strong { color: #fff0c9; font: 700 1.25rem Georgia,"Times New Roman",serif; }

.ai-mentor-stat-card { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 15px; align-items: center; }
.ai-mentor-score {
  display: grid;
  width: 88px;
  height: 88px;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--mentor-gold) var(--score),rgba(240,185,74,.12) 0);
  box-shadow: 0 0 24px rgba(240,185,74,.1);
}
.ai-mentor-score::before { grid-area: 1/1; width: 70px; height: 70px; content: ""; border-radius: 50%; background: #071421; }
.ai-mentor-score > span { z-index: 1; grid-area: 1/1; display: grid; justify-items: center; }
.ai-mentor-score b { color: #fff3d3; font-size: 1.2rem; }
.ai-mentor-score small,
.ai-mentor-stat-copy p,
.ai-mentor-next-card p { color: #8fa2b2; font-size: .72rem; line-height: 1.45; }
.ai-mentor-stat-copy h3 { margin: 3px 0 5px; font-size: 1.05rem; }

.ai-mentor-how-card ol { display: grid; gap: 11px; margin: 14px 0 0; padding: 0; list-style: none; }
.ai-mentor-how-card li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; align-items: start; }
.ai-mentor-how-card li > span {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border: 1px solid rgba(240,185,74,.42);
  border-radius: 50%;
  color: var(--mentor-gold);
  font-size: .72rem;
  font-weight: 900;
}
.ai-mentor-how-card li p { display: grid; gap: 2px; margin: 0; }
.ai-mentor-how-card li strong { color: #e8e2d8; font-size: .82rem; }
.ai-mentor-how-card li small { color: #8193a2; font-size: .7rem; line-height: 1.4; }
.ai-mentor-next-card {
  border-color: rgba(89,207,250,.32) !important;
  background: radial-gradient(circle at 100% 0%,rgba(40,137,178,.16),transparent 44%),linear-gradient(180deg,rgba(9,29,45,.98),rgba(4,13,22,.98)) !important;
}
.ai-mentor-next-card h3 { margin: 3px 0 8px; }
.ai-mentor-future-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 13px; }
.ai-mentor-future-actions button { min-height: 38px; border: 1px solid rgba(111,158,183,.22); border-radius: 7px; color: #6f8798; background: rgba(255,255,255,.025); }

.ai-mentor-history-list { display: grid; gap: 7px; }
.ai-mentor-empty-history { padding: 12px; border: 1px dashed rgba(132,155,175,.22); border-radius: 7px; color: #718697; font-size: .74rem; line-height: 1.45; }
.ai-mentor-history-item {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr);
  gap: 9px;
  padding: 9px;
  border: 1px solid rgba(131,153,171,.14);
  border-radius: 7px;
  background: rgba(255,255,255,.018);
}
.ai-mentor-history-mark {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  color: #051019;
  background: var(--mentor-green);
  font-size: .72rem;
  font-weight: 1000;
}
.ai-mentor-history-item.almost .ai-mentor-history-mark { background: var(--mentor-gold); }
.ai-mentor-history-item.incorrect .ai-mentor-history-mark { color: #fff; background: #d94b4b; }
.ai-mentor-history-item > div { display: grid; min-width: 0; gap: 2px; }
.ai-mentor-history-item small { color: #718697; font-size: .62rem; }
.ai-mentor-history-item strong,
.ai-mentor-history-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-mentor-history-item strong { color: #dce5ea; font-size: .74rem; }
.ai-mentor-history-item > div > span { color: #d7af55; font-size: .7rem; }
.ai-mentor-empty { min-height: 420px; place-content: center; padding: 40px; border: 1px solid rgba(240,185,74,.34); border-radius: 12px; background: #071421; }

@media (max-width: 1040px) {
  .ai-mentor-hero { grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); }
  .ai-mentor-mode-grid,
  .ai-mentor-trust-row { grid-template-columns: 1fr; }
  .ai-mentor-trust-row span,
  .ai-mentor-trust-row span:first-child { padding-left: 0; border-right: 0; border-bottom: 1px solid rgba(240,185,74,.16); }
  .ai-mentor-trust-row span:last-child { border-bottom: 0; }
  .ai-mentor-mode { min-height: 72px; }
}

@media (max-width: 860px) {
  .ai-mentor-hero,
  .ai-mentor-workspace { grid-template-columns: 1fr; }
  .ai-mentor-hero-media { min-height: 0; aspect-ratio: 16/11; border-right: 0; border-bottom: 1px solid rgba(240,185,74,.34); }
  .ai-mentor-hero-media > img,
  .ai-mentor-hero-media > video { min-height: 0; aspect-ratio: 16/11; }
  .ai-mentor-mode-grid,
  .ai-mentor-trust-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ai-mentor-trust-row span,
  .ai-mentor-trust-row span:first-child { padding-left: 10px; border-right: 1px solid rgba(240,185,74,.16); border-bottom: 0; }
  .ai-mentor-trust-row span:last-child { border-right: 0; }
}

@media (max-width: 580px) {
  .ai-mentor-hero-copy { padding: 24px 18px; }
  .ai-mentor-mode-grid,
  .ai-mentor-trust-row { grid-template-columns: 1fr; }
  .ai-mentor-trust-row span,
  .ai-mentor-trust-row span:first-child { padding-left: 0; border-right: 0; border-bottom: 1px solid rgba(240,185,74,.16); }
  .ai-mentor-trust-row span:last-child { border-bottom: 0; }
  .ai-mentor-section-head { display: grid; }
  .ai-mentor-realtime-head { display: grid; }
  .ai-mentor-realtime-status { max-width: none; justify-self: stretch; border-radius: 10px; }
  .ai-mentor-realtime-controls,
  .ai-mentor-realtime-controls .btn { width: 100%; }
  .ai-mentor-realtime-message { max-width: 94%; }
  .ai-mentor-source-pill { justify-self: start; }
  .ai-mentor-dialogue { grid-template-columns: 1fr; align-items: start; }
  .ai-mentor-speaker { grid-template-columns: 58px 1fr; justify-items: start; align-items: center; }
  .ai-mentor-speaker img { width: 56px; height: 56px; }
  .ai-mentor-bubble { border-radius: 12px; }
  .ai-mentor-bubble::before { display: none; }
  .ai-mentor-audio-row { display: grid; margin-left: 0; }
  .ai-mentor-audio-button { justify-content: flex-start; }
  .ai-mentor-form-actions,
  .ai-mentor-form-actions .btn { width: 100%; }
  .ai-mentor-comparison > div { grid-template-columns: 1fr; }
}

/* Focused AI Mentor experience */
.operations-screen.ai-mentor-session-active {
  min-height: 100dvh;
  padding: 0 !important;
  overflow-x: hidden;
}

.operations-secondary.ai-mentor-session-shell {
  width: 100%;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 18% 8%,rgba(29,104,161,.2),transparent 32%),
    radial-gradient(circle at 82% 18%,rgba(175,117,22,.12),transparent 28%),
    linear-gradient(180deg,#020711,#06111d 58%,#02060c);
  box-shadow: none;
}

.ai-mentor-lobby {
  width: min(1180px,100%);
  margin: 0 auto;
  padding-bottom: 104px;
}

.ai-mentor-lobby-stage {
  display: grid;
  grid-template-columns: minmax(350px,.9fr) minmax(0,1.1fr);
  min-height: 570px;
  overflow: hidden;
  border: 1px solid rgba(240,185,74,.52);
  border-radius: 22px;
  background: linear-gradient(140deg,#030912,#0a2032 68%,#07101b);
  box-shadow: 0 30px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,231,176,.08);
}

.ai-mentor-lobby-media {
  position: relative;
  min-height: 570px;
  overflow: hidden;
  background: #02070d;
}

.ai-mentor-lobby-media::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg,transparent 62%,rgba(5,18,29,.68)),linear-gradient(180deg,transparent 72%,rgba(1,5,9,.46));
}

.ai-mentor-avatar-switcher {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #02070d;
}

.ai-mentor-avatar-fallback,
.ai-mentor-avatar-layer {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  object-position: center 28%;
}

.ai-mentor-avatar-fallback { z-index: 0; }
.ai-mentor-avatar-layer { z-index: 1; }
.ai-mentor-avatar-single { opacity: 1; }

.ai-mentor-lobby-video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 570px;
  object-fit: cover;
  object-position: center 28%;
  filter: saturate(.96) contrast(1.03) brightness(.9);
}

.ai-mentor-lobby-badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(240,185,74,.62);
  border-radius: 999px;
  color: #ffe2a0;
  background: rgba(2,9,15,.82);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  backdrop-filter: blur(10px);
}

.ai-mentor-lobby-badge i,
.ai-mentor-focus-live-chip i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mentor-green);
  box-shadow: 0 0 12px rgba(74,222,128,.9);
}

.ai-mentor-lobby-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px,5vw,68px);
}

.ai-mentor-lobby h1 {
  max-width: 720px;
  margin: 7px 0 18px;
  font-size: clamp(2.65rem,5.3vw,5rem);
}

.ai-mentor-lobby-lead {
  max-width: 680px;
  margin-bottom: 25px;
  color: #c4d1db;
  font-size: clamp(1rem,1.6vw,1.18rem);
  line-height: 1.65;
}

.ai-mentor-lobby-facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin-bottom: 28px;
  border-block: 1px solid rgba(240,185,74,.2);
}

.ai-mentor-lobby-facts span {
  display: grid;
  gap: 3px;
  padding: 14px 12px;
  color: #8fa4b5;
  border-right: 1px solid rgba(240,185,74,.18);
  font-size: .72rem;
  line-height: 1.35;
}

.ai-mentor-lobby-facts span:first-child { padding-left: 0; }
.ai-mentor-lobby-facts span:last-child { border-right: 0; }
.ai-mentor-lobby-facts b { color: #fff2d5; font-size: 1.05rem; }
.ai-mentor-lobby-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ai-mentor-lobby-actions .btn { min-height: 52px; padding-inline: 20px; border-radius: 999px; font-weight: 900; }
.ai-mentor-lobby-primary { color: #07131c; border: 1px solid #ffe39c; background: linear-gradient(135deg,#ffe092,#dca032); box-shadow: 0 12px 30px rgba(221,158,45,.2); }
.ai-mentor-lobby-secondary { color: #d9f4ff; border: 1px solid rgba(84,213,255,.46); background: rgba(10,60,86,.72); }
.ai-mentor-lobby-note { margin: 16px 0 0; color: #718697; font-size: .72rem; line-height: 1.5; }
.ai-mentor-pilot-notice { display: grid; gap: 9px; margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(255,194,77,.24); border-radius: 10px; color: #aebdca; background: rgba(255,183,54,.06); font-size: .74rem; line-height: 1.5; }
.ai-mentor-pilot-notice p { margin: 0; }
.ai-mentor-pilot-notice strong { color: #ffe1a0; }
.ai-mentor-pilot-notice button { justify-self: start; padding: 6px 0; border: 0; color: #8ddfff; background: transparent; font: inherit; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.ai-mentor-pilot-note { margin: 12px 0 0; color: #94a8b7; font-size: .72rem; line-height: 1.5; }
.ai-mentor-pilot-note strong { color: #ffe1a0; }

.ai-mentor-task-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ai-mentor-task-hero-actions .btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; font-weight: 900; }
.ai-mentor-task-live-button { display: inline-flex; width: 100%; min-height: 44px; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; border: 1px solid rgba(84,213,255,.38); border-radius: 10px; color: #d8f5ff; background: rgba(9,67,94,.62); font-weight: 900; }

.ai-mentor-lobby-modes {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

.ai-mentor-lobby-modes article {
  display: grid;
  grid-template-columns: 43px minmax(0,1fr);
  gap: 13px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(129,157,182,.23);
  border-radius: 15px;
  background: rgba(6,20,32,.86);
}

.ai-mentor-lobby-modes article.active { border-color: rgba(240,185,74,.48); }
.ai-mentor-lobby-modes article > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(240,185,74,.42); border-radius: 50%; color: #f4c664; font-weight: 900; }
.ai-mentor-lobby-modes article div { display: grid; gap: 4px; }
.ai-mentor-lobby-modes strong { color: #f7efe0; font-size: .9rem; }
.ai-mentor-lobby-modes small { color: #8298a9; font-size: .72rem; line-height: 1.45; }

.ai-mentor-session {
  display: block;
  min-height: 100dvh;
  color: #f7efe0;
}

.ai-mentor-focus-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) minmax(120px,220px) 48px;
  gap: 14px;
  align-items: center;
  min-height: 74px;
  padding: 10px max(18px,calc((100vw - 920px)/2));
  border-bottom: 1px solid rgba(240,185,74,.18);
  background: rgba(2,8,14,.88);
  backdrop-filter: blur(18px);
}

.ai-mentor-focus-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(141,163,181,.25);
  border-radius: 50%;
  color: #edf4f7;
  background: rgba(255,255,255,.055);
  font-size: 1.35rem;
  cursor: pointer;
}

.ai-mentor-focus-title { display: grid; min-width: 0; gap: 2px; }
.ai-mentor-focus-title small { color: #8298a9; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-mentor-focus-title strong { overflow: hidden; color: #fff4de; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-mentor-focus-progress { display: grid; gap: 5px; justify-items: end; }
.ai-mentor-focus-progress > span { color: #e6c370; font-size: .75rem; font-weight: 900; }
.ai-mentor-focus-progress > i { display: block; width: 100%; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.ai-mentor-focus-progress b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#d99d31,#ffe08e); box-shadow: 0 0 12px rgba(240,185,74,.42); }
.ai-mentor-focus-live-chip { display: inline-flex; justify-self: end; align-items: center; gap: 7px; color: #bfeecf; font-size: .72rem; font-weight: 900; letter-spacing: .08em; }

.ai-mentor-focus-main {
  display: grid;
  width: min(880px,100%);
  margin: 0 auto;
  gap: 14px;
  padding: 22px 18px max(34px,env(safe-area-inset-bottom));
}

.ai-mentor-live-session .ai-mentor-focus-main { width: min(720px,100%); }
.ai-mentor-live-session .ai-mentor-focus-video {
  width: min(520px,100%);
  min-height: 0;
  max-height: none;
  margin-inline: auto;
  aspect-ratio: 1;
}

.ai-mentor-focus-video {
  position: relative;
  aspect-ratio: 16/10;
  min-height: 330px;
  max-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(240,185,74,.42);
  border-radius: 25px;
  background: #02070d;
  box-shadow: 0 24px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,228,169,.08);
}

.ai-mentor-focus-avatar {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  filter: saturate(.97) contrast(1.03) brightness(.92);
  transition: filter .24s ease,transform .24s ease;
}

.ai-mentor-focus-video-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(1,5,8,.08) 42%,rgba(1,6,10,.7) 100%);
}

.ai-mentor-focus-status {
  position: absolute;
  left: 18px;
  bottom: 17px;
  z-index: 2;
  max-width: calc(100% - 190px);
}

.ai-mentor-lesson-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(138,169,190,.28);
  border-radius: 999px;
  color: #d7e4eb;
  background: rgba(1,8,14,.78);
  font-size: .72rem;
  font-weight: 800;
  backdrop-filter: blur(10px);
}

.ai-mentor-lesson-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--mentor-cyan); box-shadow: 0 0 12px rgba(84,213,255,.8); }
.ai-mentor-focus-video-mark { position: absolute; right: 18px; bottom: 18px; z-index: 2; color: #f1bd4f; font: 900 1rem/1 Georgia,serif; letter-spacing: .04em; text-shadow: 0 2px 12px #000; }
.ai-mentor-focus-video-mark span { display: block; margin-top: 3px; color: #e7ddd0; font: 800 .55rem/1.1 Arial,sans-serif; letter-spacing: .12em; }
.ai-mentor-session.is-speaking .ai-mentor-focus-avatar { filter: saturate(1.04) contrast(1.05) brightness(.98); transform: scale(calc(1.008 + var(--mentor-voice-level,0) * .012)); }
.ai-mentor-session.is-speaking .ai-mentor-focus-video { border-color: rgba(84,213,255,.62); box-shadow: 0 24px 60px rgba(0,0,0,.38),0 0 34px rgba(84,213,255,.12); }

.ai-mentor-focus-card {
  padding: clamp(20px,4vw,34px);
  border: 1px solid rgba(128,157,180,.25);
  border-radius: 23px;
  background: linear-gradient(180deg,rgba(10,27,41,.98),rgba(4,13,22,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045),0 18px 44px rgba(0,0,0,.24);
}

.ai-mentor-task-label { margin-bottom: 8px; color: #e9b84f; font-size: .78rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.ai-mentor-focus-card h1 { margin: 0 0 22px; color: #fff9ee; font: 700 clamp(1.8rem,4.4vw,3.2rem)/1.16 Georgia,"Times New Roman",serif; letter-spacing: -.02em; }

.ai-mentor-live-card h1 { margin-bottom: 9px; font-size: clamp(1.45rem,3.4vw,2.4rem); }
.ai-mentor-transcript-heading { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; margin: 0 2px 8px; }
.ai-mentor-transcript-heading strong { color: #f5e4bd; font-size: .86rem; }
.ai-mentor-transcript-heading span { color: #6f8798; font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ai-mentor-focus-transcript { min-height: 150px; max-height: 210px; transition: max-height .25s ease; }
.ai-mentor-focus-transcript.is-open { max-height: 360px; }
.ai-mentor-audio-state {
  display: grid;
  width: 100%;
  gap: 9px;
  margin: 18px auto 14px;
  padding: 13px 16px;
  border: 1px solid rgba(240,185,74,.42);
  border-radius: 16px;
  color: #f8e6b8;
  background: linear-gradient(135deg,rgba(89,58,13,.5),rgba(20,31,37,.92));
  font: inherit;
  text-align: center;
  box-shadow: 0 0 0 5px rgba(240,185,74,.035);
  cursor: pointer;
}
.ai-mentor-audio-state:disabled { cursor: default; }
.ai-mentor-audio-state:focus-visible { outline: 3px solid #fff2bd; outline-offset: 4px; }
.ai-mentor-audio-state:not(:disabled):hover { border-color: #ffe08a; filter: brightness(1.08); }
.ai-mentor-audio-state > strong { font-size: .82rem; font-weight: 950; letter-spacing: .035em; }
.ai-mentor-audio-state > small { color: #b8cad4; font-size: .67rem; line-height: 1.4; }
.ai-mentor-audio-state-signals { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.ai-mentor-audio-state-signals > span { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(0,0,0,.2); font-size: .62rem; font-weight: 900; }
.ai-mentor-audio-state-signals b { font-size: .82rem; }
.ai-mentor-audio-state[data-turn="ready"] { border-color: rgba(255,213,112,.82); box-shadow: 0 0 0 6px rgba(240,185,74,.07),0 0 26px rgba(240,185,74,.12); animation: ai-mentor-ready-panel-pulse 1.5s ease-in-out infinite; }
.ai-mentor-audio-state[data-turn="ready"] > strong { color: #ffe49a; }
.ai-mentor-audio-state[data-turn="armed"],
.ai-mentor-audio-state[data-turn="user"] { border-color: rgba(74,222,128,.72); color: #dffff0; background: linear-gradient(135deg,rgba(15,100,61,.6),rgba(8,39,38,.95)); box-shadow: 0 0 0 6px rgba(74,222,128,.065),0 0 26px rgba(74,222,128,.14); }
.ai-mentor-audio-state[data-turn="mentor"],
.ai-mentor-audio-state[data-turn="thinking"],
.ai-mentor-audio-state[data-turn="connecting"] { border-color: rgba(84,213,255,.7); color: #dff8ff; background: linear-gradient(135deg,rgba(7,90,126,.7),rgba(5,31,47,.96)); }
.ai-mentor-audio-state[data-turn="error"] { border-color: rgba(255,99,99,.65); color: #ffe2e2; background: rgba(91,24,30,.78); }
.ai-mentor-focus-call-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; align-items: center; margin: 26px 0 18px; }
.ai-mentor-focus-call-controls [hidden] { display: none !important; }
.ai-mentor-focus-mic {
  position: relative;
  display: inline-flex;
  width: 176px;
  height: 176px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 18px;
  border-radius: 50%;
  text-align: center;
  transition: border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ai-mentor-focus-mic:hover { transform: translateY(-2px); }
.ai-mentor-focus-mic-orb { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.18); }
.ai-mentor-focus-mic-orb svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ai-mentor-focus-mic-copy { display: grid; gap: 3px; justify-items: center; }
.ai-mentor-focus-mic-copy strong { font-size: .83rem; line-height: 1.18; }
.ai-mentor-focus-mic-copy small { max-width: 126px; font-size: .61rem; font-weight: 750; line-height: 1.3; opacity: .78; }
.ai-mentor-focus-mic[data-turn="idle"] { color: #08131c; border-color: #ffe39c; background: linear-gradient(145deg,#ffe092,#dca032); box-shadow: 0 15px 34px rgba(220,160,48,.22); }
.ai-mentor-focus-mic[data-turn="connecting"],
.ai-mentor-focus-mic[data-turn="thinking"] { color: #dff7ff; border-color: rgba(84,213,255,.54); background: #0b425e; box-shadow: 0 0 0 9px rgba(84,213,255,.07); }
.ai-mentor-focus-mic[data-turn="ready"] { color: #e9fff1; border-color: rgba(74,222,128,.62); background: radial-gradient(circle at 50% 28%,#176447,#0a2e35 74%); box-shadow: 0 0 0 9px rgba(74,222,128,.075),0 16px 38px rgba(0,0,0,.28); }
.ai-mentor-focus-mic[data-turn="user"] { color: #09131b; border-color: #fff0bd; background: radial-gradient(circle at 50% 28%,#ffeaa8,#e1a333 74%); box-shadow: 0 0 0 10px rgba(240,185,74,.13),0 0 36px rgba(240,185,74,.34); animation: ai-mentor-mic-pulse 1.15s ease-in-out infinite; }
.ai-mentor-focus-mic[data-turn="mentor"] { color: #04131b; border-color: #a4efff; background: radial-gradient(circle at 50% 28%,#9cecff,#42b9df 75%); box-shadow: 0 0 0 9px rgba(84,213,255,.11),0 0 34px rgba(84,213,255,.25); }
.ai-mentor-focus-mic[data-turn="muted"],
.ai-mentor-focus-mic[data-turn="error"] { color: #ffe7e7; border-color: rgba(255,116,116,.64); background: #6d252b; box-shadow: 0 0 0 9px rgba(255,82,82,.07); }
.ai-mentor-microphone-help { display: flex; max-width: 520px; gap: 8px; align-items: flex-start; justify-content: center; margin: -2px auto 18px; color: #8098a9; font-size: .7rem; line-height: 1.5; text-align: center; }
.ai-mentor-microphone-help span { color: #e7b34a; }
.ai-mentor-focus-stop { display: inline-flex; min-width: 92px; min-height: 48px; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; }
.ai-mentor-focus-switch { display: flex; width: max-content; max-width: 100%; margin: 4px auto 14px; }

@keyframes ai-mentor-mic-pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 0 9px rgba(240,185,74,.12),0 0 30px rgba(240,185,74,.25); }
  50% { transform: scale(1.025); box-shadow: 0 0 0 16px rgba(240,185,74,.035),0 0 42px rgba(240,185,74,.42); }
}

@keyframes ai-mentor-ready-panel-pulse {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.008); }
}

@media (max-width: 860px) {
  .ai-mentor-lobby-stage { grid-template-columns: 1fr; }
  .ai-mentor-lobby-media { min-height: 0; aspect-ratio: 16/10; }
  .ai-mentor-lobby-video { min-height: 0; }
  .ai-mentor-lobby-media::after { background: linear-gradient(180deg,transparent 65%,rgba(1,5,9,.64)); }
  .ai-mentor-lobby-modes { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .ai-mentor-lobby { padding-bottom: 82px; }
  .ai-mentor-lobby-stage { border-radius: 16px; }
  .ai-mentor-lobby-copy { padding: 26px 19px; }
  .ai-mentor-lobby h1 { font-size: clamp(2.2rem,12vw,3.35rem); }
  .ai-mentor-lobby-facts { grid-template-columns: 1fr; }
  .ai-mentor-lobby-facts span,.ai-mentor-lobby-facts span:first-child { padding-left: 0; border-right: 0; border-bottom: 1px solid rgba(240,185,74,.15); }
  .ai-mentor-lobby-facts span:last-child { border-bottom: 0; }
  .ai-mentor-lobby-actions,.ai-mentor-lobby-actions .btn { width: 100%; }
  .ai-mentor-task-hero-actions,.ai-mentor-task-hero-actions .btn { width: 100%; }
  .ai-mentor-lobby-modes article { padding: 15px; }

  .ai-mentor-focus-topbar {
    grid-template-columns: 42px minmax(0,1fr) minmax(68px,96px) 42px;
    gap: 8px;
    min-height: 64px;
    padding: 8px 10px;
  }
  .ai-mentor-focus-icon { width: 40px; height: 40px; font-size: 1.15rem; }
  .ai-mentor-focus-title small { font-size: .56rem; }
  .ai-mentor-focus-title strong { font-size: .85rem; }
  .ai-mentor-focus-main { gap: 10px; padding: 12px 10px max(24px,env(safe-area-inset-bottom)); }
  .ai-mentor-focus-video { min-height: 0; aspect-ratio: 16/10; border-radius: 19px; }
  .ai-mentor-focus-status { left: 12px; bottom: 12px; max-width: calc(100% - 130px); padding: 7px 9px; font-size: .62rem; }
  .ai-mentor-focus-video-mark { right: 12px; bottom: 13px; }
  .ai-mentor-focus-card { padding: 19px 16px; border-radius: 18px; }
  .ai-mentor-focus-card h1 { font-size: clamp(1.7rem,8vw,2.35rem); }
  .ai-mentor-focus-mic { width: 152px; height: 152px; padding: 14px; }
  .ai-mentor-focus-mic-orb { width: 46px; height: 46px; }
  .ai-mentor-focus-mic-orb svg { width: 28px; height: 28px; }
  .ai-mentor-focus-mic-copy small { max-width: 116px; }
  .ai-mentor-focus-transcript { min-height: 170px; }
}

/* Compact Praktika-style live conversation: the page stays fixed, only the chat scrolls. */
body.ai-mentor-live-active {
  height: 100dvh;
  overflow: hidden;
  overscroll-behavior: none;
}

body.ai-mentor-live-active #app,
.operations-screen.ai-mentor-session-active,
.operations-secondary.ai-mentor-session-shell {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.ai-mentor-live-session {
  display: grid;
  height: 100dvh;
  min-height: 0;
  grid-template-rows: 72px minmax(0,1fr);
  overflow: hidden;
}

.ai-mentor-live-session .ai-mentor-focus-topbar {
  position: relative;
  min-height: 72px;
}

.ai-mentor-story-main {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 0;
  place-items: center;
  padding: clamp(14px,2vw,24px);
  overflow: auto;
}

.ai-mentor-story-stage {
  display: grid;
  width: min(1180px,100%);
  grid-template-columns: minmax(0,1.45fr) minmax(340px,.82fr);
  gap: clamp(16px,2.4vw,30px);
  align-items: center;
}

.ai-mentor-story-media {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(240,185,74,.48);
  border-radius: 24px;
  background: #000;
  box-shadow: 0 26px 66px rgba(0,0,0,.5),0 0 34px rgba(240,185,74,.07);
}

.ai-mentor-story-media video {
  display: block;
  width: 100%;
  max-height: calc(100dvh - 126px);
  aspect-ratio: 16/9;
  object-fit: contain;
  background: #000;
}

.ai-mentor-story-free {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(94,232,157,.45);
  border-radius: 999px;
  color: #d9ffeb;
  background: rgba(3,31,23,.84);
  font-size: .6rem;
  font-weight: 950;
  letter-spacing: .07em;
  backdrop-filter: blur(10px);
  pointer-events: none;
}

.ai-mentor-story-free i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #49d38f;
  box-shadow: 0 0 12px rgba(73,211,143,.8);
}

.ai-mentor-story-copy {
  min-width: 0;
  padding: clamp(20px,3vw,34px);
  border: 1px solid rgba(128,157,180,.25);
  border-radius: 23px;
  background: linear-gradient(155deg,rgba(10,29,44,.98),rgba(3,12,20,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.28);
}

.ai-mentor-story-copy .ops-kicker { margin: 0 0 8px; color: #59cfee; }
.ai-mentor-story-copy h1 { margin: 0; color: #fff7e8; font: 700 clamp(2rem,4vw,3.6rem)/1.02 Georgia,"Times New Roman",serif; letter-spacing: -.035em; }
.ai-mentor-story-lead { margin: 13px 0 0; color: #a9bac5; font-size: .86rem; line-height: 1.6; }

.ai-mentor-story-facts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  margin: 20px 0;
  border-block: 1px solid rgba(240,185,74,.17);
}

.ai-mentor-story-facts span { display: grid; gap: 2px; padding: 13px 10px; border-right: 1px solid rgba(240,185,74,.14); }
.ai-mentor-story-facts span:first-child { padding-left: 0; }
.ai-mentor-story-facts span:last-child { border-right: 0; }
.ai-mentor-story-facts b { color: #ffe3a0; font-size: .9rem; }
.ai-mentor-story-facts small { color: #718a9b; font-size: .58rem; font-weight: 800; letter-spacing: .04em; }
.ai-mentor-story-copy.is-completed .ai-mentor-story-facts span:last-child b { color: #63e39e; }

.ai-mentor-story-observation {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 13px 14px;
  border: 1px dashed rgba(99,147,178,.38);
  border-radius: 14px;
  color: #cbd9e2;
  background: rgba(2,11,18,.52);
}

.ai-mentor-story-observation > span { color: #5ecfee; font-size: 1.15rem; }
.ai-mentor-story-observation div { display: grid; gap: 3px; }
.ai-mentor-story-observation strong { font-size: .75rem; }
.ai-mentor-story-observation small { color: #718b9c; font-size: .63rem; line-height: 1.45; }
.ai-mentor-story-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.ai-mentor-story-actions .btn { min-height: 48px; border-radius: 999px; }
.ai-mentor-story-continue { display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: #101006; border-color: #ffe5a1; background: linear-gradient(135deg,#ffdc83,#dda133); font-weight: 950; }
.ai-mentor-story-time-note { display: flex; gap: 7px; margin: 14px 0 0; color: #718b9c; font-size: .62rem; line-height: 1.45; }
.ai-mentor-story-time-note span { flex: 0 0 auto; color: #efbd53; }

.ai-mentor-live-session .ai-mentor-focus-main {
  display: grid;
  width: min(1180px,100%);
  height: 100%;
  min-height: 0;
  grid-template-columns: minmax(300px,.92fr) minmax(430px,1.08fr);
  grid-template-rows: minmax(0,1fr);
  gap: clamp(14px,2vw,24px);
  align-items: stretch;
  padding: clamp(14px,2vw,22px);
  overflow: hidden;
}

.ai-mentor-live-session .ai-mentor-focus-video {
  width: 100%;
  min-height: 0;
  max-height: min(680px,100%);
  align-self: center;
  margin: 0;
  aspect-ratio: 1;
}

.ai-mentor-live-session .ai-mentor-avatar-layer,
.ai-mentor-live-session .ai-mentor-avatar-fallback {
  object-position: 50% 18%;
  transform: scale(1.06);
  transform-origin: 50% 25%;
}

.ai-mentor-live-card {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  gap: 8px;
  padding: clamp(16px,2vw,24px);
  overflow: hidden;
}

.ai-mentor-live-card-head {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.ai-mentor-live-card-head > div { min-width: 0; }
.ai-mentor-live-card-head .ai-mentor-task-label { margin-bottom: 3px; }
.ai-mentor-live-card-head h1 {
  margin: 0;
  font-size: clamp(1.35rem,2.5vw,2rem);
  white-space: nowrap;
}
.ai-mentor-live-card-head > span {
  flex: 0 0 auto;
  padding-top: 4px;
  color: #718b9c;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ai-mentor-selected-topic {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding-top: 2px;
}
.ai-mentor-selected-topic > span {
  padding: 6px 9px;
  border: 1px solid rgba(240,185,74,.35);
  border-radius: 999px;
  color: #ffe09b;
  background: rgba(240,185,74,.08);
  font-size: .58rem;
  font-weight: 900;
}
.ai-mentor-selected-topic button {
  padding: 6px 9px;
  border: 1px solid rgba(139,166,190,.28);
  border-radius: 999px;
  color: #b9cad4;
  background: rgba(255,255,255,.035);
  font-size: .55rem;
  font-weight: 850;
  cursor: pointer;
}
.ai-mentor-selected-topic button:hover:not(:disabled) { color: #fff; border-color: rgba(240,185,74,.52); }
.ai-mentor-selected-topic button:disabled { opacity: .42; cursor: not-allowed; }

.ai-mentor-topic-overlay {
  position: fixed;
  inset: 0;
  z-index: 950;
  display: grid;
  place-items: center;
  padding: max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));
  background: radial-gradient(circle at 50% 0,rgba(26,104,151,.2),transparent 45%),rgba(0,5,10,.91);
  backdrop-filter: blur(12px);
}
.ai-mentor-topic-modal {
  width: min(920px,100%);
  max-height: 100%;
  overflow-y: auto;
  padding: clamp(18px,3vw,30px);
  border: 1px solid rgba(240,185,74,.54);
  border-radius: 22px;
  color: #f7efe0;
  background: radial-gradient(circle at 85% 0,rgba(32,120,174,.22),transparent 36%),linear-gradient(145deg,#091b28,#030b12 68%);
  box-shadow: 0 28px 90px rgba(0,0,0,.62),inset 0 0 45px rgba(0,0,0,.25);
}
.ai-mentor-topic-modal > header { margin-bottom: 18px; text-align: center; }
.ai-mentor-topic-modal > header .ai-mentor-task-label { margin-bottom: 5px; color: #f0b94a; }
.ai-mentor-topic-modal > header h2 { margin: 0 0 8px; font: 700 clamp(1.9rem,5vw,3rem)/1 Georgia,"Times New Roman",serif; }
.ai-mentor-topic-modal > header p:last-child { max-width: 690px; margin: 0 auto; color: #9fb5c2; font-size: .8rem; line-height: 1.5; }
.ai-mentor-topic-modal .ai-mentor-topic-grid { gap: 10px; }
.ai-mentor-topic-modal .ai-mentor-topic-option {
  min-height: 112px;
  padding: 14px 13px;
  border-radius: 14px;
}
.ai-mentor-topic-modal .ai-mentor-topic-icon { font-size: 1.45rem; }
.ai-mentor-topic-modal .ai-mentor-topic-copy strong { margin-bottom: 5px; font-size: .82rem; white-space: normal; }
.ai-mentor-topic-modal .ai-mentor-topic-copy small { display: block; color: #8fa7b5; font-size: .62rem; line-height: 1.35; }
.ai-mentor-topic-modal .ai-mentor-topic-option em { align-self: end; color: #7be4a4; font-size: .52rem; }
.ai-mentor-topic-modal > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  color: #849ca9;
  font-size: .65rem;
}
.ai-mentor-topic-back { min-height: 40px; color: #d8e2e7; border-color: rgba(139,166,190,.27); background: rgba(255,255,255,.035); }

.ai-mentor-topic-picker {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(240,185,74,.22);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(20,42,57,.82),rgba(4,16,25,.88));
}
.ai-mentor-topic-picker-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.ai-mentor-topic-picker-head p {
  margin: 0 0 2px;
  color: #f0b94a;
  font-size: .55rem;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.ai-mentor-topic-picker-head h2 {
  margin: 0;
  color: #f8fbfd;
  font-size: .87rem;
}
.ai-mentor-topic-picker-head > span {
  color: #a8bdca;
  font-size: .57rem;
  font-weight: 850;
}
.ai-mentor-topic-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 6px;
}
.ai-mentor-topic-option {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 2px 7px;
  min-width: 0;
  min-height: 58px;
  padding: 8px 7px;
  border: 1px solid rgba(139,166,190,.24);
  border-radius: 11px;
  color: #eaf3f8;
  background: rgba(3,13,21,.74);
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease,background .16s ease,transform .16s ease;
}
.ai-mentor-topic-option:not(:disabled):hover {
  transform: translateY(-1px);
  border-color: rgba(240,185,74,.62);
}
.ai-mentor-topic-option.active {
  border-color: #f0b94a;
  background: linear-gradient(145deg,rgba(92,64,14,.68),rgba(17,34,43,.92));
  box-shadow: 0 0 0 2px rgba(240,185,74,.09);
}
.ai-mentor-topic-option.unavailable { opacity: .48; cursor: not-allowed; }
.ai-mentor-topic-icon { grid-row: 1 / span 2; align-self: start; font-size: 1rem; line-height: 1; }
.ai-mentor-topic-copy { min-width: 0; }
.ai-mentor-topic-copy strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: .66rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-mentor-topic-copy small { display: none; }
.ai-mentor-topic-option em {
  grid-column: 2;
  color: #74e6a0;
  font-size: .47rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.ai-mentor-topic-option.unavailable em { color: #9aabb5; }

.ai-mentor-live-card .ai-mentor-transcript-heading { margin: 0 2px 2px; }
.ai-mentor-live-card .ai-mentor-focus-transcript {
  min-height: 0;
  max-height: none;
  height: auto;
  align-content: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

.ai-mentor-live-card .ai-mentor-realtime-message { max-width: 88%; }

.ai-mentor-live-control-dock {
  display: grid;
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(240,185,74,.15);
}

.ai-mentor-live-text-form { display: grid; gap: 5px; }
.ai-mentor-live-text-form > label {
  color: #d5b665;
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ai-mentor-live-text-form > div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(139,166,190,.34);
  border-radius: 13px;
  background: rgba(1,8,14,.78);
  box-shadow: inset 0 1px 12px rgba(0,0,0,.28);
}
.ai-mentor-live-text-form > div:focus-within {
  border-color: rgba(240,185,74,.72);
  box-shadow: 0 0 0 3px rgba(240,185,74,.08),inset 0 1px 12px rgba(0,0,0,.28);
}
.ai-mentor-live-text-form input {
  min-width: 0;
  min-height: 44px;
  padding: 9px 13px;
  border: 0;
  outline: 0;
  color: #f8fbfd;
  background: transparent;
  font: 600 .82rem/1.25 inherit;
  caret-color: #f0b94a;
}
.ai-mentor-live-text-form input::placeholder { color: #657b8a; }
.ai-mentor-live-text-form input:disabled { cursor: not-allowed; opacity: .62; }
.ai-mentor-live-text-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 88px;
  padding: 8px 13px;
  border: 0;
  border-left: 1px solid rgba(240,185,74,.24);
  color: #07121a;
  background: linear-gradient(135deg,#ffd77b,#e1a337);
  font-size: .7rem;
  font-weight: 950;
  cursor: pointer;
}
.ai-mentor-live-text-form button:disabled { color: #70818b; background: rgba(255,255,255,.055); cursor: not-allowed; }
.ai-mentor-live-text-form > small { color: #7690a0; font-size: .58rem; line-height: 1.35; }

.ai-mentor-live-card .ai-mentor-focus-call-controls {
  flex-wrap: nowrap;
  margin: 0;
}

.ai-mentor-live-card .ai-mentor-focus-mic {
  width: 118px;
  height: 118px;
  gap: 5px;
  padding: 10px;
}

.ai-mentor-live-card .ai-mentor-focus-mic-orb { width: 42px; height: 42px; }
.ai-mentor-live-card .ai-mentor-focus-mic-orb svg { width: 25px; height: 25px; }
.ai-mentor-live-card .ai-mentor-focus-mic-copy strong { font-size: .75rem; }
.ai-mentor-live-card .ai-mentor-focus-mic-copy small { max-width: 98px; font-size: .55rem; }
.ai-mentor-live-card .ai-mentor-microphone-help { margin: 0 auto; font-size: .65rem; }
.ai-mentor-live-card .ai-mentor-focus-stop { min-width: 82px; min-height: 44px; }
.ai-mentor-focus-mic[data-turn="ready"] {
  color: #07121a;
  border-color: #ffe7a8;
  background: radial-gradient(circle at 50% 26%,#ffe8a1,#dda132 74%);
  box-shadow: 0 0 0 8px rgba(240,185,74,.08),0 14px 30px rgba(220,160,48,.2);
  animation: ai-mentor-ready-button-pulse 1.5s ease-in-out infinite;
}
.ai-mentor-focus-mic[data-turn="armed"],
.ai-mentor-live-card .ai-mentor-focus-mic[data-turn="user"] {
  color: #effff5;
  border-color: rgba(117,255,169,.88);
  background: radial-gradient(circle at 50% 28%,#2aa96b,#0d553d 76%);
  box-shadow: 0 0 0 9px rgba(74,222,128,.12),0 0 38px rgba(74,222,128,.34);
  animation: ai-mentor-mic-pulse 1.15s ease-in-out infinite;
}
@keyframes ai-mentor-ready-button-pulse {
  0%,100% { transform: scale(1); box-shadow: 0 0 0 8px rgba(240,185,74,.08),0 14px 30px rgba(220,160,48,.2); }
  50% { transform: scale(1.025); box-shadow: 0 0 0 14px rgba(240,185,74,.035),0 0 38px rgba(240,185,74,.32); }
}
.ai-mentor-focus-mic:disabled { cursor: default; opacity: .82; transform: none; }

.ai-mentor-daily-clock {
  display: grid;
  grid-template-columns: auto auto;
  justify-self: end;
  align-items: center;
  gap: 2px 8px;
  min-width: 116px;
  padding: 7px 12px;
  border: 1px solid rgba(241,70,70,.42);
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,rgba(91,12,18,.92),rgba(28,5,9,.92));
  box-shadow: inset 0 0 18px rgba(255,35,35,.08),0 0 16px rgba(255,35,35,.08);
}
.ai-mentor-daily-clock small { color: #ff7b7b; font-size: .57rem; font-weight: 950; letter-spacing: .14em; }
.ai-mentor-daily-clock strong { grid-row: 1 / span 2; grid-column: 2; color: #ffdfdf; font-variant-numeric: tabular-nums; font-size: 1.15rem; letter-spacing: .04em; }
.ai-mentor-daily-clock.is-running strong { color: #fff1d0; }
.ai-mentor-daily-clock.is-warning { border-color: #ff3535; animation: ai-mentor-time-warning .9s ease-in-out infinite alternate; }
.ai-mentor-daily-clock.is-exhausted { opacity: .8; filter: grayscale(.3); }
.ai-mentor-daily-clock.is-development { border-color: rgba(73,211,143,.56); background: linear-gradient(135deg,rgba(8,77,53,.95),rgba(3,28,23,.95)); box-shadow: 0 0 18px rgba(73,211,143,.12); }
.ai-mentor-daily-clock.is-development small,.ai-mentor-daily-clock.is-development strong { color: #bff8da; }
.ai-mentor-lobby-facts [data-ai-mentor-daily-clock].is-warning b,.ai-mentor-lobby-facts [data-ai-mentor-daily-clock].is-exhausted b { color: #ff7777; }
.ai-mentor-lobby-facts [data-ai-mentor-daily-clock].is-development b { color: #73e1a7; }

@keyframes ai-mentor-time-warning {
  from { box-shadow: inset 0 0 18px rgba(255,35,35,.08),0 0 10px rgba(255,35,35,.08); }
  to { box-shadow: inset 0 0 24px rgba(255,35,35,.15),0 0 24px rgba(255,35,35,.3); }
}

.ai-mentor-time-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));
  background: radial-gradient(circle at 50% 0,rgba(137,15,22,.22),transparent 45%),rgba(0,2,5,.92);
  backdrop-filter: blur(12px);
}

.ai-mentor-time-modal {
  width: min(860px,100%);
  max-height: 100%;
  overflow-y: auto;
  padding: clamp(18px,3vw,30px);
  border: 1px solid #a82a31;
  border-radius: 22px;
  color: #fff7ec;
  background: radial-gradient(circle at 13% 6%,rgba(160,21,28,.28),transparent 34%),linear-gradient(145deg,#120607,#05090d 65%);
  box-shadow: 0 0 70px rgba(255,25,32,.24),inset 0 0 50px rgba(0,0,0,.42);
}

.ai-mentor-time-modal > header { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 22px; padding-bottom: 20px; border-bottom: 1px solid rgba(197,49,55,.42); }
.ai-mentor-time-figure { display: block; width: 150px; aspect-ratio: 1; border: 1px solid #9d2a31; border-radius: 18px; background: url("../assets/time-mission.png") left 42% / 215% auto no-repeat; box-shadow: inset 0 0 28px #000,0 0 26px rgba(255,0,0,.2); }
.ai-mentor-time-modal .ops-kicker { margin: 0 0 4px; color: #ff6a6f; }
.ai-mentor-time-modal h2 { margin: 0 0 7px; color: #fff; font-size: clamp(2rem,5vw,3.3rem); line-height: .98; text-shadow: 0 0 22px rgba(255,40,45,.55); }
.ai-mentor-time-modal header p:last-child { max-width: 610px; margin: 0; color: #d4c5c1; line-height: 1.52; }

.ai-mentor-time-counter { display: grid; grid-template-columns: 74px minmax(0,1fr) auto; align-items: center; gap: 17px; margin: 20px 0 14px; padding: 14px 18px; border: 1px solid rgba(201,45,51,.7); border-radius: 16px; background: linear-gradient(100deg,rgba(76,8,12,.95),rgba(28,5,8,.96)); }
.ai-mentor-time-hourglass { width: 68px; height: 68px; border-radius: 50%; background: url("../assets/time-mission.png") right 42% / 215% auto no-repeat; filter: drop-shadow(0 0 10px rgba(255,44,44,.25)); }
.ai-mentor-time-counter > div { display: grid; gap: 2px; }
.ai-mentor-time-counter small { color: #e0a7a4; font-size: .62rem; font-weight: 900; letter-spacing: .13em; }
.ai-mentor-time-counter strong { color: #ff3e43; font-size: clamp(2.6rem,7vw,4.1rem); font-variant-numeric: tabular-nums; line-height: 1; text-shadow: 0 0 18px rgba(255,42,47,.62); }
.ai-mentor-time-counter > b { color: #efc15b; font-size: .72rem; letter-spacing: .08em; }
.ai-mentor-time-counter.is-development { border-color: rgba(73,211,143,.56); background: linear-gradient(100deg,rgba(7,67,46,.95),rgba(3,27,21,.96)); }
.ai-mentor-time-counter.is-development strong { color: #8af0b9; text-shadow: 0 0 18px rgba(73,211,143,.35); }

.ai-mentor-time-rule { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid rgba(240,185,74,.25); border-radius: 14px; background: rgba(240,185,74,.055); }
.ai-mentor-time-rule strong { color: #ffe3a2; font-size: .84rem; }
.ai-mentor-time-rule span { color: #9eb0ba; font-size: .72rem; line-height: 1.5; }
.ai-mentor-time-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ai-mentor-time-actions .btn { min-height: 48px; border-radius: 999px; }
.ai-mentor-time-primary { color: #160b03; border-color: #ffe5a1; background: linear-gradient(135deg,#ffd77b,#e6a83b); font-weight: 950; }
.ai-mentor-time-dev-skip { color: #c8f8df; border-color: rgba(73,211,143,.52); background: rgba(7,65,45,.7); font-weight: 850; }
.ai-mentor-time-dev-skip small { margin-left: 5px; color: #78cda2; font-size: .62rem; font-weight: 700; }
.ai-mentor-time-back { margin-left: auto; color: #c1ccd2; border-color: rgba(151,169,181,.25); background: rgba(255,255,255,.045); }
.ai-mentor-time-modal.is-exhausted { border-color: #772127; }
.ai-mentor-time-modal.is-exhausted .ai-mentor-time-counter { filter: saturate(.72); }
.ai-mentor-time-modal.is-development {
  border-color: rgba(73,211,143,.62);
  background: radial-gradient(circle at 13% 6%,rgba(24,130,87,.24),transparent 34%),linear-gradient(145deg,#04140f,#05090d 65%);
  box-shadow: 0 0 70px rgba(73,211,143,.14),inset 0 0 50px rgba(0,0,0,.42);
}

@media (max-width: 650px) {
  .ai-mentor-daily-clock { min-width: 78px; padding: 5px 7px; gap: 1px 5px; }
  .ai-mentor-daily-clock small { font-size: .47rem; }
  .ai-mentor-daily-clock strong { font-size: .9rem; }
  .ai-mentor-time-overlay { padding-inline: 10px; }
  .ai-mentor-time-modal { padding: 16px 14px; border-radius: 18px; }
  .ai-mentor-time-modal > header { grid-template-columns: 84px minmax(0,1fr); gap: 13px; padding-bottom: 14px; }
  .ai-mentor-time-figure { width: 84px; border-radius: 13px; }
  .ai-mentor-time-modal h2 { font-size: clamp(1.65rem,8vw,2.25rem); }
  .ai-mentor-time-modal header p:last-child { font-size: .75rem; }
  .ai-mentor-time-counter { grid-template-columns: 52px minmax(0,1fr); gap: 10px; margin-block: 14px 10px; padding: 10px 12px; }
  .ai-mentor-time-hourglass { width: 50px; height: 50px; }
  .ai-mentor-time-counter strong { font-size: 2.5rem; }
  .ai-mentor-time-counter > b { grid-column: 1 / -1; justify-self: center; }
  .ai-mentor-time-rule { padding: 11px 12px; }
  .ai-mentor-time-actions,.ai-mentor-time-actions .btn { width: 100%; }
  .ai-mentor-time-back { margin-left: 0; }
}

@media (max-width: 860px) {
  .ai-mentor-live-session { grid-template-rows: 60px minmax(0,1fr); }
  .ai-mentor-live-session .ai-mentor-focus-topbar {
    min-height: 60px;
    grid-template-columns: 40px minmax(0,1fr) minmax(64px,84px) 40px;
    padding: 6px 9px;
  }
  .ai-mentor-live-session .ai-mentor-focus-main {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(168px,31vh) minmax(0,1fr);
    gap: 8px;
    padding: 8px 9px max(8px,env(safe-area-inset-bottom));
  }
  .ai-mentor-live-session .ai-mentor-focus-video {
    width: 100%;
    height: 100%;
    max-height: none;
    align-self: stretch;
    aspect-ratio: auto;
    border-radius: 21px;
  }
  .ai-mentor-live-session .ai-mentor-avatar-layer,
  .ai-mentor-live-session .ai-mentor-avatar-fallback {
    object-position: 50% 17%;
    transform: scale(1.08);
  }
  .ai-mentor-live-session .ai-mentor-focus-status {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 116px);
  }
  .ai-mentor-live-session .ai-mentor-focus-video-mark { right: 10px; bottom: 11px; }
  .ai-mentor-live-card {
    gap: 5px;
    padding: 11px 12px max(9px,env(safe-area-inset-bottom));
    border-radius: 19px;
  }
  .ai-mentor-live-card-head h1 { font-size: clamp(1.05rem,5vw,1.3rem); }
  .ai-mentor-live-card-head > span { display: none; }
  .ai-mentor-live-card-head .ai-mentor-task-label { font-size: .58rem; }
  .ai-mentor-selected-topic > span { display: none; }
  .ai-mentor-selected-topic button { padding: 5px 8px; }
  .ai-mentor-topic-overlay { padding-inline: 10px; }
  .ai-mentor-topic-modal { padding: 17px 14px; border-radius: 18px; }
  .ai-mentor-topic-modal > header { margin-bottom: 12px; }
  .ai-mentor-topic-modal > header p:last-child { font-size: .68rem; }
  .ai-mentor-topic-modal .ai-mentor-topic-grid {
    grid-auto-flow: initial;
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: visible;
  }
  .ai-mentor-topic-modal .ai-mentor-topic-option { min-height: 88px; padding: 10px; }
  .ai-mentor-topic-picker { gap: 6px; padding: 8px; }
  .ai-mentor-topic-picker-head h2 { font-size: .75rem; }
  .ai-mentor-topic-picker-head > span { font-size: .5rem; }
  .ai-mentor-topic-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(126px,36%);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  .ai-mentor-topic-modal .ai-mentor-topic-grid {
    grid-auto-flow: initial;
    grid-auto-columns: auto;
    grid-template-columns: repeat(2,minmax(0,1fr));
    overflow: visible;
  }
  .ai-mentor-topic-option { min-height: 48px; padding: 6px; }
  .ai-mentor-live-card .ai-mentor-transcript-heading strong { font-size: .72rem; }
  .ai-mentor-live-card .ai-mentor-transcript-heading span { font-size: .55rem; }
  .ai-mentor-live-card .ai-mentor-focus-transcript { padding: 9px; }
  .ai-mentor-live-card .ai-mentor-realtime-message { max-width: 92%; padding: 8px 10px; }
  .ai-mentor-live-card .ai-mentor-realtime-message p { font-size: .8rem; line-height: 1.38; }
  .ai-mentor-live-control-dock { gap: 4px; padding-top: 6px; }
  .ai-mentor-live-text-form { gap: 3px; }
  .ai-mentor-live-text-form > label { font-size: .52rem; }
  .ai-mentor-live-text-form input { min-height: 39px; padding: 7px 10px; font-size: .74rem; }
  .ai-mentor-live-text-form button { min-width: 44px; padding-inline: 10px; }
  .ai-mentor-live-text-form button span:first-child { display: none; }
  .ai-mentor-live-text-form > small { font-size: .5rem; }
  .ai-mentor-live-card .ai-mentor-focus-mic { width: 94px; height: 94px; padding: 7px; }
  .ai-mentor-live-card .ai-mentor-focus-mic-orb { width: 35px; height: 35px; }
  .ai-mentor-live-card .ai-mentor-focus-mic-orb svg { width: 22px; height: 22px; }
  .ai-mentor-live-card .ai-mentor-focus-mic-copy strong { font-size: .66rem; }
  .ai-mentor-live-card .ai-mentor-focus-mic-copy small { max-width: 80px; font-size: .48rem; }
  .ai-mentor-live-card .ai-mentor-microphone-help { max-width: 330px; font-size: .56rem; line-height: 1.3; }
  .ai-mentor-live-card .ai-mentor-focus-stop {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
  }
  .ai-mentor-live-card .ai-mentor-focus-stop span:last-child { display: none; }

  .ai-mentor-story-main { place-items: start center; padding: 8px 9px max(12px,env(safe-area-inset-bottom)); }
  .ai-mentor-story-stage { grid-template-columns: 1fr; gap: 9px; }
  .ai-mentor-story-media { border-radius: 18px; }
  .ai-mentor-story-media video { max-height: none; aspect-ratio: 16/9; }
  .ai-mentor-story-free { top: 8px; left: 8px; padding: 5px 8px; font-size: .5rem; }
  .ai-mentor-story-copy { padding: 16px 15px; border-radius: 18px; }
  .ai-mentor-story-copy .ops-kicker { margin-bottom: 4px; font-size: .58rem; }
  .ai-mentor-story-copy h1 { font-size: clamp(1.75rem,8.5vw,2.55rem); }
  .ai-mentor-story-lead { font-size: .72rem; line-height: 1.45; }
  .ai-mentor-story-facts { margin: 11px 0; }
  .ai-mentor-story-facts span { padding-block: 8px; }
  .ai-mentor-story-observation { padding: 9px 10px; }
  .ai-mentor-story-actions { margin-top: 11px; }
  .ai-mentor-story-actions .btn { min-height: 43px; }
  .ai-mentor-story-time-note { margin-top: 9px; }
}

@media (max-width: 420px), (max-width: 860px) and (max-height: 700px) {
  .ai-mentor-live-session { grid-template-rows: 54px minmax(0,1fr); }
  .ai-mentor-live-session .ai-mentor-focus-topbar { min-height: 54px; }
  .ai-mentor-live-session .ai-mentor-focus-main { grid-template-rows: minmax(140px,27vh) minmax(0,1fr); }
  .ai-mentor-live-card { padding-block: 8px; }
  .ai-mentor-topic-picker-head > span { display: none; }
  .ai-mentor-topic-grid { grid-auto-columns: minmax(118px,44%); }
  .ai-mentor-topic-modal > header h2 { font-size: 1.55rem; }
  .ai-mentor-topic-modal .ai-mentor-topic-grid { grid-template-columns: 1fr 1fr; }
  .ai-mentor-topic-modal .ai-mentor-topic-option { min-height: 76px; }
  .ai-mentor-topic-modal .ai-mentor-topic-copy small { display: none; }
  .ai-mentor-topic-modal > footer span { display: none; }
  .ai-mentor-topic-modal > footer { justify-content: flex-end; }
  .ai-mentor-live-card .ai-mentor-focus-mic { width: 84px; height: 84px; }
  .ai-mentor-live-card .ai-mentor-focus-mic-orb { width: 31px; height: 31px; }
  .ai-mentor-live-card .ai-mentor-microphone-help { display: none; }
  .ai-mentor-live-text-form > small { display: none; }
  .ai-mentor-story-lead { display: none; }
  .ai-mentor-story-observation small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-mentor-focus-avatar,
  .ai-mentor-session.is-speaking .ai-mentor-focus-avatar,
  .ai-mentor-avatar-layer,
  .ai-mentor-focus-mic,
  .ai-mentor-audio-state { transition: none; transform: none; animation: none; }
}