:root{color:#302522;--bg:#f8f2ea;--panel:#fffdfa;--line:#eadccf;--line2:#dfcfbf;--text:#302522;--muted:#75635a;--accent:#ef7558;--pale:#fdf0ea;--good:#5f9a6d;--warn:#d89f59;--shadow:0 22px 52px #69493714;--radius:24px;background:#f8f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#fdf8f1 0%,#f8f2ea 100%);margin:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fdf9f3f0;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex;position:sticky;top:0}.brand-lockup{color:var(--text);background:0 0;border:0;padding:0}.brand-text{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500}.brand-text span{color:var(--accent)}.topbar nav{gap:10px;display:flex}.topbar nav button{color:#584740;background:0 0;border:0;padding:14px 10px;position:relative}.topbar nav button.active{color:var(--accent);font-weight:650}.topbar nav button.active:after{content:"";background:var(--accent);border-radius:99px;height:3px;position:absolute;bottom:-16px;left:10px;right:10px}.header-actions{gap:10px;display:flex}.round-btn,.avatar{border:1px solid var(--line);background:var(--panel);border-radius:50%;width:42px;height:42px}.avatar{background:#f2e4d3;font-weight:700}.page-wrap{max-width:1400px;margin:0 auto;padding:28px 24px 48px}.section-page{flex-direction:column;gap:22px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.76rem;font-weight:750}h1,h2,h3{color:#261c19}.home-hero,.journal-intro{grid-template-columns:1.1fr .8fr;align-items:center;gap:28px;padding:28px;display:grid}.home-hero h1,.page-heading h1,.journal-intro h1{margin:8px 0 14px;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.03}.home-hero h1{font-size:4.8rem}.home-hero p,.page-heading p,.journal-intro p,.dua-intro p{color:var(--muted);margin:0;font-size:1.12rem;line-height:1.65}.button-row{gap:12px;margin-top:22px;display:flex}.soft-btn,.accent-btn{border:1px solid var(--line2);color:#493b35;background:#fffaf5;border-radius:15px;padding:13px 18px}.accent-btn{background:var(--accent);border-color:var(--accent);color:#fff}.home-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.home-card{text-align:left;padding:24px}.home-card h3{margin:12px 0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.home-card p{color:var(--muted);line-height:1.6}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-heading h1{margin-top:0;font-size:4rem}.search-row{flex:1;justify-content:flex-end;align-items:center;gap:14px;display:flex}.search-box{border:1px solid var(--line);background:var(--panel);color:#8f7d74;min-width:520px;min-height:56px;box-shadow:var(--shadow);border-radius:17px;align-items:center;padding:0 20px;display:flex}.stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.stat{flex-direction:column;gap:6px;min-height:112px;padding:20px;display:flex}.stat>span{color:#7e6c63;font-size:.9rem}.stat strong{font-size:1.8rem}.stat small{color:#98857b}.reader-grid{grid-template-columns:320px 1fr;gap:18px;display:grid}.sidebar{align-self:start;padding:18px;position:sticky;top:100px}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar h3,.quick h3,.calendar h3,.points h3,.summary h3,.tracker h3,.text-card h3,.dua-entry h3{margin:0 0 12px;font-family:Georgia,serif;font-weight:500}.surah-list,.dua-menu{flex-direction:column;gap:7px;margin:12px 0 18px;display:flex}.surah{text-align:left;color:#5c4b44;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:32px 1.3fr 1fr 34px;align-items:center;gap:8px;padding:13px 10px;display:grid}.surah.active,.dua-category.active{background:var(--pale);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);border-color:#f2c8b8}.arabic-small{text-align:right}.full{width:100%}.reader{padding:22px}.reader-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:18px;display:flex}.reader-head h2{margin:0;font-family:Georgia,serif;font-size:2.35rem;font-weight:500}.reader-head h2 span{margin-left:10px;font-size:2rem}.reader-head p,.reader-actions{color:var(--muted);margin:8px 0 0}.ayah{border-bottom:1px solid var(--line);padding:24px 0}.ayah-number{background:var(--pale);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.ayah p,.dua-arabic{text-align:right;color:#241a17;font-family:Amiri,Scheherazade New,serif}.ayah p{margin:8px 0 0;font-size:3rem;line-height:2}.translation{border:1px solid var(--line);background:#fffbf7;border-radius:20px;margin-top:18px;padding:18px}.translation>div+div{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.translation strong{margin-bottom:8px;display:block}.translation strong span{color:var(--accent);font-weight:500}.translation p,.dua-meta p{color:#53433c;margin:0;line-height:1.7}.reader-nav{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.settings{grid-template-columns:repeat(5,1fr);align-items:center;gap:15px;padding:18px 22px;display:grid}.settings div{flex-direction:column;gap:5px;display:flex}.settings span{color:#866f65;font-size:.9rem}.journal-top{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.journal-intro{grid-template-columns:210px 1fr}.journal-intro h1{font-size:4.4rem}.progress{padding:22px}.progress-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:16px;display:grid}.progress-grid small,.progress-grid span{color:#8c786e;display:block}.progress-grid strong{color:var(--accent);margin:6px 0;font-size:2.15rem;display:block}.journal-body{grid-template-columns:1.15fr .95fr;gap:18px;display:grid}.stack{flex-direction:column;gap:18px;display:flex}.quick,.calendar,.points,.summary,.tracker,.text-card,.dua-intro,.dua-entry{padding:22px}.card-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title span{color:#8c786e}.prayer-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.prayer{border:1px solid var(--line2);background:#fffaf5;border-radius:17px;flex-direction:column;align-items:center;gap:5px;padding:15px 10px;display:flex}.prayer.active{background:var(--pale);color:var(--accent);border-color:#f0c0af}.deed-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.deed{border:1px solid var(--line2);color:#5c4b44;background:#fffaf5;border-radius:13px;padding:11px 9px}.deed.active{color:var(--accent);background:#fff0e9;border-color:#f0c0af}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:9px;display:grid}.calendar-grid span{aspect-ratio:1;border-radius:50%;place-items:center;font-weight:600;display:grid}.good{color:#638767;background:#eef4ea}.warn{color:#b98945;background:#f8eddc}.miss{color:#d36a56;background:#fbe0d9}.points div{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.summary p{color:#5d4c44;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#6b5b52;background:#f3efe2;border-radius:999px;padding:7px 11px}.tracker-row{grid-template-columns:1.15fr 1fr .75fr 1fr;gap:10px;padding:8px 0;display:grid}.tracker-row.header{color:#8b786e;border-bottom:1px solid var(--line);font-size:.9rem}.green{color:var(--good)}.amber{color:var(--warn)}.text-card textarea{border:1px solid var(--line);resize:vertical;background:#fffaf5;border-radius:16px;width:100%;min-height:120px;padding:15px}.quote{text-align:center;padding:28px}.quote p{margin:0;font-family:Georgia,serif;font-size:1.65rem;font-style:italic;line-height:1.55}.quote span{color:var(--accent);margin-top:10px;display:block}.dua-heading{align-items:center}.dua-mini{align-items:center;gap:15px;padding:14px 18px;display:flex}.dua-mini strong{font-family:Georgia,serif;font-size:1.25rem;display:block}.dua-mini span{color:#8d7a71;margin-top:4px;display:block}.dua-category{text-align:left;color:#5c4b44;background:0 0;border:1px solid #0000;border-radius:14px;padding:13px 14px}.dua-intro h2{margin:8px 0;font-family:Georgia,serif;font-size:2.25rem;font-weight:500}.dua-entry-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.dua-entry-head span{color:#8d7a71}.dua-arabic{border:1px solid var(--line);background:#fffbf7;border-radius:18px;margin:18px 0;padding:18px;font-size:2.65rem;line-height:1.8}.dua-meta+.dua-meta{margin-top:18px}.dua-meta strong{margin-bottom:7px;display:block}.arch{background:#f8dfd4;border:1px solid #efd6c9;border-radius:120px 120px 24px 24px;width:210px;height:250px;position:relative;overflow:hidden}.arch.mini{border-radius:48px 48px 14px 14px;width:78px;height:92px}.sky{background:linear-gradient(#f4cdbd,#f8e5da 58%,#fcf3eb);position:absolute;inset:0}.hill{background:#e7baa4;border-radius:50% 50% 0 0;height:34%;position:absolute;bottom:-8%;left:-10%;right:-10%}.tower{background:#bd866f;border-radius:12px 12px 0 0;width:20px;position:absolute;bottom:22%}.tower:before{content:"";background:#bd866f;border-radius:10px 10px 0 0;height:22px;position:absolute;top:-18px;left:2px;right:2px}.tower.one{height:92px;left:35%}.tower.two{height:62px;left:60%}.arch.mini .tower{transform-origin:bottom;transform:scale(.55)}.arch.mini .tower.one{left:28%}.arch.mini .tower.two{left:56%}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.reader-grid,.journal-body,.journal-top,.home-hero{grid-template-columns:1fr}.search-row{flex-direction:column;align-items:stretch}.search-box{min-width:0}.progress-grid{grid-template-columns:repeat(2,1fr)}.deed-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:16px 18px}.topbar nav{width:100%;overflow:auto}.topbar nav button.active:after{bottom:-3px}.page-wrap{padding:18px}.page-heading{flex-direction:column}.page-heading h1,.journal-intro h1,.home-hero h1{font-size:2.8rem}.stats-grid,.settings,.home-grid,.journal-intro{grid-template-columns:1fr}.prayer-grid,.deed-grid{grid-template-columns:repeat(2,1fr)}.reader-nav{flex-direction:column}.reader-actions{font-size:.85rem}.ayah p{font-size:2.2rem}.arch{width:160px;height:190px}}