:root{--myrrh:#8a3f24;--deep:#2a120c;--gold:#d6a756;--sand:#faf5ef;--ink:#2a2420;--mut:#6b625b;--line:#e6dccf;--ok:#2f6b3a;--bad:#a3322a;--card:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sand:#1c1512;--ink:#f3ebe3;--mut:#b9aca0;--line:#3a2d26;--card:#271d18;--deep:#f3ebe3}}*{box-sizing:border-box}body{background:var(--sand);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}a{color:var(--myrrh)}h1,h2,h3{color:var(--deep);margin:0 0 .5em;line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.3rem}h3{font-size:1.05rem}.wrap{max-width:960px;margin:0 auto;padding:0 16px}header.top{background:var(--card);border-bottom:1px solid var(--line)}header.top .wrap{flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;display:flex}.logo{color:var(--deep);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.logo-mark{flex:none;width:auto;height:30px;display:block}@media (width<=520px){.logo-name{font-size:.9rem}}nav.main{flex-wrap:wrap;flex:1;gap:4px 14px;display:flex}nav.main a{color:var(--ink);border-bottom:2px solid #0000;padding:4px 0;text-decoration:none}nav.main a.active{border-color:var(--myrrh);color:var(--myrrh)}main{padding:24px 0 48px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:18px}.grid2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}label{margin:12px 0 4px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:8px;padding:10px 12px}textarea{min-height:120px}button,.btn{background:var(--myrrh);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}button.ghost,.btn.ghost{color:var(--myrrh);border:1px solid var(--myrrh);background:0 0}button.small{padding:5px 10px;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mut{color:var(--mut)}.small{font-size:.9rem}.err{color:var(--bad);font-weight:600}.okmsg{color:var(--ok);font-weight:600}.badge{background:var(--gold);color:var(--deep);border-radius:99px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge.free{background:var(--ok);color:#fff}.price{color:var(--deep);font-size:1.4rem;font-weight:700}.was{color:var(--mut);margin-inline-end:8px;font-size:1.05rem;font-weight:400;text-decoration:line-through}.promo{color:var(--myrrh);font-weight:700}.disclaimer{color:var(--mut);border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:.85rem}.bar{background:var(--line);border-radius:6px;height:10px;overflow:hidden}.bar>span{background:var(--myrrh);height:100%;display:block}.skills{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.opt{border:1px solid var(--line);cursor:pointer;border-radius:8px;margin:6px 0;padding:8px 10px;font-weight:400;display:block}.opt.on{border-color:var(--myrrh);background:#8a3f2414}.opt.right{border-color:var(--ok)}.opt.wrong{border-color:var(--bad)}.chat{border:1px solid var(--line);background:var(--card);border-radius:8px;max-height:320px;margin-bottom:10px;padding:10px;overflow:auto}.bubble{border-radius:12px;max-width:85%;margin:6px 0;padding:8px 12px}.bubble.tutor{background:#8a3f241a}.bubble.learner{background:var(--gold);color:var(--deep);margin-inline-start:auto}.timer{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.banner{background:var(--gold);color:var(--deep);text-align:center;padding:6px;font-weight:600}.slots{flex-wrap:wrap;gap:8px;display:flex}.slots button{background:var(--card);color:var(--myrrh);border:1px solid var(--myrrh)}.slots button.on{background:var(--myrrh);color:#fff}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);padding:6px 8px}@media (width<=600px){main{padding-top:16px}h1{font-size:1.5rem}}header.top select{width:auto}button.w{all:unset;cursor:pointer;border-bottom:1px dotted var(--myrrh)}button.w:hover,button.w:focus-visible{background:#8a3f241f;outline:none}.glosscard{z-index:50;background:var(--card);width:260px;color:var(--ink);border:1px solid var(--myrrh);border-radius:10px;padding:10px 12px;position:absolute;box-shadow:0 6px 24px #0000002e}.steps{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.steps button{padding:6px 12px;font-size:.92rem}.explain{border-inline-start:4px solid var(--gold);background:#d6a7562e;border-radius:6px;margin:8px 0;padding:8px 12px}.worded{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.worded>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.ex .why{background:#8a3f2414;border-radius:6px;margin-top:8px;padding:8px 12px}.ex.ok .why{background:#2f6b3a1a}.ex.bad .why{background:#a3322a1a}.choicebox label.opt{align-items:flex-start;gap:8px;display:flex}.levelcard{border:2px solid var(--line);cursor:pointer;border-radius:12px;margin:8px 0;padding:12px;font-weight:400;display:block}.levelcard.on{border-color:var(--myrrh);background:#8a3f2412}.cando li{margin:2px 0}.tl{direction:ltr;unicode-bidi:isolate}html[lang=fa] body,html[lang=ar] body{font-family:Vazirmatn,Noto Sans Arabic,Segoe UI,Tahoma,Arial,system-ui,sans-serif;line-height:1.7}html[lang=fa] [dir=ltr],html[lang=ar] [dir=ltr]{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}[dir=rtl] .opt,[dir=rtl] .levelcard{text-align:start}[dir=rtl] nav.main{flex-direction:row}
