@font-face{font-family:Vazirmatn;src:url(/Vazirmatn.woff2) format("woff2");font-display:swap}:root{font-family:Vazirmatn,system-ui,sans-serif;color:#17384d;background:#f3f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:3px solid #f8c43f;outline-offset:3px}.app-shell{min-height:100vh}.topbar{height:70px;background:#087e99;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1060px)/2));box-shadow:0 5px 20px #0a668329}.brand{font-size:1.65rem;letter-spacing:-.03em}.brand span{color:#ffd34f}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar-actions>span{font-size:.95rem}.logout-button{border:1px solid #b8e4ea;border-radius:10px;background:#ffffff14;color:#fff;padding:7px 13px;font-weight:700}.main{width:min(100% - 32px,1020px);margin:26px auto 64px;display:grid;gap:24px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#dff8f7,#eef9ff);border:1px solid #d5ebf3;border-radius:28px;padding:26px 30px}.eyebrow{margin:0 0 5px;color:#087e99;font-weight:750;font-size:.85rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.35rem,3vw,2rem);margin-bottom:0}h2{font-size:1.24rem;margin-bottom:0}h3{font-size:1.2rem}.profiles{display:flex;flex-wrap:wrap;gap:8px}.profile{border:2px solid #b6dbe5;background:#fff;color:#174157;border-radius:999px;padding:9px 16px;font-weight:750;min-width:65px}.profile.selected{background:#087e99;border-color:#087e99;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-heading span{font-size:.85rem;color:#527789}.lesson-row{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 8px}.lesson-card{text-align:right;display:flex;align-items:center;gap:12px;min-width:190px;max-width:250px;flex:1;border:2px solid #d7e6ed;border-radius:19px;background:#fff;padding:16px;color:#17384d;box-shadow:0 4px 14px #16415d0c}.lesson-card.active{border-color:#00a6b1;box-shadow:0 7px 20px #0b929d25}.lesson-card strong,.lesson-card small{display:block}.lesson-card small{margin-top:3px;color:#5c7a88;font-size:.76rem}.lesson-number{display:grid;place-items:center;background:#fff2bf;color:#835800;border-radius:13px;width:40px;height:40px;flex:none;font-size:1.1rem;font-weight:800}.learning-card{background:#fff;border:1px solid #dcebf0;border-radius:26px;padding:24px;box-shadow:0 14px 40px #123d590d}.video-box{background:#142f40;border-radius:20px;overflow:hidden;aspect-ratio:16/9;max-height:520px}.video-box video{width:100%;height:100%;display:block;background:#142f40}.video-fallback{height:100%;display:grid;place-content:center;text-align:center;color:#fff;padding:20px}.video-fallback span{font-size:3rem;color:#ffd34f}.video-fallback p{margin:8px 0 0;color:#d5e8ed}.video-fallback button{margin:14px auto 0;border:1px solid #b8e4ea;border-radius:12px;background:#e6f8fb;color:#14536a;padding:7px 16px}.exercise{margin-top:26px;border-top:1px solid #e6eff2;padding-top:24px}.exercise h3{margin-bottom:18px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.options button{background:#f5fbfd;border:2px solid #c5e2e8;color:#16475c;border-radius:16px;min-height:62px;padding:12px;font-weight:800;font-size:1.08rem}.options button:hover:not(:disabled){border-color:#0aa3ad;background:#e8f9f8}.result{display:grid;gap:5px;background:#e6f8e9;border:1px solid #9cdbad;border-radius:17px;padding:18px;color:#195b38}.result span{font-size:.91rem}.retry-note,.status{margin:12px 0 0;color:#496f81;font-size:.86rem}.error{background:#fff1ed;border:1px solid #efb5a7;color:#8d3429;padding:12px 16px;border-radius:13px;margin:0}.empty{background:#fff;border:1px dashed #b8d1db;border-radius:18px;padding:20px;color:#587888}.result button{justify-self:start;margin-top:9px;border:1px solid #78c69a;border-radius:11px;background:#fff;color:#195b38;padding:7px 13px}.center{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.notice{background:#fff;border:1px solid #dcebf0;border-radius:24px;padding:30px;max-width:420px}.retry-logout{border:1px solid #087e99;border-radius:10px;background:#e6f8fb;color:#14536a;padding:8px 14px;margin-bottom:14px}.login-link{display:inline-block;border-radius:12px;background:#087e99;color:#fff;padding:10px 20px;text-decoration:none;font-weight:750}.login-link:focus-visible{outline:3px solid #f8c43f;outline-offset:3px}@media(max-width:700px){.topbar{padding:0 18px;height:62px}.main{width:min(100% - 24px,600px);margin:16px auto 40px;gap:18px}.welcome{display:block;padding:22px;border-radius:22px}.profiles{margin-top:18px}.learning-card{padding:16px;border-radius:21px}.lesson-card{min-width:165px;padding:12px}.options{grid-template-columns:1fr}.video-box{border-radius:15px}}