@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap');
.studio-page .karaoke-card .player .loop-button span,.profile-page .karaoke-card .player .loop-button span{font-size:13px}
.profile-page .karaoke-card:fullscreen .player .loop-button[aria-pressed="true"],.profile-page .karaoke-card.fullscreen-fallback .player .loop-button[aria-pressed="true"],.studio-page .karaoke-card:fullscreen .player .loop-button[aria-pressed="true"],.studio-page .karaoke-card.fullscreen-fallback .player .loop-button[aria-pressed="true"]{background:#ffbf8f;color:#173b38;box-shadow:0 0 0 3px #fff8}.profile-page .karaoke-card:fullscreen .karaoke-center .karaoke-line,.profile-page .karaoke-card.fullscreen-fallback .karaoke-center .karaoke-line,.studio-page .karaoke-card:fullscreen .karaoke-center .karaoke-line,.studio-page .karaoke-card.fullscreen-fallback .karaoke-center .karaoke-line{font-size:clamp(25px,4vw,62px);line-height:1.18;transform:none}.profile-page .karaoke-card:fullscreen .karaoke-center h3,.profile-page .karaoke-card.fullscreen-fallback .karaoke-center h3,.studio-page .karaoke-card:fullscreen .karaoke-center h3,.studio-page .karaoke-card.fullscreen-fallback .karaoke-center h3{margin:0;font-size:clamp(20px,3vw,45px);line-height:1.15}
.karaoke-card .karaoke-seek{display:block;width:100%;height:22px;margin:0;cursor:pointer;accent-color:#ffbf8f;background:transparent;touch-action:pan-y}.karaoke-card:fullscreen .karaoke-center,.karaoke-card.fullscreen-fallback .karaoke-center{display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2vh,24px);min-height:0;overflow-y:auto}.karaoke-card:fullscreen .karaoke-center h3,.karaoke-card.fullscreen-fallback .karaoke-center h3{flex:none;margin:0;max-width:100%;font-size:clamp(20px,3vw,45px);line-height:1.15;overflow-wrap:anywhere}.karaoke-card:fullscreen .karaoke-lines,.karaoke-card.fullscreen-fallback .karaoke-lines{flex:none;min-height:0;gap:clamp(5px,1vh,14px);padding:4px 0}.karaoke-card:fullscreen .karaoke-line,.karaoke-card.fullscreen-fallback .karaoke-line{font-size:clamp(25px,4vw,62px);line-height:1.18;transform:none}.karaoke-card:fullscreen .karaoke-line.active,.karaoke-card.fullscreen-fallback .karaoke-line.active{transform:none}.karaoke-card:fullscreen .karaoke-spark,.karaoke-card.fullscreen-fallback .karaoke-spark{font-size:clamp(18px,3vh,30px)}.karaoke-card:fullscreen #karaoke-status,.karaoke-card:fullscreen #library-karaoke-status,.karaoke-card.fullscreen-fallback #karaoke-status,.karaoke-card.fullscreen-fallback #library-karaoke-status{margin:0;flex:none}.karaoke-card:fullscreen .player .loop-button[aria-pressed="true"],.karaoke-card.fullscreen-fallback .player .loop-button[aria-pressed="true"]{background:#ffbf8f;color:#173b38;box-shadow:0 0 0 3px #fff8}.karaoke-card:fullscreen .player .loop-button[aria-pressed="false"],.karaoke-card.fullscreen-fallback .player .loop-button[aria-pressed="false"]{background:#31574f;color:#fff}.karaoke-card .player .loop-button[aria-pressed="true"]{background:#ffbf8f;color:#173b38;box-shadow:0 0 0 3px #fff8}.karaoke-card .player .loop-button span{font-size:13px}@media(max-height:520px){.karaoke-card:fullscreen .karaoke-spark,.karaoke-card.fullscreen-fallback .karaoke-spark{display:none}.karaoke-card:fullscreen .karaoke-line,.karaoke-card.fullscreen-fallback .karaoke-line{font-size:clamp(20px,4vw,38px)}}
#library-karaoke{margin:20px 0}.library-panel #library-karaoke-status{font-size:11px;color:#b9d7c7;margin:18px 0 0}.library-panel .player .loop-button,.library-panel .karaoke-card:fullscreen .player .loop-button,.library-panel .karaoke-card.fullscreen-fallback .player .loop-button{width:auto;height:40px;border-radius:999px;padding:0 14px;background:#31574f;color:#fff;font-size:13px}.library-panel .player .loop-button[aria-pressed="true"]{background:#ffbf8f;color:#173b38}.library-song-copy{border:1px solid #cbdcd0;border-radius:10px;background:#fff;color:#174d3d;padding:10px;font-weight:800}@media(max-width:520px){.library-panel .player{gap:8px}.library-panel .player .loop-button{padding:0 10px}.library-panel .player .loop-button span{font-size:0}.library-song-copy{grid-column:1/-1}}
.final-karaoke .player .loop-button,.karaoke-card:fullscreen .player .loop-button,.karaoke-card.fullscreen-fallback .player .loop-button{width:auto;height:40px;border-radius:999px;padding:0 14px;background:#31574f;color:#fff;font-size:13px}.final-karaoke .player .loop-button[aria-pressed="true"]{background:#ffbf8f;color:#173b38}.karaoke-playlist{max-width:890px;margin:18px auto 0;padding:18px 20px;background:#f3f8f3;border:1px solid #dce9df;border-radius:16px;color:#183b39}.karaoke-playlist p{margin:0;font-weight:800}.karaoke-playlist details{margin-top:12px}.karaoke-playlist summary{cursor:pointer;font-size:14px;font-weight:800}.karaoke-playlist-songs{display:grid;gap:8px;margin-top:12px}.karaoke-playlist-song{text-align:left;padding:12px;border:1px solid #d2e1d6;background:white;border-radius:10px;color:#183b39;font-weight:700}.karaoke-playlist [role=status]{margin-top:8px;font-size:12px;color:#667e70}@media(max-width:520px){.final-karaoke .player{gap:8px}.final-karaoke .player .loop-button{padding:0 10px;font-size:12px}.final-karaoke .player .loop-button span{font-size:0}.karaoke-playlist{padding:15px}}
.submit-status{text-align:center;color:#166b62;font-size:12px;font-weight:700;line-height:1.5;min-height:18px;margin:9px 0 0}.submit-status.error{color:#b95743}.button:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.account-box{margin-left:auto;display:flex;align-items:center;gap:11px;padding:8px 11px;border:1px solid #d4e6dd;border-radius:100px;background:#f5fff8;color:#315d54;font-size:11px;font-weight:800;white-space:nowrap}.account-box span{max-width:170px;overflow:hidden;text-overflow:ellipsis}.account-box a{color:#bf5d4c;text-decoration:underline;text-underline-offset:2px}.account-box a[hidden]{display:none}.history-panel{max-width:1120px;margin:24px auto 0;background:#f8faf5;border:1px solid var(--line);border-radius:24px;padding:27px 30px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-heading h3{font:900 22px 'Nunito',sans-serif;margin:4px 0}.history-heading p{color:var(--muted);font-size:12px;margin:0}.history-private{font-size:11px;font-weight:800;color:#52766b;white-space:nowrap}.requests-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:19px}.history-empty{grid-column:1/-1;color:#84988d;font-size:13px;margin:0}.request-item{border:1px solid #dfe9df;border-radius:14px;background:white;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.request-item strong{display:block;font:900 15px 'Nunito',sans-serif;line-height:1.2}.request-item small{display:block;color:#82968b;margin-top:5px;font-size:10px}.request-item button{border:1px solid #a7c9b8;border-radius:9px;background:#e4f2e9;color:#215e50;font-size:11px;font-weight:800;padding:8px 10px;white-space:nowrap}.status-pill{display:inline-block;font-size:10px;font-weight:900;border-radius:100px;padding:5px 8px;background:#f4ead5;color:#8b6b2f;white-space:nowrap}.status-pill.completed{background:#dff1e3;color:#277252}.status-pill.failed{background:#ffebe6;color:#af5a49}@media(max-width:800px){.requests-list{grid-template-columns:1fr}.history-panel{padding:22px}.account-box{margin-left:auto}.account-box span{max-width:110px}}@media(max-width:500px){.account-box{font-size:10px;gap:5px;padding:7px 9px}.account-box span{max-width:90px}.history-heading{align-items:flex-start;flex-direction:column}.history-private{align-self:flex-start}}
.auth-section{padding:26px 20px 48px}.auth-card{max-width:480px;margin:auto;padding:33px;background:#fffdfa;border:1px solid var(--line);border-radius:24px;box-shadow:0 15px 35px #26413814}.auth-card h2{font:900 30px 'Nunito',sans-serif;letter-spacing:-1px;margin:9px 0}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.5}.auth-tabs{display:flex;gap:8px;background:#f1f6ef;border-radius:12px;padding:5px;margin:20px 0}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:10px;color:#668078;font-size:12px;font-weight:800}.auth-tabs button.active{background:white;color:var(--teal);box-shadow:0 2px 7px #183b3915}.auth-form label,.invites-panel label{display:block;font-size:12px;font-weight:800;margin:14px 0 6px}.auth-form input,.invites-panel input{width:100%;border:1.5px solid #dfe6dd;background:white;border-radius:11px;padding:12px 13px;outline:none;color:var(--ink)}.auth-form input:focus,.invites-panel input:focus{border-color:#3f9c85;box-shadow:0 0 0 3px #3f9c8522}.bootstrap-email{font-size:12px;color:var(--teal);font-weight:800;background:#edf7ed;border-radius:9px;padding:10px}.invites-panel{max-width:1120px;margin:24px auto 0;background:#eef5f0;border:1px solid #d7e8d9;border-radius:24px;padding:27px 30px}.invites-panel h3{font:900 22px 'Nunito',sans-serif;margin:5px 0}.invites-panel p{color:var(--muted);font-size:12px;margin:0}.invite-fields{display:flex;align-items:center;gap:10px}.invite-fields input{flex:1}.invite-fields button{white-space:nowrap}.invite-result{margin-top:14px;font-size:12px;color:var(--teal);overflow-wrap:anywhere}.invite-result input{margin-top:7px;background:white}.invite-result button{margin-top:8px;border:1px solid #98bea9;border-radius:8px;background:#e0f2e8;color:var(--teal);padding:7px 10px;font-weight:800}@media(max-width:600px){.invite-fields{flex-direction:column;align-items:stretch}.invite-fields button{width:100%}.auth-card,.invites-panel{padding:22px}}[hidden]{display:none!important}
.secondary-action{margin-top:12px}.music-result-panel{max-width:1120px;margin:24px auto 0;background:#f3f0fb;border:1px solid #ded6ef;border-radius:24px;padding:28px 30px}.music-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.music-result-heading h3{font:900 24px 'Nunito',sans-serif;margin:5px 0}.music-result-heading p{color:var(--muted);font-size:12px;margin:0}.generated-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:21px}.generated-track{display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center;background:white;border:1px solid #e4dff0;border-radius:17px;padding:15px}.generated-track img{width:82px;height:82px;object-fit:cover;border-radius:12px;background:#e8eee3}.generated-track h4{font:900 17px 'Nunito',sans-serif;margin:0 0 3px}.generated-track p{font-size:11px;color:var(--muted);margin:0 0 9px}.generated-track audio{width:100%;height:36px}.learning-question{margin-top:18px;background:white;border:1px solid #ded6ef;border-radius:17px;padding:20px}.learning-question h4{font:900 18px 'Nunito',sans-serif;margin:0 0 12px}.question-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.question-option{border:1px solid #cfded4;border-radius:11px;background:#f8fbf8;color:var(--ink);padding:11px;text-align:left;font-weight:700}.question-option.correct{background:#dff1e3;border-color:#70ad91;color:#246a4d}.question-option.incorrect{background:#ffebe6;border-color:#e9a897;color:#9e4d3c}.question-feedback{font-size:12px;color:var(--muted);margin:11px 0 0}@media(max-width:700px){.generated-tracks,.question-options{grid-template-columns:1fr}.music-result-panel{padding:22px}.generated-track{grid-template-columns:64px 1fr}.generated-track img{width:64px;height:64px}}
:root{--ink:#183b39;--muted:#66807c;--cream:#fff8ec;--paper:#fffdfa;--teal:#166b62;--coral:#ff735c;--line:#e5e9df;--mint:#e1f3e7;--lavender:#eee9fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:82px;max-width:1280px;margin:auto;padding:0 38px;display:flex;align-items:center;gap:46px}.brand{font:900 27px 'Nunito',Arial,sans-serif;letter-spacing:-1.7px;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--coral);border-radius:11px;color:white;font-size:24px;letter-spacing:0;transform:rotate(-10deg)}.brand-dot{color:var(--coral)}nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:700}nav a:hover,.text-link:hover{color:var(--coral)}.tag{font-size:12px;font-weight:800;color:#496c66;border:1px solid #d4e6dd;border-radius:100px;padding:8px 14px;background:#f5fff8}.hero{min-height:580px;max-width:1280px;margin:auto;padding:48px 38px 72px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.1px;color:var(--teal)}.eyebrow-star{color:var(--coral);font-size:18px;vertical-align:-1px;margin-right:6px}.hero h1{font:900 clamp(43px,5.4vw,73px)/1.06 'Nunito',Arial,sans-serif;letter-spacing:-3.8px;max-width:700px;margin:21px 0}.hero h1 em{font-style:normal;color:var(--coral)}.hero-copy>p{font-size:17px;line-height:1.7;max-width:530px;color:#60736e}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{border:0;min-height:50px;padding:13px 21px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:23px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #183b3922}.button-primary{background:var(--coral);color:white;box-shadow:0 5px 0 #e75d48}.text-link{font-size:14px;font-weight:800}.hero-note{display:flex;align-items:center;gap:13px;font-size:12px;color:#687c75;margin-top:38px}.avatar-stack{display:flex;padding-left:6px}.avatar-stack i{font-style:normal;font-weight:800;color:var(--ink);display:grid;place-items:center;width:28px;height:28px;margin-left:-6px;border:2px solid var(--cream);border-radius:50%;background:#b3dec9}.avatar-stack i:nth-child(2){background:#ffd6bd}.avatar-stack i:nth-child(3){background:#d7c9ed}.hero-art{height:485px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:48% 44% 42% 47%;background:#e9f5e7}.sun-disc{width:310px;height:310px;border-radius:50%;background:#f8d99b;position:absolute;top:33px;right:55px;display:grid;place-items:center}.sun-disc span{color:#f6c674;font-size:200px}.orbit{position:absolute;border:2px dashed #a5cdbc;border-radius:50%;width:370px;height:370px;transform:rotate(20deg)}.orbit-two{width:485px;height:485px;transform:rotate(-15deg)}.record{width:288px;height:288px;border-radius:50%;background:repeating-radial-gradient(circle at center,#163f3b 0,#163f3b 10px,#24534e 11px,#24534e 13px);box-shadow:0 22px 35px #173c3a40;display:grid;place-items:center;transform:rotate(-16deg);z-index:2}.record-center{width:118px;height:118px;border-radius:50%;background:var(--coral);border:7px solid #fcd5aa;display:grid;place-items:center;text-align:center;color:white;font:900 27px/.8 'Nunito',sans-serif;letter-spacing:-1px}.floating-note{position:absolute;font-size:55px;color:var(--coral);z-index:4}.note-one{top:42px;left:55px;transform:rotate(-18deg)}.note-two{right:25px;top:115px;color:#407d72;transform:rotate(15deg)}.note-three{left:60px;bottom:55px;color:#e5a845;transform:rotate(-10deg)}.art-label{position:absolute;bottom:25px;right:32px;background:white;border:2px solid var(--ink);border-radius:18px;padding:12px 16px;z-index:5;font:900 15px/1.2 'Nunito',sans-serif;transform:rotate(6deg);box-shadow:5px 5px 0 #183b39}.steps-section,.studio-section,.karaoke-section{padding:87px 38px}.steps-section{background:#f3f7ed}.section-heading{max-width:760px;margin:0 auto 41px;text-align:center}.section-heading h2,.closing h2{font:900 clamp(33px,4vw,49px)/1.13 'Nunito',sans-serif;letter-spacing:-2px;margin:11px 0}.section-heading p{color:var(--muted);line-height:1.6;margin:0;font-size:15px}.steps{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-card{position:relative;background:#fffdfa;border:1px solid #e5e9df;border-radius:22px;padding:27px 30px 29px;min-height:222px}.step-number{position:absolute;right:26px;top:21px;color:#b6c9c0;font:900 20px 'Nunito',sans-serif}.step-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;font-size:27px;font-weight:900}.peach{background:#ffe4d5;color:#e47255}.lavender{background:var(--lavender);color:#7962af}.mint{background:var(--mint);color:#3b9e7a}.step-card h3{font:900 20px 'Nunito',sans-serif;letter-spacing:-.5px;margin:18px 0 6px}.step-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.studio-section{background:#fffdfa}.studio-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-card,.preview-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 12px 35px #2641380b}.preview-card{background:#f8faf5}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.card-badge{width:36px;height:36px;border-radius:12px;background:#d9f0e3;color:var(--teal);display:grid;place-items:center;font:900 18px 'Nunito',sans-serif}.card-badge.coral{background:#ffe7dc;color:#e76d52}.card-heading h3{font:900 20px 'Nunito',sans-serif;margin:0}.card-heading p{font-size:12px;color:var(--muted);margin:2px 0 0}.form-card>label,.preview-card>label,legend{display:block;font-size:13px;font-weight:800;margin:18px 0 8px}.form-card input:not([type=radio]),textarea,select{width:100%;background:#fff;border:1.5px solid #dfe6dd;border-radius:11px;padding:13px 14px;color:var(--ink);outline:none}.form-card input:focus,textarea:focus,select:focus{border-color:#3f9c85;box-shadow:0 0 0 3px #3f9c8522}textarea{resize:vertical;line-height:1.5}.field-help{font-size:11px;line-height:1.5;color:#81938a;margin:6px 0 0}fieldset{border:0;margin:0;padding:0}.style-options{display:flex;flex-wrap:wrap;gap:8px}.style-options label{cursor:pointer}.style-options input{position:absolute;opacity:0}.style-options span{display:block;padding:9px 13px;border-radius:100px;border:1.5px solid #dae4db;background:white;font-size:12px;font-weight:700}.style-options input:checked+span{background:#e0f2e8;border-color:#70ad91;color:#14584d}.style-options input:focus-visible+span{outline:3px solid #ff735c;outline-offset:2px}.full{width:100%;margin-top:22px}.form-footnote{text-align:center;color:#87998f;font-size:11px;margin:13px 0 0}.song-cover{display:flex;align-items:center;gap:16px;border-radius:15px;background:#e8eee3;padding:15px;margin-bottom:20px}.mini-record{width:58px;height:58px;border-radius:50%;background:repeating-radial-gradient(circle,#1c4e47 0,#1c4e47 6px,#2a675e 7px,#2a675e 9px);color:#ffbd9d;display:grid;place-items:center;font-size:30px;flex:none}.song-cover div:last-child{display:flex;flex-direction:column;gap:2px}.cover-kicker{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#759083}.song-cover strong{font:900 17px 'Nunito',sans-serif}.song-cover div:last-child span:last-child{font-size:11px;color:#769085}.preview-card textarea{min-height:264px}.button-dark{background:var(--ink);color:white}.karaoke-section{background:#eef5e8}.karaoke-card{max-width:890px;margin:auto;background:#163b38;color:white;border-radius:29px;padding:27px 33px 26px;box-shadow:0 22px 44px #1d433d26}.karaoke-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#a7c7b8}.live-pill{border-radius:100px;padding:7px 11px;background:#28544d;color:#e9f9ec}.live-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff9a72;margin-right:5px}.karaoke-center{text-align:center;min-height:312px;padding:13px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center}.karaoke-spark{font-size:36px;color:#f5bd81}.karaoke-center h3{font:900 24px 'Nunito',sans-serif;letter-spacing:-.7px;margin:3px 0 20px}.karaoke-lines{width:100%;min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.karaoke-line{max-width:100%;color:#8eaaa2;font:800 clamp(16px,2.5vw,27px)/1.25 'Nunito',sans-serif;transition:color .25s,transform .25s;overflow-wrap:anywhere}.karaoke-line.active{color:#ffd69d;transform:scale(1.035)}#karaoke-status{font-size:11px;color:#86a69d;margin:18px 0 0}.player{display:flex;align-items:center;gap:17px;border-top:1px solid #3c6059;padding-top:21px}.player button{border:0;background:#ff866e;color:#173b38;width:47px;height:47px;border-radius:50%;font-size:18px;font-weight:900;flex:none}.player .restart{width:34px;height:34px;background:#31574f;color:white;font-size:25px}.progress-wrap{flex:1}.time-row{display:flex;justify-content:space-between;color:#95b5aa;font-size:11px;margin-bottom:7px}.progress{height:6px;background:#40645d;border-radius:100px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:#ffbf8f;border-radius:inherit}.demo-note{max-width:770px;margin:20px auto 0;text-align:center;color:#648174;font-size:12px;line-height:1.6}.closing{max-width:1160px;margin:70px auto;padding:35px 48px;background:#ff785f;color:white;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing .eyebrow{color:#ffebdc}.closing h2{max-width:540px;font-size:36px}.button-light{background:white;color:#d75e49;white-space:nowrap}footer{max-width:1160px;margin:auto;padding:20px 0 44px;display:flex;align-items:center;justify-content:space-between;color:#84958d;font-size:12px}footer .brand{color:var(--ink);font-size:22px}footer .brand-mark{width:28px;height:28px;font-size:19px}@media(max-width:800px){.topbar{padding:0 20px;gap:10px}.topbar nav{display:none}.top-tag{margin-left:auto}.hero{grid-template-columns:1fr;padding:30px 20px 60px;gap:35px}.hero-art{height:400px}.hero h1{letter-spacing:-2.5px}.steps-section,.studio-section,.karaoke-section{padding:64px 20px}.steps{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr}.closing{margin:50px 20px;padding:30px;flex-direction:column;align-items:flex-start}.closing h2{font-size:31px}footer{padding:10px 20px 40px}}@media(max-width:500px){.topbar{height:69px}.top-tag{font-size:10px;padding:7px 9px}.hero h1{font-size:45px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-art{height:340px}.record{width:235px;height:235px}.sun-disc{width:260px;height:260px}.art-label{font-size:11px;right:17px;bottom:15px}.form-card,.preview-card{padding:21px}.karaoke-card{padding:20px}.karaoke-center{padding-left:3px;padding-right:3px}.karaoke-line{font-size:18px}}

/* Guided creation flow */
.studio-section{background:linear-gradient(180deg,#f8fbf5 0,#fffdfa 38%)}
.wizard-progress{max-width:920px;margin:0 auto 27px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:14px}
.wizard-progress>i{height:5px;border-radius:10px;background:#e3e9e3;position:relative;overflow:hidden}
.wizard-progress>i:after{content:"";display:block;width:0;height:100%;background:#58b84d;transition:width .35s ease}
.wizard-progress[data-current="2"]>i:first-of-type:after,.wizard-progress[data-current="3"]>i:after{width:100%}
.wizard-progress-item{display:flex;align-items:center;gap:10px;color:#93a19a}
.wizard-progress-item>span{width:39px;height:39px;border-radius:14px;background:white;border:2px solid #dfe6df;display:grid;place-items:center;font:900 15px 'Nunito',sans-serif;box-shadow:0 3px 0 #e2e7e2}
.wizard-progress-item div{display:flex;flex-direction:column}.wizard-progress-item strong{font:900 13px 'Nunito',sans-serif}.wizard-progress-item small{font-size:10px;font-weight:700;white-space:nowrap}
.wizard-progress-item.active,.wizard-progress-item.completed{color:#246a4d}.wizard-progress-item.active>span{color:white;background:#58b84d;border-color:#3f9639;box-shadow:0 4px 0 #3f9639}.wizard-progress-item.completed>span{background:#ddf3dc;border-color:#8fcf89;color:#32792d}
.creation-wizard{max-width:1120px;margin:auto}.creation-wizard>form{margin:0}
.wizard-step{background:white;border:2px solid #e5e9e3;border-bottom-width:5px;border-radius:30px;padding:38px 42px;box-shadow:0 14px 38px #183b390d;animation:wizard-in .28s ease}
@keyframes wizard-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.wizard-step-heading{max-width:730px;margin-bottom:29px}.wizard-step-heading h3{font:900 clamp(28px,3.2vw,40px)/1.12 'Nunito',sans-serif;letter-spacing:-1.4px;margin:8px 0}.wizard-step-heading p{color:var(--muted);line-height:1.55;margin:0}.wizard-kicker{display:inline-flex;color:#4d9b45;background:#eaf7e8;border:1px solid #cbe7c7;border-radius:100px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:1.3px}
.content-fields{max-width:810px}.content-fields>label,.preview-card>label,.choice-fieldset>legend{display:block;font-size:13px;font-weight:900;margin:18px 0 8px}.content-fields input,.content-fields textarea{width:100%;background:#fbfcfa;border:2px solid #e2e7e2;border-bottom-width:4px;border-radius:16px;padding:15px 17px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.content-fields input:focus,.content-fields textarea:focus{border-color:#71b969;box-shadow:0 0 0 4px #58b84d1f}.content-fields input{font:800 17px 'Nunito',sans-serif}
.choice-fieldset{margin-top:29px}.choice-help{color:#89988f;font-size:11px;font-weight:600;margin:-3px 0 13px}
.language-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.language-options label,.genre-options label,.age-options label{cursor:pointer}.language-options input,.genre-options input,.age-options input{position:absolute;opacity:0;pointer-events:none}
.language-options span{position:relative;display:flex;flex-direction:column;min-height:85px;padding:16px 18px;background:#fafcfa;border:2px solid #e1e7e1;border-bottom-width:5px;border-radius:18px;transition:.18s}.language-options b{font:900 16px 'Nunito',sans-serif}.language-options small{color:#8a9990;margin-top:3px;font-weight:700}.language-options em{display:none;position:absolute;right:13px;top:13px;width:23px;height:23px;border-radius:50%;background:#58b84d;color:white;font-style:normal;text-align:center;line-height:23px}.language-options input:checked+span{border-color:#58b84d;background:#f1faef;transform:translateY(-2px);box-shadow:0 4px 0 #3f9639}.language-options input:checked+span em{display:block}.language-options input:focus-visible+span,.genre-options input:focus-visible+span,.age-options input:focus-visible+span{outline:3px solid #1cb0f666;outline-offset:3px}
.genre-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.genre-card{display:flex;min-height:178px;flex-direction:column;align-items:center;text-align:center;padding:15px 12px 13px;background:white;border:2px solid #e2e6e2;border-bottom-width:5px;border-radius:22px;transition:.18s}.genre-card>i{width:82px;height:73px;border-radius:18px;display:grid;place-items:center;font-style:normal;font-size:42px;margin-bottom:10px;box-shadow:inset 0 -6px 0 #0000000a}.genre-card.samba>i{background:linear-gradient(145deg,#69dfd3,#2aaeba)}.genre-card.mpb>i{background:linear-gradient(145deg,#b7e86c,#63bd62)}.genre-card.rock>i{background:linear-gradient(145deg,#b79df5,#7559c8)}.genre-card.rap>i{background:linear-gradient(145deg,#ffe264,#f0b934)}.genre-card.funk>i{background:linear-gradient(145deg,#ff8d9a,#ef526b)}.genre-card.infantil>i{background:linear-gradient(145deg,#ffa5db,#c875df)}.genre-card>b{font:900 19px 'Nunito',sans-serif}.genre-card>small{color:#909c96;font-size:10px;font-weight:700}.genre-card>em{width:100%;margin-top:auto;padding:7px;border-radius:10px;background:#f0f3f0;color:#98a39c;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.genre-options input:checked+.genre-card{border-color:#58b84d;transform:translateY(-3px);box-shadow:0 5px 0 #3f9639,0 0 0 4px #58b84d1c}.genre-options input:checked+.genre-card>em{background:#58b84d;color:white}
.age-fieldset{margin-top:34px}.age-options{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.age-options span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:13px;background:#fafbfa;border:2px solid #e1e6e1;border-bottom-width:5px;border-radius:17px;transition:.18s}.age-options i{grid-row:1/3;font-style:normal;font-size:25px}.age-options b{font:900 13px 'Nunito',sans-serif}.age-options small{color:#92a097;font-size:10px;font-weight:700}.age-options input:checked+span{color:white;background:#1cb0f6;border-color:#118dca;transform:translateY(-2px);box-shadow:0 4px 0 #118dca}.age-options input:checked+span small{color:#dff5ff}
.selection-summary{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 2px;padding:13px;border-radius:15px;background:#f4f8f3}.selection-summary span{background:white;border:1px solid #dfe9de;border-radius:100px;padding:7px 11px;color:#4f6c5e;font-size:11px;font-weight:800}
.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px}.wizard-actions.end{justify-content:flex-end}.wizard-next,.wizard-back,.edit-choices{border:0;font-weight:900;transition:.18s}.wizard-next{min-width:190px;padding:15px 22px;border-radius:16px;background:#58b84d;color:white;border:2px solid #3f9639;border-bottom-width:5px;text-transform:uppercase;letter-spacing:.7px}.wizard-next:hover:not(:disabled){transform:translateY(-2px);background:#64c658}.wizard-next:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.wizard-next:disabled{background:#d6ded5;border-color:#bbc5ba;color:#879286;cursor:not-allowed}.wizard-back{padding:14px 19px;border-radius:15px;color:#718078;background:#f4f6f4;border:2px solid #e0e5e0;border-bottom-width:4px}.wizard-back:hover{background:#e9eeea;color:#42564b}.review-heading{display:flex;max-width:none;align-items:flex-start;justify-content:space-between;gap:20px}.edit-choices{padding:10px 13px;border-radius:12px;background:#eef4ee;color:#4b725c;white-space:nowrap}.preview-card{background:#fff}.preview-card .song-cover{background:linear-gradient(135deg,#eaf5e9,#eef1fb);padding:18px}.preview-card textarea{border:2px solid #dfe6dd;border-bottom-width:4px;border-radius:16px;padding:16px}
@media(max-width:850px){.wizard-progress-item div{display:none}.wizard-progress{max-width:520px}.genre-options{grid-template-columns:repeat(2,1fr)}.age-options{grid-template-columns:repeat(2,1fr)}.age-options label:last-child{grid-column:1/-1}.wizard-step{padding:30px}.language-options{grid-template-columns:1fr}.review-heading{flex-direction:column}.edit-choices{align-self:flex-start}}
@media(max-width:520px){.wizard-progress{gap:7px}.wizard-progress-item>span{width:34px;height:34px;border-radius:11px}.wizard-step{padding:23px 19px;border-radius:23px}.genre-options{gap:10px}.genre-card{min-height:156px;padding:11px 8px}.genre-card>i{width:66px;height:62px;font-size:34px}.age-options{grid-template-columns:1fr}.age-options label:last-child{grid-column:auto}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions.end{align-items:stretch}.wizard-next,.wizard-back{width:100%}.selection-summary{margin-top:20px}.review-heading h3{font-size:27px}}

/* Separate landing page and creation studio */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-page{min-height:100vh;overflow-x:hidden}.home-main{min-height:calc(100vh - 82px);display:grid;align-items:center}.home-page .hero{min-height:calc(100vh - 82px);padding-top:30px;padding-bottom:55px}.home-topbar{max-width:1280px}.header-cta,.back-home{display:inline-flex;align-items:center;gap:9px;margin-left:auto;border:1px solid #d9e6dc;border-bottom-width:3px;border-radius:13px;background:#f4faf5;color:#2d6656;padding:10px 15px;font-size:12px;font-weight:900}.header-cta:hover,.back-home:hover{background:#e8f5eb;transform:translateY(-1px)}
.studio-page{background:#f4f7f3}.studio-main{min-height:calc(100vh - 82px)}.studio-topbar{max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e3e9e4;position:sticky;top:0;z-index:30}.studio-topbar .back-home{margin-left:18px}.studio-topbar .account-box{margin-left:auto}.studio-section{padding-top:54px}.studio-intro{max-width:1120px;margin:0 auto 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-intro h1{font:900 clamp(35px,4.6vw,56px)/1.05 'Nunito',sans-serif;letter-spacing:-2.4px;margin:10px 0}.studio-intro p{margin:0;color:var(--muted)}.intro-symbols{display:flex;align-items:center;padding-right:8px}.intro-symbols span{width:58px;height:58px;display:grid;place-items:center;border:4px solid #f4f7f3;border-radius:19px;color:white;font:900 25px 'Nunito',sans-serif;margin-left:-8px;transform:rotate(-4deg);box-shadow:0 6px 14px #213e3520}.intro-symbols span:nth-child(1){background:#ff735c}.intro-symbols span:nth-child(2){background:#1cb0f6;transform:rotate(5deg)}.intro-symbols span:nth-child(3){background:#8d6bd1;transform:rotate(-2deg)}
.studio-page .wizard-progress{max-width:1000px;margin-bottom:24px}.studio-page .wizard-step{background:#fff;border-color:#dfe6df;padding:34px}.studio-page .wizard-step-heading{max-width:none;margin:0 0 24px}.studio-page .wizard-step-heading h2{font:900 clamp(28px,3.2vw,40px)/1.12 'Nunito',sans-serif;letter-spacing:-1.4px;margin:8px 0}.form-zone{border:2px solid;border-bottom-width:5px;border-radius:24px;padding:24px 26px;margin-top:19px}.zone-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.zone-heading .zone-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:white;font:900 22px 'Nunito',sans-serif;box-shadow:inset 0 -5px 0 #00000014}.zone-heading div{display:flex;flex-direction:column}.zone-heading strong{font:900 19px 'Nunito',sans-serif}.zone-heading small{margin-top:2px;font-size:11px;font-weight:700;opacity:.68}.content-zone{background:#f0f8ff;border-color:#c8e5f5}.content-zone .zone-icon{background:#1cb0f6}.language-zone{background:#f7f2ff;border-color:#dfd0f4}.language-zone .zone-icon{background:#8d6bd1}.style-zone{background:#fff9e9;border-color:#f1dfad}.style-zone .zone-icon{background:#f4b73b}.age-zone{background:#eefaf4;border-color:#c8ead9}.age-zone .zone-icon{background:#42b883}.form-zone .choice-fieldset{margin-top:0}.form-zone .content-fields{max-width:none}.form-zone .content-fields input,.form-zone .content-fields textarea{background:#fff}
.language-options>label>span{min-height:104px;display:flex;flex-direction:row;align-items:center;gap:13px;padding:15px;background:#fff;border:2px solid #dfd8eb;border-bottom-width:5px;border-radius:19px;position:relative;transition:.18s}.language-options>label>span>span{display:flex;flex-direction:column;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}.language-options>label>span>span b{font:900 16px 'Nunito',sans-serif}.language-options>label>span>span small{color:#8b8298;font-size:11px;font-weight:700;margin-top:2px}.flag-circle{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;border:4px solid #f0e8fa;font-style:normal;font-size:30px;box-shadow:0 3px 0 #d7c7eb}.language-options>label>span>em{display:none;position:absolute;right:12px;top:12px;width:23px;height:23px;border-radius:50%;background:#8d6bd1;color:white;font-style:normal;text-align:center;line-height:23px}.language-options input:checked+span{border-color:#8d6bd1;background:#fcfaff;transform:translateY(-2px);box-shadow:0 4px 0 #6f50b5}.language-options input:checked+span>em{display:block}.language-options input:checked+span .flag-circle{border-color:#e0d1f4}.style-zone .genre-options,.age-zone .age-options{margin-top:4px}.studio-footer{background:#fff;padding-left:max(24px,calc((100vw - 1120px)/2));padding-right:max(24px,calc((100vw - 1120px)/2));border-top:1px solid #e3e9e4}
.flag-circle{position:relative;overflow:hidden}.flag-circle:before,.flag-circle:after{content:"";position:absolute;display:block}.flag-br{background:#18964b}.flag-br:before{width:29px;height:29px;left:10px;top:10px;background:#ffd43b;transform:rotate(45deg);border-radius:3px}.flag-br:after{width:20px;height:20px;left:15px;top:15px;background:#2876c9;border-radius:50%;box-shadow:inset 0 3px 0 #ffffff80}.flag-us{background:repeating-linear-gradient(to bottom,#d94b55 0 5px,#fff 5px 10px)}.flag-us:before{left:0;top:0;width:28px;height:29px;background:#3157a4}.flag-us:after{content:"✦ ✦";left:4px;top:3px;color:white;font-size:9px;line-height:10px;letter-spacing:2px;width:20px}.flag-es{background:linear-gradient(to bottom,#d83d48 0 24%,#ffd44b 24% 76%,#d83d48 76%)}.flag-es:before{width:7px;height:12px;left:15px;top:19px;background:#b92e3b;border-radius:2px;box-shadow:0 0 0 2px #f3b934}
@media(max-width:800px){.home-main{min-height:auto}.home-page .hero{min-height:auto;padding-top:25px}.studio-topbar .back-home{display:none}.studio-intro{align-items:flex-start}.intro-symbols{display:none}.studio-section{padding-top:38px}.form-zone{padding:20px}.studio-page .wizard-step{padding:25px}}
@media(max-width:520px){.home-topbar .header-cta{font-size:10px;padding:8px 10px}.home-page .hero{padding-bottom:40px}.studio-intro h1{letter-spacing:-1.5px}.form-zone{padding:17px 14px;border-radius:19px}.language-options>label>span{min-height:88px}.flag-circle{width:48px;height:48px;font-size:25px}.zone-heading .zone-icon{width:42px;height:42px}.studio-page .wizard-step{padding:19px 14px}.studio-footer{flex-direction:row}}

/* Final creation flow and profile */
.profile-avatar{margin-left:auto;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8d6bd1,#5d43a4);border:3px solid #e7ddf7;box-shadow:0 4px 0 #4c348e;color:white;font-size:23px;transition:.18s}.profile-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 0 #4c348e}.account-entry{margin-left:auto}.lyric-review-panel{margin-top:30px;border:2px solid #acdba8;border-bottom-width:5px;border-radius:24px;padding:25px;background:linear-gradient(145deg,#f4fff2,#f6fbff)}.lyric-review-panel>label{display:block;font-size:13px;font-weight:900;margin:18px 0 8px}.lyric-review-panel textarea{width:100%;min-height:290px;border:2px solid #d8e5d7;border-bottom-width:4px;border-radius:16px;padding:17px;background:white;color:var(--ink);outline:none}.lyric-review-panel textarea:focus{border-color:#58b84d;box-shadow:0 0 0 4px #58b84d1f}.review-banner{display:flex;align-items:center;gap:13px;margin-bottom:19px;padding:14px 16px;border-radius:16px;background:#e0f5dd;color:#2c6c37}.review-check{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#58b84d;color:white;font-size:20px;font-weight:900}.review-banner div{display:flex;flex-direction:column}.review-banner strong{font:900 17px 'Nunito',sans-serif}.review-banner small{font-size:11px;margin-top:2px}.final-music-step{background:linear-gradient(180deg,#fff 0,#f4fbf0 100%)!important}.final-heading{display:flex!important;align-items:flex-start;justify-content:space-between;gap:20px}.generated-tracks{display:grid;gap:14px;margin:22px 0}.generated-track{display:grid;grid-template-columns:82px 1fr;gap:17px;align-items:center;padding:16px;border:2px solid #dfe6df;border-bottom-width:5px;border-radius:19px;background:white}.generated-track img{width:82px;height:82px;border-radius:14px;object-fit:cover}.generated-track h4{font:900 18px 'Nunito',sans-serif;margin:0}.generated-track p{color:#789082;font-size:11px;margin:4px 0 9px}.generated-track audio{width:100%;height:37px}.learning-question{margin:22px 0;padding:23px;border-radius:21px;background:#fff8df;border:2px solid #f2d987}.learning-question h4{margin:0 0 14px;font:900 18px 'Nunito',sans-serif}.question-options{display:flex;flex-wrap:wrap;gap:8px}.question-option{border:2px solid #e6cf85;border-bottom-width:4px;border-radius:12px;padding:10px 13px;background:white;color:var(--ink);font-weight:800}.question-option.correct{background:#dff3da;border-color:#69b75c}.question-option.incorrect{background:#ffe2dd;border-color:#ef8675}.question-feedback{font-size:12px;font-weight:800;margin:14px 0 0}.final-karaoke{margin-top:30px;padding-top:30px;border-top:2px dashed #cddccd}.karaoke-intro{text-align:center;margin-bottom:20px}.karaoke-intro h3{font:900 29px 'Nunito',sans-serif;margin:5px 0}.karaoke-intro p{color:var(--muted);margin:0}.final-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.final-actions .wizard-back{display:inline-flex;text-decoration:none}.form-footnote{color:#84958c;font-size:11px;text-align:right}
.profile-page{background:#f4f7f3}.profile-logout{margin-left:auto;border:0;border-radius:12px;padding:10px 15px;background:#f0f4f0;color:#557064;font-weight:900}.profile-main{max-width:1120px;margin:auto;padding:54px 24px 75px}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:30px;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#193f3a,#275c51);color:white;box-shadow:0 16px 35px #1a403a26}.profile-hero .eyebrow{color:#a7d8c6}.profile-hero h1{font:900 clamp(30px,4vw,45px)/1.1 'Nunito',sans-serif;margin:4px 0}.profile-hero p{margin:0;color:#b9d3cb}.profile-avatar-large{width:88px;height:88px;display:grid;place-items:center;border-radius:27px;background:linear-gradient(145deg,#ff967b,#ff6f58);border:4px solid #ffffff2b;box-shadow:inset 0 -7px 0 #00000015;font-size:43px}.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-bottom:22px}.profile-card{background:white;border:2px solid #e1e7e1;border-bottom-width:5px;border-radius:25px;padding:27px;box-shadow:0 10px 28px #183b390a}.profile-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.profile-card-heading h2,.profile-history h2{font:900 24px 'Nunito',sans-serif;margin:0}.profile-card-heading p,.profile-history p{color:var(--muted);font-size:12px;margin:3px 0 0}.profile-card-icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;color:white;font-size:23px;font-weight:900}.profile-card-icon.blue{background:#1cb0f6}.profile-card-icon.purple{background:#8d6bd1}.profile-card-icon.green{background:#42b883}.profile-form{display:flex;flex-direction:column}.profile-form label,.profile-form legend{font-size:12px;font-weight:900;margin:13px 0 7px}.profile-form input{border:2px solid #dde5de;border-bottom-width:4px;border-radius:14px;padding:13px 15px;background:#fbfcfb;color:var(--ink);outline:none}.profile-form input:focus{border-color:#58b84d;box-shadow:0 0 0 3px #58b84d20}.profile-form fieldset{border:0;padding:0;margin:4px 0}.avatar-options{display:flex;flex-wrap:wrap;gap:9px}.avatar-options input{position:absolute;opacity:0}.avatar-options span{width:49px;height:49px;display:grid;place-items:center;border:2px solid #dde5de;border-bottom-width:4px;border-radius:15px;background:#f7faf7;font-size:24px;cursor:pointer}.avatar-options input:checked+span{border-color:#8d6bd1;background:#f2ecfb;box-shadow:0 3px 0 #6f50b5;transform:translateY(-2px)}.profile-form .button{margin-top:19px}.profile-history{margin-bottom:22px}.profile-history.history-panel{max-width:none}.history-open{border-radius:12px;padding:9px 12px;background:#e8f6e6;color:#347a38;font-size:11px;font-weight:900;text-decoration:none}.invites-panel.profile-card{max-width:none;margin:0}.invite-result input{width:100%;margin-top:8px}.invite-result button{margin-top:8px;border:0;border-radius:10px;padding:8px 12px;background:#e5eee7;font-weight:900;color:#45665a}
@media(max-width:800px){.profile-main{padding-top:35px}.profile-hero{grid-template-columns:auto 1fr}.profile-hero .button{grid-column:1/-1;text-align:center}.profile-grid{grid-template-columns:1fr}.final-heading{flex-direction:column}.generated-track{grid-template-columns:62px 1fr}.generated-track img{width:62px;height:62px}}
@media(max-width:520px){.profile-main{padding-left:15px;padding-right:15px}.profile-hero{padding:23px 20px}.profile-avatar-large{width:65px;height:65px;border-radius:20px;font-size:32px}.profile-card{padding:20px 16px}.final-actions{align-items:stretch;flex-direction:column}.final-actions>*{width:100%;justify-content:center}.lyric-review-panel{padding:17px 14px}.generated-track{grid-template-columns:1fr}.generated-track img{width:100%;height:150px}}

.brand-default{display:inline-flex;align-items:center;gap:9px}.brand-custom-logo{display:block;max-width:180px;max-height:48px;object-fit:contain}.studio-footer .brand-custom-logo{max-height:40px}.hero-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:8}.hero-art.has-custom-image{border-radius:30px;background:#e9f5e7}.hero-art.has-custom-image>:not(.hero-custom-image){display:none}.branding-panel.profile-card{max-width:none;margin-top:22px}.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.branding-form{padding:20px;border:2px solid #e4e9e4;border-radius:18px;background:#fafcf9}.branding-form .field-help{min-height:34px}.branding-preview{width:100%;height:210px;margin:14px 0 4px;border-radius:15px;border:2px solid #e1e7e1;background:#f2f5f1;object-fit:cover}.branding-preview.logo-preview{object-fit:contain;padding:20px}.branding-form input[type=file]{padding:10px;background:white}.branding-form .submit-status{min-height:20px;margin:12px 0 0}@media(max-width:800px){.branding-grid{grid-template-columns:1fr}.brand-custom-logo{max-width:145px;max-height:40px}}@media(max-width:500px){.brand-custom-logo{max-width:125px;max-height:36px}.branding-preview{height:170px}}

.karaoke-top-actions{display:flex;align-items:center;gap:16px}.fullscreen-karaoke{border:1px solid #54756d;border-radius:999px;padding:8px 12px;background:#274f49;color:#eefaf4;font-size:10px;font-weight:900;letter-spacing:.5px}.fullscreen-karaoke:hover{background:#37675f}.karaoke-card:fullscreen,.karaoke-card.fullscreen-fallback{width:100vw;height:100vh;max-width:none;border-radius:0;padding:clamp(24px,4vw,64px);display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 35%,#28574f,#102e2b 70%);box-shadow:none}.karaoke-card:fullscreen .karaoke-center,.karaoke-card.fullscreen-fallback .karaoke-center{min-height:0;padding:3vh 3vw}.karaoke-card:fullscreen .karaoke-center h3,.karaoke-card.fullscreen-fallback .karaoke-center h3{font-size:clamp(28px,4vw,58px);margin-bottom:4vh}.karaoke-card:fullscreen .karaoke-line,.karaoke-card.fullscreen-fallback .karaoke-line{font-size:clamp(34px,5.3vw,82px);max-width:1500px;line-height:1.12}.karaoke-card:fullscreen .karaoke-lines,.karaoke-card.fullscreen-fallback .karaoke-lines{gap:2vh}.karaoke-card:fullscreen #karaoke-status,.karaoke-card.fullscreen-fallback #karaoke-status{font-size:clamp(14px,1.4vw,22px)}.karaoke-card:fullscreen .player,.karaoke-card.fullscreen-fallback .player{padding-top:clamp(18px,3vh,40px)}.karaoke-card:fullscreen .player button,.karaoke-card.fullscreen-fallback .player button{width:64px;height:64px;font-size:25px}.karaoke-card.fullscreen-fallback{position:fixed;inset:0;z-index:9999}.karaoke-fullscreen-open{overflow:hidden}@media(max-width:620px){.karaoke-top{align-items:flex-start;gap:12px}.karaoke-top-actions{align-items:flex-end;flex-direction:column;gap:8px}.fullscreen-karaoke{padding:7px 10px}.karaoke-card:fullscreen,.karaoke-card.fullscreen-fallback{padding:22px 18px}.karaoke-card:fullscreen .karaoke-line,.karaoke-card.fullscreen-fallback .karaoke-line{font-size:clamp(27px,8vw,48px)}}

.home-page{overflow-x:hidden}.home-nav{display:flex;gap:26px;margin-left:auto}.home-nav a{font-size:13px;font-weight:800;color:#557069}.home-nav a:hover{color:var(--coral)}.home-topbar .header-cta{margin-left:0}.brain-journey{max-width:1200px;margin:58px auto 90px;padding:clamp(32px,5vw,70px);display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;border-radius:38px;background:linear-gradient(135deg,#e1f3e7,#f6f3d8);position:relative;overflow:hidden}.brain-copy h2,.evidence-heading h2,.classroom-heading h2,.modes-copy h2,.research-sources h2{font:900 clamp(34px,4.8vw,60px)/1.08 'Nunito',sans-serif;letter-spacing:-2.8px;margin:16px 0}.brain-copy h2 em{font-style:normal;color:#df694f}.brain-copy>p,.evidence-heading>p,.modes-copy>p{color:#5f7770;line-height:1.75;font-size:15px}.memory-path{display:grid;gap:14px;margin-top:28px}.memory-path article{display:grid;grid-template-columns:43px 1fr;gap:13px;align-items:start}.memory-path article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:white;color:#e2614b;font:900 13px 'Nunito',sans-serif;box-shadow:0 4px 0 #cfdfcd}.memory-path strong{font:900 17px 'Nunito',sans-serif}.memory-path p{margin:3px 0 0;color:#658078;font-size:12px;line-height:1.55}.brain-playground{height:480px;position:relative;border-radius:36px;background:#183f3a;overflow:hidden;box-shadow:0 18px 0 #d5dfbf}.brain-playground:before{content:"";position:absolute;width:410px;height:410px;border:2px dashed #78aa92;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%);opacity:.45}.brain-character{position:absolute;width:230px;height:200px;left:50%;top:49%;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 18px #0d292766)}.brain-lobe{position:absolute;background:#ff9077;border:5px solid #ffd0b4}.lobe-one{width:145px;height:135px;left:18px;top:22px;border-radius:53% 42% 48% 45%}.lobe-two{width:130px;height:140px;right:9px;top:15px;border-radius:44% 55% 43% 50%;background:#ff7c68}.lobe-three{width:180px;height:92px;left:30px;bottom:4px;border-radius:45%;background:#ff866f}.brain-face{position:absolute;z-index:4;left:71px;top:76px;width:92px;height:58px}.brain-face i{position:absolute;width:10px;height:14px;border-radius:50%;background:#173e39;top:3px}.brain-face i:first-child{left:19px}.brain-face i:nth-child(2){right:19px}.brain-face b{position:absolute;width:35px;height:17px;border:4px solid #173e39;border-top:0;border-left-color:transparent;border-right-color:transparent;border-radius:0 0 50% 50%;left:28px;bottom:4px}.brain-note{position:absolute;color:#ffd486;font:900 37px 'Nunito',sans-serif;z-index:3;animation:brainFloat 3.8s ease-in-out infinite}.brain-note-one{left:34px;top:42px}.brain-note-two{right:41px;top:70px;animation-delay:-1.2s}.brain-note-three{right:68px;bottom:56px;color:#90d6ad;animation-delay:-2.1s}.thought-card{position:absolute;padding:10px 13px;border-radius:13px;background:#fffdf8;color:#234d47;font:900 11px 'Nunito',sans-serif;box-shadow:4px 5px 0 #0d2b28;animation:cardBob 4.5s ease-in-out infinite}.thought-card span{color:#f26e55;margin-left:5px}.thought-one{left:20px;top:145px;transform:rotate(-5deg)}.thought-two{right:18px;top:170px;transform:rotate(5deg);animation-delay:-1.4s}.thought-three{left:46px;bottom:66px;transform:rotate(3deg);animation-delay:-2.4s}.brain-caption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#b8d5c6;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}@keyframes brainFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-13px) rotate(7deg)}}@keyframes cardBob{0%,100%{translate:0 0}50%{translate:0 -7px}}.evidence-section{padding:94px max(24px,calc((100vw - 1160px)/2));background:#173c38;color:white}.evidence-heading{max-width:790px;text-align:center;margin:0 auto 44px}.evidence-heading .eyebrow{color:#9fd9bd}.evidence-heading>p{color:#b4cec4}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.evidence-card{min-height:390px;padding:28px;border-radius:25px;color:#173c38;display:flex;flex-direction:column;position:relative;overflow:hidden;border:3px solid #0f2e2b;box-shadow:7px 8px 0 #0c2825}.evidence-card:after{content:"♪";position:absolute;right:18px;top:8px;font:900 80px 'Nunito',sans-serif;opacity:.12;transform:rotate(14deg)}.coral-card{background:#ff9077}.green-card{background:#bfe8c9}.purple-card{background:#d9c9f4}.evidence-sticker{align-self:flex-start;padding:7px 10px;border:2px solid #173c38;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1px;background:#fff8ec}.evidence-card>strong{font:900 72px/1 'Nunito',sans-serif;letter-spacing:-4px;margin:28px 0 8px}.evidence-card>strong small{font-size:30px;letter-spacing:-1px}.evidence-card h3{font:900 21px/1.15 'Nunito',sans-serif;margin:0}.evidence-card p{font-size:12px;line-height:1.65;margin:16px 0;color:#315a53}.evidence-card a{margin-top:auto;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:4px}.classroom-section{max-width:1160px;margin:0 auto;padding:100px 24px}.classroom-heading{max-width:800px;margin-bottom:40px}.classroom-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.classroom-flow article{padding:20px 22px 25px;border:2px solid #dfe6dc;border-bottom-width:6px;border-radius:24px;background:#fffdf8;position:relative}.flow-illustration{height:190px;border-radius:19px;margin-bottom:22px;position:relative;display:grid;place-items:center;overflow:hidden}.idea-illustration{background:#fde3d5}.song-illustration{background:#dfefd9}.class-illustration{background:#e5def5}.flow-illustration span{font:900 78px 'Nunito',sans-serif;color:#e36953}.flow-illustration i,.flow-illustration b{position:absolute;font-style:normal;padding:9px;border-radius:11px;background:white;box-shadow:3px 4px 0 #173c3833}.flow-illustration i{top:22px;right:24px;transform:rotate(8deg)}.flow-illustration b{bottom:22px;left:25px;transform:rotate(-7deg)}.song-illustration span{color:#347660;animation:brainFloat 3s ease-in-out infinite}.class-illustration span{font-size:58px;color:#755da5}.class-illustration i{font-size:30px}.flow-number{position:absolute;right:24px;top:230px;font:900 14px 'Nunito',sans-serif;color:#9bb0a6}.classroom-flow h3{font:900 21px 'Nunito',sans-serif;margin:0 0 7px}.classroom-flow p{font-size:12px;line-height:1.6;color:#6a8079;margin:0}.learning-modes{padding:94px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;background:#f1efe0}.modes-copy .button{margin-top:20px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-cards article{display:flex;gap:15px;align-items:flex-start;padding:20px;border-radius:19px;background:#fffdf9;border:2px solid #e1dfd1;box-shadow:0 5px 0 #d8d5c5}.mode-cards article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e7f1df;font-size:25px;flex:none}.mode-cards strong{font:900 17px 'Nunito',sans-serif}.mode-cards p{margin:4px 0 0;color:#6c7c74;font-size:11px;line-height:1.55}.science-note{max-width:1080px;margin:80px auto;padding:27px 30px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:2px solid #e2d9bd;border-radius:22px;background:#fff8dc;box-shadow:0 6px 0 #e5d8ae}.science-note-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:#ffbd75;font-size:28px}.science-note strong{font:900 18px 'Nunito',sans-serif}.science-note p{font-size:12px;line-height:1.6;color:#706d5c;margin:5px 0 0}.science-note a{font-size:11px;font-weight:900;text-decoration:underline;white-space:nowrap}.research-sources{max-width:1160px;margin:0 auto;padding:45px 24px 100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.research-sources h2{font-size:38px}.source-links{display:grid;gap:11px}.source-links a{display:grid;grid-template-columns:38px 1fr;column-gap:12px;padding:17px 20px;border:2px solid #e1e6df;border-radius:16px;background:#fff;transition:transform .2s,border-color .2s}.source-links a:hover{transform:translateX(5px);border-color:#78ad91}.source-links span{grid-row:1/3;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e4f1e8;color:#2d715c;font:900 11px 'Nunito',sans-serif}.source-links strong{font:900 14px 'Nunito',sans-serif}.source-links small{color:#7b8b84;margin-top:3px}.home-closing{max-width:1160px;margin:0 auto 70px;padding:48px 55px;border-radius:30px;background:#ff755e;color:white;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.home-closing .eyebrow{color:#ffe1d5}.home-closing h2{font:900 clamp(34px,4.8vw,58px)/1.05 'Nunito',sans-serif;letter-spacing:-2.7px;margin:13px 0 0}.home-closing .button{position:relative;z-index:2}.closing-note{position:absolute;font:900 100px 'Nunito',sans-serif;color:#ffb39e;opacity:.45;animation:brainFloat 4s ease-in-out infinite}.note-a{right:260px;top:-16px}.note-b{right:18px;bottom:-40px;animation-delay:-2s}.home-footer{max-width:1160px}.home-footer .brand{font-size:22px}@media(max-width:980px){.brain-journey,.learning-modes,.research-sources{grid-template-columns:1fr}.brain-playground{max-width:620px;width:100%;margin:auto}.evidence-grid,.classroom-flow{grid-template-columns:1fr}.evidence-card{min-height:330px}.mode-cards{max-width:720px}.science-note{margin-left:24px;margin-right:24px}.home-closing{margin-left:24px;margin-right:24px}.research-sources{gap:20px}}@media(max-width:700px){.home-nav{display:none}.brain-journey{margin:25px 15px 65px;border-radius:27px;padding:31px 21px;gap:35px}.brain-copy h2,.evidence-heading h2,.classroom-heading h2,.modes-copy h2{letter-spacing:-1.8px}.brain-playground{height:400px}.evidence-section{padding-top:70px;padding-bottom:70px}.classroom-section{padding-top:70px;padding-bottom:70px}.learning-modes{padding-top:70px;padding-bottom:70px;gap:35px}.mode-cards{grid-template-columns:1fr}.science-note{grid-template-columns:auto 1fr}.science-note a{grid-column:1/-1}.research-sources{padding-bottom:70px}.home-closing{padding:35px 27px;align-items:flex-start;flex-direction:column;gap:30px}.closing-note{display:none}}@media(max-width:450px){.brain-playground{height:350px}.brain-character{scale:.82}.thought-card{font-size:9px}.evidence-card>strong{font-size:62px}.flow-illustration{height:155px}.flow-number{top:195px}.science-note{padding:20px;grid-template-columns:1fr}.home-closing{margin-left:15px;margin-right:15px}.source-links a{padding:14px}}
@media(prefers-reduced-motion:reduce){.brain-note,.thought-card,.song-illustration span,.closing-note{animation:none}.source-links a,.button{transition:none}}

/* Home: linguagem gráfica inspirada em cartazes musicais. */
.home-page{--ink:#111d49;--coral:#fa5730;background:#fff8e9;color:#111d49}.home-page .topbar{max-width:1320px;height:82px;border-bottom:2px solid #111d49}.home-page .header-cta,.home-page .button-primary{background:#111d49;color:#fff;border:2px solid #111d49;border-radius:9px;box-shadow:4px 5px 0 #ffb900}.home-page .hero{max-width:1320px;min-height:640px;gap:20px;padding-top:52px}.home-page .hero h1{font-size:clamp(58px,6.6vw,95px);line-height:.98;letter-spacing:-5px}.home-page .hero h1 em{color:#f0502a}.home-page .hero-copy>p{font-size:18px;color:#293354;max-width:480px}.home-page .hero-art{height:560px;border:3px solid #111d49;border-radius:220px 220px 24px 24px;background:#ffad00;box-shadow:8px 8px 0 #111d49}.hero-character{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-sticker{position:absolute;z-index:5;right:18px;bottom:25px;background:#ff71ba;color:#111d49;border:3px solid #111d49;border-radius:50%;width:116px;height:116px;display:grid;place-content:center;text-align:center;font:900 15px/1 'Nunito',sans-serif;transform:rotate(12deg);box-shadow:4px 5px 0 #111d49}.home-page .brain-journey{background:#ffca05;border:3px solid #111d49;border-radius:24px;box-shadow:8px 8px 0 #111d49}.home-page .brain-copy h2 em{color:#ed4a20}.home-page .brain-playground{background:#111d49;border:3px solid #111d49;box-shadow:7px 7px 0 #ee572e}.home-page .memory-path article>span{background:#ff78bc;color:#111d49;border:2px solid #111d49;box-shadow:3px 3px 0 #111d49}.home-page .evidence-section{background:#111d49}.home-page .evidence-heading .eyebrow{color:#ffca05}.home-page .evidence-card{border-color:#fff8e9;box-shadow:6px 6px 0 #f05431}.home-page .coral-card{background:#ff815c}.home-page .green-card{background:#fbd12b}.home-page .purple-card{background:#fb83c2}.home-page .classroom-flow article,.home-page .mode-cards article,.home-page .source-links a{border-color:#111d49;box-shadow:5px 6px 0 #111d49}.home-page .idea-illustration{background:#ffb900}.home-page .song-illustration{background:#ff7bbd}.home-page .class-illustration{background:#72c8ed}.home-page .learning-modes{background:#ff7abd;color:#111d49}.home-page .mode-cards article{background:#fff8e9}.home-page .science-note{border-color:#111d49;box-shadow:6px 6px 0 #111d49}.home-page .home-closing{background:#f05727;border:3px solid #111d49;box-shadow:8px 8px 0 #111d49}.home-page .home-closing .button{border:2px solid #111d49;border-radius:9px;box-shadow:4px 4px 0 #111d49}.home-page .hero-note{color:#3d4960}.home-page .eyebrow{color:#154279}@media(max-width:800px){.home-page .hero{min-height:0}.home-page .hero h1{font-size:clamp(48px,10vw,72px);letter-spacing:-3px}.home-page .hero-art{height:480px;max-width:540px;width:100%;margin:auto}}@media(max-width:500px){.home-page .hero-art{height:390px}.hero-sticker{width:90px;height:90px;font-size:12px}.home-page .brain-journey{box-shadow:5px 5px 0 #111d49}}

/* Textos de leitura: contraste, tamanho e entrelinha consistentes na home. */
.home-page .hero-copy>p,.home-page .brain-copy>p,.home-page .modes-copy>p{color:#172449;font-size:18px;line-height:1.7;max-width:58ch;font-weight:500}.home-page .memory-path p,.home-page .evidence-card p,.home-page .classroom-flow p,.home-page .mode-cards p,.home-page .science-note p{color:#172449;font-size:15px;line-height:1.65;font-weight:500}.home-page .evidence-heading>p{color:#f4f6ff;font-size:17px;line-height:1.7}.home-page .source-links small{color:#3b4765;font-size:13px;line-height:1.5}.home-page .evidence-card a,.home-page .science-note a{font-size:14px;line-height:1.5}.home-page .hero-note{color:#303b58;font-size:13px;line-height:1.5}.home-page .evidence-card{min-height:420px}.home-page .evidence-card p{margin-bottom:22px}@media(max-width:700px){.home-page .hero-copy>p,.home-page .brain-copy>p,.home-page .modes-copy>p,.home-page .evidence-heading>p{font-size:16px;line-height:1.65}.home-page .memory-path p,.home-page .evidence-card p,.home-page .classroom-flow p,.home-page .mode-cards p,.home-page .science-note p{font-size:15px}.home-page .evidence-card{min-height:0;gap:4px}}

/* Áreas de leitura claras, com as cores fortes reservadas aos detalhes. */
.home-page .brain-copy{background:#fffdf6;border:2px solid #111d49;border-radius:20px;padding:clamp(24px,3vw,40px);box-shadow:5px 5px 0 #111d49}.home-page .brain-copy h2 em{color:#a12a11}.home-page .brain-copy .eyebrow{color:#183966}.home-page .memory-path p,.home-page .brain-copy>p{color:#17213c}.home-page .evidence-card{background:#fffdf7;color:#111d49;border-color:#fffdf7;border-top:12px solid #ff815c}.home-page .evidence-card.green-card{border-top-color:#fbd12b}.home-page .evidence-card.purple-card{border-top-color:#fb83c2}.home-page .evidence-card p{color:#1e2945}.home-page .evidence-card a{color:#111d49}.home-page .home-closing{background:#111d49;color:#fff;border-color:#111d49;box-shadow:8px 8px 0 #f05727}.home-page .home-closing .eyebrow{color:#ffdf6e}.home-page .closing-note{color:#f8784a}.home-page .hero-sticker{background:#fffdf7;color:#111d49}.home-page .science-note{background:#fffdf7}.home-page .science-note-icon{background:#ffbd75}@media(max-width:700px){.home-page .brain-copy{padding:24px 20px}.home-page .home-closing{box-shadow:5px 5px 0 #f05727}}

/* Composição mais aberta e textos compactos para a sala de aula. */
.home-page .hero-art:not(.has-custom-image){height:600px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.home-page .hero-art:not(.has-custom-image):before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#ffbc1a;right:4%;top:10%}.home-page .hero-art:not(.has-custom-image) .hero-character{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:radial-gradient(ellipse 68% 65% at 50% 49%,#000 51%,transparent 78%)}.home-page .hero-sticker{right:1%;bottom:9%}.home-page .brain-journey{display:block;padding:32px;max-width:1200px;margin:28px auto 72px}.home-page .brain-copy{padding:32px 38px}.home-page .brain-copy h2{font-size:clamp(32px,3.5vw,48px);max-width:950px;margin:10px 0}.home-page .brain-copy>p{max-width:950px;margin:10px 0;font-size:16px;line-height:1.5}.home-page .memory-path{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.home-page .memory-path article{grid-template-columns:40px 1fr}.home-page .learning-modes .button-primary{background:#111d49;color:#fff;box-shadow:4px 5px 0 #a63769}.home-page .mode-cards article>span{filter:grayscale(1);background:#f0edf0;color:#111d49}.home-page .home-closing .button-light{background:#e8512c;color:#fff;border-color:#fff;box-shadow:4px 4px 0 #ffb900}.home-page .home-footer{align-items:flex-start;gap:32px;border-top:2px solid #111d49;padding:32px 24px 48px}.home-footer p{margin:10px 0;color:#45516d}.footer-sources{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-end;max-width:720px;color:#303c5b;font-size:12px;line-height:1.5}.footer-sources strong{width:100%;text-align:right;color:#111d49}.footer-sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.home-page .hero-art:not(.has-custom-image){height:480px}.home-page .brain-journey{margin:25px 15px 60px;padding:18px}.home-page .brain-copy{padding:25px 22px}.home-page .memory-path{grid-template-columns:1fr;gap:14px}.home-page .home-footer{flex-direction:column}.footer-sources{justify-content:flex-start}.footer-sources strong{text-align:left}}@media(max-width:500px){.home-page .hero-art:not(.has-custom-image){height:390px}}

.home-page .hero-art:not(.has-custom-image) .hero-character{mask-image:none;opacity:1;object-fit:contain;object-position:center bottom}.home-page .hero-art:not(.has-custom-image){overflow:hidden;border-radius:30px}.home-page .brain-journey{position:relative;z-index:3}.home-page .home-topbar .header-cta,.home-page .hero-actions .button-primary{background:#d84421;color:#fff;border-color:#a83219;box-shadow:4px 5px 0 #111d49}.home-page .mode-cards article>.subject-icon,.home-page .science-note-icon{filter:none;background:#ffdfca;color:#a53218}.subject-icon svg,.science-note-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.science-note-icon svg{width:34px;height:34px}

.credit-pricing{max-width:1160px;margin:0 auto 80px;padding:45px 24px}.credit-heading{max-width:740px;margin:0 auto 32px;text-align:center}.credit-heading h2{font:900 clamp(34px,4.5vw,56px)/1.1 'Nunito',sans-serif;letter-spacing:-2px;margin:12px 0}.credit-heading p,.credit-cards p{font-size:15px;line-height:1.65;color:#243354}.credit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.credit-cards article{background:#fffdf7;border:2px solid #111d49;border-radius:22px;padding:25px;box-shadow:5px 6px 0 #111d49}.credit-tag{display:inline-block;background:#ffe9c8;border-radius:999px;padding:7px 10px;color:#7a2c15;font-size:10px;font-weight:900;letter-spacing:.8px}.credit-cards h3{font:900 22px 'Nunito',sans-serif;margin:20px 0 6px}.credit-cards .credit-price{font:900 38px 'Nunito',sans-serif;letter-spacing:-1px;color:#b2371c;margin:0 0 12px}.credit-cards strong{font-size:14px}.credit-footnote{color:#45516d;font-size:12px;line-height:1.5;text-align:center;margin-top:24px}@media(max-width:800px){.credit-cards{grid-template-columns:1fr}.credit-pricing{padding:25px 20px;margin-bottom:55px}}

.folder-zone{margin-top:22px;padding:22px;border-radius:20px;background:#f1edfa}.folder-zone label{display:block;font-weight:800;font-size:13px;margin:12px 0 6px}.folder-zone select,.folder-create input,.library-create input{width:100%;border:2px solid #d9e0da;border-radius:12px;background:#fff;padding:12px;color:#183b39}.folder-create,.library-create{display:flex;gap:10px;align-items:center;margin-top:12px}.folder-create .button,.library-create .button{white-space:nowrap}.library-panel{margin-bottom:22px}.library-folders{display:flex;gap:8px;overflow-x:auto;padding:18px 0}.library-folder{flex:none;border:2px solid #d7e2da;border-radius:999px;padding:10px 15px;background:#f7faf7;color:#274d42;font-weight:800}.library-folder.active{background:#183b39;color:#fff;border-color:#183b39}.library-player{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#edf5ed;padding:18px;border-radius:16px}.library-player p{font-size:12px;color:#4c6d60;margin:5px 0}.library-player audio{width:100%;grid-column:1/-1}.library-songs{display:grid;gap:10px;margin-top:16px}.library-song{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border:2px solid #e1e9e1;border-radius:14px;padding:14px}.library-song strong,.library-song small{display:block}.library-song small{color:#647c70;margin-top:4px}.library-song-play{border:0;border-radius:10px;background:#dcefe1;color:#174d3d;padding:10px;font-weight:800}.library-song label{font-size:11px;font-weight:800;color:#526c61}.library-song select{display:block;max-width:180px;margin-top:4px;border:1px solid #ccdacf;border-radius:8px;padding:8px;background:white;color:#183b39}@media(max-width:650px){.folder-create,.library-create{align-items:stretch;flex-direction:column}.folder-create .button,.library-create .button{width:100%}.library-player{grid-template-columns:1fr}.library-player audio{grid-column:auto}.library-song{grid-template-columns:1fr auto}.library-song label{grid-column:1/-1}.library-song select{max-width:none;width:100%}}
.song-quiz{margin:1.5rem 0;padding:clamp(1.2rem,3vw,2rem);border:2px solid #183d35;border-radius:22px;background:#fff7df;color:#183d35}
.song-quiz h3{margin:.4rem 0;font-size:clamp(1.5rem,3vw,2rem)}
.song-quiz p{line-height:1.6}.song-quiz details{margin:1rem 0;padding:1rem;border-radius:12px;background:#fff}.song-quiz summary{cursor:pointer;font-weight:700}
.song-quiz .button{margin:.5rem .5rem 0 0}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.quiz-choices button{text-align:left;border:2px solid #b5c7b9;background:#fff;color:#183d35;border-radius:12px;padding:.85rem;font:inherit;cursor:pointer}.quiz-choices button.correct{border-color:#268250;background:#dff5e3}.quiz-choices button.incorrect{border-color:#ba453d;background:#ffe7e2}.quiz-choices button:disabled{opacity:1;cursor:default}@media(max-width:600px){.quiz-choices{grid-template-columns:1fr}}

.library-song-quiz{border:1px solid #a7bfaf;border-radius:10px;background:#fff7df;color:#174d3d;padding:10px;font-weight:800;cursor:pointer}.quiz-song-name{font-size:.9rem;font-weight:700;color:#42695b}@media(max-width:650px){.library-song-quiz{grid-column:1/-1;width:100%}}
.quiz-review-controls{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.quiz-review-controls button,.quiz-review-secondary{border:1px solid #b9cfc2;border-radius:999px;background:#fff;color:#204d3d;padding:.65rem 1rem;font-weight:700;cursor:pointer}.song-quiz details.quiz-review-card{padding:0;margin:.7rem 0;border:1px solid #c8d9ca;border-radius:14px;background:#fff;overflow:hidden}.quiz-review-card>summary{display:flex;align-items:center;gap:.8rem;padding:1rem;list-style:none}.quiz-review-card>summary::-webkit-details-marker{display:none}.quiz-review-card>summary::after{content:'+';font-size:1.4rem;margin-left:auto}.quiz-review-card[open]>summary::after{content:'−'}.quiz-review-number{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:#e2f2df;color:#24563e;font-size:.8rem}.quiz-review-summary{line-height:1.4;overflow-wrap:anywhere}.quiz-review-content{border-top:1px solid #e1ebe2;padding:1rem;display:grid;gap:.75rem}.quiz-review-content>label{display:grid;gap:.4rem;font-weight:700}.quiz-review-content input[type=text],.quiz-review-content textarea{width:100%;box-sizing:border-box;border:1px solid #afc8b6;background:#fff;border-radius:10px;padding:.7rem;color:#183d35;font:inherit}.quiz-review-content textarea{resize:vertical}.quiz-review-hint{font-weight:700;margin:.5rem 0 0}.quiz-review-option{display:flex;gap:.7rem;align-items:center}.quiz-correct-choice{display:flex;gap:.3rem;align-items:center;font-size:.8rem;white-space:nowrap;color:#315d46}.quiz-correct-choice input{accent-color:#267f50}.quiz-review-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem}.quiz-review-actions .button{margin:0}.quiz-review-actions button:disabled{opacity:.55;cursor:not-allowed}.quiz-review-status{min-height:1.5em;font-size:.9rem;color:#315d46}.quiz-review-card:focus-within{border-color:#267f50}@media(max-width:500px){.quiz-review-option{align-items:stretch;flex-direction:column;gap:.25rem}.quiz-review-actions{align-items:stretch;flex-direction:column}.quiz-review-actions button{width:100%}}
.quiz-page{min-height:100vh;margin:0;background:#f7f5e9;color:#173c36;font-family:Inter,system-ui,sans-serif}.quiz-page-header{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dfe8d7;background:#fffdf7}.quiz-page-brand{font-size:24px;letter-spacing:-1px;font-weight:900;color:#173c36;text-decoration:none}.quiz-page-brand>span:first-child{display:inline-grid;place-items:center;background:#ffba70;border-radius:10px;width:36px;height:36px;margin-right:5px}.quiz-brand-dot{color:#f47a32}.quiz-page-back{color:#315c4b;font-weight:750;text-decoration:none}.quiz-page-main{max-width:1100px;margin:auto;padding:clamp(26px,5vw,55px) clamp(18px,4vw,40px) 70px}.quiz-page-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.quiz-page-intro p{margin:0;font-size:1rem;font-weight:700;color:#526d60}.quiz-page-badge{display:inline-block;background:#dff0d8;color:#2b6844;border-radius:999px;padding:9px 15px;font-size:.8rem;font-weight:900;letter-spacing:.05em}.quiz-stage{margin-top:24px;padding:clamp(24px,5vw,56px);border:2px solid #dce8d6;border-radius:28px;background:#fffefa;box-shadow:0 12px 0 #e5eddd}.quiz-stage h1{font-size:clamp(2rem,4.3vw,3.7rem);line-height:1.12;letter-spacing:-.035em;margin:24px 0 32px;overflow-wrap:anywhere}.quiz-stage-meta{display:flex;align-items:center;gap:20px;justify-content:space-between}.quiz-stage-kicker{font-size:.85rem;letter-spacing:.08em;font-weight:900;color:#e16629}.quiz-stage-progress{height:10px;width:min(35%,260px);border-radius:99px;background:#e5eee0;overflow:hidden}.quiz-stage-progress span{display:block;height:100%;background:#f38a45;border-radius:inherit}.quiz-stage-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quiz-stage-option{min-height:84px;display:flex;align-items:center;gap:15px;padding:16px;text-align:left;background:#f8fbf6;border:2px solid #d8e8d8;border-radius:16px;font:700 clamp(1rem,1.8vw,1.25rem)/1.35 system-ui,sans-serif;color:#173c36;cursor:pointer;overflow-wrap:anywhere}.quiz-stage-option:hover:not(:disabled){border-color:#3b8e61;background:#eef8eb}.quiz-option-letter{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#dfefdc;color:#2b6844;font-weight:900}.quiz-stage-option.correct{border-color:#26834e;background:#e3f6e5}.quiz-stage-option.incorrect{border-color:#c55342;background:#fff0ea}.quiz-stage-option:disabled{opacity:1;cursor:default}.quiz-stage-feedback{margin:22px 0;padding:18px 20px;background:#f1f7e9;border-radius:14px;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.5}.quiz-stage-feedback p{margin:5px 0 0}.quiz-stage-next,.quiz-stage-link{display:inline-block;margin-top:20px;border:0;border-radius:12px;padding:15px 24px;background:#ef762e;color:white;font:800 1rem system-ui,sans-serif;text-decoration:none;cursor:pointer}.quiz-stage-link{background:#e8f2e5;color:#28543e}.quiz-stage-actions{display:flex;gap:12px;flex-wrap:wrap}.quiz-stage-result{font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.5}.quiz-stage-option:focus-visible,.quiz-stage-next:focus-visible,.quiz-page-back:focus-visible{outline:3px solid #ef762e;outline-offset:3px}@media(max-width:640px){.quiz-page-header{height:auto;min-height:68px}.quiz-page-back{font-size:.88rem}.quiz-stage-options{grid-template-columns:1fr}.quiz-stage-option{min-height:68px}.quiz-stage h1{margin:22px 0}.quiz-stage-progress{width:32%}.quiz-stage-next{width:100%}.quiz-stage-actions>*{width:100%;text-align:center}}

.library-song-quiz.quiz-ready{background:#e0f2e4;border-color:#94c9a6;color:#165938}.library-song-quiz.quiz-create{background:#f8d8bb;border-color:#e6a46c;color:#77370e}.library-song-quiz:focus-visible{outline:3px solid #1c6040;outline-offset:3px}
/* Account navigation and separate library view */
.profile-page:not(.is-library) .library-panel{display:none}.profile-page.is-library .profile-hero,.profile-page.is-library .profile-grid,.profile-page.is-library .invites-panel,.profile-page.is-library .branding-panel{display:none}.account-menu[hidden]{display:none!important}.account-menu{position:relative;margin-left:auto;flex:none}.account-menu-trigger{width:48px;height:48px;display:grid;place-items:center;border:3px solid #e7ddf7;border-radius:50%;background:linear-gradient(145deg,#8d6bd1,#5d43a4);box-shadow:0 4px 0 #4c348e;color:#fff;font-size:22px;cursor:pointer}.account-menu-trigger:focus-visible,.account-menu-panel a:focus-visible,.account-menu-panel button:focus-visible{outline:3px solid #e97435;outline-offset:3px}.account-menu-hamburger{display:none}.account-menu-panel{display:none;position:absolute;z-index:100;top:100%;right:0;width:250px;padding:12px 7px 7px;background:#fff;border:1px solid #dce8dd;border-radius:0 0 16px 16px;box-shadow:0 14px 30px #163b3829}.account-menu.is-open .account-menu-panel{display:block}.account-menu-panel a,.account-menu-panel button{display:flex;width:100%;gap:11px;align-items:center;text-align:left;padding:12px;border:0;border-radius:10px;background:#fff;color:#244c3d;font-size:14px;font-weight:800}.account-menu-panel a:hover,.account-menu-panel button:hover,.account-menu-panel a[aria-current=page]{background:#eaf5e9;color:#185638}.account-menu-panel a span{width:24px;text-align:center;font-size:18px;color:#d65b28}.home-topbar .account-menu{margin-left:0}.home-topbar .header-cta{margin-left:auto}.profile-page .profile-main{min-height:55vh}.profile-page.is-library .profile-main{padding-top:40px}@media(max-width:700px){.account-menu-trigger{width:45px;height:45px;border-radius:12px;background:#173d36;border:0;box-shadow:none}.account-menu-avatar{display:none}.account-menu-hamburger{display:block;font-size:24px;line-height:1}.account-menu-panel{width:min(275px,calc(100vw - 30px));border-radius:0 0 14px 14px}.home-topbar .header-cta{font-size:11px;padding:8px}.home-topbar .account-menu{margin-left:0}.topbar:has(.account-menu){gap:12px}.topbar:has(.account-menu) .account-menu{margin-left:auto}.home-topbar:has(.account-menu:not([hidden])) .header-cta{display:none}}
.library-view-toggle{display:flex;gap:8px;margin:0 0 14px;padding:5px;width:fit-content;max-width:100%;border-radius:15px;background:#eaf1e9}.library-view-toggle button{border:0;border-radius:11px;background:transparent;color:#48685b;padding:11px 17px;font-weight:800;cursor:pointer}.library-view-toggle button[aria-pressed=true]{background:#fff;color:#164a3b;box-shadow:0 2px 7px #173b381b}.library-view-toggle button:focus-visible,.library-lyrics-back:focus-visible{outline:3px solid #df742c;outline-offset:2px}.library-lyrics{padding:clamp(22px,4vw,36px);border:2px solid #d8e8d8;border-radius:24px;background:#fffdf7;color:#183b39}.library-lyrics h3{font:900 clamp(24px,3vw,32px)/1.15 'Nunito',sans-serif;margin:9px 0 22px;overflow-wrap:anywhere}.library-lyrics-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(16px,1.6vw,19px);line-height:1.8;color:#244d40}.library-lyrics-back{margin-top:25px;border:0;border-radius:12px;background:#173f38;color:white;padding:12px 16px;font-weight:800;cursor:pointer}#library-karaoke-card[hidden],#library-lyrics[hidden]{display:none!important}@media(max-width:520px){.library-view-toggle{width:100%}.library-view-toggle button{flex:1;padding:10px 8px}.library-lyrics{padding:22px 18px}}
.library-playlist-group{padding:clamp(15px,2.5vw,22px);border:2px solid #cfdfd1;border-radius:20px;background:#f1f8ef}.library-playlist-group.tone-1{background:#fff5e9;border-color:#f0dcc2}.library-playlist-group.tone-2{background:#f6f1fc;border-color:#e0d7ef}.library-playlist-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.library-playlist-heading h3{font:900 19px/1.2 'Nunito',sans-serif;color:#183b39;margin:0;overflow-wrap:anywhere}.library-playlist-heading p{font-size:12px;color:#486b5d;margin:4px 0 0;font-weight:700}.library-playlist-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:#cde8cf;color:#225f40;font-size:23px;font-weight:900}.tone-1 .library-playlist-icon{background:#f9d8ad;color:#804418}.tone-2 .library-playlist-icon{background:#e4d7f7;color:#60428d}.library-playlist-items{display:grid;gap:10px}.library-playlist-group .library-song{background:#fff;border-color:#e1e9e1}.library-playlist-empty{padding:14px;margin:0;border:1px dashed #bed0be;border-radius:12px;color:#527061;font-size:14px;background:#ffffffa8}@media(max-width:650px){.library-playlist-group{padding:14px}.library-playlist-heading h3{font-size:18px}.library-playlist-group .library-song{gap:10px}}
.home-page .simple-steps{max-width:1320px;margin:0 auto;padding:75px 38px 95px}.home-page .simple-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.home-page .simple-section-heading h2,.home-page .simple-quiz h2,.home-page .simple-closing h2{font:900 clamp(34px,4.4vw,60px)/1.06 'Nunito',Arial,sans-serif;letter-spacing:-2px;margin:12px 0 0;color:#111d49}.home-page .simple-section-heading h2 em,.home-page .simple-quiz h2 em{font-style:normal;color:#d84520}.home-page .simple-section-heading>p{max-width:360px;margin:0;font-size:16px;line-height:1.65;color:#303b59}.home-page .simple-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-page .simple-step{position:relative;min-height:255px;padding:25px;border:2px solid #111d49;border-radius:18px;box-shadow:5px 6px 0 #111d49}.home-page .step-content{background:#ffcb3e}.home-page .step-music{background:#ff91c4}.home-page .step-quiz{background:#c4e5cd}.home-page .simple-step-number{position:absolute;right:21px;top:20px;font-weight:900;color:#293354}.home-page .simple-step-icon{display:grid;place-items:center;width:57px;height:57px;border:2px solid #111d49;border-radius:16px;background:#fff9e9;font-size:30px;font-weight:900;color:#111d49}.home-page .simple-step h3{font:900 24px/1.15 'Nunito',sans-serif;margin:27px 0 8px;color:#111d49}.home-page .simple-step p{font-size:15px;line-height:1.6;color:#242f50;max-width:290px;margin:0}.home-page .simple-quiz{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px max(38px,calc((100vw - 1244px)/2));background:#f8c1db;border-top:2px solid #111d49;border-bottom:2px solid #111d49}.home-page .simple-quiz-copy p{max-width:480px;font-size:16px;line-height:1.7;color:#283250}.home-page .simple-quiz-copy .button{margin-top:13px}.home-page .quiz-example{padding:26px;border:2px solid #111d49;border-radius:20px;background:#fffaf0;box-shadow:7px 8px 0 #111d49;transform:rotate(1deg)}.home-page .quiz-example-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.08em;font-weight:900;color:#a4351a}.home-page .quiz-example h3{font:900 clamp(21px,2.2vw,28px)/1.2 'Nunito',sans-serif;margin:18px 0;color:#111d49}.home-page .quiz-example-option{display:flex;gap:12px;align-items:center;margin-top:8px;padding:10px 12px;border:2px solid #dce4dd;border-radius:11px;background:white;color:#202d4c;font-weight:800;font-size:14px}.home-page .quiz-example-option span{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:8px;background:#edf3e8;font-weight:900}.home-page .quiz-example-option b{margin-left:auto}.home-page .quiz-example-option.is-correct{border-color:#397455;background:#e7f5e5;color:#1f5536}.home-page .quiz-example-note{margin-top:18px;color:#3e5e51;font-size:12px;font-weight:800}.home-page .simple-closing{max-width:1244px;margin:75px auto 35px;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#ffca49;border:2px solid #111d49;border-radius:22px;box-shadow:6px 7px 0 #111d49}.home-page .simple-closing h2{font-size:clamp(30px,3.8vw,48px)}.home-page .simple-closing .button{flex:none}.home-page .simple-pricing{max-width:1244px;margin:0 auto 55px}.home-page .simple-pricing details{border:1px solid #c8cabc;border-radius:14px;padding:14px 18px;color:#303b59;background:#fffaf0}.home-page .simple-pricing summary{font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px}.home-page .simple-pricing summary span{font-size:12px;color:#685d4b}.home-page .simple-pricing p{font-size:14px;line-height:1.6;max-width:850px}.home-page .simple-pricing summary::-webkit-details-marker{display:none}@media(max-width:900px){.home-page .simple-quiz{gap:30px;padding:60px 25px}.home-page .simple-closing,.home-page .simple-pricing{margin-left:25px;margin-right:25px}}@media(max-width:700px){.home-page .simple-steps{padding:60px 20px}.home-page .simple-section-heading{align-items:start;flex-direction:column;gap:15px}.home-page .simple-step-grid,.home-page .simple-quiz{grid-template-columns:1fr}.home-page .simple-step{min-height:0}.home-page .simple-step h3{margin-top:18px}.home-page .simple-quiz{padding:60px 20px}.home-page .quiz-example{transform:none}.home-page .simple-closing{margin:55px 20px 30px;padding:28px 24px;align-items:flex-start;flex-direction:column}.home-page .simple-pricing{margin:0 20px 45px}.home-page .simple-section-heading h2,.home-page .simple-quiz h2{letter-spacing:-1.5px}}
.home-page .hero-art.hero-art-3d{position:relative;display:block;overflow:hidden;background:#ffbe22;isolation:isolate}.home-page .hero-art-3d .hero-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.home-page .hero-art-3d .hero-scene{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}.home-page .hero-art-3d canvas{width:100%;height:100%;display:block}.hero-scene-fallback{font:900 clamp(120px,20vw,230px)/1 'Nunito',sans-serif;color:#111d49;transform:rotate(-12deg)}.scene-ready .hero-scene-fallback{display:none}.home-page .hero-art-3d .hero-sticker{z-index:3;right:18px;top:22px;bottom:auto}.home-page .hero-spin{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;border:2px solid #111d49;border-radius:999px;background:#fff9e9;color:#111d49;padding:11px 17px;font:900 12px 'Nunito',sans-serif;box-shadow:3px 4px 0 #111d49;cursor:pointer}.home-page .hero-spin:hover{background:#fff}.home-page .hero-spin:focus-visible{outline:3px solid #d84b20;outline-offset:4px}@media(max-width:500px){.home-page .hero-art-3d .hero-sticker{top:14px;right:14px}.home-page .hero-spin{bottom:14px;font-size:11px}}
.home-page .hero-art-3d .hero-scene canvas{pointer-events:auto;touch-action:pan-y;cursor:pointer}.home-page .hero-art-3d .hero-scene canvas:focus-visible{outline:4px solid #a7371b;outline-offset:-7px;border-radius:22px}.home-page .hero-beats{position:absolute;top:24px;left:20px;z-index:4;padding:9px 14px;border:2px solid #111d49;border-radius:999px;background:#ff83bf;color:#111d49;box-shadow:3px 4px 0 #111d49;font:900 13px 'Nunito',sans-serif;pointer-events:none}.home-page .hero-beats[hidden]{display:none}@media(max-width:500px){.home-page .hero-beats{top:15px;left:14px;font-size:11px}}
.home-page .hero{grid-template-columns:1fr 1fr;gap:20px}.home-page .hero h1.hero-impact{font-family:'Nunito',Arial,sans-serif;font-size:clamp(76px,8.7vw,124px);font-weight:900;line-height:.94;letter-spacing:-2px;margin:20px 0 22px}.home-page .hero h1.hero-impact span,.home-page .hero h1.hero-impact em{display:block}.home-page .hero h1.hero-impact em{color:#e64e27}.home-page .hero-copy>p{font-size:18px;max-width:450px}.home-page .hero-art.hero-image-stage,.home-page .hero-art.hero-image-stage:not(.has-custom-image){height:560px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}.home-page .hero-image-stage .hero-custom-image{position:absolute;inset:4%;width:92%;height:92%;object-fit:cover;opacity:.28;border-radius:50%;z-index:0}.hero-stage{position:absolute;inset:0;isolation:isolate}.hero-disc{position:absolute;z-index:0;width:72%;aspect-ratio:1;left:14%;top:12%;border-radius:50%;background:#ffc63c;border:3px solid #111d49;box-shadow:8px 9px 0 #111d49;pointer-events:none}.hero-orbit{position:absolute;inset:6% 4% 9%;border:2px dashed #111d49;border-radius:50%;opacity:.55;z-index:0}.hero-piece{position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(5px 12px 8px #111d4935);animation:hero-piece-float 4s ease-in-out infinite;touch-action:manipulation}.hero-piece img{display:block;width:100%;height:auto;pointer-events:none}.hero-piece:hover img{filter:brightness(1.08)}.hero-piece:focus-visible{outline:3px solid #d34622;outline-offset:3px;border-radius:20px}.hero-microphone{width:56%;left:21%;top:2%;z-index:4;animation-delay:-1.3s}.hero-pandeiro{width:48%;left:0;top:35%;transform:rotate(-17deg);animation-delay:-.4s}.hero-speaker{width:41%;right:0;top:39%;transform:rotate(9deg);animation-delay:-2s}.hero-stage-note{position:absolute;z-index:2;color:#db4723;font:900 45px 'Nunito',sans-serif;pointer-events:none;animation:hero-note-float 3s ease-in-out infinite}.note-left{left:12%;top:15%;transform:rotate(-18deg)}.note-right{right:9%;top:13%;color:#111d49;animation-delay:-1s}.hero-play{position:absolute;z-index:6;bottom:4%;left:50%;transform:translateX(-50%);white-space:nowrap;border:2px solid #111d49;border-radius:999px;background:#fff9e9;color:#111d49;padding:11px 17px;font:900 12px 'Nunito',sans-serif;box-shadow:3px 4px 0 #111d49;cursor:pointer}.hero-play:hover{background:#fff}.hero-play:focus-visible{outline:3px solid #d84b20;outline-offset:4px}.hero-beat-count{position:absolute;top:8%;left:3%;z-index:6;padding:8px 12px;border:2px solid #111d49;border-radius:999px;background:#ff8abd;color:#111d49;box-shadow:3px 4px 0 #111d49;font:900 13px 'Nunito',sans-serif}.hero-beat-count[hidden]{display:none}@keyframes hero-piece-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes hero-note-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@media(max-width:800px){.home-page .hero h1.hero-impact{font-size:clamp(72px,15vw,110px)}.home-page .hero-art.hero-image-stage,.home-page .hero-art.hero-image-stage:not(.has-custom-image){height:min(520px,95vw);max-width:520px}.hero-disc{top:10%}}@media(max-width:500px){.home-page .hero h1.hero-impact{font-size:clamp(64px,16vw,92px);letter-spacing:-1px}.home-page .hero-art.hero-image-stage,.home-page .hero-art.hero-image-stage:not(.has-custom-image){height:93vw;max-height:410px}.hero-stage-note{font-size:32px}.hero-play{bottom:2%}}@media(prefers-reduced-motion:reduce){.hero-piece,.hero-stage-note{animation:none!important}}
@media(max-width:800px){.home-page .hero{grid-template-columns:1fr;gap:24px}.home-page .hero-copy{max-width:620px}.home-page .hero-art.hero-image-stage{margin:0 auto;width:100%}}
@media(min-width:801px){.home-page .hero-image-stage .hero-stage{transform:translateY(45px)}}
.invite-directory{border-top:1px solid #e1e9df;margin-top:28px;padding-top:24px}.invite-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-directory-heading h3{font:900 20px 'Nunito',sans-serif;margin:0;color:#183b39}.invite-directory-heading p{font-size:13px;color:#587469;margin:5px 0 0;line-height:1.5}.invite-directory-heading button{border:1px solid #bad0bf;border-radius:10px;background:#fff;padding:9px 12px;color:#275542;font-weight:800;white-space:nowrap}.invite-summary{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.invite-summary-badge,.invite-status{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.invite-summary-badge.registered,.invite-status.registered{background:#dcf2e1;color:#175f36}.invite-summary-badge.pending,.invite-status.pending{background:#fff0cf;color:#754a08}.invite-summary-badge.expired,.invite-status.expired{background:#f0eeee;color:#605d5b}.invite-list{display:grid;gap:9px}.invite-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;border:1px solid #dce8dc;border-radius:13px;background:#fbfdf9}.invite-row-info{min-width:0;display:grid;gap:4px}.invite-row-info strong{overflow-wrap:anywhere;color:#183b39}.invite-row-info span{font-size:12px;line-height:1.45;color:#617c6e}.invite-remove{border:1px solid #ddc0ba;border-radius:9px;padding:8px 12px;background:#fff;color:#a33d30;font-weight:800}.invite-remove:hover{background:#fff0ec}.invite-empty,.invite-list-status{font-size:13px;line-height:1.5;color:#60796a}.invite-list-status{min-height:1em}.invite-remove:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.invite-directory-heading{align-items:flex-start;flex-direction:column}.invite-row{grid-template-columns:1fr auto;gap:10px}.invite-row-info{grid-column:1/-1}.invite-status{justify-self:start}.invite-remove{justify-self:end}}
.brand-mark svg{display:block;width:23px;height:23px}.brand-accent{color:#e8522c}.quiz-page-brand .quiz-brand-dot{color:#e8522c}
@media(hover:hover) and (pointer:fine){.home-page .simple-step{transition:transform .22s ease,box-shadow .22s ease}.home-page .simple-step:hover{transform:translateY(-7px) scale(1.025);box-shadow:8px 12px 0 #111d49}.home-page .quiz-example-option:not(:disabled):hover{border-color:#dc5a2d;background:#fff0e2;transform:translateX(4px)}}.home-page .quiz-example-option{width:100%;text-align:left;cursor:pointer;font-family:inherit;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.home-page .quiz-example-option:focus-visible,.home-page .quiz-demo-retry:focus-visible{outline:3px solid #de532d;outline-offset:3px}.home-page .quiz-example-option.correct,.home-page .quiz-example-option.correct:disabled{border-color:#277347;background:#dff4e4;color:#155c32;opacity:1}.home-page .quiz-example-option.incorrect{border-color:#b74938;background:#ffebe5;color:#8a3022}.home-page .quiz-example-option:disabled{cursor:default;opacity:.8}.home-page .quiz-demo-feedback{font-size:13px;line-height:1.5;font-weight:800;color:#3e5e51;margin:16px 0 0}.home-page .quiz-demo-feedback.correct{color:#185e36}.home-page .quiz-demo-feedback.incorrect{color:#943b2d}.home-page .quiz-demo-retry{margin-top:10px;border:0;background:transparent;color:#a43c1e;font-weight:900;padding:4px 0;text-decoration:underline;cursor:pointer}.home-page .quiz-demo-retry[hidden]{display:none}@media(prefers-reduced-motion:reduce){.home-page .simple-step,.home-page .quiz-example-option{transition:none!important}.home-page .simple-step:hover,.home-page .quiz-example-option:hover{transform:none!important}}
.home-page .home-karaoke-demo{max-width:1320px;margin:0 auto;padding:80px 38px 95px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(28px,5vw,70px)}.home-page .demo-copy h2{font:900 clamp(38px,4.8vw,64px)/1.06 'Nunito',Arial,sans-serif;letter-spacing:-2.5px;color:#111d49;margin:14px 0 18px}.home-page .demo-copy h2 em{font-style:normal;color:#d84520}.home-page .demo-copy>p{font-size:16px;line-height:1.7;color:#303b59;max-width:440px}.demo-brief{margin-top:23px;padding:20px;border:2px solid #111d49;border-radius:16px;background:#fffdf7;box-shadow:4px 5px 0 #111d49}.demo-brief-label{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#a53b21;margin-bottom:12px}.demo-brief-row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #e8e6da;font-size:13px;color:#4c5870}.demo-brief-row strong{text-align:right;color:#111d49}.demo-brief-prompt{display:grid;gap:5px;padding-top:12px;font-size:13px;color:#4c5870}.demo-brief-prompt q{font-weight:700;line-height:1.45;color:#111d49}.demo-player{padding:clamp(20px,3vw,32px);border:3px solid #111d49;border-radius:24px;background:#16264e;color:#fff9ed;box-shadow:7px 8px 0 #ec602f}.demo-player-top{display:flex;align-items:center;justify-content:space-between;color:#ffb661;font-weight:900;font-size:23px}.demo-live{font-size:10px;letter-spacing:.08em;background:#273c68;color:#fdf4e5;border-radius:999px;padding:8px 11px}.demo-live i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ff9776}.demo-player-body{min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.demo-player-body h3{font:900 clamp(19px,2vw,25px)/1.2 'Nunito',sans-serif;margin:5px 0 23px;color:#fff8ed}.demo-star{font-size:30px;color:#ffb65f}.demo-karaoke-lines{width:100%;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.demo-karaoke-line{color:#9db0bf;font:800 clamp(15px,1.8vw,21px)/1.35 'Nunito',sans-serif;overflow-wrap:anywhere}.demo-karaoke-line.is-current{color:#ffd28c}.demo-player-body #demo-status{font-size:12px;color:#c6d3d2;margin:18px 0 0}.demo-player-controls{display:flex;align-items:center;gap:15px}.demo-player-controls>button{flex:none;width:48px;height:48px;border:0;border-radius:50%;background:#ffb661;color:#111d49;font-size:18px;font-weight:900}.demo-player-controls>button:disabled{opacity:.55;cursor:wait}.demo-progress{flex:1;min-width:0}.demo-times{display:flex;justify-content:space-between;font-size:11px;color:#d5e1db;margin-bottom:3px}.demo-progress input{width:100%;accent-color:#ffb661;cursor:pointer}.demo-progress input:disabled{cursor:default}.demo-player button:focus-visible,.demo-player input:focus-visible{outline:3px solid #ffb661;outline-offset:3px}@media(max-width:800px){.home-page .home-karaoke-demo{grid-template-columns:1fr;padding:60px 20px;gap:26px}.demo-player-body{min-height:280px}.demo-copy h2{letter-spacing:-1.5px}.demo-player{box-shadow:5px 6px 0 #ec602f}}
.language-switch{position:relative;flex:none;display:flex;align-items:center}.language-switch select{width:auto;min-width:91px;border:1px solid #d6ded4;border-radius:10px;padding:8px 25px 8px 10px;background-color:#fffdf7;color:#173b39;font:800 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.language-switch select:focus-visible{outline:3px solid #e76936;outline-offset:2px}.home-topbar .language-switch{margin-left:-20px}.studio-topbar .language-switch{margin-left:auto}.studio-topbar .account-menu{margin-left:0}.quiz-page-header .language-switch{margin-left:auto}.home-page .demo-original-note{font-size:12px;line-height:1.5;color:#526079;margin-top:8px}@media(max-width:700px){.home-topbar .language-switch{margin-left:auto}.topbar:has(.account-menu) .account-menu{margin-left:0}.language-switch select{min-width:76px;padding:7px 20px 7px 7px;font-size:12px}.quiz-page-header{gap:8px;flex-wrap:wrap}.quiz-page-header .quiz-page-back{font-size:12px}.quiz-page-header .language-switch{margin-left:auto}}

/* Bandeiras de idioma: imagens próprias para funcionar também no Chrome para Windows. */
.language-switch{gap:7px}.language-switch .language-flag{display:grid;place-items:center;width:35px;height:35px;padding:2px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.language-switch .language-flag img{display:block;width:27px;height:27px;border-radius:50%;object-fit:cover;box-shadow:0 1px 3px #102d2a40}.language-switch .language-flag:hover{transform:translateY(-2px)}.language-switch .language-flag[aria-pressed=true]{border-color:#d84421;box-shadow:0 0 0 2px #fff8ec}.language-switch .language-flag:focus-visible{outline:3px solid #e76936;outline-offset:2px}.home-topbar .language-switch{margin-left:0}@media(max-width:700px){.language-switch{gap:3px}.language-switch .language-flag{width:31px;height:31px}.language-switch .language-flag img{width:24px;height:24px}.home-topbar .language-switch{margin-left:auto}}
.home-nav{align-items:center}.home-nav .language-switch{margin-left:0}@media(max-width:700px){.home-nav{display:flex;margin-left:auto;gap:0}.home-nav>a{display:none}.home-nav .language-switch{margin-left:0}}

/* Título mais longo, com respiro e leitura confortável em todas as telas. */
.home-page .hero h1.hero-impact{font-size:clamp(44px,5.2vw,72px);line-height:1.03;letter-spacing:-2.5px;max-width:610px}.home-page .hero h1.hero-impact em{margin-top:.08em}.home-page .hero-copy>p{max-width:510px}@media(max-width:800px){.home-page .hero h1.hero-impact{font-size:clamp(43px,8vw,65px);letter-spacing:-2px}}@media(max-width:500px){.home-page .hero h1.hero-impact{font-size:clamp(40px,10.6vw,53px);letter-spacing:-1.7px}}