@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;500;600&display=swap";:root{color:#f5efe0;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#edc660;--line:#eebc4a4d;--muted:#eeede7a1;--panel:linear-gradient(160deg,#132548eb,#0c1831eb);background:#060b15;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(at 50% 0,#123266 0%,#0c172f 45%,#050a14 100%) fixed}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.content{flex:1;min-width:0;padding:38px 40px 70px}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030914d9;flex-direction:column;flex:0 0 256px;width:256px;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:85px;padding:0 23px;display:flex}.brand-mark,.square-icon,.support-icon{color:#14203a;background:linear-gradient(135deg,#f7d778,#e9ac18);place-items:center;display:grid;box-shadow:0 10px 28px #e8ae1f24}.brand-mark{border-radius:50%;width:36px;height:36px}.brand-name{letter-spacing:.035em;text-transform:uppercase;color:#eed184;flex-direction:column;font:500 13px/17px Cinzel,serif;display:flex}.brand-name small{font:inherit}.side-nav{flex:1;padding:13px 12px;overflow-y:auto}.side-nav a{color:#f1ecdca6;border-radius:22px;align-items:center;gap:13px;height:41px;margin-bottom:3px;padding:0 12px;font-size:15px;transition:all .2s;display:flex}.side-nav a:hover{color:#fff7df;background:#ffffff0a}.side-nav a.active{color:#18213a;background:linear-gradient(110deg,#f7d684,#ebad0a);box-shadow:0 8px 22px #eaab0a24}.sidebar-footer{border-top:1px solid var(--line);color:#eeece46b;place-items:center;height:48px;font-size:10px;display:grid}.mobile-nav{display:none}.page-header{margin-bottom:31px}.eyebrow{color:#dfc47c;letter-spacing:.32em;text-transform:uppercase;margin:0 0 5px;font:500 12px/1.4 Cinzel,serif}.page-header h1,.welcome h1{letter-spacing:.015em;text-transform:uppercase;background:linear-gradient(135deg,#f5dea0,#d49a31);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 7px;font:500 36px/1.16 Cinzel,serif}.subtitle{max-width:760px;color:var(--muted);margin:0;font-size:16px;line-height:1.55}.progress-card{border:1px solid var(--line);background:linear-gradient(160deg,#132445bf,#0c1831bf);border-radius:24px;min-height:82px;margin-bottom:31px;padding:22px 24px;box-shadow:0 20px 50px -25px #000c}.progress-label{color:#eeede7b0;justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.progress-label strong{color:var(--gold)}.progress-track{background:#050a168c;border:1px solid #eebc4a57;border-radius:999px;height:8px;padding:1px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#e7b53d,#ffd97b);height:100%;transition:width .35s;display:block}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;height:166px;padding:24px;transition:all .22s;box-shadow:0 20px 50px -25px #000c,0 0 0 1px #eebc4a14}.dashboard-card:hover{border-color:#eebc4a7a;transform:translateY(-2px);box-shadow:0 24px 52px -23px #000000d9,0 0 28px #eebc4a1f}.card-top{color:#f5efda8c;justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.square-icon{border-radius:16px;width:49px;height:49px}.dashboard-card h2,.protection-card h2,.day-card h2,.audio-card h2{color:#efd28a;text-transform:uppercase;margin:0 0 4px;font:500 18px/28px Cinzel,serif}.dashboard-card p,.protection-card p,.day-card p,.audio-card p{color:var(--muted);margin:0;font-size:14px;line-height:20px}.welcome{text-align:center;place-items:center;min-height:calc(100vh - 108px);display:grid}.welcome-inner{width:min(760px,100%)}.welcome h1{font-size:45px}.welcome h1 span{display:block}.welcome-copy{max-width:630px;color:var(--muted);margin:10px auto 28px;font-size:18px;line-height:1.65}.welcome .progress-card{text-align:left}.day-counter{color:var(--muted);margin:-18px 0 27px;font-size:13px}.gold-button,.soft-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 22px;font-weight:600;transition:all .2s;display:inline-flex}.gold-button{color:#152039;background:linear-gradient(110deg,#f7d684,#ebad0a);box-shadow:0 10px 30px #eaab0a2e}.gold-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.gold-button.compact{min-height:42px}.soft-button{color:#e8dfca;border:1px solid var(--line);background:#11203de6}.soft-button:hover,.soft-button.selected{color:#18213a;background:linear-gradient(110deg,#f7d684,#ebad0a)}button:disabled{opacity:.42;cursor:not-allowed!important;filter:none!important;transform:none!important}.text-link{color:#d8bd74;text-underline-offset:4px;width:max-content;margin:17px auto 0;font-size:14px;text-decoration:underline;display:block}.actions{flex-wrap:wrap;gap:11px;margin-top:24px;display:flex}.instruction{color:var(--muted);text-align:center;margin:17px 0;font-size:14px}.sacred-panel{background:radial-gradient(circle at 50% 25%,#38589252,#0a162df5);border:1px solid #eebc4a6b;border-radius:30px;place-items:center;min-height:245px;padding:45px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 65px -30px #000}.prayer{z-index:1;color:#f3d891;text-align:center;max-width:850px;margin:0;font:500 25px/1.7 Cinzel,serif;position:relative}.prayer.smaller{font-size:21px}.watermark{color:#eebc4a0b;width:190px;height:190px;position:absolute}.code-panel{min-height:270px}.back-link{color:#d9bd74;align-items:center;gap:7px;width:max-content;margin-bottom:25px;font-size:14px;display:flex}.stack{gap:16px;display:grid}.day-card,.audio-card,.journal-form,.entry-card,.stat-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;box-shadow:0 20px 50px -28px #000000d9}.day-card,.audio-card{padding:24px}.day-card.locked{opacity:.58}.day-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.day-badge{color:#edc96c;letter-spacing:.16em;text-transform:uppercase;font:500 11px/1 Cinzel,serif;display:inline-block}.done-label,.lock-label{align-items:center;gap:5px;font-size:12px;display:flex}.done-label{color:#e9c45e}.lock-label{color:var(--muted)}.day-card textarea,.journal-form textarea,.journal-form input{color:#f1ebdc;background:#040c1ba3;border:1px solid #eebc4a38;border-radius:14px;outline:none;width:100%}.day-card textarea{resize:vertical;min-height:86px;margin-top:16px;padding:13px}.day-card textarea:focus,.journal-form textarea:focus,.journal-form input:focus{border-color:#eebc4aa6;box-shadow:0 0 0 3px #eebc4a14}.audio-player{filter:sepia(.2)saturate(.8);width:100%;height:44px;margin-top:17px}.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.check-item{color:var(--muted);cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.check-item input{opacity:0;position:absolute}.check-item span{border:1px solid var(--line);color:#0000;background:#040c1b99;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.check-item input:checked+span{color:#16213a;background:linear-gradient(135deg,#f7d778,#e9ac18)}.protection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.protection-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;align-items:flex-start;gap:18px;min-height:150px;padding:24px;transition:all .2s;display:flex}.protection-card:hover{border-color:#eebc4a7a;transform:translateY(-2px)}.protection-card strong{color:#e4c46e;align-items:center;gap:5px;margin-top:14px;font-size:13px;display:flex}.journal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:24px;display:grid}.journal-form label{color:#d8cda9;gap:7px;font-size:13px;display:grid}.journal-form label:first-child,.journal-form label:nth-child(4),.journal-form label:nth-child(5),.journal-form button{grid-column:1/-1}.journal-form textarea{resize:vertical;min-height:92px;padding:12px}.journal-form input{height:45px;padding:0 12px}.journal-form button{width:max-content}.entries{margin-top:30px}.entries h2{color:#edd185;font:500 21px/1.4 Cinzel,serif}.empty{color:var(--muted)}.entry-card{margin-top:12px;padding:20px}.entry-head{color:#edcc77;justify-content:space-between;align-items:center;display:flex}.entry-head button{color:#c5bda9;cursor:pointer;background:0 0;border:0}.entry-card p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.entry-card b{color:#e7d9b7}.progress-message{color:var(--muted);text-align:center;margin:-15px 0 26px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.stat-card{color:#e5c266;align-items:center;gap:15px;padding:21px;display:flex}.stat-card p{color:var(--muted);margin:0 0 5px;font-size:13px}.stat-card strong{color:#f1d27c;font:500 18px/1.3 Cinzel,serif}.stat-card:last-child{grid-column:1/-1}.support{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 110px);display:flex}.support-icon{border-radius:22px;width:70px;height:70px;margin-bottom:20px}.support .page-header{margin-bottom:24px}.toast{z-index:100;border:1px solid var(--line);color:#f2e4bd;background:#101c34;border-radius:14px;max-width:420px;padding:14px 18px;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #000}@media (width<=1080px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.sidebar{display:none}.content{padding:27px 18px 102px}.mobile-nav{z-index:50;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030914f5;grid-template-columns:repeat(5,1fr);height:76px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{color:#f1ecdc91;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:9px;display:flex}.mobile-nav a.active{color:var(--gold)}.page-header{margin-bottom:23px}.page-header h1{font-size:28px}.subtitle{font-size:14px}.progress-card{border-radius:19px;margin-bottom:20px;padding:18px}.dashboard-grid,.protection-grid,.stats-grid{grid-template-columns:1fr;gap:13px}.dashboard-card{border-radius:20px;height:154px;padding:20px}.welcome{min-height:calc(100vh - 150px)}.welcome h1{font-size:31px}.welcome-copy{font-size:15px}.sacred-panel{border-radius:24px;min-height:245px;padding:28px 22px}.prayer{font-size:20px;line-height:1.65}.prayer.smaller{font-size:18px}.actions{grid-template-columns:1fr;display:grid}.actions button{width:100%}.day-card,.audio-card{border-radius:20px;padding:19px}.check-grid{grid-template-columns:1fr}.protection-card{min-height:unset;padding:19px}.journal-form{grid-template-columns:1fr;padding:19px}.journal-form label,.journal-form label:first-child,.journal-form label:nth-child(4),.journal-form label:nth-child(5),.journal-form button{grid-column:1}.journal-form button{width:100%}.stat-card:last-child{grid-column:1}.toast{text-align:center;bottom:91px;left:15px;right:15px}}@media (width<=410px){.page-header h1{font-size:25px}.dashboard-card h2,.protection-card h2,.day-card h2,.audio-card h2{font-size:17px}.prayer{font-size:18px}}@media (width<=767px){.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
