.cm-page{--cm-bg:var(--paper);--cm-ink:var(--ink);--cm-sub:var(--steel);--cm-sub2:var(--steel);--cm-line:var(--line);--cm-line-2:var(--line);--cm-indigo:var(--bleu);--cm-indigo-bg:rgba(var(--bleu-rgb),.08);--cm-indigo-border:rgba(var(--bleu-rgb),.18);background:var(--cm-bg);min-height:100vh;color:var(--cm-ink);padding-bottom:4rem}.cm-header{background:var(--card);border-bottom:1px solid var(--cm-line);padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.cm-header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.cm-title{font-size:1.3rem;font-weight:800;color:var(--cm-ink);letter-spacing:-.02em}.cm-subtitle{font-size:.76rem;color:var(--cm-sub);font-weight:500;margin-top:2px}.cm-progress-chip{background:var(--cm-indigo-bg);border:1px solid var(--cm-indigo-border);padding:.4rem .9rem;border-radius:12px;text-align:right}.cm-progress-label{display:block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text-bleu)}.cm-progress-num{font-size:.9rem;font-weight:800;color:var(--accent-text-bleu)}.cm-progress-num span{font-size:.76rem;font-weight:500;color:var(--cm-sub2)}.cm-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem 0;display:flex;flex-direction:column;gap:1.25rem}.cm-level{background:var(--card);border-radius:22px;border:.2px solid var(--lc,var(--cm-line));overflow:hidden}.cm-level-left{display:flex;align-items:flex-start;gap:.9rem;min-width:0}.cm-level-text{min-width:0}.cm-level-icon{width:52px;height:52px;border-radius:15px;color:#fff;font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-level-icon-lg{width:56px;height:56px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.cm-level-meta{display:flex;align-items:center;gap:.45rem;margin-bottom:.25rem}.cm-level-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cm-sub2)}.cm-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cm-lesson-count{font-size:.72rem;font-weight:600;color:var(--cm-sub)}.cm-active{border:.2px solid var(--lc,rgba(99,102,241,.6));box-shadow:0 10px 30px -8px var(--lc-bg,rgba(99,102,241,.15))}.cm-active-header{padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;background:linear-gradient(90deg,var(--lc-bg,transparent),var(--card) 60%)}.cm-level-name-lg{font-size:1.4rem;font-weight:800;color:var(--cm-ink);letter-spacing:-.02em}.cm-level-desc-lg{font-size:.82rem;color:var(--cm-sub2);margin-top:.2rem;max-width:420px}.cm-active-right{display:flex;align-items:center;gap:1.2rem;flex-shrink:0}.cm-ring-block{display:flex;align-items:center;gap:.7rem}.cm-ring-text{display:flex;flex-direction:column;align-items:flex-end}.cm-ring-count{font-size:.76rem;font-weight:700;color:var(--cm-ink);white-space:nowrap}.cm-ring-label{font-size:.65rem;color:var(--cm-sub);font-weight:500}.cm-continue-btn{display:flex;align-items:center;gap:.5rem;color:#fff;border:none;padding:.75rem 1.3rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .15s,transform .12s;white-space:nowrap}.cm-continue-btn:hover{opacity:.9;transform:translateY(-1px)}.cm-continue-btn svg{width:16px;height:16px}.cm-modules-wrap{border-top:1px solid var(--cm-line);background:rgba(var(--ink-rgb),.015);padding:1.75rem 2rem}.cm-modules-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--cm-sub);margin-bottom:1rem}.cm-modules-more{font-size:.74rem;color:var(--cm-sub);font-weight:600;margin-top:.9rem}.cm-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.9rem;gap:.9rem}.cm-module{position:relative;background:var(--card);border:1px solid var(--cm-line-2);border-radius:16px;padding:1.1rem;box-shadow:0 1px 3px rgba(15,23,42,.04);display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;overflow:hidden}.cm-module-active{border-color:rgba(var(--ink-rgb),.1)}.cm-module-locked{opacity:.62}.cm-module-accent{position:absolute;top:0;left:0;right:0;height:3px}.cm-module-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.cm-module-badge{font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .5rem;border-radius:5px;background:var(--cm-line);color:var(--cm-sub2);white-space:nowrap}.cm-module-count{font-size:.7rem;font-weight:600;color:var(--cm-sub);white-space:nowrap}.cm-module-title{font-size:.86rem;font-weight:700;color:var(--cm-ink);line-height:1.3}.cm-module-summary{font-size:.72rem;color:var(--cm-sub);margin-top:.2rem}.cm-module-final-tag{font-size:.68rem;font-weight:700;color:#7e22ce;background:rgba(126,34,206,.12);border-radius:6px;padding:.3rem .5rem;margin-top:.5rem}.cm-module-btn{width:100%;padding:.55rem .5rem;border:none;border-radius:9px;background:var(--cm-line);color:var(--cm-sub2);font-weight:700;font-size:.74rem;cursor:pointer;transition:filter .15s}.cm-module-btn:hover:not(:disabled){filter:brightness(.96)}.cm-module-btn-active{font-weight:800}.cm-module-btn-locked{cursor:not-allowed;color:var(--cm-sub)}.cm-collapsed{padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;cursor:pointer;flex-wrap:wrap;transition:box-shadow .18s,transform .18s,opacity .18s}.cm-collapsed:hover:not(.cm-locked){box-shadow:0 10px 30px -10px rgba(15,23,42,.15);transform:translateY(-2px)}.cm-collapsed.cm-locked{opacity:.6;cursor:default}.cm-collapsed.cm-locked:hover{opacity:.85}.cm-level-name-sm{font-size:1.05rem;font-weight:700;color:var(--cm-ink)}.cm-level-desc-sm{font-size:.76rem;color:var(--cm-sub2);margin-top:.15rem;max-width:380px}.cm-level-right-sm{flex-shrink:0}.cm-enter-btn-sm{display:flex;align-items:center;gap:.4rem;color:#fff;border:none;padding:.65rem 1.1rem;border-radius:11px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .12s;white-space:nowrap}.cm-enter-btn-sm:hover{opacity:.9;transform:translateY(-1px)}.cm-enter-btn-sm svg{width:14px;height:14px}.cm-locked-pill{display:flex;align-items:center;gap:.35rem;background:var(--cm-line);color:var(--cm-sub2);font-size:.75rem;font-weight:700;padding:.6rem 1rem;border-radius:11px;white-space:nowrap}.cm-coming-soon{padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;border-style:dashed;opacity:.7}.cm-coming-soon .cm-level-icon{background:var(--cm-line);color:var(--cm-sub2)}.cm-cs-icon{font-size:1.6rem;opacity:.6;flex-shrink:0}@media (max-width:640px){.cm-active-header,.cm-modules-wrap{padding:1.3rem 1.25rem}.cm-collapsed,.cm-coming-soon{padding:1.1rem 1.25rem}.cm-active-right{width:100%;justify-content:space-between}.cm-level-name-lg{font-size:1.2rem}}