.melody-page{--paper:#f4f1ea;--ink:#0b0b0d;--graphite:#4b4b4f;--rule:#d6d3cc;--red:#ff4b3e;--white:#fff;background:var(--paper);min-height:100vh;color:var(--ink);font-family:Arial,Helvetica Neue,Noto Sans SC,sans-serif}.melody-page *{box-sizing:border-box}.melody-page button{font:inherit;cursor:pointer}:is(.melody-page button:focus-visible,.melody-page a:focus-visible){outline:3px solid var(--red);outline-offset:3px}.melody-header{border-bottom:1px solid var(--rule);z-index:20;background:#f4f1eaf5;align-items:center;height:92px;padding:0 max(22px,50vw - 670px);display:flex;position:sticky;top:0}.hs-brand{flex:none;align-items:center;gap:17px;text-decoration:none;display:flex}.hs-brand img{width:205px;height:auto}.hs-brand span{border-left:1px solid var(--rule);letter-spacing:.04em;color:var(--graphite);padding-left:15px;font-size:11px}.melody-nav{align-items:center;gap:27px;margin-left:auto;display:flex}.melody-nav a{color:var(--graphite);letter-spacing:.04em;font-size:11px;text-decoration:none}.language-toggle{border:1px solid var(--ink);letter-spacing:.08em;background:0 0;margin-left:25px;padding:9px 11px;font-size:10px}.language-toggle:hover{background:var(--red)}.melody-hero{grid-template-columns:1fr .92fr;align-items:center;gap:90px;max-width:1340px;margin:0 auto;padding:112px 28px 96px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--red);font-size:10px;font-weight:700}.hero-copy h1{letter-spacing:-.07em;margin:23px 0 27px;font-size:clamp(56px,6.6vw,92px);font-weight:700;line-height:.97}.hero-copy h1 span{display:inline}.hero-copy>p{max-width:620px;color:var(--graphite);margin:0;font-size:16px;line-height:1.85}.hero-actions{gap:12px;margin-top:33px;display:flex}.signal-button,.line-button{border:1px solid var(--ink);min-height:50px;padding:13px 19px;font-size:12px;font-weight:700}.signal-button{background:var(--red);color:var(--ink)}.signal-button:hover,.line-button:hover{background:var(--ink);color:var(--white)}.signal-button b{margin-left:16px;font-size:18px}.hero-proof{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,1fr);margin-top:55px;padding:15px 0 12px;display:grid}.hero-proof span{color:var(--graphite);padding-right:10px;font-size:10px}.hero-proof b{color:var(--ink);font-size:26px;line-height:1.1;display:block}.hero-workbench{background:var(--ink);height:510px;color:var(--white);border:1px solid var(--ink);padding:29px 31px;position:relative;overflow:hidden}.workbench-grid{opacity:.85;background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.workbench-label,.workbench-title,.workbench-meta,.workbench-bars,.workbench-play{z-index:1;position:relative}.workbench-label{letter-spacing:.16em;color:var(--red);font-size:10px}.workbench-title{letter-spacing:-.08em;margin-top:76px;font-size:70px;line-height:.9}.workbench-meta{color:#d0d0d0;margin-top:19px;font-size:10px;line-height:1.7}.workbench-bars{align-items:center;gap:3px;height:60px;display:flex;position:absolute;bottom:76px;left:31px;right:31px}.workbench-bars i{background:var(--red);width:4px;display:block}.workbench-play{border:1px solid var(--white);background:var(--red);color:var(--ink);width:43px;height:43px;position:absolute;bottom:24px;right:30px}.section-shell{max-width:1340px;margin:0 auto;padding:88px 28px}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;margin-bottom:27px;padding-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.055em;margin:11px 0 4px;font-size:36px;line-height:1}.section-heading p{color:var(--graphite);margin:0;font-size:13px}.section-index{color:var(--red);letter-spacing:.1em;font-size:10px}.week-plan{background:var(--white);max-width:none;padding-left:max(28px,50vw - 670px);padding-right:max(28px,50vw - 670px)}.song-table{border-top:1px solid var(--ink)}.song-row{border-bottom:1px solid var(--rule);grid-template-columns:44px 70px 1fr 160px;align-items:center;gap:20px;padding:20px 0;display:grid}.song-row.active{border-left:6px solid var(--red);padding-left:15px}.song-number{color:var(--red);font-size:11px;font-weight:700}.song-art{border:1px solid var(--ink);place-items:center;width:70px;height:70px;font-size:28px;display:grid}.song-details{min-width:0}.status{color:var(--red);font-size:10px;font-weight:700}.song-details h3{letter-spacing:-.03em;margin:7px 0 3px;font-size:21px}.song-details p{color:var(--graphite);margin:0;font-size:11px}.song-meter{align-items:center;gap:10px;margin-top:12px;display:flex}.song-meter:before{content:"";background:#ece9e2;flex:1;order:2;height:4px}.song-meter i{background:var(--red);z-index:1;width:68%;height:4px;margin-right:-100%;display:block;position:relative}.song-meter small{color:var(--graphite);order:3;font-size:10px}.open-song{border:1px solid var(--ink);background:0 0;justify-self:end;padding:11px 13px;font-size:11px}.source-note{color:var(--graphite);margin:17px 0 0;font-size:10px}.scenes-section{background:var(--paper)}.track-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.track-card{text-align:left;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);min-height:235px;padding:23px;position:relative}.track-card.selected{border-top:5px solid var(--red);padding-top:18px}.track-icon{font-size:29px;display:block}.track-code{color:var(--red);font-size:10px;position:absolute;top:24px;right:24px}.track-card h3{letter-spacing:-.04em;margin:61px 0 7px;font-size:23px}.track-card p{color:var(--graphite);max-width:220px;font-size:12px;line-height:1.55}.track-arrow{font-size:21px;position:absolute;bottom:22px;right:24px}.scene-note{letter-spacing:.12em;color:var(--graphite);gap:28px;padding-top:19px;font-size:9px;display:flex}.map-section{background:var(--white);max-width:none;padding-left:max(28px,50vw - 670px);padding-right:max(28px,50vw - 670px)}.map-line{grid-template-columns:repeat(3,1fr);margin-top:54px;display:grid;position:relative}.map-line:before{content:"";background:var(--ink);height:1px;position:absolute;top:14px;left:10%;right:10%}.map-stage{border-right:1px solid var(--rule);min-height:153px;padding:45px 25px 0;position:relative}.map-stage:last-child{border-right:0}.map-stage span{background:var(--paper);border:1px solid var(--ink);padding:5px 8px;font-size:10px;position:absolute;top:0;left:25px}.map-stage strong{letter-spacing:-.04em;font-size:23px;display:block}.map-stage small{color:var(--graphite);margin-top:7px;font-size:11px;display:block}.map-stage em{color:var(--red);margin-top:19px;font-size:10px;font-style:normal;display:block}.map-link,.report-link{color:var(--red);margin-top:28px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.review-layout{grid-template-columns:1.2fr .8fr;gap:35px;display:grid}.review-list{border-top:1px solid var(--ink)}.review-list button{border:0;border-bottom:1px solid var(--rule);text-align:left;background:0 0;grid-template-columns:38px 1fr 75px 20px;align-items:center;gap:8px;width:100%;padding:17px 0;display:grid}.review-list button>span{color:var(--red);font-size:21px}.review-list button small{color:var(--red);font-size:10px}.review-list button i{font-size:20px;font-style:normal}.review-list button:hover{background:var(--white);padding-left:8px}.streak-panel{background:var(--ink);color:var(--white);min-height:210px;padding:25px 26px}.streak-panel strong{letter-spacing:-.07em;color:var(--red);margin:26px 0 0;font-size:54px;display:block}.streak-panel strong small{color:var(--white);letter-spacing:0;font-size:13px}.streak-panel p{color:#d0d0d0;margin:4px 0 20px;font-size:11px}.streak-dots{gap:6px;display:flex}.streak-dots i{border:1px solid var(--white);width:19px;height:19px;display:block}.melody-footer{background:var(--ink);color:var(--white);grid-template-columns:220px 1fr auto;align-items:center;gap:32px;padding:38px max(28px,50vw - 670px);display:grid}.melody-footer img{width:200px;height:auto}.melody-footer p{color:#d0d0d0;margin:0;font-size:10px;line-height:1.6}.melody-footer div{gap:18px;font-size:10px;display:flex}.melody-footer a{color:var(--red);text-decoration:none}.lesson-modal{z-index:50;background:#0b0b0db3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lesson-panel{background:var(--white);color:var(--ink);width:min(950px,100%);max-height:calc(100vh - 40px);overflow:auto}.lesson-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding:23px 26px 18px;display:flex}.lesson-header h2{margin:0 0 5px;font-size:23px}.lesson-header p{color:var(--graphite);margin:0;font-size:11px}.lesson-header button{border:1px solid var(--ink);background:var(--white);width:32px;height:32px;font-size:20px}.lesson-steps{border-bottom:1px solid var(--rule);gap:6px;padding:13px 26px;display:flex;overflow:auto}.lesson-steps span{white-space:nowrap;color:var(--graphite);padding:7px 9px;font-size:10px}.lesson-steps span.done{background:#efeee9}.lesson-steps span.active{background:var(--red);color:var(--ink)}.lesson-body{grid-template-columns:1.1fr .9fr;gap:18px;padding:20px 26px;display:grid}.lyrics{border:1px solid var(--ink)}.lyrics-heading{border-bottom:1px solid var(--rule);justify-content:space-between;padding:13px;font-size:11px;display:flex}.lyrics-heading small{color:var(--graphite)}.lyric-line{border:0;border-bottom:1px solid var(--rule);background:var(--white);text-align:left;grid-template-columns:28px 1fr;gap:9px;width:100%;padding:13px;display:grid}.lyric-line em{color:var(--red);font-size:10px;font-style:normal}.lyric-line strong{font-size:14px;line-height:1.5;display:block}.lyric-line small{color:var(--graphite);margin-top:3px;font-size:10px;display:block}.teacher-note{background:var(--ink);color:var(--white);min-height:310px;padding:20px}.teacher-note h3{letter-spacing:-.05em;margin:20px 0 3px;font-size:35px}.phonetic{color:var(--red);font-size:12px}.teacher-note p{color:#d0d0d0;margin:22px 0 14px;font-size:12px;line-height:1.7}.teacher-tip{color:#d0d0d0;border-top:1px solid #ffffff4d;padding-top:13px;font-size:11px;line-height:1.6}.lesson-actions{gap:8px;margin-top:22px;display:flex}.lesson-actions button{border:1px solid var(--white);color:var(--white);background:0 0;flex:1;padding:10px 9px;font-size:10px}.lesson-player{border-top:1px solid var(--rule);align-items:center;gap:12px;padding:13px 26px;display:flex}.lesson-player button{border:1px solid var(--ink);background:var(--red);width:36px;height:36px}.lesson-player>div{background:#ebe9e4;flex:1;height:4px}.lesson-player>div i{background:var(--red);height:100%;display:block}.lesson-player small{color:var(--graphite);font-size:10px}.melody-toast{z-index:70;background:var(--ink);color:var(--white);border-left:4px solid var(--red);padding:12px 15px;font-size:11px;animation:2.4s both toast-in;position:fixed;bottom:24px;right:24px}@keyframes toast-in{0%,to{opacity:0;transform:translateY(12px)}12%,80%{opacity:1;transform:translateY(0)}}@media (max-width:900px){.melody-nav{gap:13px}.melody-hero{grid-template-columns:1fr .8fr;gap:35px}.workbench-title{font-size:54px}.hero-proof{grid-template-columns:repeat(2,1fr);gap:12px}.song-row{grid-template-columns:36px 58px 1fr}.open-song{grid-column:3;justify-self:start}.song-art{width:58px;height:58px}.melody-footer{grid-template-columns:1fr}.melody-footer div{justify-content:flex-start}.lesson-body{grid-template-columns:1fr}}@media (max-width:680px){.melody-header{height:76px;padding:0 17px}.hs-brand img{width:145px}.hs-brand span,.melody-nav a:nth-child(n+3){display:none}.language-toggle{margin-left:14px}.melody-hero{padding:65px 20px 55px;display:block}.hero-copy h1{font-size:57px}.hero-copy>p{font-size:14px}.hero-workbench{height:380px;margin-top:44px}.workbench-title{margin-top:52px;font-size:57px}.workbench-bars{bottom:68px}.section-shell{padding:62px 20px}.section-heading h2{font-size:29px}.track-grid{grid-template-columns:1fr}.track-card{min-height:180px}.track-card h3{margin-top:40px}.scene-note{flex-wrap:wrap;gap:10px 18px}.map-line{grid-template-columns:1fr;margin-top:35px}.map-line:before{width:1px;height:auto;inset:14px auto 14px 10px}.map-stage{border-right:0;border-bottom:1px solid var(--rule);min-height:0;padding:22px 0 22px 45px}.map-stage span{top:19px;left:0}.map-stage em{margin-top:9px}.review-layout{grid-template-columns:1fr}.song-row{grid-template-columns:28px 55px 1fr;gap:11px}.song-details h3{font-size:18px}.open-song{grid-column:3}.source-note{line-height:1.5}.lesson-body{padding:14px}.lesson-header,.lesson-steps,.lesson-player{padding-left:14px;padding-right:14px}.melody-footer{padding:30px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reward-section{background:var(--white);max-width:none;padding-left:max(28px,50vw - 670px);padding-right:max(28px,50vw - 670px)}.reward-topline{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:22px;display:flex}.reward-topline>div:first-child{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.reward-topline strong{letter-spacing:-.08em;color:var(--red);font-size:54px;line-height:.8}.reward-topline small{color:var(--graphite);font-size:10px}.reward-stage-switch{align-items:flex-end;gap:6px;display:flex}.reward-stage-switch>span{color:var(--graphite);margin-bottom:10px;margin-right:5px;font-size:10px}.reward-stage-switch button{border:1px solid var(--rule);background:var(--paper);text-align:left;min-width:85px;padding:9px 10px;font-size:11px}.reward-stage-switch button small{margin-top:3px;display:block}.reward-stage-switch button.active{background:var(--red);border-color:var(--ink);color:var(--ink)}.reward-stage-switch button.active small{color:var(--ink)}.reward-policy-line{border-bottom:1px solid var(--rule);justify-content:space-between;gap:20px;padding:14px 0;font-size:11px;display:flex}.reward-policy-line span{color:var(--graphite);text-align:right}.reward-grid{border-left:1px solid var(--ink);grid-template-columns:repeat(5,1fr);margin-top:25px;display:grid}.reward-card{border:0;border-right:1px solid var(--ink);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--paper);text-align:left;min-height:210px;padding:18px;position:relative}.reward-card.selected{padding-top:13px}.reward-index{color:var(--red);font-size:10px;font-weight:700}.reward-card h3{letter-spacing:-.04em;margin:46px 0 8px;font-size:20px}.reward-card p{color:var(--graphite);max-width:190px;font-size:11px;line-height:1.55}.reward-card>strong{letter-spacing:-.05em;font-size:24px;position:absolute;bottom:17px;left:18px}.reward-card>strong small{letter-spacing:.08em;color:var(--red);font-size:9px}.reward-compose{border-bottom:1px solid var(--ink);grid-template-columns:.7fr 1.3fr;gap:30px;padding:28px 0;display:grid}.reward-compose h3{margin:12px 0 5px;font-size:25px}.reward-compose p{color:var(--graphite);margin:0;font-size:11px}.reward-form{align-items:stretch;gap:10px;display:flex}.reward-form textarea{resize:vertical;border:1px solid var(--ink);min-height:76px;font:inherit;background:var(--paper);flex:1;padding:12px;font-size:12px}.reward-form .signal-button{white-space:nowrap;align-self:stretch}.reward-records{padding-top:28px}.reward-records>.eyebrow{margin-bottom:10px}.reward-records>p{color:var(--graphite);margin:0;font-size:12px}.reward-record{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.reward-record b{font-size:13px}.reward-record p{color:var(--graphite);margin:5px 0;font-size:11px}.reward-record small{color:var(--red);font-size:10px}.reward-record button{border:1px solid var(--ink);background:var(--red);white-space:nowrap;padding:9px 12px;font-size:10px}.reward-record button:hover{background:var(--ink);color:var(--white)}@media (max-width:900px){.reward-grid{grid-template-columns:repeat(3,1fr)}.reward-card:nth-child(4),.reward-card:nth-child(5){border-top:0}.reward-compose{grid-template-columns:1fr}.reward-topline{flex-direction:column;align-items:flex-start}.reward-policy-line{display:block}.reward-policy-line span{text-align:left;margin-top:7px;display:block}}@media (max-width:680px){.melody-nav a:nth-child(n+3){display:none}.reward-grid{grid-template-columns:1fr 1fr}.reward-card{min-height:190px}.reward-card h3{margin-top:34px;font-size:18px}.reward-form{display:block}.reward-form textarea{width:100%;margin-bottom:9px}.reward-form .signal-button{width:100%}.reward-stage-switch{flex-wrap:wrap}.reward-stage-switch>span{width:100%;margin-bottom:0}.reward-stage-switch button{flex:1;min-width:0}.reward-record{align-items:flex-start}.reward-record button{margin-top:2px}}.reward-record button:disabled{opacity:.4;cursor:not-allowed}.reward-record-actions{align-items:center;gap:7px;display:flex}.reward-record-actions .revision-button{background:var(--white);color:var(--ink)}.review-checks{color:var(--graphite);margin-top:9px;font-size:10px}.review-checks label{margin:3px 10px 3px 0;display:inline-block}.review-checks input{accent-color:var(--red);margin-right:5px}.melody-page{--paper:#f1fbff;--ink:#12343b;--graphite:#315761;--rule:#cde8ef;--red:#ff4b3e;--white:#f9fdff;--mint:#c9f3d5;--sky:#bdeeff;--blue:#56c9ea;--green:#35b978;--yellow:#ffe07a;background:var(--paper);color:var(--ink);font-size:16px}.melody-page a{color:var(--ink)}.melody-page button{border-radius:10px;transition:background-color .18s,border-color .18s,color .18s,transform .18s}.melody-page button:hover{transform:translateY(-1px)}.melody-page button:active{transform:translateY(0)}:is(.melody-page button:focus-visible,.melody-page a:focus-visible,.melody-page textarea:focus-visible){outline:3px solid var(--blue);outline-offset:3px}.melody-header{background:var(--paper);border-bottom:2px solid var(--rule);height:84px}.hs-brand span{color:var(--graphite);font-size:12px}.melody-nav a{color:var(--graphite);border-radius:8px;padding:10px 6px;font-size:13px}.melody-nav a:hover{background:var(--sky);color:var(--ink)}.language-toggle{border-color:var(--ink);background:var(--white);margin-left:18px;padding:11px 14px;font-size:12px}.hero-copy h1{color:var(--ink);letter-spacing:-.055em}.hero-actions{gap:14px}.signal-button,.line-button{border-radius:10px;min-height:54px;padding:14px 20px;font-size:14px}.signal-button:hover{color:#073d2a;background:#2aa96d}.line-button{background:var(--white)}.line-button:hover{background:var(--sky);color:var(--ink)}.hero-proof{border-top:2px solid var(--ink);border-bottom:2px solid var(--rule);margin-top:48px;padding:18px 0}.hero-proof span{font-size:12px}.hero-proof b{color:var(--green);font-size:29px}.hero-workbench{background:var(--sky);height:510px;color:var(--ink);border:2px solid var(--ink);border-radius:18px;padding:30px}.workbench-grid{display:none}.workbench-label{color:var(--green);font-size:12px}.workbench-meta{color:var(--graphite);font-size:13px}.workbench-play{border-color:var(--ink);background:var(--green);color:var(--ink);border-radius:50%;width:50px;height:50px}.section-heading{border-bottom:2px solid var(--ink)}.section-heading h2{color:var(--ink);font-size:40px}.section-heading p{color:var(--graphite);font-size:15px;line-height:1.6}.section-index{color:var(--green);font-size:12px}.song-table,.track-grid{border-color:var(--ink)}.song-row{border-color:var(--rule);padding:22px 0}.song-row.active{border-left-color:var(--green)}.song-number,.status,.section-index{color:var(--green)}.song-details h3{font-size:23px}.song-details p,.source-note{color:var(--graphite);font-size:13px}.song-meter i{background:var(--green);border-radius:4px}.open-song{border-color:var(--blue);background:var(--sky);padding:13px 15px;font-size:13px}.open-song:hover{background:var(--blue)}.track-grid{border-radius:14px;overflow:hidden}.track-card{background:var(--white);min-height:245px;padding:26px}.track-card h3{font-size:25px}.track-card p{color:var(--graphite);font-size:14px;line-height:1.6}.track-icon{color:var(--blue)}.scene-note{color:var(--graphite);font-size:11px}.map-stage span{border-color:var(--ink);background:var(--paper);border-radius:8px}.map-stage.done span,.map-stage.current span{background:var(--mint)}.map-stage strong{font-size:26px}.map-stage small{color:var(--graphite);font-size:13px}.map-stage em,.map-link,.report-link{color:var(--green);font-size:13px}.review-section{background:var(--paper)}.review-list button{border-color:var(--rule);min-height:60px;padding:18px 8px}.review-list button>span,.review-list button small{color:var(--green)}.review-list button b{font-size:15px}.streak-panel{background:var(--ink);border-radius:16px;padding:28px}.streak-dots i{border-radius:50%}.reward-section{background:var(--white)}.reward-stage-switch button{border-color:var(--rule);background:var(--paper);border-radius:9px}.reward-stage-switch button.active{background:var(--mint);border-color:var(--green)}.reward-policy-line{border-color:var(--rule);font-size:13px}.reward-grid{border-color:var(--ink);border-radius:14px;overflow:hidden}.reward-card{background:var(--paper);border-color:var(--ink);min-height:225px}.reward-card:nth-child(2){background:#ecfaff}.reward-card:nth-child(3){background:#f1fcf5}.reward-card:nth-child(4){background:#fff8d8}.reward-card:nth-child(5){background:#eaf6ff}.reward-card h3{font-size:22px}.reward-card p{color:var(--graphite);font-size:13px;line-height:1.65}.reward-card>strong{color:var(--ink)}.reward-compose{border-color:var(--rule)}.reward-compose h3{font-size:28px}.reward-compose p,.reward-record p{color:var(--graphite);font-size:13px}.reward-form textarea{border:2px solid var(--rule);background:var(--paper);border-radius:10px;font-size:14px}.reward-record{border-color:var(--rule);padding:18px 0}.reward-record button{background:var(--green);border-color:var(--green);color:#073d2a;border-radius:9px;font-size:12px}.reward-record-actions .revision-button{background:var(--sky);border-color:var(--blue);color:var(--ink)}.review-checks{font-size:12px}.review-checks label{background:var(--paper);border-radius:7px;padding:5px 8px}.lesson-panel{border:2px solid var(--ink);border-radius:16px;overflow:hidden}.lesson-header button{background:var(--sky);border-radius:8px}.lyrics{border-color:var(--ink);border-radius:10px;overflow:hidden}.lyric-line{min-height:62px}.teacher-note{background:var(--ink);border-radius:12px}.teacher-note .eyebrow{color:var(--yellow)}.teacher-note h3{font-size:40px}.lesson-actions button.record{background:var(--green);border-color:var(--green);color:#073d2a;border-radius:8px}.lesson-player button{background:var(--green);border-radius:50%}.melody-footer{background:var(--ink);border-top:5px solid var(--blue)}.melody-footer p{font-size:12px}.melody-toast{background:var(--ink);border-left-color:var(--green);border-radius:10px;font-size:13px}@media (max-width:900px){.hero-copy>p{font-size:16px}.hero-workbench{height:450px}.reward-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.melody-header{height:76px}.melody-nav a:nth-child(n+3){display:none}.melody-nav a:nth-child(4){display:inline}.language-toggle{padding:10px 13px}.melody-hero{padding-top:55px}.hero-copy h1{font-size:55px}.hero-workbench{border-radius:14px;height:390px}.workbench-title{font-size:58px}.section-shell{padding:58px 20px}.section-heading h2{font-size:31px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%;min-height:56px}.reward-grid{grid-template-columns:1fr 1fr}.reward-card{min-height:205px}.reward-card h3{font-size:19px}.reward-form .signal-button{min-height:56px}.reward-record{gap:10px}.reward-record-actions{flex-wrap:wrap}.melody-footer{border-top-width:4px}}@media (prefers-reduced-motion:reduce){.melody-page button{transition:none}.melody-page button:hover{transform:none}.melody-toast{animation:none}}.vocabulary-status{border:1px solid var(--rule);letter-spacing:.03em;align-items:center;min-height:24px;margin-top:10px;padding:4px 8px;font-size:10px;display:inline-flex}.vocabulary-status.ready{color:var(--success);border-color:var(--success);background:var(--mint)}.vocabulary-status.pending{color:var(--signal);border-color:var(--signal);background:var(--yellow)}.scene-library-card button:disabled{background:var(--mint);border-color:var(--success);color:var(--ink);opacity:1}.lesson-calibration{border-top:1px solid var(--rule);color:var(--graphite);margin-top:16px;padding-top:12px;font-size:10px;line-height:1.5}.lesson-calibration>span{margin-bottom:9px;display:block}.lesson-calibration>div{gap:8px;display:flex}.lesson-calibration button{border:1px solid var(--interactive);background:var(--sky);min-height:40px;color:var(--body);border-radius:5px;padding:8px 10px;font-size:10px}.lesson-actions button:disabled{opacity:.55;cursor:not-allowed}.lesson-progress{overflow:hidden}.lesson-player .lesson-progress i{transition:width .12s linear}@media (prefers-reduced-motion:reduce){.lesson-player .lesson-progress i{transition:none}}.reward-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible}.reward-card{border:1px solid var(--rule);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;min-height:230px;padding:22px;display:flex;position:relative;overflow:hidden}.reward-card:nth-child(n){background:var(--paper)}.reward-card:nth-child(2n){background:#ecfaff}.reward-card:nth-child(3n){background:#f1fcf5}.reward-card:nth-child(4n){background:#fff8d8}.reward-card-copy{gap:8px;min-width:0;display:grid}.reward-card h3{overflow-wrap:anywhere;margin:16px 0 0;font-size:24px;line-height:1.2}.reward-card p{overflow-wrap:anywhere;max-width:none;margin:0;font-size:14px;line-height:1.65}.reward-card>strong{letter-spacing:-.04em;margin-top:auto;font-size:28px;line-height:1;position:static}.reward-card>strong small{font-size:11px}.reward-empty{border:1px dashed var(--rule);color:var(--graphite);background:var(--paper);border-radius:8px;grid-column:1/-1;padding:28px}.reward-compose-note{color:var(--success);margin-top:10px;font-size:12px;line-height:1.5;display:block}.parent-reward-panel{border:1px solid var(--rule);background:var(--white);border-radius:8px;margin-top:24px;padding:22px}.parent-reward-heading{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.parent-reward-heading h3{color:var(--ink);margin:9px 0 5px;font-size:24px}.parent-reward-heading p{color:var(--graphite);margin:0;font-size:13px;line-height:1.6}.parent-reward-badge{background:var(--mint);border:1px solid var(--success);color:var(--ink);border-radius:5px;flex:none;padding:8px 10px;font-size:12px;font-weight:700}.parent-reward-form{grid-template-columns:1fr 1fr 1fr;align-items:end;gap:12px;margin-top:18px;display:grid}.parent-reward-form label{color:var(--ink);gap:5px;font-size:12px;font-weight:700;display:grid}.parent-reward-form label:nth-child(2){grid-column:1/-1}.parent-reward-form input,.parent-reward-form select,.parent-reward-form textarea{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--body);font:inherit;border-radius:5px;padding:11px;font-size:13px;line-height:1.45}.parent-reward-form textarea{resize:vertical;min-height:88px}.parent-reward-form .signal-button{min-height:46px}.parent-reward-list{gap:10px;margin-top:20px;display:grid}.parent-reward-item{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.parent-reward-item>div{gap:4px;display:grid}.parent-reward-item b{color:var(--ink);font-size:13px}.parent-reward-item small{color:var(--graphite);font-size:11px}.parent-reward-item .line-button{min-height:40px;padding:8px 12px;font-size:11px}@media (max-width:900px){.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-reward-form{grid-template-columns:1fr 1fr}}@media (max-width:680px){.reward-grid{grid-template-columns:1fr}.reward-card{min-height:205px;padding:18px}.reward-card h3{margin-top:12px;font-size:21px}.parent-reward-heading{display:grid}.parent-reward-form{grid-template-columns:1fr}.parent-reward-form label:nth-child(2){grid-column:auto}.parent-reward-item{display:grid}.parent-reward-item .line-button{width:100%}}.recording-dock{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:16px;display:flex}.recording-dock>div{flex:1;gap:3px;min-width:180px;display:grid}.recording-dock b{color:var(--ink);font-size:14px}.recording-dock small{color:var(--graphite);font-size:11px}.recording-dock audio{width:min(280px,100%);height:34px}.studio-section{background:var(--paper);max-width:none;padding-left:max(28px,50vw - 670px);padding-right:max(28px,50vw - 670px)}.studio-grid{grid-template-columns:1.15fr .85fr;gap:24px;display:grid}.studio-library,.studio-editor,.media-studio,.account-studio{border:1px solid var(--rule);background:var(--white);padding:24px}.studio-block-heading h3{color:var(--ink);margin:10px 0 5px;font-size:25px}.studio-block-heading p{color:var(--graphite);margin:0 0 18px;font-size:13px;line-height:1.6}.library-list{border-top:1px solid var(--rule)}.library-song{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.library-song-main{gap:5px;min-width:0;display:grid}.library-song-main strong{color:var(--ink);font-size:19px}.library-song-main small{color:var(--graphite);font-size:12px}.library-stage,.scene-card-top span{background:var(--mint);border:1px solid var(--success);width:max-content;color:var(--ink);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.library-song audio{width:min(340px,100%);height:34px;margin-top:6px}.library-song-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.library-song-actions button,.scene-library-card button{border:1px solid var(--interactive);background:var(--sky);min-height:42px;color:var(--ink);border-radius:5px;padding:9px 11px;font-size:12px}.library-song-actions .complete-action,.scene-library-card button{background:var(--success);border-color:var(--success);color:#063b35}.library-song-actions .ghost-action{background:var(--white)}.studio-form{gap:12px;display:grid}.studio-form label,.scene-editor label,.account-form label{color:var(--ink);gap:5px;font-size:12px;font-weight:700;display:grid}.studio-form input,.studio-form select,.studio-form textarea,.scene-editor input,.scene-editor select,.scene-editor textarea,.account-form input,.student-form-grid input,.student-form-grid select{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--body);font:inherit;border-radius:5px;padding:11px;font-size:13px;line-height:1.45}.studio-form textarea,.scene-editor textarea{resize:vertical;min-height:100px}.studio-form-row{grid-template-columns:.8fr 1.2fr;gap:10px;display:grid}.file-picker{border:1px dashed var(--interactive);background:var(--surface);padding:10px}.file-picker input{background:0 0;border:0;padding:0}.file-picker small{color:var(--graphite);font-size:11px;font-weight:400}.studio-action-row{flex-wrap:wrap;gap:8px;display:flex}.studio-action-row button{flex:1;min-width:120px}.recognize-button{border:1px solid var(--interactive);background:var(--sky);color:var(--ink);border-radius:6px;padding:10px 12px;font-weight:700}.studio-note{color:var(--graphite);font-size:11px;line-height:1.55}.media-studio,.account-studio{margin-top:24px}.scene-library-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.scene-library-card{border:1px solid var(--rule);background:var(--paper);gap:8px;padding:16px;display:grid}.scene-card-top{justify-content:space-between;align-items:center;display:flex}.scene-card-top small{color:var(--graphite);font-size:11px}.scene-library-card h4{color:var(--ink);margin:2px 0;font-size:17px}.scene-library-card p{color:var(--body);white-space:pre-line;margin:0;font-size:13px;line-height:1.65}.scene-library-card video,.scene-library-card audio{width:100%;max-height:200px}.scene-editor{border-top:1px solid var(--rule);grid-template-columns:1fr .35fr;gap:12px;margin-top:18px;padding-top:18px;display:grid}.scene-editor label:nth-child(3),.scene-editor label:nth-child(4){grid-column:1/-1}.scene-editor>.line-button{justify-self:start}.account-session{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.account-session>div:first-child{gap:4px;display:grid}.account-session strong{color:var(--ink);font-size:22px}.account-session small,.student-list span{color:var(--graphite);font-size:12px}.account-stats{gap:18px;display:flex}.account-stats span{color:var(--graphite);font-size:12px}.account-stats b{color:var(--success);font-size:22px}.auth-tabs{border-bottom:1px solid var(--rule);margin-bottom:16px;display:flex}.auth-tabs button{color:var(--graphite);background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-weight:700}.auth-tabs button.active{color:var(--ink);border-bottom-color:var(--success)}.account-form{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.account-form .signal-button,.account-form small{grid-column:1/-1}.account-form small{color:var(--graphite);font-size:11px}.student-account-form{border-top:1px solid var(--rule);gap:12px;margin-top:18px;padding-top:18px;display:grid}.student-account-form>div:first-child{gap:4px;display:grid}.student-account-form>div:first-child b{color:var(--ink);font-size:18px}.student-account-form>div:first-child small{color:var(--graphite);font-size:12px}.student-form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.student-list{flex-wrap:wrap;gap:8px;display:flex}.student-list span{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:7px 9px}.melody-page input[type=file]::file-selector-button{border:1px solid var(--interactive);background:var(--sky);color:var(--ink);border-radius:4px;margin-right:8px;padding:6px 8px}@media (max-width:900px){.studio-grid,.scene-library-grid{grid-template-columns:1fr}.account-session{flex-direction:column;align-items:flex-start}.account-stats{justify-content:flex-start;width:100%}.scene-editor,.account-form,.student-form-grid{grid-template-columns:1fr}}@media (max-width:680px){.studio-section{padding-left:20px;padding-right:20px}.studio-library,.studio-editor,.media-studio,.account-studio{padding:17px}.library-song{display:grid}.library-song-actions{justify-content:flex-start}.library-song-actions button{flex:1}.scene-editor>.line-button{width:100%}}.melody-page button:disabled{opacity:.52;cursor:not-allowed;transform:none}.melody-page button:active:not(:disabled){transform:translateY(1px)}@media (pointer:coarse){.melody-page button,.melody-page a{min-height:44px}.melody-nav a{align-items:center;display:inline-flex}.language-toggle{min-width:48px}.lyric-line{padding-top:16px;padding-bottom:16px}}.melody-page{--paper:#f1fbff;--surface:#e7f8fb;--surface-strong:#dff5f4;--mint:#c9f3d5;--sky:#bdeeff;--interactive:#56c9ea;--success:#35b978;--reward:#ffe07a;--ink:#0e5663;--body:#12343b;--graphite:#416a73;--rule:#b8dce2;--red:#ff4b3e;--white:#faffff;background:var(--paper);color:var(--body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:#56c9ea38;font-family:Arial,Helvetica Neue,Noto Sans SC,sans-serif;line-height:1.45}.melody-page button,.melody-page textarea,.melody-page input{font:inherit}.melody-page button{touch-action:manipulation;transition:background-color .18s,border-color .18s,color .18s,transform .18s}:is(.melody-page button:focus-visible,.melody-page a:focus-visible,.melody-page textarea:focus-visible,.melody-page input:focus-visible){outline:3px solid var(--interactive);outline-offset:3px}.melody-header{border-bottom-color:var(--rule);height:84px;color:var(--ink);background:#e7f8fbf5}.hs-brand span{border-left-color:var(--rule);color:var(--graphite)}.melody-nav{gap:22px}.melody-nav a{color:var(--ink);font-size:12px;font-weight:700}.melody-nav a:hover{color:var(--success)}.language-toggle{border-color:var(--interactive);background:var(--sky);color:var(--ink);border-radius:5px;font-weight:700}.language-toggle:hover{background:var(--interactive);color:var(--body)}.melody-hero{gap:70px;padding-top:82px;padding-bottom:74px}.eyebrow{color:var(--ink);letter-spacing:.12em;font-size:11px}.hero-copy .eyebrow{color:var(--success)}.hero-copy h1{color:var(--ink);letter-spacing:-.055em;line-height:1.02}.hero-copy>p{color:var(--graphite);font-size:17px;line-height:1.75}.signal-button,.line-button{border-radius:6px;min-height:52px;font-size:13px}.signal-button{background:var(--success);border-color:var(--success);color:#063b35}.signal-button:hover{color:#fff;background:#269b64;border-color:#269b64;transform:translateY(-1px)}.line-button{background:var(--sky);border-color:var(--interactive);color:var(--ink)}.line-button:hover{background:var(--interactive);color:var(--body);transform:translateY(-1px)}.hero-proof{border-color:var(--rule);margin-top:45px}.hero-proof span{color:var(--graphite)}.hero-proof b{color:var(--ink)}.hero-workbench{background:var(--surface-strong);height:470px;color:var(--ink);border-color:var(--rule);border-radius:8px}.workbench-grid{background-color:var(--sky);opacity:1;background-image:none}.workbench-label{color:var(--ink);font-weight:700}.workbench-title{color:var(--ink);margin-top:68px;font-size:66px}.workbench-meta{color:var(--graphite)}.workbench-meta span{color:var(--success)}.workbench-bars i{background:var(--interactive);border-radius:2px}.workbench-play{border-color:var(--interactive);background:var(--interactive);color:var(--body);border-radius:50%}.workbench-play:hover{background:var(--success);border-color:var(--success);transform:scale(1.04)}.section-shell{padding-top:78px;padding-bottom:78px}.section-heading{border-bottom-color:var(--rule)}.section-heading h2{color:var(--ink)}.section-heading p{color:var(--graphite)}.section-index{color:var(--ink)}.week-plan,.map-section,.reward-section{background:var(--surface)}.scenes-section,.review-section{background:var(--paper)}.song-table{border-top-color:var(--rule)}.song-row{border-bottom-color:var(--rule)}.song-row.active{border-left-color:var(--success);background:#c9f3d56b}.song-number,.status{color:var(--success)}.status.muted{color:var(--graphite)}.song-art{border-color:var(--rule);border-radius:7px}.art-sun{background:var(--reward)}.art-star{background:var(--sky)}.song-details h3{color:var(--ink)}.song-details p{color:var(--graphite)}.song-meter:before{background:#d1e7e9}.song-meter i{background:var(--success)}.song-meter small{color:var(--graphite)}.open-song{border-color:var(--interactive);background:var(--sky);color:var(--ink);border-radius:5px;min-height:44px}.open-song:hover{background:var(--interactive);color:var(--body)}.source-note{color:var(--graphite)}.track-grid{border-color:var(--rule)}.track-card{border-color:var(--rule);background:var(--surface)}.track-card:hover,.track-card.selected{background:var(--white)}.track-card.selected{border-top-color:var(--success)}.track-code,.track-card h3{color:var(--ink)}.track-card p,.scene-note{color:var(--graphite)}.track-arrow{color:var(--interactive)}.map-line:before{background:var(--rule)}.map-stage{border-color:var(--rule)}.map-stage span{background:var(--paper);border-color:var(--rule);color:var(--ink);border-radius:5px}.map-stage.done span,.map-stage.current span{background:var(--mint);border-color:var(--success)}.map-stage strong{color:var(--ink)}.map-stage small{color:var(--graphite)}.map-stage em,.map-link,.report-link{color:var(--success)}.review-list{border-top-color:var(--rule)}.review-list button{border-bottom-color:var(--rule);color:var(--body);min-height:58px}.review-list button>span{color:var(--success)}.review-list button small{color:var(--graphite)}.review-list button:hover{background:var(--mint)}.streak-panel{background:var(--surface-strong);border-color:var(--rule);color:var(--ink);border-radius:8px}.streak-panel strong{color:var(--success)}.streak-panel strong small,.streak-panel p{color:var(--graphite)}.streak-dots i{border-color:var(--rule)}.streak-dots i.on{background:var(--success);border-color:var(--success)}.streak-dots i.today{background:var(--reward);border-color:var(--reward)}.reward-topline{border-bottom-color:var(--rule)}.reward-topline strong{color:var(--ink)}.reward-topline small,.reward-stage-switch>span{color:var(--graphite)}.reward-stage-switch button{background:var(--paper);border-color:var(--rule);color:var(--ink);border-radius:5px;min-height:48px}.reward-stage-switch button:hover{background:var(--sky);border-color:var(--interactive)}.reward-stage-switch button.active{background:var(--reward);color:var(--body);border-color:#dfbd3d}.reward-policy-line{border-bottom-color:var(--rule)}.reward-policy-line span{color:var(--graphite)}.reward-grid{border-left-color:var(--rule)}.reward-card{border-color:var(--rule);background:var(--paper)}.reward-card:hover,.reward-card.selected{background:var(--white);box-shadow:inset 0 5px 0 var(--success)}.reward-index,.reward-card h3,.reward-card>strong{color:var(--ink)}.reward-card p{color:var(--graphite)}.reward-card>strong small{color:#ad7d00}.reward-compose{border-bottom-color:var(--rule)}.reward-compose h3{color:var(--ink)}.reward-compose p,.reward-record p{color:var(--graphite)}.reward-form textarea{background:var(--white);border-color:var(--rule);color:var(--body);border-radius:5px;line-height:1.55}.reward-form textarea::placeholder{color:#5d8088}.reward-form .signal-button{background:var(--reward);color:var(--body);border-color:#dfbd3d}.reward-form .signal-button:hover{color:var(--body);background:#f4d35d;border-color:#c8a72d}.reward-record{border-top-color:var(--rule)}.reward-record b{color:var(--ink)}.reward-record small{color:var(--success)}.reward-record button{background:var(--success);border-color:var(--success);color:#063b35;border-radius:5px;min-height:42px}.reward-record button:hover{color:#fff;background:#269b64;border-color:#269b64}.reward-record-actions .revision-button{background:var(--sky);border-color:var(--interactive)}.melody-footer{background:var(--surface-strong);border-top:1px solid var(--rule);color:var(--ink)}.melody-footer p{color:var(--graphite)}.melody-footer a{color:var(--ink)}.melody-footer a:hover{color:var(--success)}.lesson-modal{background:#0e566373}.lesson-panel{background:var(--white);color:var(--body);border-color:var(--rule);border-radius:8px}.lesson-header,.lesson-steps,.lesson-player{border-color:var(--rule)}.lesson-header h2{color:var(--ink)}.lesson-header p,.lesson-steps span,.lesson-header button{color:var(--graphite)}.lesson-header button{border-color:var(--interactive);background:var(--sky);border-radius:5px;min-width:40px;min-height:40px}.lesson-steps span.done{background:var(--mint);color:var(--ink)}.lesson-steps span.active{background:var(--interactive);color:var(--body);border-radius:4px}.lyrics{border-color:var(--rule)}.lyrics-heading{border-bottom-color:var(--rule);color:var(--ink)}.lyrics-heading small,.lyric-line small{color:var(--graphite)}.lyric-line{border-bottom-color:var(--rule);background:var(--white);min-height:58px}.lyric-line:hover,.lyric-line.active{background:var(--mint)}.lyric-line em{color:var(--success)}.lyric-line strong{color:var(--body)}.teacher-note{background:var(--surface-strong);border-color:var(--rule);color:var(--ink);border-radius:7px}.teacher-note h3{color:var(--ink)}.phonetic{color:var(--success)}.teacher-note p,.teacher-tip{color:var(--graphite)}.teacher-tip{border-top-color:var(--rule)}.lesson-actions button{border-color:var(--interactive);color:var(--ink);background:var(--sky);border-radius:5px;min-height:44px}.lesson-actions button:hover{background:var(--interactive)}.lesson-actions button.record{background:var(--success);border-color:var(--success);color:#063b35}.lesson-player button{border-color:var(--interactive);background:var(--interactive);color:var(--body);border-radius:50%;min-width:40px;min-height:40px}.lesson-player>div{background:#d1e7e9}.lesson-player>div i{background:var(--success)}.melody-toast{background:var(--surface-strong);color:var(--ink);border-color:var(--rule);border-left-color:var(--success);border-radius:5px}@media (max-width:680px){.melody-hero{padding-top:58px}.hero-copy>p{font-size:16px}.hero-workbench{height:360px}.workbench-title{font-size:54px}.section-shell{padding-top:58px;padding-bottom:58px}.section-heading h2{font-size:31px}.open-song,.reward-record button{min-height:46px}.lesson-panel{max-height:calc(100vh - 24px)}.melody-toast{bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.melody-page button{transition:none}.melody-page button:hover{transform:none}.melody-toast{animation:none}}