.learn-world{background:linear-gradient(120deg,#1b253c55,#30203344),url(/art/cards-v2/persian-garden.webp) 50%/cover fixed;min-height:100svh}body .learn-world :is(.learn-language,.learn-welcome,.learn-lesson){--kg-ink:#342534;--kg-muted:#51404d;--kg-accent:#87364f;color:#342534;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(125deg,#f4e4ccd9,#eae0d9e6);border:1px solid #ccaf7ca8;border-radius:24px;max-width:850px;margin:24px auto;padding:clamp(18px,4vw,34px);box-shadow:0 16px 40px #1f172530}.learn-language{justify-content:space-between;align-items:center;gap:18px;padding:16px 22px;display:flex}.learn-language label{font-weight:700}.learn-language select{color:#342534;background:#fff8ed;border:1px solid #a4887c;border-radius:12px;margin-inline-start:12px;padding:10px}.learn-language p{max-width:28rem;font-size:14px;line-height:1.7}.learn-topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.learn-world .learn-topics button,.learn-world .learn-options button{color:#432a3b;background:#f6eadbdf;border:1px solid #bd9c78;border-radius:18px;min-width:0;min-height:56px;padding:18px 14px}.learn-world .learn-topics button{--kg-ink:#432a3b;--kg-muted:#51404d;flex-direction:column;align-items:flex-start;gap:12px;display:flex}.learn-topics svg{color:#87364f;width:30px;height:30px}.learn-topics small{color:#51404d;font-size:12px}.learn-world button{cursor:pointer;min-height:44px;font-weight:650}body .learn-world .learn-topics button[aria-pressed=true],.learn-world .learn-options button[aria-pressed=true]{--kg-ink:#fff8ec;--kg-muted:#f0dfd2;color:#fff8ec;background:#6d2d44;border-color:#e8b975}.learn-world .learn-topics button[aria-pressed=true] :is(svg,small){color:inherit}.learn-welcome,.learn-lesson{text-align:center}.learn-welcome>svg,.learn-lesson>svg{color:#87364f;width:44px;height:44px;margin:auto}.learn-lesson h2{margin-block:18px;font-size:clamp(23px,4vw,32px)}.learn-lesson p{line-height:1.8}.learn-example{color:#662f46;overflow-wrap:anywhere;font-size:clamp(45px,11vw,88px);font-weight:750;line-height:1.8;font-family:var(--kh-font-body);margin-block:18px}.learn-example:lang(fa),.learn-example:lang(ar){font-family:var(--font-vazir)}.learn-options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.learn-options button{min-width:85px;font-size:24px}.learn-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.learn-world .learn-actions button,.learn-listen{color:#432a3b;background:#ede1d2;border:1px solid #a88b76;border-radius:12px;padding:10px 18px}.learn-world .learn-primary{color:#fff8ee;background:linear-gradient(120deg,#7b3047,#57456e);border:1px solid #e1b578;border-radius:12px;padding:12px 24px}.learn-world button:disabled{color:#63565c;cursor:not-allowed;opacity:1;background:#dcd0c6}.learn-world :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #99465e}.learn-lesson progress{accent-color:#87364f;width:100%;height:8px}.learn-step{font-size:13px;font-weight:700}.learn-feedback{color:#642a3d;min-height:2em;font-weight:700}.learn-listen{margin-top:18px}.learn-writing-label{text-align:start;font-weight:650;display:block}.learn-writing-label input{background:#fff8ee;border:1px solid #a38b7c;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:24px;display:block}.learn-lesson canvas{touch-action:none;background:repeating-linear-gradient(#fff8ee,#fff8ee 31px,#a78b7533 32px);border:1px dashed #9b7b61;border-radius:12px;width:100%;height:130px;margin-top:18px}.learn-count{justify-content:center;gap:14px;margin:16px;display:flex}.learn-count i{background:#87364f;border-radius:50%;width:20px;height:20px}@media (max-width:600px){.learn-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learn-world .learn-topics button{--kg-ink:#432a3b;--kg-muted:#51404d;gap:8px;padding:14px}.learn-language{display:block}.learn-language p{margin-top:10px}.learn-lesson{margin-bottom:calc(20px + env(safe-area-inset-bottom));padding:18px 14px}.learn-actions button{white-space:normal;flex:1}.learn-world{background-attachment:scroll}}