/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;:root{color:#17213a;background:#f7f8ff;font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}body{background:#f7f8ff;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #f7ba43}.app-shell{min-height:100vh;padding-bottom:82px;overflow-x:hidden}.topbar{direction:ltr;justify-content:space-between;align-items:center;max-width:1120px;height:78px;margin:auto;padding:0 20px;display:flex}.brand{color:#19213b;background:0 0;align-items:center;gap:9px;font-size:19px;font-weight:500;display:flex}.brand b{color:#6b54e8}.brand-mark{color:#fff;background:#6b54e8;border-radius:12px 12px 12px 3px;padding:3px 10px;font-size:22px;font-weight:900}.top-xp{color:#e99615;direction:ltr;background:#fff4d8;border-radius:20px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;font-weight:800;display:flex}.home-page{max-width:1120px;margin:auto;padding:8px 20px 30px}.hero{color:#fff;background:linear-gradient(125deg,#5e45de,#7d5ff3 55%,#aa89ff);border-radius:30px;align-items:center;min-height:330px;padding:36px 28px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;direction:ltr;max-width:550px;position:relative}.pill{background:#ffffff24;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-1.5px;margin:15px 0 12px;font-size:clamp(32px,7vw,58px);line-height:1.05}.hero h1 em{color:#ffdd78;font-style:normal}.hero p{color:#eeeaff;max-width:370px;margin:0 0 22px;font-size:15px;line-height:1.7}.primary{color:#3e2d14;direction:ltr;background:#ffbf43;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 17px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 6px #df9816}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(4px);box-shadow:0 2px #df9816}.wide{width:100%;margin-top:18px}.hero-art{place-items:center;width:380px;height:100%;display:grid;position:absolute;top:0;left:60%}.hero-art>span{z-index:2;font-size:105px;animation:3s ease-in-out infinite float;position:relative}.hero-art i{color:#563ab4;z-index:3;background:#ffcf53;border-radius:50%;place-items:center;width:62px;height:62px;font-style:normal;font-weight:900;display:grid;position:absolute;transform:translate(70px,55px)rotate(13deg)}.orbit{border:2px solid #fff4;border-radius:50%;position:absolute}.orbit-one{width:260px;height:260px}.orbit-two{width:350px;height:150px;transform:rotate(-25deg)}@keyframes float{50%{transform:translateY(-9px)rotate(2deg)}}.level-card{direction:ltr;background:#fff;border-radius:20px;align-items:center;gap:12px;margin:-24px 15px 28px;padding:15px;display:flex;position:relative;box-shadow:0 12px 30px #3d39721a}.level-number{color:#684cdd;background:#edeaff;border-radius:13px;place-items:center;min-width:42px;height:42px;font-weight:900;display:grid}.level-info{flex:1;min-width:0}.level-info>div:first-child{justify-content:space-between;gap:5px;font-size:13px;display:flex}.level-info span{color:#8590a9;font-size:11px}.progress-line,.tiny-progress{background:#eceff6;border-radius:10px;height:8px;margin-top:8px;overflow:hidden}.progress-line i,.tiny-progress i{border-radius:inherit;background:linear-gradient(90deg,#7257e9,#a779fa);height:100%;display:block}.level-action{color:#674dd9;background:#f1eeff;border-radius:11px;min-height:38px;padding:0 10px;font-size:12px;font-weight:800}.section-head{direction:ltr;margin-bottom:13px;display:flex}.section-head span,.page-title span{color:#8b95ad;letter-spacing:1.2px;font-size:10px;font-weight:900}.section-head h2{margin:3px 0;font-size:20px}.quest-grid{grid-template-columns:1fr;gap:12px;display:grid}.quest{text-align:left;direction:ltr;border-radius:18px;align-items:center;gap:12px;padding:15px;transition:transform .2s;display:flex}.quest:hover{transform:translateY(-2px)}.quest>div{flex:1}.quest b{font-size:15px}.quest p{color:#6d7790;margin:3px 0 0;font-size:12px}.quest-icon{border-radius:14px;place-items:center;width:43px;height:43px;font-size:22px;display:grid}.quest svg{color:#7b859c}.daily{background:#fff3dd}.daily .quest-icon{background:#ffe2aa}.vocab{background:#eaf7ff}.vocab .quest-icon{background:#caedff}.progress{background:#f1edff}.progress .quest-icon{background:#ded4ff}.bottom-nav{z-index:10;width:100%;padding:7px max(14px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-top:1px solid #e8eaf1;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0}.bottom-nav button{color:#8b94a9;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:68px;min-height:52px;font-size:10px;font-weight:700;display:flex}.bottom-nav button.active{color:#684ddd}.bottom-nav button.active svg{fill:#e8e1ff}.game-page{direction:ltr;max-width:680px;margin:auto;padding:14px 16px 35px}.game-head{align-items:center;gap:12px;margin-bottom:15px;display:flex}.game-head>div:nth-child(2){flex:1}.game-head small{letter-spacing:1px;color:#8992ab;font-size:10px;font-weight:900}.tiny-progress{height:6px;margin-top:4px}.combo{color:#e77721;align-items:center;gap:3px;font-weight:900;display:flex}.icon-btn{color:#4f5a73;background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px 12px #3c426d12}.scene{background:linear-gradient(#9edcff 0,#9edcff 64%,#d6effc 64%);border-radius:23px;height:205px;position:relative;overflow:hidden}.scene-sun{background:#ffe38c;border-radius:50%;width:39px;height:39px;position:absolute;top:20px;right:32px;box-shadow:0 0 24px #ffe38c}.scene-cloud{background:#fffb;border-radius:20px;width:65px;height:19px;position:absolute}.cloud-one{top:32px;left:14%}.cloud-two{top:65px;right:19%;transform:scale(.7)}.scene-building{background:#fff7e7;border-bottom:8px solid #edb55d;border-radius:15px 15px 0 0;flex-direction:column;justify-content:center;align-items:center;width:146px;height:103px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:inset 0 -20px #ffe9c3}.scene-building span{font-size:38px}.scene-building b{color:#925c29;font-size:13px}.scene-ground{background:repeating-linear-gradient(90deg,#91d188 0,#91d188 35px,#a5dc94 35px,#a5dc94 70px);width:100%;height:39px;position:absolute;bottom:0}.character{z-index:2;flex-direction:column;align-items:center;transition:left 1.3s ease-in-out;display:flex;position:absolute;bottom:29px;left:22%}.character-moving{left:68%}.head{z-index:1;font-size:36px;line-height:.8}.body{background:#654bd5;border-radius:14px 14px 4px 4px;width:25px;height:46px}.scene-caption{color:#42617c;background:#ffffffa3;border-radius:13px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;left:13px}.question-card{background:#fff;border-radius:23px;margin-top:-8px;padding:23px 19px;position:relative;box-shadow:0 10px 30px #34385e0c}.place-tag{color:#7059df;font-size:12px;font-weight:800}.place-tag span{color:#b6bed0;margin:0 4px}.question-card h1{margin:10px 0 5px;font-size:clamp(21px,5vw,28px);line-height:1.45}.dialogue{color:#69748c;margin:0 0 15px;font-size:13px;line-height:1.6}.listen-row{color:#5a43c6;direction:ltr;background:#f7f4ff;border:1px dashed #9c8bed;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:13px;padding:11px;font-weight:800;display:flex}.options{gap:9px;display:grid}.options button{color:#29344d;text-align:left;direction:ltr;background:#fff;border:2px solid #edf0f5;border-radius:13px;justify-content:space-between;align-items:center;min-height:49px;padding:9px 13px;font-size:14px;font-weight:750;transition:all .15s;display:flex}.options button:hover:not(:disabled){background:#faf9ff;border-color:#b6aaf4}.options button.selected{color:#5740c3;background:#f2efff;border-color:#7259e3}.options button.right-answer{color:#23734a;background:#eafaf0;border-color:#44b77c}.options button.wrong-answer{color:#bc3e46;background:#fff0f1;border-color:#ef7279}.word-options{grid-template-columns:repeat(2,minmax(0,1fr))}.word-options button{justify-content:center}.answer-strip{background:#f6f7fb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;margin-bottom:11px;padding:7px;display:flex}.answer-strip span{color:#543ec0;background:#e9e3ff;border-radius:7px;padding:4px 7px;font-size:13px;font-weight:800}.answer-strip em{color:#9aa3b7;padding-left:4px;font-size:12px}.feedback{border-radius:16px;margin-top:18px;padding:15px}.feedback.good{background:#ecfbf2}.feedback.bad{background:#fff2f2}.feedback-title{font-size:17px;font-weight:900}.good .feedback-title{color:#258351}.bad .feedback-title{color:#c94a51}.feedback p{color:#576379;margin:6px 0;font-size:13px;line-height:1.75}.feedback strong{color:#293b4f}.audio-actions{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.audio-actions button{color:#5142ad;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:8px 9px;font-size:12px;font-weight:800;display:inline-flex}.word-chip{color:#276e47;direction:ltr;background:#d9f4e3;border-radius:10px;padding:9px;font-size:12px}.word-chip span{margin-left:7px}.toast{z-index:30;color:#fff;text-align:center;direction:ltr;background:#25324b;border-radius:14px;max-width:calc(100% - 32px);padding:10px 15px;font-size:13px;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #1e274855}.page{max-width:760px;margin:auto;padding:18px 20px 30px}.page-title{direction:ltr;align-items:center;gap:12px;margin-bottom:25px;display:flex}.page-title h1{margin:2px 0 0;font-size:29px}.empty{text-align:center;color:#6e7890;background:#fff;border-radius:22px;padding:45px 18px}.empty svg{color:#7359dd}.empty h2{color:#29364e;font-size:19px}.empty p{margin-bottom:20px;font-size:14px;line-height:1.8}.word-list{gap:12px;display:grid}.word-card{direction:ltr;background:#fff;border-radius:17px;justify-content:space-between;gap:10px;padding:17px;display:flex}.word-card h2{margin:0;font-size:21px}.word-card b{color:#7561d8;font-size:13px}.word-card p{color:#6f7990;margin:9px 0 0;font-size:13px}.sound-btn{color:#604bd4;background:#efebff;border-radius:12px;flex:none;width:42px;height:42px}.stats-grid{direction:ltr;grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.stats-grid article{background:#fff;border-radius:17px;padding:17px}.stats-grid b{color:#604bd4;font-size:25px;display:block}.stats-grid span{color:#7b8498;font-size:12px}.progress-panel,.settings-panel{background:#fff;border-radius:20px;margin-top:16px;padding:19px}.progress-panel h2{direction:ltr;margin-top:0;font-size:18px}.metric{direction:ltr;border-bottom:1px solid #edf0f5;justify-content:space-between;gap:15px;padding:13px 0;font-size:13px;display:flex}.metric span{color:#737e93}.metric b{text-align:right}.tip,.settings-note{color:#778299;direction:ltr;background:#f6f5ff;border-radius:10px;margin:15px 0 0;padding:10px;font-size:12px;line-height:1.8}.settings-panel>div:not(.settings-note){direction:ltr;border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.settings-panel b{font-size:14px}.settings-panel p{color:#7c869b;margin:3px 0 0;font-size:12px}.switch{background:#dfe3ed;border-radius:20px;flex:none;width:47px;height:27px;padding:3px;transition:all .2s}.switch i{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block;box-shadow:0 1px 4px #0002}.switch.on{background:#7056e4}.switch.on i{transform:translate(20px)}@media(min-width:700px){.home-page{padding-top:22px}.hero{min-height:390px;padding:52px 56px}.level-card{margin-left:42px;margin-right:42px}.quest-grid{grid-template-columns:repeat(3,1fr)}.quest{flex-wrap:wrap;align-content:center;min-height:112px}.quest svg{display:none}.game-page{padding-top:26px}.scene{height:255px}.question-card{padding:27px}.bottom-nav{display:none}.app-shell{padding-bottom:0}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:440px){.hero-art{opacity:.7;left:63%}.hero-art>span{font-size:80px}.hero{min-height:305px}.hero-copy{max-width:290px}.hero h1{font-size:34px}.hero p{max-width:250px}.word-options{grid-template-columns:1fr}}