:root{--navy:#0d1b2a;--navy2:#16283d;--gold:#c9a24b;--ivory:#f4efe3;--ok:#2e7d5b;--bad:#a63d40}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b3350,var(--navy));color:var(--ivory);font-family:Georgia,Times New Roman,serif;min-height:100vh}h1,h2,h3{font-weight:600;margin:.3em 0}h1 span{color:var(--gold)}.app{max-width:1000px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9a24b55;padding-bottom:10px}header h1{cursor:pointer;letter-spacing:2px}.who b{color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.card{background:var(--navy2);border:1px solid #c9a24b44;border-radius:14px;padding:18px;box-shadow:0 8px 24px #0006}.lesson{cursor:pointer;text-align:center;transition:.2s}.lesson:hover{transform:translateY(-3px);border-color:var(--gold)}.lesson big{display:block;font-size:2.4rem;color:var(--gold)}.lesson em{font-size:.8rem;opacity:.7}button{background:#22405f;color:var(--ivory);border:1px solid #c9a24b55;border-radius:10px;padding:10px 14px;margin:5px 0;cursor:pointer;font:inherit;display:block;width:100%;text-align:left}button:hover{border-color:var(--gold)}button small{display:block;opacity:.7}button.gold{background:var(--gold);color:var(--navy);font-weight:700;text-align:center}button.icon{display:inline-block;width:auto;padding:4px 10px}button.link{background:none;border:0;width:auto;color:var(--gold)}input{width:100%;padding:12px;border-radius:10px;border:1px solid #c9a24b66;background:#0b1623;color:var(--ivory);font:inherit;margin:8px 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:grid;place-items:center;padding:20px}.modal .card{width:min(420px,100%)}.board{padding-left:20px}.board li span{display:inline-block;min-width:140px}.entry .head{display:flex;gap:10px;align-items:baseline}.entry .head span{color:var(--gold)}.entry .head i{opacity:.6}.fa{direction:rtl;text-align:right;font-family:Tahoma,Vazirmatn,sans-serif;color:var(--gold)}.ex{font-style:italic;opacity:.85;cursor:pointer}.center{max-width:560px;margin:20px auto}.bar{display:flex;justify-content:space-between;opacity:.8;margin:10px 0}.q{text-align:center}.q.ok{border-color:var(--ok)}.q.bad{border-color:var(--bad)}.opts button.right{background:var(--ok)}.login{max-width:360px;margin:15vh auto;text-align:center}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;background:#6b7a8c;vertical-align:middle}.dot.green{background:#2fbf71}.dot.yellow{background:#e8c13a}.dot.red{background:#e0525a}.legend{font-size:.85rem;opacity:.85}.legend .dot{margin-left:12px}.lesson.green{border-color:#2fbf71;box-shadow:0 0 0 1px #2fbf7155,0 8px 24px #0006}.lesson.yellow{border-color:#e8c13a;box-shadow:0 0 0 1px #e8c13a55,0 8px 24px #0006}.lesson.red{border-color:#e0525a;box-shadow:0 0 0 1px #e0525a55,0 8px 24px #0006}.lesson.locked{opacity:.45;cursor:not-allowed}.lesson.locked:hover{transform:none;border-color:#c9a24b44}.pct{float:right;font-weight:700}