:root{
  --mc-bg:#f6f8fc;
  --mc-ink:#0f172a;
  --mc-muted:#64748b;
  --mc-brand:#7c3aed;
  --mc-brand-2:#4f46e5;
  --mc-accent:#06b6d4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--mc-bg);color:var(--mc-ink)}
.glass{background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75)}
.soft-card{background:#fff;border:1px solid #e8edf5;box-shadow:0 14px 50px rgba(15,23,42,.06)}
.soft-card.lesson-completed-tint,.lesson-completed-tint{
  background:#e8f8ef;
  border-color:#a7e9c4;
  box-shadow:inset 4px 0 0 #34d399,0 14px 50px rgba(15,23,42,.04);
}
.brand-gradient{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 45%,#06b6d4 100%)}
.brand-text{background:linear-gradient(135deg,#7c3aed,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.sidebar-link{display:flex;align-items:center;gap:.8rem;padding:.72rem .86rem;border-radius:14px;color:#64748b;font-weight:700;font-size:.92rem;transition:.2s ease}
.sidebar-link:hover{background:#f3f0ff;color:#5b21b6;transform:translateX(2px)}
.sidebar-link.active{background:linear-gradient(135deg,#ede9fe,#eef2ff);color:#5b21b6;box-shadow:inset 0 0 0 1px #ddd6fe}
.kpi-ring{background:conic-gradient(#7c3aed var(--progress),#eceff5 0);}
.progress{height:.55rem;background:#eef2f7;border-radius:999px;overflow:hidden}
.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#4f46e5,#06b6d4)}
.table-row:hover{background:#fafbff}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .58rem;border-radius:999px;font-size:.75rem;font-weight:800}
.status-green{background:#ecfdf5;color:#047857}.status-yellow{background:#fffbeb;color:#b45309}.status-red{background:#fff1f2;color:#be123c}.status-gray{background:#f1f5f9;color:#64748b}.status-purple{background:#f5f3ff;color:#6d28d9}
.scrollbar-thin::-webkit-scrollbar{height:7px;width:7px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.timeline-line:before{content:"";position:absolute;left:14px;top:30px;bottom:-18px;width:2px;background:#e2e8f0}
.hero-noise{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:18px 18px}
@media (max-width:1023px){.desktop-sidebar{display:none}}
.block-tool{display:flex;width:100%;align-items:center;gap:.7rem;padding:.7rem;border-radius:16px;text-align:left;transition:.18s;border:1px solid transparent}.block-tool:hover{background:#faf9ff;border-color:#ede9fe;transform:translateX(2px)}.block-tool-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.block-tool-icon svg{width:18px;height:18px}.block-tool b{display:block;font-size:.84rem}.block-tool small{display:block;color:#94a3b8;font-size:.68rem;margin-top:2px}.functional-block{position:relative}.timeline-dot{position:absolute;left:-56px;top:17px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;box-shadow:0 0 0 5px #fff;z-index:2}.timeline-dot svg{width:16px;height:16px}.functional-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.035);cursor:pointer;transition:.18s}.functional-card:hover{border-color:#c4b5fd;box-shadow:0 10px 28px rgba(124,58,237,.08);transform:translateY(-1px)}.drag-handle{color:#cbd5e1;cursor:grab}.drag-handle svg,.icon-btn svg{width:17px;height:17px}.time-box{width:74px;flex:0 0 auto}.time-box span{display:block;font-size:.62rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.time-box b{font-size:.96rem}.icon-btn{width:34px;height:34px;border-radius:10px;background:#f8fafc;display:grid;place-items:center;color:#64748b}.icon-btn:hover{background:#f1f5f9;color:#6d28d9}@media(max-width:640px){.functional-card{align-items:flex-start;flex-wrap:wrap}.time-box{width:62px}.timeline-dot{left:-52px}}

/* Study plan + functional block system */
.period-card{background:#fff;border:1px solid #e7eaf2;border-radius:24px;box-shadow:0 10px 32px rgba(15,23,42,.045);transition:.18s}.period-card:hover{border-color:#c4b5fd;box-shadow:0 16px 42px rgba(124,58,237,.08);transform:translateY(-1px)}
.period-index{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#ede9fe,#e0f2fe);color:#6d28d9;display:grid;place-items:center;font-weight:900}
.context-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .55rem;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:.7rem;font-weight:800}
.block-card{background:#fff;border:1px solid #e7eaf2;border-radius:22px;padding:18px;transition:.18s}.block-card:hover{border-color:#c4b5fd;box-shadow:0 14px 36px rgba(124,58,237,.075);transform:translateY(-2px)}
.block-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center}.block-icon svg{width:20px;height:20px}
.auto-line{position:relative;padding-left:42px}.auto-line:before{content:"";position:absolute;left:15px;top:27px;bottom:-22px;width:2px;background:#e2e8f0}.auto-line:last-child:before{display:none}.auto-dot{position:absolute;left:0;top:3px;width:31px;height:31px;border-radius:11px;background:white;border:2px solid #ddd6fe;display:grid;place-items:center;color:#7c3aed;z-index:1}.auto-dot svg{width:14px;height:14px}
.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}@media(max-width:1279px){.builder-grid{grid-template-columns:1fr}}
.question-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.choice-row{display:grid;grid-template-columns:38px 1fr 34px;gap:10px;align-items:center}.choice-key{width:34px;height:34px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;font-weight:900;color:#64748b}