:root{color-scheme:light;--bg: #f4eee2;--card: rgba(255, 253, 248, .8);--glass: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .72);--border: rgba(18, 37, 28, .14);--text: #0d1f17;--muted: rgba(13, 31, 23, .72);--accent: #1f5a3a;--accent-strong: #17472d;--shadow: 0 24px 56px rgba(9, 19, 14, .26);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 26px;--radius-xl: 32px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.app{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(26px + env(safe-area-inset-bottom));background-color:var(--bg);background-image:var(--bg-image),radial-gradient(circle at 8% 0%,rgba(250,245,235,.36),transparent 40%),radial-gradient(circle at 90% 10%,rgba(108,145,120,.32),transparent 42%),linear-gradient(164deg,#0b181294,#09120e47);background-size:cover;background-position:center;position:relative}.bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070d0a7a,#070d0a38 42%,#070d0a80);pointer-events:none}.shell{position:relative;z-index:1;width:min(760px,100%);margin:0 auto;min-height:calc(100dvh - 46px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.header{text-align:center}.brand{display:inline-flex;flex-direction:column;align-items:center;gap:14px}.logo-frame{width:82px;height:82px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:5px;box-shadow:0 14px 30px #060e0a40}.logo{width:100%;height:100%;object-fit:cover;border-radius:16px;background:#ffffff26;display:block}.brand-text{display:grid;gap:4px}.brand-kicker{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f7f2e9d6;font-weight:600}.brand-title{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,5.6vw,2.35rem);line-height:1.08;color:#f7f2e9}.brand-subtitle{margin:0;color:#f7f2e9cc;font-size:clamp(.9rem,3.2vw,.98rem)}.main{display:flex;align-items:center;justify-content:center;flex:1}.reveal-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(20px,5.8vw,34px);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.reveal-layout,.moments-stack{display:grid;gap:14px}.moment-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff85;padding:14px 14px 12px;display:grid;gap:12px}.moment-meta{display:flex;align-items:center}.moment-kind{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff9e;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.arabic-text{font-family:Amiri,Scheherazade,serif;font-size:clamp(1.85rem,8.5vw,2.35rem);text-align:right;margin:0;line-height:1.7;text-wrap:pretty}.lang-toggle{display:inline-flex;width:fit-content;background:#ffffffb8;border:1px solid var(--border);border-radius:999px;padding:4px;gap:4px}.lang-toggle button{border:0;background:transparent;min-height:40px;padding:8px 15px;border-radius:999px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer}.lang-toggle button.is-active{background:var(--accent);color:#fff}.translation{margin:0;font-size:clamp(1.14rem,4.4vw,1.42rem);font-weight:500;line-height:1.55;overflow-wrap:anywhere;text-wrap:pretty}.translation.is-quote{font-family:Manrope,Segoe UI,sans-serif;font-size:clamp(1.14rem,4.4vw,1.42rem);font-weight:500;line-height:1.55}.quote-speaker{margin:0;color:var(--muted);font-size:.98rem;font-weight:700;line-height:1.45}.reference{margin:0;color:var(--muted);font-size:.9rem;font-weight:600}.reference-label{font-weight:700}.attribution{margin:0;color:var(--muted);font-size:.88rem;font-weight:600}.meaning{margin:0;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;text-wrap:pretty}.is-rtl{direction:rtl;text-align:right}.translation.is-rtl,.meaning.is-rtl,.reference.is-rtl,.attribution.is-rtl,.moment-kind.is-rtl{font-family:Amiri,Scheherazade,serif;letter-spacing:0;text-transform:none}.action-chip{border-radius:var(--radius-md);border:1px solid var(--border);padding:13px 15px;background:#ffffff8f}.action-chip span{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.action-chip p{margin:8px 0 0;font-weight:700;line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty}.moment-card.is-long{padding:clamp(18px,5vw,30px)}.moment-card.is-long{gap:10px}.moment-card.is-long .moment-kind{min-height:28px;font-size:.74rem}.moment-card.is-long .arabic-text{font-size:clamp(1.7rem,7.1vw,2.05rem);line-height:1.55}.moment-card.is-long .meaning{font-size:.96rem}.moment-card.is-long .action-chip{padding:11px 13px}.moment-card.is-very-long{padding:clamp(16px,4.6vw,26px)}.moment-card.is-very-long{gap:8px}.moment-card.is-very-long .moment-kind{min-height:26px;font-size:.7rem}.moment-card.is-very-long .arabic-text{font-size:clamp(1.56rem,6.5vw,1.88rem);line-height:1.45}.moment-card[data-type=quote]{gap:12px}.moment-card.is-very-long .meaning{font-size:.93rem}.moment-card.is-very-long .reference{font-size:.84rem}.moment-card.is-very-long .action-chip{padding:10px 12px}.cta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.daily-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px}.btn{border:0;border-radius:999px;min-height:48px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 14px 26px #0d1f1647}.btn.primary:hover{background:var(--accent-strong)}.btn.ghost{background:#ffffffbd;color:var(--text);border:1px solid var(--border)}.btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.footer{margin-top:auto;text-align:center;font-size:.92rem;color:#f7f2e9cc;padding-bottom:2px}.footer a{color:#f7f2e9;font-weight:700;text-underline-offset:2px}.footer a:hover{opacity:.92}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e0b7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));z-index:20}.modal{position:relative;width:min(760px,100%);max-height:min(88dvh,760px);overflow:auto;background:linear-gradient(180deg,#ffffff57,#fff3);border:1px solid rgba(255,255,255,.48);border-radius:var(--radius-lg);padding:clamp(16px,4.2vw,24px) clamp(16px,4.2vw,24px) clamp(18px,4.2vw,26px);box-shadow:0 28px 62px #030a0757;-webkit-backdrop-filter:blur(26px) saturate(1.2);backdrop-filter:blur(26px) saturate(1.2)}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff38,#fff0)}.modal-header{display:grid;justify-items:center;gap:8px;text-align:center}.modal-header h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,4.4vw,1.5rem)}.modal-close{min-height:40px;position:absolute;top:12px;right:12px;z-index:1;background:#fff6}.modal-body{margin-top:8px;display:grid;gap:14px}.modal-preview{width:100%;border-radius:var(--radius-md);border:1px solid var(--border)}.modal-preview.placeholder{min-height:230px;display:grid;place-items:center;color:var(--muted);background:#ffffff38}.modal-caption{width:100%;min-height:110px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.48);padding:12px;resize:none;font-family:Manrope,Segoe UI,sans-serif;font-size:.95rem;line-height:1.45;text-align:center;background:#ffffff3d;color:var(--text)}.modal-actions{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-actions .btn.primary{grid-column:1 / -1}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (min-width: 760px){.brand{flex-direction:row;align-items:center;text-align:left;gap:16px}}@media (max-width: 700px){.app{padding-left:12px;padding-right:12px}.shell{gap:16px}.logo-frame{width:74px;height:74px}.reveal-card{border-radius:var(--radius-lg)}.moment-card.is-long .arabic-text{font-size:clamp(1.56rem,8.2vw,1.9rem)}.moment-card.is-very-long .arabic-text{font-size:clamp(1.4rem,7.6vw,1.72rem)}.cta-row,.daily-cta,.modal-actions{grid-template-columns:1fr}.modal-actions .btn.primary{grid-column:auto}}