Loading module…
} /* List styles */ #tocList, #moduleList { list-style: none; margin: 0; padding: 8px 6px 12px; } .toc-item { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 10px 8px; border-radius: 10px; cursor: pointer; border: 1px solid transparent; } .toc-item:hover { background: #0d1626; border-color: #1e2b41; } .toc-item .idx { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; font-size: 12px; background: #0c1322; color: var(--muted); border: 1px solid #1c2a41; } .toc-item .name { font-weight: 600; } .toc-item .meta { color: var(--muted); font-size: 12px; } .module-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 8px; border-radius: 10px; cursor: pointer; border: 1px solid transparent; font-weight: 600; } .module-item:hover { background: #0d1626; border-color: #1e2b41; } .module-item.active { outline: 2px solid var(--accent); } .module-item .name { flex: 1; } .module-item .progress-tag { font-size: 12px; color: var(--muted); margin-left: 8px; } /* Hidden fallback */ .modal[hidden], .backdrop[hidden] { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Flash animation for feedback */ @keyframes flash { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
Loading module…