@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#243f35;--muted:#7f857c;--green:#2c5143;--paper:#f8f7f2;--line:#e3e5dc;--gold:#b28e54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b28e54;outline-offset:4px}a{text-decoration:none;color:inherit}header{max-width:1280px;margin:auto;height:98px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:600}.brand-symbol{font:38px Amiri,serif;width:43px;height:45px;display:grid;place-content:center;border:1px solid #8c9a88;border-radius:18px 18px 3px 3px}.brand small{font-size:9px;letter-spacing:2px;display:block;font-weight:400;margin-top:4px}nav{display:flex;gap:30px;height:100%;align-items:center}.nav{height:100%;font-size:13px;position:relative;color:var(--muted)}.nav.active{color:var(--ink)}.nav.active:after{content:'';position:absolute;height:3px;background:var(--green);bottom:0;left:0;right:0}.nav span{font-size:10px;border-radius:10px;background:#e9ece3;padding:2px 6px;margin-left:5px}.header-note{color:var(--muted);font-size:12px}.header-note span{color:var(--gold);margin-left:18px;font-size:24px}main{max-width:1192px;margin:auto}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:490px;align-items:center;padding:44px 10px 38px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#8e947f;font-weight:500}.eyebrow span{margin-left:14px;color:var(--gold)}h1{font-size:43px;line-height:1.55;letter-spacing:1px;font-weight:500;margin:20px 0 17px}.hero-copy>p{font-size:14px;color:#7c8278;line-height:2}.primary{background:var(--green);color:white;padding:14px 24px;border-radius:5px;font-size:13px}.primary:hover{background:#1b3b30}.hero .primary{margin-top:15px}.primary span{margin-left:36px;font-size:20px}.hero-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:#888e80;margin-top:25px}.hero-meta i{width:3px;height:3px;background:#b1b8a8;border-radius:50%}.hero-art{height:420px;position:relative;display:grid;place-items:center;overflow:hidden}.arch{width:300px;height:380px;border-radius:160px 160px 4px 4px;background:#e9ecdf;position:relative;display:flex;align-items:center;flex-direction:column;padding:35px 16px 20px;z-index:1}.arch:before{content:'';position:absolute;inset:13px;border:1px solid #c7ceb8;border-radius:150px 150px 0 0}.arch-star{color:#a58c53;font-size:40px;line-height:1;margin:6px 0 20px}.arch>div{font-family:Amiri,serif;font-size:49px;text-align:center;line-height:1.5}.arch p{font-size:11px;letter-spacing:3px;color:#7c856e;margin:13px 0 28px}.art-foot{font-size:8px;letter-spacing:2.7px;color:#8c937a}.orbit{position:absolute;width:370px;height:370px;border:1px solid #d6dccb;border-radius:50%;transform:rotate(-25deg) scaleX(1.4)}.orbit.two{transform:rotate(40deg) scaleX(.72);width:470px;height:470px}.art-leaf{position:absolute;font-size:135px;right:2px;bottom:10px;color:#a6b498;z-index:2;transform:rotate(-35deg)}.daily{display:flex;align-items:center;gap:22px;padding:24px 28px;border:1px solid #e2e3d7;border-radius:8px;background:#f0f1e8}.daily-icon{font-size:35px;color:var(--gold)}.daily-label{font-size:13px;white-space:nowrap}.daily-label small{display:block;font-size:8px;letter-spacing:1.2px;margin-top:6px;color:#92957e}.daily p{font:24px Amiri,serif;margin:0 0 0 auto}.daily>span:not(.daily-icon){font-size:11px;color:#828875;max-width:240px}.daily button{font-size:25px;color:#7f8b72}.library{padding-top:58px;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:25px;font-weight:500;margin:10px 0 26px}.section-heading h2 span{margin-left:19px;font-size:12px;color:#939789;font-weight:400}.progress-box{width:140px;text-align:right;font-size:10px;color:#858c7d}.progress-box b{color:var(--green);font-size:14px}.progress-track{height:4px;background:#e5e8de;border-radius:2px;margin-top:10px}.progress-track i{display:block;width:0;background:var(--green);height:100%;border-radius:2px}.toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:26px}.tab{padding:17px 0;position:relative;color:#92988a;white-space:nowrap}.tab span{font-size:10px;margin-left:6px;font-weight:400}.tab.active{color:var(--green);font-weight:600}.tab.active:after{position:absolute;content:'';height:3px;background:var(--green);bottom:-1px;left:0;right:0}.search{display:flex;align-items:center;gap:9px;background:#eeeee7;height:35px;padding:0 12px;border:1px solid #e4e6db;border-radius:5px;margin-top:7px}.search>span{font-size:23px}.search input{border:0;background:none;width:160px;font-size:11px;outline:0;color:var(--ink)}kbd{font-size:9px;color:#979e8d;border:1px solid #d8ddcf;border-radius:3px;padding:2px 4px}.list-info{display:flex;justify-content:space-between;align-items:center;color:#93978c;font-size:11px;margin:17px 0 22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{position:relative;background:#fffefa;border:1px solid #e3e5da;border-radius:8px;transition:.2s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2946320c;border-color:#b7c4ad}.card-main{width:100%;text-align:left;padding:24px 22px 18px;display:block}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.icon{width:44px;height:44px;display:grid;place-items:center;background:#edf0e6;border-radius:50%;font-size:22px}.card:nth-child(4n+2) .icon{background:#f4ecdf}.card:nth-child(4n+3) .icon{background:#e8eef0}.card:nth-child(4n+4) .icon{background:#f1e9e3}.lesson-number{font-family:Georgia,serif;color:#b9bcb0;font-size:12px}.card h3{font-size:17px;font-weight:500;margin:0 0 8px}.card .arabic-title{font:24px Amiri,serif;color:#68795d;margin:0 0 13px;text-align:left}.card .desc{font-size:11px;color:#909587;line-height:1.9;min-height:42px;margin:0 0 17px}.card .tag{font-size:9px;color:#879276;background:#f0f2e9;padding:4px 7px;border-radius:3px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0e5;margin:0 22px;padding:14px 0;font-size:10px;color:#8d9582}.card-footer button{font-size:21px;padding:0 3px}.card-footer button.saved{color:#b28e54}.read-label{color:var(--green)}.quote-card .arabic-title{font-size:25px;min-height:86px;text-align:right}.quote-card h3{font-size:14px;line-height:1.8;min-height:50px}.quote-card .card-top{margin-bottom:12px}.content-note{color:#969b8d;font-size:11px;text-align:center;margin:28px 0}.closing{padding:36px 20px 46px;text-align:center;border-top:1px solid var(--line);margin-top:36px}.closing>span{font:30px Amiri,serif;color:#58704e}.closing p{font-size:12px;color:#8d947f;margin:8px 0 20px}.closing div{font-size:10px;letter-spacing:2px;color:#a0a58f}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:25px 44px;display:flex;align-items:center;justify-content:space-between;color:#949b8a;font-size:10px}footer .brand{font-size:17px;gap:12px}footer .brand small{font-size:8px}dialog{width:min(740px,94vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:28px 34px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#15291fc0;backdrop-filter:blur(4px)}.reader-top{display:flex;justify-content:space-between;font-size:11px;color:#8a927c}.reader-top button{font-size:20px}.reader-head{text-align:center}.reader-head h2{font-size:25px;margin-bottom:8px}.reader-head>p[lang]{font:32px Amiri,serif;margin:10px}.reader-head>p:last-child{font-size:11px;color:#89927f}.reader-tools{display:flex;justify-content:center;gap:10px;margin:22px 0}.reader-tools button,#next{border:1px solid #dce1d1;padding:9px 12px;border-radius:5px;font-size:11px}.line{padding:20px 18px;background:#fffefa;border-radius:7px;margin:12px 0;border:1px solid #e5e8dd}.speaker{font:14px Amiri,serif;color:#9b8e6d;display:block;text-align:right}.line .ar{font:27px/1.9 Amiri,serif;margin:0;text-align:right}.line .zh{font-size:13px;line-height:1.8;color:#7a8571;border-top:1px dashed #e1e5d9;margin:10px 0 0;padding-top:12px}.hide-zh .zh{display:none}.reader-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:24px}#speech-status{font-size:11px;color:#7f8973;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244c40;color:white;padding:12px 22px;border-radius:6px;z-index:5;display:none}#empty{text-align:center;padding:60px 20px;color:var(--muted)}@media(min-width:1400px){main{max-width:1192px}}@media(max-width:1240px){main{margin:0 40px}.hero-art{transform:scale(.9)}h1{font-size:37px}}@media(max-width:960px){.cards{grid-template-columns:repeat(3,1fr)}.header-note{display:none}.hero{grid-template-columns:1.2fr 1fr}.hero-art{transform:scale(.8);margin:0 -35px}.daily{gap:14px}.daily>span:not(.daily-icon){display:none}.section-heading h2 span{display:none}.tabs{gap:20px}.search input{width:115px}}@media(max-width:700px){header{height:78px;padding:0 20px}.brand{font-size:20px}nav{gap:18px}.nav{font-size:11px}main{margin:0 20px}.hero{display:flex;flex-direction:column;padding-top:35px;gap:10px;align-items:stretch}.hero h1{font-size:32px}.hero-copy>p{font-size:12px}.hero-art{height:300px;transform:scale(.75);margin:-35px 0 -35px}.hero-meta{font-size:9px;gap:10px}.daily{padding:18px 14px;gap:12px}.daily p{font-size:20px}.daily-icon{display:none}.daily-label{font-size:11px}.daily-label small{font-size:6px}.library{padding-top:35px}.section-heading h2{font-size:23px}.progress-box{width:95px}.toolbar{flex-direction:column;gap:8px}.tabs{justify-content:space-between;gap:10px}.tab{font-size:12px;padding:13px 0}.search{margin:5px 0 12px}.search input{width:100%}.search kbd{display:none}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card-main{padding:17px 14px 15px}.card h3{font-size:15px}.card .arabic-title{font-size:22px}.card .desc{min-height:45px;font-size:10px}.card-footer{margin:0 14px;font-size:9px}.card-top{margin-bottom:16px}.icon{width:36px;height:36px;font-size:19px}.list-info{font-size:10px;gap:15px}.list-info span{white-space:nowrap}.quote-card .arabic-title{font-size:22px;min-height:100px}.quote-card h3{font-size:12px}footer{padding:22px 20px}footer>span{display:none}dialog{padding:22px 18px}.reader-tools{gap:7px}.reader-tools button{font-size:10px;padding:9px}.line .ar{font-size:25px}}