:root{--tg-bg: var(--tg-theme-bg-color, #ffffff);--tg-text: var(--tg-theme-text-color, #000000);--tg-hint: var(--tg-theme-hint-color, #999999);--tg-link: var(--tg-theme-link-color, #2481cc);--tg-btn: var(--tg-theme-button-color, #2481cc);--tg-btn-text: var(--tg-theme-button-text-color, #ffffff);--tg-secondary-bg: var(--tg-theme-secondary-bg-color, #f0f0f0);--radius: 12px;--radius-sm: 8px;--gap: 12px;--check-color: #34c759}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-bg);color:var(--tg-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.page{padding:12px 16px 80px;min-height:100vh;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:22px;font-weight:700;margin-bottom:16px}.page-subtitle{font-size:14px;color:var(--tg-hint);margin-bottom:12px}.card{background:var(--tg-secondary-bg);border-radius:var(--radius);padding:14px 16px;margin-bottom:var(--gap);cursor:pointer;transition:transform .15s ease,opacity .15s ease;text-decoration:none;color:var(--tg-text);display:block}.card:active{transform:scale(.98);opacity:.8}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-emoji{font-size:28px;line-height:1}.card-title{font-size:16px;font-weight:600;flex:1}.card-meta{font-size:13px;color:var(--tg-hint);margin-top:4px}.progress-bar{height:6px;background:var(--tg-bg);border-radius:3px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:var(--tg-btn);border-radius:3px;transition:width .4s ease}.lesson-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--tg-secondary-bg);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:transform .15s ease}.lesson-row:active{transform:scale(.98)}.lesson-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--tg-hint);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.lesson-check.completed{background:var(--check-color);border-color:var(--check-color)}.lesson-check.completed:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.lesson-name{flex:1;font-size:15px}.lesson-bookmark{font-size:20px;cursor:pointer;opacity:.3;transition:opacity .2s;flex-shrink:0}.lesson-bookmark.active{opacity:1}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--tg-bg);border-top:.5px solid var(--tg-hint);display:flex;padding:6px 0 env(safe-area-inset-bottom,8px);z-index:100}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;text-decoration:none;color:var(--tg-hint);font-size:10px;transition:color .2s}.tab.active{color:var(--tg-btn)}.tab-icon{font-size:22px;line-height:1}.search-input{width:100%;padding:12px 16px;border-radius:var(--radius);border:none;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:16px;outline:none;margin-bottom:16px}.search-input::placeholder{color:var(--tg-hint)}.breadcrumb{font-size:13px;color:var(--tg-hint);margin-bottom:12px}.empty-state{text-align:center;padding:60px 20px;color:var(--tg-hint)}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{font-size:15px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-bottom:20px}.stat-card{background:var(--tg-secondary-bg);border-radius:var(--radius);padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--tg-btn)}.stat-label{font-size:12px;color:var(--tg-hint);margin-top:4px}.detail-actions{display:flex;gap:12px;margin-top:20px}.action-btn{flex:1;padding:14px;border-radius:var(--radius);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.action-btn:active{transform:scale(.97)}.action-btn.primary{background:var(--tg-btn);color:var(--tg-btn-text)}.action-btn.secondary{background:var(--tg-secondary-bg);color:var(--tg-text)}.history-date{font-size:13px;font-weight:600;color:var(--tg-hint);margin:16px 0 8px}.history-row{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--tg-secondary-bg);border-radius:var(--radius-sm);margin-bottom:6px}.history-badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--tg-btn);color:var(--tg-btn-text)}.history-time{font-size:12px;color:var(--tg-hint);margin-left:auto}.skeleton{background:linear-gradient(90deg,var(--tg-secondary-bg) 25%,var(--tg-bg) 50%,var(--tg-secondary-bg) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:80px;margin-bottom:var(--gap)}.nav-row{display:flex;justify-content:space-between;margin-top:24px}.nav-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:14px;cursor:pointer}.nav-btn:disabled{opacity:.3;cursor:default}