:root{--bg:#fff;--bg-2:#f7f8fa;--ink:#0b0d12;--muted:#5b6472;--line:#e7e9ee;--card:#fff;--accent:#6d5efc;--accent-2:#c14bf0;--shadow:0 10px 40px #14143214;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0a0b0f;--bg-2:#111219;--ink:#f4f5f8;--muted:#9aa3b2;--line:#20232d;--card:#14161d;--accent:#8b7bff;--accent-2:#d066f5;--shadow:0 10px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.skip-link{z-index:100;background:var(--ink);color:var(--bg);border-radius:0 0 8px 8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-100%;left:1rem}.skip-link:focus{top:0}body{color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}.grad{background:linear-gradient(100deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav{border-bottom:1px solid var(--line);z-index:50;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{letter-spacing:-.03em;color:var(--ink);font-size:1.3rem;font-weight:800;text-decoration:none}.nav-links a{color:var(--muted);margin-left:1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:1.1rem;transition:transform .2s,background .2s;display:grid}.theme-toggle:hover{transform:rotate(20deg)scale(1.05)}.lang-toggle{background:var(--card);border:1px solid var(--line);cursor:pointer;color:var(--muted);letter-spacing:.02em;appearance:none;border-radius:6px;padding:.2rem .55rem;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1.6;transition:color .2s,border-color .2s}.lang-toggle:hover{color:var(--ink);border-color:var(--ink)}.lang-toggle option{background:var(--card);color:var(--ink);font-weight:500}.nav-actions{align-items:center;gap:.5rem;display:flex}.hamburger{border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;transition:transform .2s,background .2s;display:none}.hamburger:hover{transform:scale(1.05)}.hamburger span{background:var(--ink);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger.is-active span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.toast{z-index:100;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;white-space:nowrap;border-radius:12px;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;transition:transform .35s,opacity .35s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 8px 32px #00000040}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.nav-overlay{z-index:35;opacity:0;visibility:hidden;pointer-events:none;background:#0006;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}@media (width<=640px){.hamburger{display:flex}.nav{padding:.75rem 1rem}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;z-index:40;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .3s,opacity .3s,visibility .3s;display:flex;position:fixed;top:65px;left:0;right:0;transform:translateY(-100%)}.nav-links.is-active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{background:var(--bg-2);border-radius:10px;margin:0;padding:.75rem 1rem;font-size:1.05rem}.nav-links a:hover{color:var(--accent)}}.hero{text-align:center;max-width:820px;margin:0 auto;padding:7rem 1.5rem 6rem;position:relative}.hero:before{content:"";background:radial-gradient(circle, var(--accent), transparent 60%);opacity:.18;filter:blur(40px);z-index:-1;width:600px;max-width:90vw;height:600px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-badge{border:1px solid var(--line);background:var(--bg-2);color:var(--muted);border-radius:999px;margin-bottom:1.75rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;display:inline-block}.hero h1{letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:900;line-height:1.05}.hero p{color:var(--muted);max-width:560px;margin:1.5rem auto 2.5rem;font-size:1.2rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-links{flex-wrap:wrap;justify-content:center;gap:0;margin-top:2rem;display:flex}.hero-links a{color:var(--muted);letter-spacing:.01em;padding:0 .65rem;font-size:.8rem;text-decoration:none;transition:color .2s;position:relative}.hero-links a+a:before{content:"·";color:var(--line);position:absolute;left:-.15rem}.hero-links a:hover{color:var(--accent)}a,button,input,textarea,select{touch-action:manipulation}.btn{cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:12px;padding:.9rem 1.9rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:inline-block}.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 40%, transparent)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{transform:translateY(-2px)}.btn-complete{color:#fff;background:#059669;border-color:#059669}.btn-complete:hover{transform:translateY(-2px)}.section{max-width:1000px;margin:0 auto;padding:5.5rem 1.5rem}section[id]{scroll-margin-top:5rem}.section-title{text-align:center;letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.section-sub{text-align:center;color:var(--muted);max-width:560px;margin:.75rem auto 3rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:2rem;transition:transform .2s,border-color .2s}.card:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));transform:translateY(-6px)}.card-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:1rem;transition:transform .25s,background .25s,color .25s;display:grid}.card-icon svg{width:24px;height:24px}.card:hover .card-icon{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff;transform:rotate(-6deg)scale(1.1)}.card h3{margin-bottom:.5rem;font-size:1.2rem}.card p{color:var(--muted)}.why-input{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--ink);resize:vertical;border-radius:10px;min-height:3rem;margin-top:.75rem;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.why-input:focus{border-color:var(--accent);outline:none}.steps{max-width:100%;margin:0 auto;list-style:none}.steps li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:.9rem;padding:1.25rem 1.5rem;transition:transform .2s,border-color .2s}.steps li:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));transform:translateY(-3px)}.step-body strong{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.05rem;display:flex}.step-expand .step-body strong .chev{animation:2s ease-in-out infinite chev-pulse}@keyframes chev-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}.step-body strong .chev{color:var(--muted);transition:transform .25s}.step-expand.is-open .step-body strong .chev{transform:rotate(180deg)}.step-body p{color:var(--muted);margin:0;font-size:.95rem}.step-expand{cursor:pointer}.step-detail{background:var(--bg-2);opacity:0;border-radius:12px;gap:.75rem;max-height:0;margin-top:1rem;padding:1.25rem 1rem;transition:max-height .35s,opacity .35s;display:grid;overflow:hidden}.step-expand.is-open .step-detail{opacity:1;max-height:600px}.detail-group h4{color:var(--accent);margin-bottom:.3rem;font-size:.85rem;font-weight:700}.detail-group p{color:var(--muted);font-size:.88rem;line-height:1.5}.detail-group .os{font-weight:600}.detail-group a{color:var(--accent);text-decoration:underline}.act-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem;display:grid}.act-grid div{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:.5rem .75rem;font-size:.85rem;line-height:1.4}.act-grid strong{color:var(--ink)}.examples{margin-top:.75rem}.examples>p{color:var(--ink);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.82rem;transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.is-active{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.science-list{gap:.9rem;max-width:720px;margin:0 auto;display:grid}.sci-item{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;transition:border-color .2s;overflow:hidden}.sci-item[open]{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.sci-item summary{cursor:pointer;align-items:center;gap:.75rem;padding:1.1rem 1.4rem;font-weight:600;list-style:none;display:flex}.sci-item summary::-webkit-details-marker{display:none}.sci-item summary .chev{color:var(--muted);flex:none;margin-left:auto;transition:transform .25s}.sci-item[open] summary .chev{transform:rotate(180deg)}.sci-item summary .dot{background:linear-gradient(100deg, var(--accent), var(--accent-2));border-radius:50%;flex:none;width:9px;height:9px}.sci-body{color:var(--muted);padding:0 1.4rem 1.3rem 3rem}.sci-body p{margin:0 0 .75rem}.sci-body cite{color:var(--accent);font-size:.82rem;font-style:normal;display:block}.sci-note{text-align:center;color:var(--muted);max-width:640px;margin:2rem auto 0;font-size:.85rem}.tracker{text-align:center;background:var(--card);border:1px solid var(--line);max-width:460px;box-shadow:var(--shadow);border-radius:22px;margin:0 auto;padding:3rem 1.5rem;animation:.5s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.count{font-variant-numeric:tabular-nums;font-size:5rem;font-weight:900;line-height:1}.label{color:var(--muted);margin-bottom:1.75rem}.tracker-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.achievements{border-top:1px solid var(--line);text-align:left;margin-top:2.25rem;padding-top:1.75rem}.achievements-title{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;display:flex}.achievements-title .chev{color:var(--muted);flex:none;transition:transform .25s}.achievements.is-open .achievements-title .chev{transform:rotate(180deg)}.achievements-body{opacity:0;max-height:0;transition:max-height .35s,opacity .35s;overflow:hidden}.achievements.is-open .achievements-body{opacity:1;max-height:2000px}.achievements .best{text-align:center;background:linear-gradient(100deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-weight:700}.achievements ul{gap:.6rem;list-style:none;display:grid}.achievements li{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:600;display:flex}.achievements .badges-earned{flex-wrap:wrap;justify-content:flex-start;gap:.4rem}.achievements .badges-earned>span:first-child{white-space:nowrap;margin-right:.25rem;font-weight:600}.achievements .ach-badge{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#fff;border-radius:999px;padding:.2rem .65rem;font-size:.82rem;font-weight:500}.lb-form{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:640px;margin:0 auto 1.5rem;display:flex}.lb-form input[type=text],.lb-form input[type=date]{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;flex:180px;padding:.85rem 1rem;font-size:1rem}.lb-status{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 1.5rem;font-size:.9rem}.lb-status.is-error{color:#ef4444}.lb-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid var(--line);max-width:760px;box-shadow:var(--shadow);border-radius:18px;margin:0 auto;overflow:auto hidden}.lb-table{border-collapse:collapse;background:var(--card);width:100%}.lb-table th,.lb-table td{text-align:left;border-bottom:1px solid var(--line);padding:1rem 1.1rem}.lb-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem}.lb-table tr:last-child td{border-bottom:none}.lb-table td:first-child,.lb-table td:nth-child(3){font-variant-numeric:tabular-nums}.lb-table .rank{background:linear-gradient(100deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.lb-table .badge{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-size:.82rem;font-weight:500;display:inline-block}.lb-empty td{text-align:center;color:var(--muted)}.titles{max-width:760px;margin:3rem auto 0}.titles h3{text-align:center;margin-bottom:1.5rem}.titles ul{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;list-style:none;display:grid}.titles li{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;display:flex}.titles li .days{background:linear-gradient(100deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.cta{text-align:center;padding:6rem 1.5rem}.cta h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.cta p{color:var(--muted);margin-top:.75rem}footer{text-align:center;border-top:1px solid var(--line);color:var(--muted);padding:3rem 1.5rem;font-size:.85rem}.footer-inner{max-width:720px;margin:0 auto}.footer-links{flex-wrap:wrap;justify-content:center;margin-bottom:.75rem;display:flex}.footer-links a{color:var(--muted);padding:0 .6rem;font-size:.85rem;text-decoration:none;transition:color .2s;position:relative}.footer-links a+a:before{content:"·";color:var(--line);position:absolute;left:-.15rem}.footer-links a:hover{color:var(--ink)}.footer-text{opacity:.7;font-size:.8rem}@media (width<=640px){.hero{padding:5rem 1rem 4rem}.section{padding:3.5rem 1rem}main{flex-direction:column;align-items:center;display:flex}main .hero{order:1}main #track{order:2}main #why{order:3}main #steps{order:4}main #science{order:5}main #leaderboard{order:6}main .cta{order:7}.section-sub{margin-left:auto;margin-right:auto}.card{padding:1.25rem}.grid{gap:.75rem}.steps li{padding:1rem 1.1rem}.step-detail{padding:1rem .75rem}.detail-group{margin-bottom:.75rem}.detail-group:last-child{margin-bottom:0}.act-grid{grid-template-columns:1fr}.sci-item summary{padding:.85rem 1rem;font-size:.95rem}.sci-body{padding:0 1rem 1rem 2.5rem}.lb-form input[type=text],.lb-form input[type=date]{flex:100%}.lb-table th,.lb-table td{padding:.75rem .8rem;font-size:.9rem}.titles ul{grid-template-columns:1fr}.cta{padding:4rem 1rem}.count{font-size:4rem}.tracker{padding:2rem 1rem}}.faith-list{gap:.75rem;max-width:720px;margin:0 auto;display:grid}.faith-item{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;transition:border-color .2s;overflow:hidden}.faith-item[open]{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.faith-item summary{cursor:pointer;align-items:center;gap:.65rem;padding:1rem 1.25rem;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.faith-item summary::-webkit-details-marker{display:none}.faith-item summary .chev{color:var(--muted);flex:none;margin-left:auto;transition:transform .25s}.faith-item[open] summary .chev{transform:rotate(180deg)}.faith-icon{flex:none;font-size:1.3rem}.faith-body{color:var(--muted);padding:0 1.25rem 1.1rem 3rem;font-size:.93rem;line-height:1.65}.faith-body p{margin:0}.seo-content p{color:var(--muted);max-width:720px;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.75}#seo-guide .section-title{max-width:720px;margin-left:auto;margin-right:auto}.modal-overlay{z-index:200;opacity:0;visibility:hidden;background:#00000080;place-items:center;padding:1rem;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.modal-overlay.is-open{opacity:1;visibility:visible}.modal{background:var(--card);border:1px solid var(--line);border-radius:20px;width:100%;max-width:420px;padding:2rem;transition:transform .3s;transform:scale(.92);box-shadow:0 20px 60px #0000004d}.modal-overlay.is-open .modal{transform:scale(1)}.modal-message{color:var(--ink);text-align:center;margin-bottom:1.75rem;font-size:1.05rem;line-height:1.6}.modal-actions{justify-content:center;gap:.75rem;display:flex}.modal-actions .btn{min-width:100px}.faq-list{max-width:720px;margin:2rem auto 0}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem}.faq-question{color:var(--ink);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.faq-answer p{color:var(--muted);margin-bottom:1rem;font-size:1rem;line-height:1.7}.faq-answer p:last-child{margin-bottom:0}.faq-answer em{color:var(--ink);font-style:italic}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.auth-section{align-items:center;gap:.5rem;display:flex}.btn-auth{padding:.35rem .75rem;font-size:.85rem}.auth-user{color:var(--ink);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.auth-username:before{content:"👤";margin-right:.25rem;font-size:.9rem}.auth-modal-overlay{z-index:1000;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.auth-modal-overlay.is-open{opacity:1}.auth-modal{background:var(--bg);border-radius:1rem;width:90%;max-width:380px;padding:2rem;box-shadow:0 20px 60px #0000004d}.auth-modal-title{color:var(--ink);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form input{border:1.5px solid var(--border);background:var(--bg);color:var(--ink);border-radius:.625rem;outline:none;padding:.7rem 1rem;font-size:1rem;transition:border-color .2s}.auth-form input:focus{border-color:var(--accent)}.auth-error{color:#e53e3e;margin:0;font-size:.9rem}.auth-modal-actions{gap:.5rem;margin-top:.25rem;display:flex}.auth-modal-actions .btn{flex:1}.lb-form .btn{width:100%}tr.is-me{background:color-mix(in srgb, var(--accent) 10%, transparent);outline:1px solid var(--accent)}@media (width<=640px){.auth-section{gap:.35rem}.btn-auth{padding:.25rem .6rem;font-size:.8rem}}
