:root{--ink:#18261f;--muted:#667069;--cream:#fbf9f3;--paper:#fffefa;--coral:#f36f4c;--coral-dark:#d95536;--yellow:#f5cf62;--blue:#aebddf;--pink:#f7d2c6;--line:#dedfd7;--green:#2f5c46;--shadow:0 16px 45px #1f33281a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7b94c8}h1,h2,h3,p{margin-top:0}.landing h1,.landing h2,.app-shell h1,.complete-page h1,.practice h1{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif}.loading{height:100vh;color:var(--green);justify-content:center;align-items:center;gap:10px;display:flex}.logo{letter-spacing:-1px;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:4px;font-size:22px;font-weight:800;display:flex}.logo span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-7deg)}.btn{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2f5c4633}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-large{padding:15px 22px}.btn-small{padding:10px 17px}.btn-outline{color:var(--ink);background:0 0;border:1px solid #cfd1c8}.btn-ghost{color:var(--ink);background:#edece5}.btn-danger{background:#a34338}.btn-full{width:100%;margin-top:22px}.text-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.card-label,.section-kicker{letter-spacing:1.5px;color:var(--coral-dark);font-size:12px;font-weight:800}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;height:74px;margin:auto;padding:0 24px;display:flex}.landing-nav nav{gap:35px;display:flex}.landing-nav a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1180px;min-height:660px;margin:auto;padding:65px 24px 75px;display:grid}.eyebrow{letter-spacing:.7px;text-transform:uppercase;background:#ecefe7;border-radius:20px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.hero h1{margin:24px 0;font-size:68px;line-height:.98}.hero h1 em,.complete-page h1 em{color:var(--coral);font-weight:400}.hero-copy>p{color:#4e5952;max-width:540px;font-size:19px;line-height:1.6}.hero-actions{align-items:center;gap:15px;margin:29px 0;display:flex}.trust{color:#6d766f;flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.trust span{align-items:center;gap:4px;display:flex}.trust svg{color:var(--green)}.hero-visual{padding:25px 10px 25px 35px;position:relative}.hero-visual:before{content:"";z-index:-1;background:#f4d462;border-radius:48% 52% 42% 58%;position:absolute;inset:-30px -25px;transform:rotate(-4deg)}.sun{background:#e06340;border-radius:50%;width:9px;height:9px;position:absolute}.sun:before,.sun:after{content:"";background:#e06340;width:20px;height:2px;position:absolute;top:3px;left:-6px}.sun:after{transform:rotate(90deg)}.sun-one{top:-16px;right:42px}.sun-two{bottom:-6px;left:8px}.preview-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #28322814;border-radius:14px;padding:25px;transform:rotate(1deg)}.preview-top{justify-content:space-between;gap:10px;display:flex}.preview-top small{letter-spacing:1px;color:#7b817b;font-weight:800}.preview-top h3{margin:7px 0 4px;font-family:Georgia,serif;font-size:28px}.preview-top p{color:var(--muted);font-size:13px}.streak-pill{color:#d55c36;background:#fff0e5;border-radius:18px;align-self:flex-start;gap:5px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.progress-label{justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.progress{background:#e8e8e1;border-radius:9px;height:6px;margin:8px 0 15px;overflow:hidden}.progress i{background:var(--coral);width:50%;height:100%;display:block}.preview-steps>div{border-bottom:1px solid #ecece7;align-items:center;gap:12px;padding:11px 6px;display:flex}.preview-steps>div>span{border:1px solid #d5d7cf;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.preview-steps .done>span{background:var(--green);color:#fff}.preview-steps .done b{color:#778079;text-decoration:line-through}.preview-steps .active{background:#fdf4df;border-radius:8px;padding:11px}.preview-steps .active>span{background:var(--coral);color:#fff;border:0}.preview-steps b,.preview-steps small{font-size:13px;display:block}.preview-steps small{color:#868c86;margin-top:4px;font-size:11px}.preview-btn{background:var(--green);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:13px;font-weight:700;display:flex}.floating-note{box-shadow:var(--shadow);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex;position:absolute;bottom:-3px;right:-28px;transform:rotate(-3deg)}.floating-note svg{color:var(--coral)}.how{text-align:center;background:#fff;padding:100px max(24px,50vw - 566px)}.how h2,.why h2{margin:14px 0;font-size:46px}.section-sub{color:var(--muted)}.how-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:55px;display:grid}.how article{border-top:1px solid var(--line);padding:30px 15px 0;position:relative}.step-num{color:#dbded7;font-family:Georgia,serif;font-size:35px;position:absolute;top:30px;right:8px}.icon-box{border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.icon-box.pink{background:var(--pink)}.icon-box.yellow{background:#f8dc7f}.icon-box.blue{background:#d9e0f1}.how h3{margin:20px 0 12px;font-family:Georgia,serif;font-size:22px}.how article p{color:var(--muted);font-size:14px;line-height:1.6}.why{background:#e9edf7;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1132px;margin:100px auto;padding:75px;display:grid}.why p{color:#5f6963;line-height:1.6}.why blockquote{border-left:3px solid var(--coral);margin:0;padding:25px 0 25px 35px;font-family:Georgia,serif;font-size:24px;line-height:1.5}.landing footer{border-top:1px solid var(--line);max-width:1132px;color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:28px 0 35px;font-size:12px;display:flex}.app-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.app-header nav{align-items:center;gap:8px;height:100%;display:flex}.app-header nav button{color:#657069;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:100%;padding:0 18px;font-weight:700;display:flex}.app-header nav button.selected{color:var(--ink);border-bottom-color:var(--coral)}.mobile-menu{background:0 0;border:0;display:none}.page{max-width:1060px;margin:auto;padding:55px 24px 90px}.welcome{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.date{color:var(--coral-dark);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.welcome h1{margin:10px 0;font-size:40px}.welcome p{color:var(--muted)}.streak-box{color:#d75938;background:#fff0e8;border:1px solid #f4d1c1;border-radius:10px;align-items:center;gap:10px;padding:13px 18px;display:flex}.streak-box strong{font-size:20px}.empty-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:65px 25px;box-shadow:0 8px 30px #323c320a}.empty-card h2{margin:20px 0 10px;font-family:Georgia,serif;font-size:31px}.empty-card p{max-width:500px;color:var(--muted);margin:0 auto 25px;line-height:1.6}.empty-card small{color:#8a918c;margin-top:13px;display:block}.empty-art{background:#f6d876;border-radius:50%;place-items:center;width:82px;height:82px;margin:auto;display:grid;position:relative}.empty-art svg{width:35px;height:35px}.empty-art i,.empty-art b{color:var(--coral);font-size:22px;position:absolute}.empty-art i{top:0;right:-15px}.empty-art b{bottom:4px;left:-12px}.today-card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:36px;padding:28px;box-shadow:0 5px 25px #2832280d}.today-heading{justify-content:space-between;align-items:center;display:flex}.today-heading h2{margin:6px 0;font-family:Georgia,serif;font-size:31px}.today-heading p{color:var(--muted);margin:0}.ring{background:conic-gradient(var(--coral) var(--p),#e7e8e1 0);border-radius:50%;place-items:center;width:70px;height:70px;display:grid;position:relative}.ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.ring span{z-index:1;font-size:13px;font-weight:800}.make-session{background:#fff3d4;border:1px solid #ecdaa5;border-radius:12px;align-items:center;gap:20px;margin-bottom:38px;padding:22px;display:flex}.make-session h2{margin:0 0 5px;font-family:Georgia,serif}.make-session p{color:var(--muted);margin:0}.section-row{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-row h2{margin:6px 0 0;font-family:Georgia,serif;font-size:28px}.song-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.song-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.song-cover{background:#e1e7f4;justify-content:center;align-items:center;height:120px;display:flex;position:relative}.song-cover>svg{color:#57705f;width:42px;height:42px}.song-cover>span{background:#fff;border-radius:13px;padding:5px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.song-body{padding:18px}.song-body h3{margin:0 0 4px;font-family:Georgia,serif;font-size:22px}.song-body>p{color:var(--muted);font-size:13px}.song-meta{color:#747d77;gap:12px;margin:18px 0;font-size:11px;display:flex}.song-meta span{align-items:center;gap:4px;display:flex}.song-actions{gap:8px;display:flex}.song-actions .btn{flex:1;padding:10px}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:40px}.back{cursor:pointer;color:#5d6861;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-weight:700;display:flex}.builder-head{justify-content:space-between;align-items:end;margin:28px 0;display:flex}.builder-head h1,.settings h1{margin:10px 0;font-size:42px}.builder-head p,.settings>p{color:var(--muted)}.builder-step{color:var(--coral);align-items:center;gap:8px;font-weight:800;display:flex}.builder-step span{background:var(--line);width:30px;height:2px}.form-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:38px}.form-section{gap:25px;display:flex}.form-number{background:var(--yellow);border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-weight:800;display:grid}.form-number.coral{background:var(--coral);color:#fff}.form-content{flex:1}.form-content h2{margin:4px 0 7px;font-family:Georgia,serif;font-size:25px}.form-content>p{color:var(--muted);font-size:14px}.fields{grid-template-columns:2fr 2fr 1.2fr;gap:15px;margin-top:25px;display:grid}label{font-size:12px;font-weight:800}label span{color:var(--coral)}label small{float:right;color:#8a918c;font-weight:400}input{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd3ca;border-radius:7px;margin-top:7px;padding:12px;display:block}input:focus{border-color:#7e9a88}.divider{background:var(--line);height:1px;margin:40px 0}.sections-list{flex-direction:column;gap:14px;margin-top:24px;display:flex}.section-editor{background:#f7f6f0;border:1px solid #e1e2da;border-radius:10px;padding:18px}.section-editor-head{justify-content:space-between;margin-bottom:15px;display:flex}.section-editor-head button{color:#9b5546;cursor:pointer;background:0 0;border:0}.two-cols{grid-template-columns:110px 1fr;gap:14px;margin-top:14px;display:grid}.add-section{cursor:pointer;background:#fff;border:1px dashed #9fa99f;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:15px;padding:13px;font-weight:700;display:flex}.section-tip{color:#5d665f;background:#fff5d9;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:15px;font-size:12px;display:flex}.form-error{color:#a23f32;background:#fff0ed;border-radius:7px;margin:25px 0 0;padding:12px}.form-footer{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.session-page{background:#f6f3eb;min-height:100vh}.session-header{background:#fff;grid-template-columns:1fr 1fr 1fr;align-items:center;height:70px;padding:0 30px;display:grid}.session-header>div{text-align:center;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.session-header>span{text-align:right;color:var(--muted);font-size:12px}.session-progress{background:#dfdfd8;height:5px}.session-progress i{background:var(--coral);height:100%;transition:width .4s;display:block}.practice{text-align:center;max-width:700px;margin:auto;padding:65px 24px}.step-tag{color:var(--coral-dark);letter-spacing:1.3px;font-size:12px;font-weight:800}.practice h1{margin:15px 0;font-size:45px}.practice blockquote{color:#68726b;border-left:3px solid var(--yellow);background:#fff;border-radius:5px;margin:0 auto 25px;padding:14px;font-family:Georgia,serif}.timer{cursor:pointer;background:#fff;border:8px solid #e3e1d9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;margin:30px auto 22px;display:flex;box-shadow:0 8px 30px #28322814}.timer span{font-family:Georgia,serif;font-size:48px}.timer i{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin:12px 0 6px;display:grid}.timer small{color:var(--muted);font-weight:700}.timer.running{border-color:#efae98}.complete-btn{margin:auto;display:flex}.up-next{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:45px;display:flex}.up-next button{color:#899089;cursor:pointer;background:0 0;border:0;max-width:130px;font-size:11px}.up-next span{border:1px solid #c7cbc4;border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto 6px;display:grid}.up-next span svg{width:14px}.up-next .current{color:var(--ink);font-weight:800}.up-next .current span{background:var(--coral);border-color:var(--coral);color:#fff}.up-next .is-done span{background:var(--green);color:#fff}.modal-backdrop{z-index:50;background:#131c178c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;max-width:440px;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:32px}.modal .icon-box{margin:auto}.modal h2{margin:18px 0 10px;font-family:Georgia,serif;font-size:26px}.modal p{color:var(--muted);line-height:1.5}.modal>div:last-child{justify-content:center;gap:10px;margin-top:25px;display:flex}.complete-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:45px 24px;display:flex;position:relative;overflow:hidden}.complete-icon{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:80px;height:80px;margin-bottom:22px;display:grid}.complete-icon svg{width:38px;height:38px}.complete-page h1{margin:15px 0;font-size:49px;line-height:1}.complete-page>p{max-width:570px;color:var(--muted);line-height:1.6}.complete-stats{border:1px solid var(--line);background:#fff;border-radius:12px;margin:22px 0 30px;display:flex}.complete-stats div{grid-template-columns:auto auto;align-items:center;gap:4px 8px;padding:18px 30px;display:grid}.complete-stats div+div{border-left:1px solid var(--line)}.complete-stats svg{color:var(--coral)}.complete-stats strong{font-size:25px}.complete-stats span{color:var(--muted);grid-column:1/3;font-size:11px}.confetti{color:var(--yellow);word-spacing:180px;font-size:25px;position:absolute;top:12%}.confetti i{color:var(--coral)}.confetti b{color:#8da4d6}.no-session{text-align:center}.no-session h1{margin-top:22px}.no-session p{color:var(--muted)}.settings{max-width:800px}.settings>.card-label{margin-top:30px;display:block}.settings section{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:35px;padding:28px}.settings section h2{font-family:Georgia,serif}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.setting-row p{color:var(--muted);margin:5px 0 0;font-size:13px}@media (max-width:800px){.landing-nav nav{display:none}.landing-nav{padding:0 18px}.hero{grid-template-columns:1fr;padding-top:40px;overflow:hidden}.hero h1{font-size:49px}.hero-visual{margin:30px 10px}.floating-note{right:-5px}.how{padding-top:70px}.how-grid{grid-template-columns:1fr}.why{grid-template-columns:1fr;margin:50px 20px;padding:40px 28px}.landing footer{flex-wrap:wrap;gap:15px;margin:0 20px}.app-header nav{height:auto;box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:68px;left:0;right:0}.app-header nav.open{display:flex}.app-header nav button{border:0;height:48px}.mobile-menu{display:block}.welcome{align-items:flex-start}.streak-box{padding:10px}.song-grid{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.session-header{grid-template-columns:1fr 1fr}.session-header>div{display:none}.practice h1{font-size:38px}}@media (max-width:560px){.landing-nav .btn{font-size:0}.landing-nav .btn svg{margin:0}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:43px}.hero-actions{flex-direction:column;align-items:stretch}.trust{gap:9px}.preview-card{padding:18px}.hero-visual{padding-left:0}.streak-pill{position:absolute;right:13px}.how h2,.why h2{font-size:37px}.why{border-radius:12px}.welcome{display:block}.welcome h1{font-size:34px}.streak-box{display:inline-flex}.song-grid{grid-template-columns:1fr}.section-row{align-items:center}.builder-head{display:block}.form-card{padding:22px 16px}.form-section{gap:12px}.form-number{flex-basis:32px;height:32px}.two-cols{grid-template-columns:1fr}.form-footer{flex-direction:column-reverse}.form-footer .btn{width:100%}.session-header{padding:0 15px}.practice{padding-top:45px}.timer{width:210px;height:210px}.modal>div:last-child{flex-direction:column}.complete-page h1{font-size:41px}.complete-stats div{padding:14px}.setting-row{flex-direction:column;align-items:flex-start;gap:20px}.form-content h2{font-size:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.switch{cursor:pointer;background:#cfd3cc;border:0;border-radius:20px;width:48px;height:27px;padding:3px;transition:background .2s}.switch span{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;display:block;box-shadow:0 1px 4px #0003}.switch.on{background:var(--green)}.switch.on span{transform:translate(21px)}