*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #f5c518;--accent-dark: #d4a800;--bg: #1a1a1a;--bg-card: #242424;--bg-card2: #2e2e2e;--text: #ffffff;--text-muted: #aaaaaa;--border: #333333;--tg-theme-bg-color: #1a1a1a;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #aaaaaa;--tg-theme-link-color: #f5c518;--tg-theme-button-color: #f5c518;--tg-theme-button-text-color: #1a1a1a;--tg-theme-secondary-bg-color: #242424}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:linear-gradient(135deg,#1a1a1a,#222 40%,#1a1a1a 60%,#1f1f1f);min-height:100vh}body:before{content:"";display:block;position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dark),var(--accent));z-index:1000}#root{max-width:480px;margin:0 auto;min-height:100vh}.page-header{padding:20px 16px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#222,#1a1a1a)}.page-header h1{font-size:22px;font-weight:700;color:var(--text)}.page-header h1 span{color:var(--accent)}.page{padding:16px 16px 80px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:border-color .2s,transform .1s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:12px 0 0 12px;opacity:0;transition:opacity .2s}.card:hover:before,.card:active:before{opacity:1}.card:active{transform:scale(.98);border-color:var(--accent)}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.status-not_started{background:#ffffff14;color:var(--text-muted);border:1px solid var(--border)}.status-in_progress{background:#f5c51826;color:var(--accent);border:1px solid rgba(245,197,24,.3)}.status-completed{background:#27ae6026;color:#4caf50;border:1px solid rgba(39,174,96,.3)}.progress-bar-wrap{background:var(--bg-card2);border-radius:8px;height:8px;overflow:hidden;margin:8px 0;border:1px solid var(--border)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-dark),var(--accent));border-radius:8px;transition:width .4s ease;box-shadow:0 0 8px #f5c51866}.btn{display:block;width:100%;padding:14px;border:none;border-radius:10px;background:var(--accent);color:#1a1a1a;font-size:16px;font-weight:700;cursor:pointer;text-align:center;transition:background .15s,transform .1s,box-shadow .15s;letter-spacing:.2px}.btn:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 16px #f5c51859}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.spinner{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner:after{content:"";width:32px;height:32px;border:3px solid var(--bg-card2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.markdown-content{color:var(--text)}.markdown-content h1{font-size:22px;margin:16px 0 8px;color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:6px}.markdown-content h2{font-size:18px;margin:14px 0 6px;color:var(--accent)}.markdown-content h3{font-size:16px;margin:12px 0 4px;color:var(--text)}.markdown-content p{margin-bottom:12px;color:#e0e0e0;line-height:1.6}.markdown-content ul,.markdown-content ol{padding-left:20px;margin-bottom:12px;color:#e0e0e0}.markdown-content li{margin-bottom:6px}.markdown-content strong{font-weight:700;color:var(--accent)}.markdown-content em{font-style:italic;color:#ccc}.markdown-content code{background:var(--bg-card2);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-size:14px;color:var(--accent)}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:12px 0;color:var(--text-muted);font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:16px 0}.lesson-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--accent)}.empty-icon{font-size:48px;margin-bottom:16px;filter:grayscale(.3)}.congrats-screen{text-align:center;padding:48px 24px}.congrats-screen .emoji{font-size:64px;margin-bottom:16px;animation:bounce .6s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.lesson-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.lesson-num-done{background:#f5c51833;color:var(--accent);border:1px solid rgba(245,197,24,.4)}.lesson-num-todo{background:var(--bg-card2);color:var(--text-muted);border:1px solid var(--border)}