/* v3.2 triple UI upgrade: brighter modern ui + guided tabs + clearer dashboard */
:root{
  --v32-bg-1:#12203d;
  --v32-bg-2:#141f33;
  --v32-card:rgba(255,255,255,.072);
  --v32-card-strong:rgba(255,255,255,.10);
  --v32-border:rgba(255,255,255,.17);
  --v32-text-soft:#d9e4ff;
  --v32-accent:#8b5cf6;
  --v32-accent-2:#38bdf8;
  --v32-green:#34d399;
  --v32-amber:#fbbf24;
}
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(102,126,234,.26) 0, transparent 34%),
    radial-gradient(circle at 88% 9%, rgba(168,85,247,.20) 0, transparent 28%),
    linear-gradient(180deg, #162441 0%, #111a2d 48%, #12192a 100%) !important;
}
.glass{
  background:linear-gradient(160deg, rgba(255,255,255,.115), rgba(255,255,255,.045)) !important;
  border-color:var(--v32-border) !important;
  box-shadow:0 18px 42px rgba(3,8,20,.28) !important;
}
.topbar,.sidebar{
  background:linear-gradient(180deg, rgba(18,28,49,.92), rgba(20,31,54,.86)) !important;
}
.sidebar nav button,
.dashboard-skill-card,
.skill-lesson-list>button,
.lesson-list button,
.daily-task-list button,
.dashboard-tools button,
.vocab-pack-actions button,
.vocab-quick-practice button,
.story-list button{
  transition:all .18s ease;
}
.sidebar nav button:hover,
.dashboard-skill-card:hover,
.skill-lesson-list>button:hover,
.lesson-list button:hover,
.daily-task-list button:hover,
.dashboard-tools button:hover,
.vocab-pack-actions button:hover,
.vocab-quick-practice button:hover,
.story-list button:hover{
  transform:translateY(-1px);
}
.section-heading p,
.skill-unit-title p,
.skill-lesson-list>button small,
.story-list small,
.sentence-translation,
.reader-title p,
.dashboard-welcome p,
.dashboard-ai-plan p,
.review-hero p,
.topic-copy p,
.skill-method-copy p,
.skill-topic-link b,
.skill-focus-box b,
.unit-heading p,
.lesson-context-map p,
.vocab-pack-card p,
.vocab-word-preview,
.vocab-search input,
.vocab-guide-icon + div p,
.vocab-session-guide p,
.voice-card p,
.coach-card p,
.provider-card-v22 p{
  color:var(--v32-text-soft) !important;
}
/* new top smart tabs */
.v32-smart-tabs{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:6px 0 4px;
  margin:0 0 16px;
}
.v32-smart-tab{
  flex:0 0 auto;
  border:1px solid var(--v32-border);
  background:linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  color:#fff;
  border-radius:18px;
  padding:12px 14px;
  min-width:160px;
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  text-align:left;
}
.v32-smart-tab:hover{border-color:rgba(196,181,253,.45)}
.v32-smart-tab.active{background:linear-gradient(135deg, rgba(139,92,246,.25), rgba(56,189,248,.10)); border-color:rgba(196,181,253,.42);}
.v32-smart-tab-index{
  width:34px;height:34px;border-radius:12px;display:grid;place-items:center;
  background:rgba(139,92,246,.16);font-weight:800;font-size:13px;color:#fff;flex:none;
}
.v32-smart-tab-copy{display:flex;flex-direction:column;gap:2px}
.v32-smart-tab-copy b{font-size:13px}
.v32-smart-tab-copy small{font-size:11px;color:#cfd8f3}
/* dashboard focus */
.v32-today-focus{padding:18px 18px 16px;border-radius:24px;margin:0 0 16px}
.v32-today-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.v32-today-head h2{font-size:28px;margin:4px 0 0}
.v32-today-head p{margin:0;color:var(--v32-text-soft);font-size:13px;line-height:1.6}
.v32-focus-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px}
.v32-focus-card{
  border:1px solid var(--v32-border);
  background:linear-gradient(140deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border-radius:20px;
  padding:16px;
  color:#fff;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:left;
  cursor:pointer;
}
.v32-focus-card.primary{background:linear-gradient(135deg, rgba(139,92,246,.25), rgba(56,189,248,.11));}
.v32-focus-card .tag{font-size:10px;letter-spacing:.14em;font-weight:800;color:#c7d2fe;text-transform:uppercase}
.v32-focus-card b{font-size:16px;line-height:1.35}
.v32-focus-card p{font-size:12px;color:var(--v32-text-soft);line-height:1.6;margin:0}
.v32-focus-card .meta{margin-top:auto;font-size:11px;color:#dbeafe;font-weight:700}
/* clearer section cards */
.skill-method-map,.dashboard-cycle-panel,.course-overview,.topic-journey,.skill-unit-card,.unit-card,.vocab-pack-card,.story-list,.reader-paper,.voice-layout article,.review-card,.daily-plan-compact,.dashboard-tools{
  border-radius:24px !important;
}
.skill-method-copy h2,.course-overview h2,.topic-copy h2,.reader-title h2{font-size:26px !important}
.skill-bridge-actions button,.topic-journey-footer .primary-button,.topic-journey-footer .secondary-button{min-height:48px}
.skill-unit-card{padding:20px !important}
.skill-unit-top{margin-bottom:2px}
.skill-unit-title h2{font-size:20px !important}
.skill-focus-box{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.08)}
.skill-lesson-list>button,
.lesson-list button,
.daily-task-list button,
.dashboard-tools button,
.vocab-quick-practice button,
.vocab-pack-actions button{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(255,255,255,.12) !important;
}
.skill-lesson-list>button b,.lesson-list button b,.daily-task-list button b,.dashboard-tools button b,.vocab-pack-actions button b,.vocab-quick-practice button b{font-size:13px !important}
.skill-lesson-list>button small,.lesson-list button small,.daily-task-list button small,.dashboard-tools button small,.vocab-pack-actions button small,.vocab-quick-practice button small{font-size:11px !important}
.v32-pill-note{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);
  border-radius:999px;padding:8px 12px;font-size:12px;color:#e7eeff
}
@media (max-width: 1100px){
  .v32-focus-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 720px){
  .v32-today-head{flex-direction:column;align-items:flex-start}
  .v32-today-head h2{font-size:22px}
  .v32-focus-grid{grid-template-columns:1fr}
  .v32-smart-tab{min-width:140px;padding:10px 12px}
  .v32-smart-tab-index{width:30px;height:30px;border-radius:10px}
}