*{box-sizing:border-box}:root{--cream:#fdf1dc;--cream-soft:#fffaf1;--blush:#eeb3b1;--blush-dark:#a85f5c;--blush-soft:#fbe0de;--sage:#7a5636;--sage-light:#b08d6e;--sage-soft:#e3e7bd;--text-main:#4a3a2c;--text-muted:#85766a;--on-pastel:#5c3a1c;--white:#fff;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-soft:0 8px 24px #7a563614;--shadow-card:0 4px 16px #7a56360f}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--sage);margin:0 0 .5em;font-family:Montserrat,sans-serif;font-weight:700;line-height:1.25}h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}p{margin:0 0 1em}.muted{color:var(--text-muted);font-size:14px}.center-text{text-align:center}a{color:var(--blush-dark)}button,input,textarea,select{font-family:inherit;font-size:16px}input,textarea,select{border:1.5px solid var(--sage-soft);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--text-main);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--blush);box-shadow:0 0 0 3px #eeb3b159}textarea{resize:vertical;font-family:inherit}label{color:var(--sage);flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.optional{color:var(--text-muted);font-weight:400}.field-error{color:var(--blush-dark);font-size:13px;font-weight:500}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--blush);color:var(--on-pastel);box-shadow:0 6px 16px #eeb3b173}.btn-primary:hover{background:#e6a3a0}.btn-secondary{background:var(--sage-soft);color:var(--sage)}.btn-secondary:hover{background:#d8dda8}.btn-ghost{color:var(--sage);border:1.5px solid var(--sage-soft);background:0 0}.btn-ghost:hover{background:var(--sage-soft)}.btn-large{padding:16px 32px;font-size:16px}.btn-small{padding:8px 16px;font-size:13px}.btn-full{width:100%}.chip{background:var(--white);border:1.5px solid var(--sage-soft);color:var(--sage);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{background:var(--blush-soft);border-color:var(--blush);color:var(--blush-dark)}.badge{background:var(--sage-soft);color:var(--sage);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-right:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.nav{background:var(--cream-soft);z-index:50;border-bottom:1px solid #7a56361a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex;position:sticky;top:0}.nav-logo{color:var(--sage);font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-link{color:var(--text-muted);border-bottom:2px solid #0000;padding:6px 4px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.active,.nav-link:hover{color:var(--blush-dark);border-bottom-color:var(--blush)}.nav-greeting{color:var(--sage);font-size:14px;font-weight:600}.landing{flex-direction:column;display:flex}.hero{text-align:center;max-width:760px;margin:0 auto;padding:80px 24px 56px}.eyebrow{background:var(--blush-soft);color:var(--blush-dark);letter-spacing:.03em;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.hero h1{margin-bottom:20px;font-size:44px}.hero-sub{color:var(--text-muted);max-width:600px;margin:0 auto 32px;font-size:18px}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.referral-banner{background:var(--sage-soft);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 48px);max-width:900px;margin:0 auto 64px;padding:24px 32px;display:flex}.referral-banner strong{color:var(--sage);font-size:17px}.referral-banner p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.features,.testimonials{text-align:center;width:100%;max-width:1080px;margin:0 auto;padding:24px 24px 64px}.feature-grid,.testimonial-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;display:grid}.feature-card,.testimonial-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 24px}.feature-icon{margin-bottom:12px;font-size:32px}.feature-card p,.testimonial-card p{color:var(--text-muted);font-size:15px}.testimonial-card span{color:var(--sage);margin-top:12px;font-size:14px;font-weight:700;display:block}.final-cta{text-align:center;background:linear-gradient(180deg, transparent, var(--blush-soft) 60%);padding:56px 24px 96px}.auth-page{justify-content:center;padding:56px 24px;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);width:100%;max-width:460px;padding:40px}.auth-sub{color:var(--text-muted);margin-bottom:20px}.demo-notice{background:var(--sage-soft);color:var(--sage);border-radius:var(--radius-sm);margin-bottom:24px;padding:12px 16px;font-size:13px}.auth-foot{text-align:center;color:var(--text-muted);margin-top:16px;font-size:14px}.discover-page{max-width:900px;margin:0 auto;padding:48px 24px 80px}.challenge-box{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;margin-bottom:40px;padding:36px}.challenge-form{flex-direction:column;align-items:center;gap:14px;max-width:600px;margin:24px auto 0;display:flex}.challenge-form textarea{width:100%}.quick-picks{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.verse-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.verse-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:24px;display:flex}.verse-tags{margin-bottom:4px}.verse-text{color:var(--text-main);flex:1;font-style:italic}.verse-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.note-label{margin-top:8px}.empty-state{text-align:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:56px 24px}.empty-icon{margin-bottom:12px;font-size:40px}.loading-state{text-align:center;padding:56px 24px}.spinner{border:4px solid var(--sage-soft);border-top-color:var(--blush);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bible-page{max-width:900px;margin:0 auto;padding:48px 24px 80px}.bible-search{flex-wrap:wrap;gap:10px;margin:20px 0 32px;display:flex}.bible-search input{flex:1;min-width:220px}.bible-controls{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:20px 24px;display:flex}.bible-controls label{min-width:140px;margin-bottom:0}.view-toggle{gap:8px;margin-left:auto;display:flex}.chip-active{background:var(--blush);border-color:var(--blush);color:var(--on-pastel)}.verse-stepper{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.verse-stepper select{width:auto}.chapter-view h2{text-align:center}.chapter-verses{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:24px 28px;display:flex}.verse-row{border-bottom:1px solid #7a563614;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.verse-row:last-child{border-bottom:none;padding-bottom:0}.verse-row .verse-num{color:var(--blush-dark);min-width:24px;font-weight:800}.verse-row p{flex:1;margin:0}.library-page{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.library-controls{flex-wrap:wrap;gap:12px;margin:20px 0 28px;display:flex}.library-controls input{flex:1;min-width:220px}.library-controls select{width:auto}.memorize-page{text-align:center;max-width:640px;margin:0 auto;padding:48px 24px 80px}.memorize-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 12px;display:flex}.stat-pill{background:var(--sage-soft);color:var(--sage);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.progress-bar-track{background:var(--sage-soft);border-radius:999px;height:10px;margin-bottom:36px;overflow:hidden}.progress-bar-fill{background:var(--blush);border-radius:999px;height:100%;transition:width .3s}.flashcard{perspective:1200px;cursor:pointer;height:260px;margin-bottom:28px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex;position:absolute;inset:0}.flashcard-back{background:var(--blush-soft);transform:rotateY(180deg)}.level-dots{gap:8px;display:flex}.dot{background:var(--sage-soft);border-radius:50%;width:10px;height:10px}.dot.filled{background:var(--blush)}.memorize-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.toast-stack{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--sage-soft);color:var(--on-pastel);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);cursor:pointer;max-width:320px;padding:14px 20px;font-size:14px;font-weight:600;animation:.25s slideIn}.toast-success{background:var(--sage-soft)}.toast-error{background:var(--blush-soft)}.toast-info{background:#dbe8f0}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=860px){.feature-grid,.testimonial-grid{grid-template-columns:1fr}.nav{padding:14px 20px}}@media (width<=600px){.hero h1{font-size:32px}.hero{padding:56px 20px 40px}.nav-links{order:3;justify-content:center;width:100%}.auth-card{padding:28px 20px}.challenge-box{padding:24px}.referral-banner{text-align:center;flex-direction:column}}