:root{--eng-bg:#061923;--eng-panel:#0d2b36;--eng-gold:#e7bd5c;--eng-cream:#faf3df;--eng-muted:#a9bbc0;--eng-teal:#66b8ad}.engagement-page{min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(35,109,116,.3),transparent 30rem),radial-gradient(circle at 95% 30%,rgba(192,141,51,.12),transparent 25rem),var(--eng-bg);color:var(--eng-cream);padding:28px 18px 120px;font-family:DM Sans,system-ui,sans-serif}.name-day-shell,.theme-journey-shell{width:min(780px,100%);margin:auto}.engagement-page nav{display:flex;justify-content:space-between;margin-bottom:30px}.engagement-page nav button{border:0;background:none;color:var(--eng-gold);font-weight:800;cursor:pointer}.engagement-eyebrow{display:block;text-align:center;color:var(--eng-gold);font-size:10px;letter-spacing:.18em;font-weight:900}.name-day-card{margin-top:15px;text-align:center;border:1px solid rgba(231,189,92,.3);border-radius:28px;background:linear-gradient(145deg,#123943fa,#071d27fa);padding:clamp(24px,5vw,45px);box-shadow:0 25px 70px #00000040}.name-day-card>span,.journey-day-card>span{color:var(--eng-muted);font-size:10px;letter-spacing:.14em}.name-day-card>div,.journey-day-card>div{font-size:clamp(65px,12vw,100px);color:var(--eng-gold);line-height:1.3;margin:18px 0 0}.name-day-card h1{font:700 clamp(34px,6vw,52px) "Playfair Display";margin:0}.name-day-card h2{color:var(--eng-muted);font-size:18px;margin:5px}.listen-name{border:1px solid rgba(231,189,92,.4);border-radius:999px;background:#e7bd5c14;color:var(--eng-gold);padding:10px 17px;margin:16px 0;cursor:pointer}.name-day-card article,.name-day-card aside{text-align:left;margin-top:18px;padding:20px;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.name-day-card article strong,.name-day-card aside strong{font-size:10px;color:var(--eng-gold);letter-spacing:.15em}.name-day-card article p,.name-day-card aside p{line-height:1.65;color:#d6dfe0}.reflection-complete{width:100%;border:0;border-radius:999px;background:var(--eng-gold);color:#14313a;font-weight:900;padding:14px;margin-top:20px;cursor:pointer}.reflection-complete.done{background:#58c68f2e;border:1px solid #58c68f;color:#a9ebc8}.daily-path-card{width:100%;margin:18px 0;border:1px solid rgba(229,189,98,.2);border-radius:20px;background:linear-gradient(145deg,#10343ef5,#071d27f5);padding:20px;color:#faf3e2;text-align:left}.daily-path-card.compact{max-width:640px}.daily-path-card header{display:flex;justify-content:space-between;gap:16px;align-items:center}.daily-path-card header span{color:var(--eng-gold);font-size:9px;font-weight:900;letter-spacing:.16em}.daily-path-card h2{font:700 19px Playfair Display;margin:4px 0}.daily-path-card header>strong{color:var(--eng-gold)}.daily-path-track{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden;margin:10px 0 14px}.daily-path-track span{display:block;height:100%;background:linear-gradient(90deg,var(--eng-teal),var(--eng-gold))}.daily-path-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.daily-path-steps button{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09;color:#c8d3d5;padding:10px 6px;cursor:pointer}.daily-path-steps i,.daily-path-steps span{display:block;text-align:center;font-style:normal}.daily-path-steps i{color:var(--eng-gold);font-size:18px}.daily-path-steps span{font-size:10px;margin-top:4px}.daily-path-steps button.done{background:#58c68f1a;border-color:#58c68f59}.daily-path-steps button.done i{color:#7fddb0}.theme-journey-shell>h1{font:700 clamp(30px,6vw,48px) "Playfair Display";text-align:center;margin:10px}.theme-journey-shell>p{text-align:center;color:var(--eng-muted);line-height:1.55}.theme-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.theme-choice-grid article{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:var(--eng-panel);padding:22px}.theme-choice-grid article>span{color:var(--eng-gold);font-size:27px}.theme-choice-grid h2{font:700 21px Playfair Display}.theme-choice-grid p{color:var(--eng-muted);font-size:13px;line-height:1.5}.theme-choice-grid small{display:block;color:#d1d9da;margin:15px 0}.theme-choice-grid button,.journey-day-card>button{width:100%;border:0;border-radius:999px;background:var(--eng-gold);color:#14313a;font-weight:900;padding:12px;cursor:pointer}.journey-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:25px 0}.journey-days span{aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;color:var(--eng-muted)}.journey-days span.done{background:#4aa87a;border-color:#6dd19b;color:#fff}.journey-days span.current{border:2px solid var(--eng-gold);color:var(--eng-gold);box-shadow:0 0 0 6px #e7bd5c14}.journey-day-card{text-align:center;border:1px solid rgba(231,189,92,.25);border-radius:24px;background:var(--eng-panel);padding:28px}.journey-day-card>div{font-size:72px}.journey-day-card h2{font:700 32px Playfair Display;margin:0}.journey-day-card h3{color:var(--eng-gold)}.journey-day-card p{text-align:left;color:#cfdbdc;line-height:1.65;background:#ffffff09;padding:18px;border-radius:16px}.journey-day-card button:disabled{opacity:.55}.share-milestone{margin:18px 0;text-align:center}.share-milestone>div{border:1px solid rgba(231,189,92,.35);border-radius:22px;padding:28px;background:radial-gradient(circle at top,rgba(231,189,92,.14),transparent 65%),#0b2833}.share-milestone span{color:var(--eng-gold);font-size:10px;letter-spacing:.13em}.share-milestone h3{font:700 24px Playfair Display}.share-milestone strong{display:block;color:var(--eng-gold);font:700 35px Playfair Display}.share-milestone p{color:var(--eng-muted)}.share-milestone>button{border:1px solid rgba(231,189,92,.4);border-radius:999px;background:none;color:var(--eng-gold);font-weight:800;padding:10px 16px;margin-top:10px;cursor:pointer}.share-milestone>small{display:block;color:#8de0b4;margin-top:5px}@media (max-width:560px){.engagement-page{padding:18px 12px 110px}.daily-path-steps{grid-template-columns:1fr 1fr}.theme-choice-grid{grid-template-columns:1fr}.name-day-card{padding:24px 17px}.journey-day-card{padding:23px 16px}}.home-container{min-height:100vh;min-height:100dvh;width:100%;background-color:#020617;background-image:url(https://www.transparenttextures.com/patterns/stardust.png),radial-gradient(1200px 600px at 50% -200px,rgba(250,204,21,.16),transparent);background-size:320px 320px,auto;background-position:center,top;background-repeat:repeat,no-repeat;display:flex;justify-content:center;align-items:center;padding:1.4rem 1rem;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f9fafb}.home-inner{width:100%;max-width:640px;display:flex;flex-direction:column;gap:1rem;align-items:stretch}.home-badge{align-self:center;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.home-banner{position:relative;text-align:center;padding:1.5rem 1.4rem;background:radial-gradient(circle at top left,#111827,#020617);border-radius:1.2rem;box-shadow:0 22px 60px #000c;border:1px solid rgba(250,204,21,.6);overflow:hidden}.home-glow-orbit{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 10% 0%,rgba(250,204,21,.18),transparent 55%);opacity:.8;pointer-events:none}.home-banner:before{content:"";background-image:url(/images/eid-mubarak.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.08;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-title,.home-subtitle,.home-kicker,.home-progress{position:relative;z-index:1}.home-kicker{display:block;margin-bottom:.45rem;color:#facc15;font-size:.72rem;font-weight:800;letter-spacing:.14em}.home-title{font-size:clamp(1.9rem,4vw,2.4rem);font-weight:700;margin-bottom:.5rem;color:#fef9c3;text-shadow:1px 1px 3px #000}.home-subtitle{font-size:.98rem;line-height:1.5;margin-bottom:0;color:#e5e7eb}.home-progress{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.home-progress span{padding:.35rem .65rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(250,204,21,.25);color:#cbd5e1;font-size:.75rem}.home-progress strong{color:#fde047}.home-meta{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.home-meta-item{flex:1 1 220px;max-width:280px;padding:.65rem .8rem;border-radius:.9rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.7)}.home-meta-label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:.1rem}.home-meta-value{font-size:.86rem;color:#e5e7eb}.home-actions{margin-top:.4rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center}.start-button{padding:.7rem 1.6rem;font-size:.98rem;font-weight:600;background:linear-gradient(135deg,#facc15,#fbbf24);color:#111827;border:none;border-radius:999px;cursor:pointer;box-shadow:0 14px 30px #000000b3;transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out}.start-button span{margin-left:.5rem}.home-trust{margin:0;font-size:.72rem;color:#94a3b8}.dashboard-button{width:min(100%,430px);min-height:58px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:.7rem;padding:.7rem 1rem;border:1px solid rgba(250,204,21,.42);border-radius:17px;background:linear-gradient(120deg,#78581438,#0f172af2);color:#f8fafc;cursor:pointer;text-align:left}.dashboard-button>span{grid-row:1/3;color:#facc15;font-size:1.45rem}.dashboard-button strong{align-self:end;font-size:.9rem}.dashboard-button small{color:#94a3b8;align-self:start}.dashboard-button b{grid-column:3;grid-row:1/3;color:#facc15}.dashboard-button:hover{border-color:#fde047;transform:translateY(-1px)}.dashboard-button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.home-quick-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.25rem}.home-quick-actions button{min-height:82px;border-radius:16px;border:1px solid rgba(148,163,184,.38);background:#0f172ae6;color:#f8fafc;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;text-align:left;padding:.75rem}.home-quick-actions button>span{grid-row:1 / 3;font-size:1.45rem}.home-quick-actions strong{font-size:.88rem;align-self:end}.home-quick-actions small{color:#94a3b8;align-self:start}.home-game-return{width:100%;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .9rem;border:1px solid rgba(56,189,248,.42);border-radius:16px;background:linear-gradient(120deg,#0e749033,#0f172af0);color:#f8fafc;text-align:left;cursor:pointer}.home-game-return>span:first-child{font-size:1.4rem}.home-game-return>span:nth-child(2){display:grid;gap:.08rem}.home-game-return small{color:#7dd3fc;font-size:.62rem;letter-spacing:.12em}.home-game-return strong{font-size:.88rem}.home-game-return b{color:#facc15}.home-game-return:hover{border-color:#7dd3fc;transform:translateY(-1px)}.home-game-return:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.explore-button{width:min(100%,330px);min-height:46px;border:1px solid rgba(125,211,252,.72);border-radius:999px;background:linear-gradient(135deg,#1e40afc7,#0f172afa);color:#fef3c7;font-weight:700;cursor:pointer;padding:.68rem 1.25rem;box-shadow:0 10px 24px #00000080,inset 0 1px #ffffff14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.explore-button span:first-child{margin-right:.3rem}.explore-button span:last-child{margin-left:.35rem}.explore-button:hover{transform:translateY(-1px);border-color:#fde047;box-shadow:0 14px 30px #000000a6,0 0 18px #38bdf826}.explore-button:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.home-discovery-links{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.home-discovery-links button{border:0;background:transparent;color:#cbd5e1;text-decoration:underline;cursor:pointer;font-size:.78rem}.home-discovery-links span{color:#475569}.start-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 38px #000000d9}.home-helper-text{font-size:.8rem;color:#9ca3af}@media (max-width: 480px){.home-container{padding:1.2rem .9rem}.home-banner{padding:1.25rem 1.15rem}.home-meta-item{flex:1 1 100%;max-width:100%}.start-button{width:100%}.home-quick-actions{grid-template-columns:1fr}}.music-player{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));z-index:25;box-sizing:border-box;color:#f8fafc;font-family:Poppins,system-ui,sans-serif}.music-player.expanded{width:min(260px,calc(100vw - 24px));padding:9px;border:1px solid rgba(250,204,21,.45);border-radius:14px;background:#081427f0;box-shadow:0 12px 32px #00000094;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.music-player-header{display:flex;align-items:center;gap:7px;padding:0 2px 7px 4px;color:#cbd5e1;font-size:.72rem;font-weight:700}.music-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#64748b}.music-status-dot.playing{background:#4ade80;box-shadow:0 0 8px #4ade80cc;animation:music-pulse 1.4s ease-in-out infinite}.music-collapse-button{width:27px;height:24px;margin-left:auto;padding:0;border:1px solid rgba(148,163,184,.36);border-radius:7px;background:#0f172abf;color:#e2e8f0;font-size:1rem;line-height:1;cursor:pointer}.music-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.music-actions button{padding:7px 8px;border:1px solid #fde047;border-radius:8px;background:#facc15;color:#0a1440;font-size:.76rem;font-weight:800;cursor:pointer}.music-actions button:hover{background:#eab308}.music-expand-button{min-width:48px;min-height:48px;padding:5px 9px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(250,204,21,.58);border-radius:999px;color:#111827;background:linear-gradient(135deg,#fde047,#f59e0b);box-shadow:0 10px 28px #0000007a;font-weight:800;cursor:pointer}.music-expand-button>span:first-child{font-size:1.25rem}.music-expand-button.playing>span:first-child{animation:music-note 1.1s ease-in-out infinite}.music-collapsed-label{font-size:.7rem}.music-message{display:block;margin-top:6px;color:#fecaca;font-size:.64rem;line-height:1.35}.music-player button:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}@keyframes music-pulse{50%{opacity:.5}}@keyframes music-note{50%{transform:translateY(-2px) rotate(-8deg)}}@media (max-width: 480px){.music-player.expanded{width:min(232px,calc(100vw - 20px))}.music-player{bottom:max(9px,env(safe-area-inset-bottom));right:max(9px,env(safe-area-inset-right))}.music-collapsed-label{display:none}.music-expand-button{min-width:46px;padding:5px}}@media (max-width: 700px){body.has-mobile-app-nav .music-player{bottom:calc(82px + env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}body.has-mobile-app-nav .music-player.expanded{transform-origin:bottom right}body.immersive-route .music-player{display:none}}@media (min-width: 701px) and (max-width: 1000px){body.has-mobile-app-nav .music-player{bottom:max(96px,calc(82px + env(safe-area-inset-bottom)))}}@media (prefers-reduced-motion: reduce){.music-status-dot.playing,.music-expand-button.playing>span:first-child{animation:none}}.mobile-app-nav,.mobile-nav-space{display:none}@media (max-width:700px){.mobile-nav-space{display:block;height:148px;flex:0 0 148px}.mobile-app-nav{position:fixed;z-index:100;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;padding:6px;background:#051620f5;border:1px solid rgba(227,184,90,.24);border-radius:18px;box-shadow:0 14px 45px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-app-nav button{min-width:0;flex:1;border:0;border-radius:12px;background:transparent;color:#80979c;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.mobile-app-nav button span{font-size:19px;line-height:1.1}.mobile-app-nav button small{font-size:10px}.mobile-app-nav button.active{color:#f4cd72;background:#e3b85a1a}.journey-nav{display:none!important}}