@font-face{font-family:Vazirmatn;src:url('/persian-regular.woff2') format('woff2');font-weight:400;font-display:swap}
.feedback-link{display:inline-block;padding:13px 20px;border-radius:15px;text-decoration:none}
@font-face{font-family:Vazirmatn;src:url('/persian-bold.woff2') format('woff2');font-weight:700;font-display:swap}
body{background:radial-gradient(ellipse at 100% 0,#dff7ef 0,transparent 45%),#f6f7fb}
html[lang=fa] body,html[lang=ar] body,.translation[dir=rtl],[lang=fa],[lang=ar]{font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.9}
html[dir=rtl] h1{letter-spacing:0;line-height:1.6}button,select{font-family:inherit}
.card{box-shadow:0 9px 30px #143e2910;border:1px solid #ffffff80}.purple{position:relative;overflow:hidden;background:linear-gradient(120deg,#6045ba,#9970e9)}
.purple:after{content:'';position:absolute;width:110px;height:110px;border:22px solid #ffffff16;border-radius:50%;right:-25px;top:-35px;pointer-events:none}
.grid button{position:relative;border:1px solid #e4e9f0;border-bottom:5px solid #dce6e3;box-shadow:0 5px 16px #183b3010;min-height:170px;transition:transform .2s,box-shadow .2s;padding:18px}
.grid button:nth-child(3n+1){background:#edf8f4}.grid button:nth-child(3n+2){background:#f3effc}.grid button:nth-child(3n){background:#fff6e8}.grid button.chosen{background:#176552;color:white;border-color:#104c3e}
.topic-art{display:block;width:64px;height:64px;margin-bottom:14px;border-radius:20px;background:#fff;box-shadow:0 5px 0 #153c2b12;font-size:35px;line-height:64px;text-align:center}.hero-art{display:block;width:180px;height:132px;margin:0 auto 10px;object-fit:contain}
.green{background:radial-gradient(circle at 100% 0,#2c8f7766,transparent 60%),linear-gradient(130deg,#186b59,#0a3d34)}.sentence{margin:20px 0;font-size:clamp(27px,6vw,36px)}details{margin-bottom:20px}summary{padding:12px 0;cursor:pointer}nav{background:#fafffff0}nav .active{box-shadow:inset 0 1px 2px #fff;background:#c9ede1}
@media(hover:hover){.grid button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #183b3019}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
body{color:#302127;background:radial-gradient(ellipse at 100% 0,#ffe4e2,transparent 45%),#faf7f8}header b,button,select,a{color:#a32626}.primary,.chosen,.grid button.chosen{background:#b92e2e;color:white;border-color:#9b2424}.green{background:radial-gradient(circle at 100% 0,#e55c4d66,transparent 60%),linear-gradient(130deg,#cc3333,#9b2424)}.green p{color:#fff0ec}.green button,.green a{color:white}.grid button:nth-child(3n+1){background:#fff0ed}.grid button.chosen{background:#b92e2e}.topic-art{box-shadow:0 5px 0 #99262612}nav{background:#fff9f8ed;box-shadow:0 6px 35px #6b212122}nav .active{background:#f9d9d5;color:#9b2424}progress{accent-color:#f5be7b}