@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#18241e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#f5f6f2;font-family:DM Sans,Noto Sans Arabic,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:350px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #708e69}::selection{color:#193025;background:#d9edb0}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f0f3ec;z-index:2;background:#182d25;flex-direction:column;width:244px;min-height:100vh;padding:31px 19px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.15px;color:#173027;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;display:flex}.brand-mark{color:#19382b;letter-spacing:-2px;background:#cee4a5;border-radius:10px;place-items:center;width:30px;height:30px;font:800 19px Manrope;display:grid}.brand-mark span{color:#65935b}.brand-soft{color:#85978d;font-weight:500}.sidebar .brand{color:#f0f3ec;margin:0 0 55px 7px}.sidebar .brand-soft{color:#9fac9e}.side-label,.eyebrow{letter-spacing:1.2px;color:#89958b;font-size:10px;font-weight:700}.side-label{color:#83938a;margin-bottom:13px;padding-left:14px}.sidebar nav{gap:4px;display:grid}.nav-item{text-align:left;color:#bdc7bf;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:13px;display:flex}.nav-item:hover{color:#fff;background:#213a30}.nav-item.active{color:#e8f2d7;background:#2d4539}.nav-icon{text-align:center;color:#9dac9f;width:17px;font-size:17px}.nav-item.active .nav-icon{color:#d2e5aa}.nav-count{color:#dce8cb;background:#3c5745;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:10px}.side-quote{border-top:1px solid #304238;border-bottom:1px solid #304238;margin-top:auto;padding:18px 14px}.side-quote>span{color:#91a08e;letter-spacing:1.3px;font-size:9px;font-weight:700}.side-quote p{color:#ecf0e7;margin:14px 0 9px;font:500 16px/1.5 Manrope,serif}.side-quote small{color:#97a69c;font-size:10px}.profile{align-items:center;gap:10px;padding:20px 2px 0;display:flex}.avatar{color:#274031;background:#d4e4b0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.profile-name{gap:2px;display:grid}.profile-name strong{font-size:12px;font-weight:600}.profile-name span{color:#9ba99e;font-size:10px}.logout{color:#9eafa2;background:0 0;border:0;margin-left:auto;font-size:16px}.main-area{width:calc(100% - 244px);min-width:0;margin-left:244px}.topbar{background:#f8f9f6;border-bottom:1px solid #e6e9e3;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(24px,4.1vw,63px);display:flex}.breadcrumb{color:#839087;font-size:11px}.breadcrumb span{color:#bdc3bb;padding:0 10px}.top-actions{align-items:center;gap:22px;display:flex}.today-date{color:#89948a;font-size:11px}.search-trigger{text-align:left;color:#8b968b;background:#fff;border:1px solid #e4e8e0;border-radius:7px;align-items:center;gap:9px;width:190px;height:33px;padding:0 9px;font-size:11px;display:flex}.search-trigger>span:first-child{color:#55685b;font-size:18px}.search-trigger kbd,.inline-search kbd,.dialog-input kbd{color:#929b91;background:#f6f7f4;border:1px solid #e3e6df;border-radius:4px;margin-left:auto;padding:2px 5px;font:9px DM Sans}.page-content{max-width:1140px;margin:0 auto;padding:41px clamp(24px,4.1vw,63px) 30px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.eyebrow{color:#75866f;margin:0 0 9px}.welcome-row h1,.page-title-row h1{letter-spacing:-1.55px;color:#20342a;margin:0;font:700 clamp(27px,3vw,36px)/1.2 Manrope,sans-serif}.subheading{color:#76877b;margin:8px 0 0;font-family:Noto Sans Arabic,DM Sans,sans-serif;font-size:12px}.streak{align-items:center;gap:10px;margin-bottom:7px;display:flex}.streak-mark{color:#7d9165;background:#f0f2e7;border-radius:11px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.streak div{gap:3px;display:grid}.streak strong{color:#35483c;font-size:12px}.streak small{color:#879289;font-size:10px}.hero-card{background:#dfe8d5;border-radius:13px;min-height:326px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;width:61%;padding:29px 36px 26px;position:relative}.hero-kicker{color:#45664d;letter-spacing:1.15px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.live-dot{background:#729557;border-radius:100%;width:7px;height:7px}.hero-frequency{color:#728873;letter-spacing:1px;margin:22px 0 3px;font-size:9px;font-weight:600;display:block}.hero-copy h2{letter-spacing:-4px;color:#1b3428;margin:0;font:800 64px/.98 Manrope,sans-serif}.phonetic{color:#7b8d7d;margin-top:7px;font-size:11px;display:block}.hero-meaning{color:#294b34;margin-top:13px;font-family:Noto Sans Arabic,sans-serif;font-size:14px}.hero-example{color:#314d38;margin:13px 0 3px;font:italic 13px/1.45 Manrope,serif}.hero-translation{color:#59715f;margin:0;font:12px Noto Sans Arabic,sans-serif}.hero-button{color:#f4f5ea;background:#234434;border:0;border-radius:6px;height:35px;margin-top:16px;padding:0 15px;font-size:10px;font-weight:600}.hero-button span{color:#c7dfa4;padding-left:15px}.hero-art{background:#cbdcb9;width:42%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.sun-disc{background:#e9efcf;border-radius:50%;width:206px;height:206px;position:absolute;top:43px;right:85px}.arch{border:1px solid #829a70;border-radius:90px 90px 0 0;position:absolute;bottom:-37px}.arch-one{width:146px;height:213px;right:115px}.arch-two{background:#b3c89f;width:108px;height:175px;bottom:-37px;right:134px}.word-ribbon{z-index:1;color:#314e37;letter-spacing:1px;font-size:9px;position:absolute}.ribbon-a{letter-spacing:-.5px;font:600 19px Manrope;top:91px;right:116px;transform:rotate(-9deg)}.ribbon-b{color:#64795e;font-size:8px;top:128px;right:93px;transform:rotate(-9deg)}.art-spark{z-index:1;color:#708858;position:absolute}.spark-a{font-size:20px;top:68px;right:73px}.spark-b{font-size:11px;top:175px;right:242px}.art-caption{color:#809477;letter-spacing:1px;text-align:right;font-size:8px;line-height:1.55;position:absolute;bottom:20px;right:21px}.hero-index{color:#8ca088;font-size:9px;position:absolute;bottom:13px;left:37px}.dashboard-grid{grid-template-columns:1.14fr .86fr;gap:17px;margin-top:18px;display:grid}.daily-panel,.next-panel{background:#fff;border:1px solid #e8eae5;border-radius:11px;min-height:165px;padding:21px 22px 16px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading .eyebrow{margin-bottom:6px;font-size:9px}.section-heading h2{color:#24392e;letter-spacing:-.4px;margin:0;font:700 16px Manrope}.text-link{color:#71836e;background:0 0;border:0;padding:4px;font-size:10px}.text-link span{margin-left:7px}.stats-row{gap:24px;margin:19px 0 16px;display:flex}.stat{align-items:center;gap:9px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.mint{color:#567c61;background:#e6f0e9}.yellow{color:#a18b41;background:#f3efda}.lavender{color:#79738f;background:#eceaf1}.stat>div{gap:2px;display:grid}.stat strong{color:#2b4133;font:700 15px Manrope}.stat small{color:#8b968d;white-space:nowrap;font-size:9px}.progress-line,.big-progress{background:#edf0eb;border-radius:5px;height:5px;overflow:hidden}.progress-line>span,.big-progress>span{background:#89a774;border-radius:5px;height:100%;transition:width .4s;display:block}.progress-caption{color:#8b978c;justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.next-number{color:#8ba27d;font-size:22px}.next-word{text-align:left;background:#fff;border:1px solid #edf0eb;border-left:0;border-right:0;align-items:center;gap:11px;width:100%;margin-top:13px;padding:10px 2px;display:flex}.next-initial{color:#59754e;background:#edf1e7;border-radius:8px;place-items:center;width:30px;height:30px;font:700 14px Manrope;display:grid}.next-desc{gap:3px;display:grid}.next-desc strong{color:#2d4335;font:700 13px Manrope}.next-desc small{color:#829087;font-size:9px}.next-arrow{color:#849577;margin-left:auto}.next-meta{color:#92a093;justify-content:space-between;padding-top:8px;font-size:9px;display:flex}.page-footer{color:#8c978d;justify-content:space-between;padding-top:23px;font-size:9px;display:flex}.page-footer span{color:#a5ada4}.page-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.list-total{color:#73826f;border:1px solid #e3e8de;border-radius:6px;padding:7px 11px;font-size:10px}.inline-search{color:#657969;background:#fff;border:1px solid #e4e8e1;border-radius:7px;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.inline-search input,.dialog-input input{color:#25392d;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.results-note{color:#929d93;margin:13px 0 8px;font-size:10px}.word-results{border-top:1px solid #e8ebe5}.word-row{text-align:left;color:#263b2d;background:0 0;border:0;border-bottom:1px solid #e8ebe5;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) 44px 24px;align-items:center;gap:14px;width:100%;padding:11px 12px;display:grid}.word-row:hover{background:#fff}.word-column{gap:3px;display:grid}.word-column strong{font:600 14px Manrope}.word-column span{color:#929d94;font-size:9px}.word-meaning{color:#718472;text-align:right;font:12px Noto Sans Arabic}.word-frequency{color:#89987c;font-size:9px}.word-open{text-align:right;color:#8a9984}.practice-page{max-width:800px;margin:0 auto;padding:38px 28px}.back-button{color:#70816f;background:0 0;border:0;padding:6px 0;font-size:11px}.back-button span{margin-right:8px;font-size:15px}.practice-heading{text-align:center;margin:20px 0 23px}.practice-heading h1{letter-spacing:-1.2px;color:#22372a;margin:0;font:700 31px Manrope}.practice-heading p:last-child{color:#849285;font:12px Noto Sans Arabic}.flashcard{background:#fff;border:1px solid #e5e9e2;border-radius:13px;min-height:395px;box-shadow:0 12px 40px #33452c0c}.card-top,.card-bottom{letter-spacing:.5px;color:#71836f;justify-content:space-between;align-items:center;height:46px;padding:0 22px;font-size:9px;display:flex}.card-top{border-bottom:1px solid #eef0eb;font-weight:700}.card-top span span{color:#adb5ab}.card-tag{color:#a1aa9f;font-size:8px}.card-center{flex-direction:column;align-items:center;min-height:304px;padding:24px 20px 27px;display:flex}.listen-button{color:#708671;background:#f9faf7;border:1px solid #e3e8de;border-radius:50%;width:31px;height:31px;font-size:16px}.card-center h2{letter-spacing:-2px;color:#1c3529;margin:13px 0 0;font:800 47px Manrope}.large-phonetic{margin-top:0}.card-center>p{color:#909a90;margin:21px 0 13px;font-size:11px}.reveal-button{color:#52704c;background:#f7f9f4;border:1px solid #dce5d7;border-radius:6px;padding:9px 15px;font-size:10px}.reveal-button span{margin-left:12px}.revealed-answer{text-align:center;margin-top:14px;animation:.2s ease-out reveal}.revealed-answer strong{color:#395c3a;font:600 16px Noto Sans Arabic;display:block}.revealed-answer p{color:#304738;margin:8px 0 4px;font:italic 13px Manrope}.revealed-answer>span{color:#788778;font:11px Noto Sans Arabic}.card-bottom{color:#9aa49a;letter-spacing:0;border-top:1px solid #eef0eb;font-size:9px}.card-bottom span:last-child span{color:#788a74;vertical-align:-1px;margin-right:5px;font-size:14px}.grade-buttons{justify-content:center;gap:12px;margin-top:15px;display:flex}.grade-buttons button{text-align:left;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:26px 1fr;align-items:center;min-width:185px;padding:10px 15px;display:grid}.grade-buttons button>span{grid-row:span 2;font-size:17px}.grade-buttons strong{font-size:11px}.grade-buttons small{font:10px Noto Sans Arabic}.grade-again{color:#836f3d;background:#faf8ef;border:1px solid #e9e3d2}.grade-known{color:#4f7149;background:#f2f7ee;border:1px solid #dce8d7}.progress-hero{background:#e3ebdb;border-radius:12px;grid-template-columns:52px 1fr auto;align-items:center;column-gap:13px;padding:27px 30px;display:grid}.progress-badge{color:#779167;background:#f1f3e9;border-radius:14px;place-items:center;width:47px;height:47px;font-size:27px;display:grid}.progress-hero>div strong{color:#2b4431;font:700 22px Manrope}.progress-hero>div strong small{color:#708270;font:500 12px DM Sans}.progress-hero>div p{color:#7c8c7d;margin:2px 0 0;font-size:10px}.big-progress{grid-column:2/4;height:7px;margin-top:20px}.progress-goal{text-align:right;color:#849481;grid-column:2/4;margin-top:5px;font-size:9px}.learned-heading{margin-top:30px;margin-bottom:12px}.empty-state{text-align:center;color:#819079;padding:41px 0}.empty-state>span{font-size:25px}.empty-state h3{color:#314433;margin:8px 0;font:700 19px Manrope}.empty-state p{margin:0 0 15px;font-size:11px}.primary-button{color:#f5f6ee;background:#244634;border:0;border-radius:6px;height:39px;padding:0 16px;font-size:11px;font-weight:600}.primary-button span{color:#c8dca7;margin-left:18px}.toast{color:#874c36;z-index:8;background:#fff5ef;border:1px solid #edc8b7;border-radius:8px;padding:11px 14px;font-size:11px;position:fixed;bottom:24px;right:25px}.toast button{color:inherit;background:0 0;border:0;margin-left:12px}.search-overlay{z-index:10;background:#1a2922a6;justify-content:center;align-items:flex-start;padding:15vh 18px;display:flex;position:fixed;inset:0}.search-dialog{background:#fbfcf9;border-radius:11px;width:min(550px,100%);overflow:hidden;box-shadow:0 22px 90px #101a1480}.dialog-input{color:#6f806f;border-bottom:1px solid #e8ebe4;align-items:center;gap:11px;height:55px;padding:0 17px;display:flex}.dialog-results{padding:6px}.dialog-results button{text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:1fr 1fr 20px;align-items:center;width:100%;height:41px;padding:0 10px;display:grid}.dialog-results button:hover{background:#eef2e9}.dialog-results strong{color:#344a37;font:600 12px Manrope}.dialog-results button span:nth-child(2){color:#839282;text-align:right;font:11px Noto Sans Arabic}.dialog-results button span:last-child{color:#899783;text-align:right}.dialog-footer{color:#929d91;border-top:1px solid #e8ebe4;padding:10px 16px;font-size:9px}.login-shell{background:#f9faf7;grid-template-columns:minmax(380px,.95fr) 1.05fr;min-height:100vh;display:grid}.login-art{color:#f2f3e9;background:#1c342a;flex-direction:column;padding:43px 55px;display:flex;position:relative;overflow:hidden}.brand-light{color:#f2f3e9}.brand-light .brand-soft{color:#a9b5a8}.art-content{z-index:1;margin:auto 0;position:relative}.art-note{color:#a6ba92;letter-spacing:1.6px;font-size:9px;font-weight:700}.art-content h1{letter-spacing:-2.6px;margin:17px 0 12px;font:700 clamp(39px,5vw,61px)/1.11 Manrope}.art-content>p{color:#b8c6b7;font-size:13px}.art-cards{color:#e6eddc;align-items:center;gap:11px;margin-top:36px;display:flex}.art-cards span{border:1px solid #4b6152;border-radius:6px;padding:9px 12px;font-size:10px}.art-cards i{color:#9fbb84;font-style:normal}.arabic-note{color:#9cac8c;font:12px Noto Sans Arabic;position:absolute;bottom:35px;right:55px}.login-panel{place-items:center;padding:40px;display:grid}.login-form{width:min(346px,100%)}.mobile-brand{display:none}.login-form .eyebrow{margin-bottom:13px}.login-form h2{color:#20352a;letter-spacing:-1px;margin:0;font:700 31px/1.25 Manrope}.form-hint{color:#77867a;margin:11px 0 26px;font:12px Noto Sans Arabic}.login-form label{color:#435344;margin:15px 0;font-size:10px;font-weight:600;display:block}.login-form input{color:#21342a;background:#fff;border:1px solid #e1e6de;border-radius:6px;width:100%;height:43px;margin-top:7px;padding:0 12px;font-size:11px;display:block}.login-form input::placeholder{color:#aab1a8}.error-message{color:#9a4d35;margin:-4px 0 7px;font-size:10px}.login-button{justify-content:space-between;align-items:center;width:100%;margin-top:7px;padding:0 15px;display:flex}.login-foot{text-align:center;color:#9aa397;margin-top:20px;font-size:9px}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1000px){.sidebar{width:210px}.main-area{width:calc(100% - 210px);margin-left:210px}.hero-copy{width:70%;padding-left:26px}.hero-copy h2{font-size:54px}.hero-art{opacity:.84;width:37%}.dashboard-grid{grid-template-columns:1fr}.today-date{display:none}.login-shell{grid-template-columns:.9fr 1.1fr}.login-art{padding:38px}}@media (width<=700px){.sidebar{background:#182d25;width:100%;height:64px;min-height:0;padding:6px 9px;display:block;position:fixed;inset:auto 0 0}.sidebar .brand,.side-label,.side-quote,.profile{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:1px;height:100%;display:grid}.nav-item{border-radius:6px;flex-direction:column;justify-content:center;align-self:center;gap:2px;height:51px;padding:2px 0;font-size:9px;display:flex}.nav-icon{font-size:17px}.nav-count{margin-top:-27px;margin-left:31px;padding:1px 5px;position:absolute}.main-area{width:100%;margin:0;padding-bottom:64px}.topbar{height:56px;padding:0 17px}.breadcrumb{font-size:10px}.top-actions{gap:0}.search-trigger{width:auto;height:31px;padding:0 8px}.search-trigger>span:first-child{font-size:16px}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.page-content{padding:28px 18px 25px}.welcome-row{align-items:flex-start;gap:7px}.welcome-row h1{letter-spacing:-1px;font-size:25px}.welcome-row .eyebrow{font-size:8px}.streak{gap:6px;margin-top:9px}.streak-mark{width:29px;height:29px;font-size:17px}.streak strong{font-size:10px}.streak small{font-size:8px}.hero-card{min-height:350px}.hero-copy{width:100%;padding:24px 20px 23px}.hero-art{opacity:.16;width:33%}.hero-copy h2{font-size:57px}.hero-frequency{margin-top:21px}.hero-meaning{font-size:13px}.hero-example{max-width:300px;font-size:12px}.hero-translation{font-size:10px}.hero-index{left:20px}.dashboard-grid{gap:11px;margin-top:12px}.daily-panel,.next-panel{min-height:0;padding:17px 16px}.section-heading h2{font-size:14px}.stats-row{justify-content:space-between;gap:17px}.stat{gap:6px}.stat-icon{width:23px;height:23px}.stat strong{font-size:13px}.stat small{font-size:8px}.page-footer{gap:12px;line-height:1.5}.page-footer span{text-align:right}.page-title-row{align-items:flex-start}.page-title-row h1{font-size:28px}.page-title-row .subheading{font-size:11px}.list-total{padding:6px 7px;font-size:9px}.word-row{grid-template-columns:minmax(92px,.8fr) minmax(104px,1fr) 26px 14px;gap:6px;padding:10px 6px}.word-column strong{font-size:12px}.word-column span,.word-frequency{font-size:8px}.word-meaning{font-size:10px}.practice-page{padding:22px 16px}.practice-heading{margin:17px 0}.practice-heading h1{font-size:27px}.flashcard{min-height:390px}.card-top,.card-bottom{padding:0 12px}.card-tag{font-size:7px}.card-center h2{font-size:42px}.card-bottom{font-size:8px}.grade-buttons{gap:7px}.grade-buttons button{flex:1;grid-template-columns:21px 1fr;min-width:0;padding:9px 7px}.grade-buttons strong{font-size:10px}.grade-buttons small{font-size:9px}.progress-hero{grid-template-columns:43px 1fr;padding:20px 16px}.progress-badge{width:39px;height:39px;font-size:22px}.progress-hero>div strong{font-size:18px}.progress-hero>div strong small{font-size:10px}.big-progress,.progress-goal{grid-column:1/3}.login-shell{background:#f9faf7;display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:34px 25px}.mobile-brand{margin-bottom:46px;display:flex}.login-form h2{font-size:29px}.search-overlay{padding-top:11vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.source-note{color:#8c978d;margin:7px 0 14px;font-size:9px}.source-note a{color:#657e63;text-underline-offset:2px;text-decoration:underline}