:root{color-scheme:dark;--bg: #0A0E1A;--sidebar: #0C1120;--card: #111728;--card-raised: #161D31;--border: #212A42;--border-strong: #2E3854;--text: #EEF1FA;--text-2: #9BA4BF;--text-3: #646E8A;--accent: #5B63F6;--accent-hover: #6F77F8;--accent-light: #A9B2FF;--accent-soft: rgba(91, 99, 246, .16);--on-accent: #FFFFFF;--cyan: #2DD9EE;--cyan-soft: rgba(45, 217, 238, .12);--brand-gradient: linear-gradient(120deg, #6E4FF8 0%, #5872FA 50%, #22C8E8 100%);--success: #4CCB92;--success-soft: rgba(76, 203, 146, .13);--warning: #E5A94F;--warning-soft: rgba(229, 169, 79, .13);--danger: #EE7B7B;--danger-soft: rgba(238, 123, 123, .13);--info: #8FB2F5;--info-soft: rgba(143, 178, 245, .12);--font: "Vazirmatn", Tahoma, "Segoe UI", system-ui, sans-serif;--font-num: "Vazirmatn", Tahoma, system-ui, sans-serif;--radius-sm: 7px;--radius: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{margin:0;font-weight:600;text-wrap:balance;line-height:1.4}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%}.sidebar{background:var(--sidebar);border-left:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 18px}.brand-mark{display:grid;place-items:center;flex:none}.brand-name{font-weight:700;font-size:16px}.brand-tag{font-size:11px;color:var(--text-3);line-height:1.3}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;background:none;border:0;width:100%;text-align:right;cursor:pointer}.nav-item:hover{background:#ffffff0a;color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent-light)}.nav-sep{height:1px;background:var(--border);margin:12px 4px}.side-wallet{margin-top:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.main{min-width:0;padding:28px 32px 48px}.page{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head p{color:var(--text-2);margin-top:4px;font-size:14px}.crumb{font-size:13px;color:var(--text-3);display:flex;gap:6px;align-items:center}.crumb button{background:none;border:0;color:var(--text-2);cursor:pointer;padding:0}.crumb button:hover{color:var(--accent-light)}.topbar,.drawer-backdrop{display:none}@media (max-width: 880px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;bottom:0;right:0;width:270px;height:auto;z-index:40;transform:translate(100%);transition:transform .2s ease;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));padding-right:calc(12px + env(safe-area-inset-right,0px))}.sidebar.open{transform:translate(0)}.drawer-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30}.topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--sidebar);border-bottom:1px solid var(--border);padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.main{padding-block:20px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.between{justify-content:space-between}.stat-label{font-size:13px;color:var(--text-2)}.stat-value{font-size:24px;font-weight:600;margin-top:2px}.bar{height:5px;background:var(--border);border-radius:5px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-strong);background:transparent;color:var(--text);font-size:14px;font-weight:500;white-space:nowrap}.btn:hover{background:#ffffff0a;text-decoration:none}.btn-primary{background:var(--brand-gradient);border-color:transparent;color:var(--on-accent)}.btn-primary:hover{background:var(--brand-gradient);filter:brightness(1.08)}.btn-ghost{border-color:transparent;color:var(--text-2)}.btn-sm{padding:6px 12px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn{background:none;border:0;padding:6px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);display:grid;place-items:center}.icon-btn:hover{background:#ffffff0d;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 9px;border-radius:999px;background:#ffffff0d;color:var(--text-2);white-space:nowrap;line-height:1.8}.chip-accent{background:var(--accent-soft);color:var(--accent-light)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-cyan{background:var(--cyan-soft);color:var(--cyan)}.demo-note{display:flex;align-items:center;gap:8px;font-size:13px;background:var(--info-soft);color:var(--info);border-radius:var(--radius);padding:9px 12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;color:var(--text-2)}.input,.textarea,.select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 12px;width:100%;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{min-height:96px;resize:vertical;line-height:1.7}.error{color:var(--danger);font-size:13px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:right;font-weight:500;color:var(--text-2);font-size:13px;padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:0}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:10px;text-align:right;cursor:pointer;color:var(--text);min-width:0}.tile:hover{border-color:var(--border-strong);background:var(--card-raised);text-decoration:none}.tile-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-light)}.tile.soon{cursor:default}.tile.soon:hover{border-color:var(--border);background:var(--card)}.video{aspect-ratio:16 / 9;max-width:100%;width:100%;border-radius:var(--radius-lg);background:#000;border:1px solid var(--border);display:grid;place-items:center;position:relative;overflow:hidden}.video-play{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;border:0;cursor:pointer}.chat{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding:4px}.msg{padding:10px 12px;border-radius:12px;font-size:14px;max-width:88%;white-space:pre-wrap}.msg.me{background:var(--accent-soft);color:var(--text);align-self:flex-start}.msg.ai{background:var(--card-raised);border:1px solid var(--border);align-self:flex-end}.output{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;white-space:pre-wrap;font-size:14px;line-height:1.8}.lesson-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm);background:none;border:0;width:100%;text-align:right;cursor:pointer;color:var(--text)}.lesson-row:hover{background:#ffffff08}.check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex:none;color:var(--on-accent)}.check.done{background:var(--success);border-color:var(--success)}.login-wrap{min-height:100%;display:grid;place-items:center;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.login-card{width:100%;max-width:400px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--card-raised);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 16px;font-size:14px}.tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:4px;width:fit-content;max-width:100%;overflow-x:auto}.tab{background:none;border:0;padding:7px 14px;border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;white-space:nowrap;font-size:14px}.tab.on{background:var(--accent-soft);color:var(--accent-light)}.steps{display:flex;gap:8px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3)}.step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-strong);font-weight:500;font-size:12px}.step.on{color:var(--text)}.step.on b{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.step.done b{background:var(--success);border-color:var(--success);color:#062016}.step-sep{width:18px;height:1px;background:var(--border-strong);align-self:center}.num-input{text-align:center}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.thumbs img{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:8px;border:1px solid var(--border);max-width:100%}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:20px;text-align:center;color:var(--text-2);font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.drop:hover{border-color:var(--accent);color:var(--text)}.footnote{font-size:13px;color:var(--text-3);border-top:1px solid var(--border);padding-top:14px}.score{display:inline-flex;gap:3px}.score i{width:7px;height:14px;border-radius:2px;background:var(--border-strong);display:block}.score i.on{background:var(--cyan)}.big-num{font-size:28px;font-weight:600;line-height:1.2}