:root{--dl-primary: #4f6df5;--dl-primary-dark: #3b55d9;--dl-primary-soft: #eef1fe;--dl-success: #22a06b;--dl-success-soft: #e6f6ef;--dl-danger: #d64550;--dl-danger-soft: #fdeeef;--dl-text: #1c2033;--dl-text-soft: #6b7280;--dl-bg: #f5f6fa;--dl-card: #ffffff;--dl-border: #e6e8f0;--tg-bg-color: var(--dl-bg);--tg-secondary-bg-color: var(--dl-card);--tg-text-color: var(--dl-text);--dl-radius: 16px;--dl-radius-sm: 10px;--dl-shadow: 0 1px 3px rgba(28, 32, 51, .06), 0 4px 16px rgba(28, 32, 51, .05);--dl-safe-top: env(safe-area-inset-top, 0px);--dl-safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:Vazirmatn,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--dl-bg);color:var(--dl-text);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.en{direction:ltr;unicode-bidi:embed;font-family:Segoe UI,system-ui,sans-serif;text-align:left}.page{max-width:640px;margin:0 auto;padding:calc(var(--dl-safe-top) + 16px) 16px calc(var(--dl-safe-bottom) + 24px);min-height:100vh}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.brand-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--dl-primary),#7c5cf0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.brand-title{font-size:19px;font-weight:700;margin:0}.brand-sub{font-size:12px;color:var(--dl-text-soft);margin:0}.greeting{font-size:17px;font-weight:600;margin:8px 0 16px}.card{background:var(--dl-card);border-radius:var(--dl-radius);box-shadow:var(--dl-shadow);padding:16px;margin-bottom:12px}.course-card{display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .12s ease}.course-card:active{transform:scale(.985)}.course-title{font-size:16px;font-weight:600;margin:0}.course-desc{font-size:13.5px;color:var(--dl-text-soft);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.badge{font-size:12px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--dl-primary-soft);color:var(--dl-primary-dark)}.badge-success{background:var(--dl-success-soft);color:var(--dl-success)}.progress-track{height:8px;background:var(--dl-border);border-radius:999px;overflow:hidden;direction:ltr}.progress-fill{height:100%;background:linear-gradient(90deg,var(--dl-success),#34c78a);border-radius:999px;transition:width .4s ease}.progress-label{font-size:12px;color:var(--dl-text-soft);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s ease,transform .12s ease;min-height:44px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--dl-primary);color:#fff}.btn-success{background:var(--dl-success);color:#fff}.btn-ghost{background:transparent;color:var(--dl-primary)}.btn-block{width:100%}.lesson-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--dl-card);border-radius:var(--dl-radius-sm);box-shadow:var(--dl-shadow);margin-bottom:10px;cursor:pointer;transition:transform .12s ease}.lesson-row:active{transform:scale(.99)}.lesson-num{width:34px;height:34px;border-radius:50%;background:var(--dl-primary-soft);color:var(--dl-primary-dark);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.lesson-row.done .lesson-num{background:var(--dl-success-soft);color:var(--dl-success)}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:14.5px;font-weight:600;margin:0}.lesson-desc{font-size:12.5px;color:var(--dl-text-soft);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-arrow{color:var(--dl-text-soft);flex-shrink:0}.state-box{text-align:center;padding:48px 24px;color:var(--dl-text-soft)}.state-icon{font-size:40px;margin-bottom:12px}.state-title{font-weight:600;color:var(--dl-text);margin-bottom:6px}.spinner{width:32px;height:32px;border:3px solid var(--dl-border);border-top-color:var(--dl-primary);border-radius:50%;margin:40px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lesson-content{white-space:pre-wrap;word-break:break-word;font-size:15px}.lesson-content .en-block{direction:ltr;text-align:left;background:var(--dl-primary-soft);border-radius:var(--dl-radius-sm);padding:10px 12px;margin:8px 0;font-family:Segoe UI,system-ui,sans-serif}.lesson-nav{display:flex;gap:10px;margin-top:16px}.section-title{font-size:14px;font-weight:700;color:var(--dl-text-soft);margin:20px 0 10px}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--dl-primary);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:8px 0;margin-bottom:8px;min-height:44px}.toast{position:fixed;bottom:calc(var(--dl-safe-bottom) + 24px);left:50%;transform:translate(-50%);background:var(--dl-success);color:#fff;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--dl-shadow);z-index:50;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}