@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#2e3a4c;--muted:#65748a;--soft:#8995a7;--line:#e2e7ef;--blue:#426b91;--accent:#6672aa;--paper:#f9fafc;--lilac:#eeedf7;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6c6aaf}button,a{transition:background .18s,color .18s,transform .18s}a:hover,button:not(:disabled):hover{color:#6973ab}img{max-width:100%}[hidden]{display:none!important}.skip-link{position:absolute;top:-60px;left:20px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}.topbar{max-width:1320px;margin:0 auto;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.brand{font-family:Georgia,'Times New Roman',serif;font-size:29px;letter-spacing:1.4px;line-height:1.05;font-weight:bold}.brand span,.footer-brand span{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3.8px;margin-top:8px}.topbar nav{display:flex;gap:36px;align-items:center;font-size:13px;color:var(--muted)}.topbar nav a,.topbar nav button{position:relative;padding:12px 0}.topbar nav .active{color:var(--ink);font-weight:600}.topbar nav .active:after{position:absolute;content:'';width:4px;height:4px;background:var(--blue);border-radius:50%;bottom:1px;left:50%}.topbar nav span{margin-left:7px}.header-note{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.sparkle{font-size:18px;color:#777aa5;margin-right:8px}main{max-width:1232px;margin:0 auto;padding:0 0 20px}.hero{position:relative;overflow:hidden;min-height:337px;border:1px solid #e4e8f4;background:radial-gradient(ellipse at 85% 30%,#f6edfc 0,transparent 45%),linear-gradient(110deg,#e8f1f8,#e0e9f4 57%,#eae5f5);border-radius:22px;padding:36px 48px;display:flex;align-items:center}.hero-content{position:relative;z-index:2;min-width:380px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#7c8ba1;display:flex;align-items:center;gap:7px}.hero .eyebrow{color:#58718e;font-size:9px;letter-spacing:2.4px}.hero .eyebrow>span{height:5px;width:5px;border-radius:50%;background:#6d91af}h1{font-weight:500;font-size:43px;line-height:1.35;letter-spacing:2px;margin:19px 0 14px;position:relative;width:max-content}h1 span{color:#7374a7}h1 svg{position:absolute;right:-10px;bottom:-10px;width:151px;height:18px;fill:none;stroke:#b2accf;stroke-width:1.4;stroke-linecap:round}.hero p{font-size:12px;line-height:1.9;color:#60768b;letter-spacing:.6px;margin:18px 0 20px}.mobile-break{display:none}.hero-cta{display:inline-flex;align-items:center;gap:30px;background:#fff9;padding:10px 17px;border:1px solid #fff;border-radius:7px;font-size:11px;font-weight:600;box-shadow:0 3px 5px #b5bdd112}.hero-cta span{font-size:17px}.hero-cta:hover{background:#fff;transform:translateY(-2px)}.hero-art{position:absolute;width:580px;height:350px;right:2%;top:0}.glass-orb{width:230px;height:230px;position:absolute;left:178px;top:47px;border:1px solid #fff9;border-radius:50%;background:radial-gradient(circle at 25% 22%,#ffffffd9 0%,#fbf9ff4d 24%,#b4c4df26 43%,#a5b2d755 60%,#fff9 78%,#c7bada66 87%);box-shadow:inset 11px 14px 30px #fff8,inset -13px -6px 24px #888eb522,14px 26px 37px #97a9c52b;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;transform:rotate(-12deg)}.glass-orb span{font-family:Georgia,serif;font-style:italic;font-size:86px;color:#fff9;text-shadow:1px 2px 2px #94a7cb55;letter-spacing:-9px;transform:translateX(-6px)}.orbit{position:absolute;border:1px solid #fffc;border-radius:50%;transform:rotate(-24deg);width:408px;height:122px;left:89px;top:103px}.orbit-two{transform:rotate(27deg);width:400px;height:125px;left:85px;top:118px;z-index:1}.petal{position:absolute;border-radius:15% 85% 10% 85%;background:linear-gradient(135deg,#fff9,#b9cce97a 50%,#a5b8d755);box-shadow:inset 1px 2px 7px #fffc,7px 12px 28px #99accb33;border:1px solid #fff7}.petal-one{width:66px;height:97px;top:46px;left:99px;transform:rotate(-26deg)}.petal-two{width:65px;height:79px;left:417px;top:211px;transform:rotate(21deg);background:linear-gradient(135deg,#fff8,#c7bbe08c)}.petal-three{width:33px;height:50px;left:126px;top:263px;transform:rotate(62deg)}.art-star{position:absolute;color:#fff;font-size:37px}.star-one{top:31px;left:400px}.star-two{top:248px;left:223px;font-size:23px}.art-note{position:absolute;right:1px;top:97px;font-size:9px;line-height:1.9;letter-spacing:2px;color:#7e82a4}.art-label{position:absolute;left:188px;bottom:15px;font-size:7px;letter-spacing:2px;color:#7288a2;transform:rotate(-4deg)}.hero-number{position:absolute;right:24px;bottom:18px;color:#98a0b3;font-size:7px;letter-spacing:1.7px}.studio{display:grid;grid-template-columns:250px minmax(0,1fr);gap:39px;margin-top:44px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:.3px;margin:5px 0 0}.count{font-size:10px;background:#eef0f6;color:#9199ad;padding:4px 8px;border-radius:5px}.song-list{display:flex;flex-direction:column;gap:9px}.song-card{display:flex;align-items:center;text-align:left;width:100%;padding:12px 11px;border:1px solid transparent;border-radius:11px;gap:12px;position:relative;background:#fff8}.song-card:hover{background:#eff2f8}.song-card.selected{background:linear-gradient(100deg,#e9eef7,#efedf7);border-color:#d3dcec;box-shadow:0 2px 5px #526c8b05}.song-thumb{width:48px;height:51px;object-fit:cover;border-radius:6px;flex-shrink:0;filter:saturate(.8)}.song-copy{min-width:0}.song-copy strong{display:block;font-size:12px;font-weight:600;letter-spacing:.4px}.song-copy small{display:block;font-size:8px;color:#8490a4;margin-top:4px;letter-spacing:.4px}.song-number{margin-left:auto;font-size:9px;color:#9ba5b5}.song-playing{display:flex;align-items:center;gap:2px;height:12px;margin-left:auto}.song-playing i{width:2px;background:#7b8db4;height:8px}.song-playing i:nth-child(2){height:12px}.song-playing i:nth-child(3){height:5px}.little-note{margin:26px 9px 24px;display:flex;gap:12px}.little-note>span{font-size:21px;color:#9ba2bf}.little-note strong{font-size:10px;font-weight:500}.little-note p{font-size:10px;line-height:1.9;color:#8994a8;margin:5px 0}.practice-card{border:1px solid #e4e7ef;border-radius:12px;background:linear-gradient(135deg,#f1f3f9,#f4f2fa);padding:19px 18px;position:relative}.practice-icon{position:absolute;right:17px;top:16px;font-size:25px;color:#a2aec6;transform:rotate(-16deg)}.practice-card>span{font-size:10px;color:#7c8aa2}.practice-card strong{display:block;font-size:28px;font-weight:500;letter-spacing:.5px;margin-top:7px}.practice-card strong small{font-size:11px;color:#8691a7;font-weight:400}.progress-track{height:3px;background:#e0e5f0;border-radius:4px;margin-top:12px}.progress-track span{display:block;height:100%;background:#9ca8c5;max-width:100%;width:0;transition:width .4s}.practice-card p{font-size:9px;color:#7d8ba1;margin:10px 0 4px}.practice-card .local-note{font-size:8px;color:#9aa4b5}.player-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.player-heading h2{font-size:25px;font-weight:500;letter-spacing:.1px;margin:5px 0 0;line-height:1.3}.player-heading h2 span{font-size:10px;font-weight:400;letter-spacing:1px;vertical-align:middle;color:#a2acbd;margin-left:9px}.live-dot{width:5px;height:5px;background:#9caec5;border-radius:100%}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:23px;border-radius:8px;color:#71829b}.icon-button:hover{background:#e9edf6}.favorite{border:1px solid #e0e5ee;background:#fff;width:32px;height:32px;font-size:21px}.favorite[aria-pressed=true]{color:#8677b2;background:#eee9f6}.mode-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.segmented{display:inline-flex;gap:2px;padding:3px;border:1px solid #e6e9f0;background:#eff1f6;border-radius:7px}.segmented button{font-size:10px;padding:6px 12px;border-radius:4px;color:#8a96a9}.segmented button.selected{background:white;color:#4d6684;box-shadow:0 1px 4px #1e2d4a0b}.mode-row>a{font-size:9px;color:#8594a9}.mode-row>a span{font-size:13px;margin-left:5px}.video-shell{position:relative;aspect-ratio:16/9;width:100%;background:#202b3a;overflow:hidden;border-radius:12px}.video-shell iframe,.video-shell>#youtube-player{position:absolute;width:100%;height:100%;inset:0;border:0}.video-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:left;color:#fff;overflow:hidden}.video-poster>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.72);inset:0}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#16253a33,#15264013 25%,#21344a7a 70%,#172735c9),linear-gradient(95deg,#647b9144,#776e9933)}.video-tag{position:absolute;top:20px;left:22px;font-size:7px;letter-spacing:1.4px;padding:5px 9px;border:1px solid #ffffff5c;border-radius:4px;background:#26344b40;backdrop-filter:blur(10px);display:flex;align-items:center;gap:6px}.video-tag>span{height:4px;width:4px;background:#c9d9ee;border-radius:50%}.poster-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 10px #23345555;padding-top:5px}.big-play{border-radius:50%;width:59px;height:59px;background:#ffffff3a;border:1px solid #ffffff8c;backdrop-filter:blur(9px);font-size:18px;display:flex;align-items:center;justify-content:center;padding-left:3px;box-shadow:0 6px 24px #1233;transition:transform .2s}.video-poster:hover .big-play{transform:scale(1.08);background:#ffffff55}.poster-center strong{font-weight:500;letter-spacing:2px;font-size:17px;margin-top:17px}.poster-center small{font-size:8px;letter-spacing:.6px;margin-top:6px;color:#fffC}.video-bottom{position:absolute;bottom:21px;left:24px;right:24px;font-family:Georgia,serif;font-size:18px;letter-spacing:1px;display:flex;align-items:center}.video-bottom>span{font-family:'DM Sans',sans-serif;font-size:8px;margin-left:13px;letter-spacing:1.3px;color:#d7e3ef}.video-bottom .play-circle{margin-left:auto;border:1px solid #fff4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px}.player-status{font-size:9px;color:#8a96a7;margin:9px 1px 12px;min-height:14px}.player-status.error{color:#a56a70}.control-panel{border:1px solid #e0e5ed;border-radius:12px;background:#fff;padding:16px 20px 7px}.timeline-row{display:flex;align-items:center;gap:12px;font-size:9px;color:#8290a5;font-variant-numeric:tabular-nums}.timeline-row input{width:100%;accent-color:#8390ba;height:4px}.transport{display:flex;justify-content:space-between;align-items:center;padding:13px 0 15px}.transport-left{display:flex;align-items:center;gap:10px}.transport .icon-button{font-size:27px;width:32px;height:32px}.transport .icon-button small{position:absolute;font-size:8px;top:11px;left:14px}.play-button{width:36px;height:36px;display:grid;place-items:center;background:#627c9d;color:#fff;border-radius:50%;font-size:12px;box-shadow:0 3px 7px #5b709f26}.play-button:not(:disabled):hover{background:#727ca9;color:white}.control-divider{width:1px;height:21px;background:var(--line);margin:0 7px}.speed-label{font-size:10px;color:#8b96a8;display:flex;align-items:center;gap:7px}.speed-label select{font-size:10px;border:1px solid #e1e6ef;border-radius:5px;padding:4px 5px;color:#6e7e97;background:#f9faff}.subtle-button{font-size:9px;color:#8894a7;display:flex;align-items:center;gap:5px}.subtle-button span{font-size:15px}.loop-bar{border-top:1px solid #edf0f5;padding-top:14px;display:flex;align-items:center;gap:14px}.loop-label{display:flex;gap:7px;align-items:center}.loop-label>span{font-size:19px;color:#9aa6bf}.loop-label strong{font-size:10px;font-weight:500;white-space:nowrap}.loop-inputs{display:flex;align-items:center;gap:6px;margin-left:4px}.loop-inputs button{background:#edf0f7;color:#8291ab;border-radius:4px;font-size:9px;font-weight:600;height:25px;width:23px}.loop-inputs input{width:46px;font-size:10px;color:#6b7e99;border:1px solid #e4e8f0;padding:4px;border-radius:4px;text-align:center;background:#fafbfe;font-variant-numeric:tabular-nums}.loop-inputs>span{color:#abb5c4;margin:0 3px;font-size:10px}.toggle{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap}.toggle>span{position:relative;background:#e0e5ef;border-radius:30px;width:29px;height:16px;transition:background .2s}.toggle>span:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:white;box-shadow:0 1px 2px #5673;transition:transform .2s}.toggle[aria-pressed=true]>span{background:#9495c1}.toggle[aria-pressed=true]>span:after{transform:translateX(13px)}.toggle b{font-size:9px;font-weight:400;color:#8b96aa}.loop-feedback{font-size:8px;color:#98a3b5;margin:9px 0 4px}.cue-section{margin-top:25px}.cue-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cue-heading h3{font-size:15px;font-weight:500;margin:4px 0 0}.cue-heading h3>span{font-size:8px;color:#9ca6b6;background:#eff1f6;padding:3px 6px;border-radius:3px;margin-left:7px;font-weight:400}.outline-button{border:1px solid #dce3ee;border-radius:6px;padding:7px 11px;background:#fff;font-size:10px;white-space:nowrap;color:#73849f}.outline-button:hover{background:#eef1f8}.cue-empty{background:linear-gradient(110deg,#f0f4fa,#f3f1f9);border:1px dashed #d9dfec;border-radius:11px;padding:24px 20px;display:flex;gap:18px;align-items:center}.wave{display:flex;gap:3px;align-items:center;height:28px;flex-shrink:0}.wave i{width:3px;background:#b6c1d6;height:9px;border-radius:2px}.wave i:nth-child(2),.wave i:nth-child(6){height:16px}.wave i:nth-child(3),.wave i:nth-child(5){height:24px}.wave i:nth-child(4){height:30px}.cue-empty strong{font-size:11px;font-weight:500;color:#657a96}.cue-empty p{font-size:9px;line-height:1.9;color:#94a0b3;margin:5px 0 0}.cue-empty>button{font-size:9px;color:#8b8db2;margin-left:auto;white-space:nowrap;align-self:flex-end}.cue-empty>button span{font-size:12px;margin-left:4px}.cue-tools{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;color:#78889e}.cue-tools label{display:flex;align-items:center;gap:5px}.cue-tools input[type=checkbox]{accent-color:#8a8eb8}.cue-tools input[type=number]{width:52px;padding:4px 6px;border:1px solid #dae1ed;border-radius:4px;color:#6b7c95;background:white}.cue-source-note{font-size:9px;color:#9a8aaa;margin:8px 0}.cue-lines{border:1px solid #e0e5ee;border-radius:11px;padding:8px;background:white;max-height:260px;overflow-y:auto;scroll-behavior:smooth}.cue-line{display:flex;align-items:center;gap:16px;width:100%;padding:13px 14px;border-radius:8px;text-align:left;border-left:3px solid transparent}.cue-line time{font-size:10px;color:#9da7ba;font-variant-numeric:tabular-nums}.cue-line strong{font-size:13px;font-weight:500;display:block}.cue-line small{display:block;font-size:10px;color:#93a0b2;margin-top:4px}.cue-line.active{background:#eeedf8;border-left-color:#a19bc6}.cue-line.active time{color:#8d83b7}.cue-line.active strong{color:#7772a5}.shortcut-hint{display:flex;align-items:center;justify-content:center;gap:6px;color:#a5aebd;font-size:8px;margin-top:16px}.shortcut-hint>span{margin-right:7px}kbd{border:1px solid #e1e5ed;background:white;padding:0 4px;border-radius:3px;font:inherit;min-width:15px;text-align:center}.bottom-note{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:55px;padding:27px 0;border-top:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0}.bottom-note>span{font-size:32px;color:#acb5cf}.bottom-note strong{font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:400;color:#7586a4}.bottom-note p{font-size:10px;letter-spacing:.4px;color:#98a2b5;margin:3px 0 0}.bottom-note>a{margin-left:90px;font-size:9px;color:#8895ac}footer{max-width:1232px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:18px 0 32px}.footer-brand{font-family:Georgia,serif;font-weight:bold;font-size:19px;color:#78869a;letter-spacing:1px}.footer-brand span{font-size:6px;letter-spacing:2.7px;margin-top:4px}footer p{font-size:8px;color:#a3acba;line-height:1.8;text-align:center}footer button{font-size:9px;color:#92a0b4}dialog{border:1px solid #e3e7f0;border-radius:18px;padding:27px 30px;max-width:650px;width:calc(100% - 30px);background:#fbfcff;color:var(--ink);box-shadow:0 30px 100px #28375333;max-height:90vh;overflow-y:auto}dialog::backdrop{background:#33415860;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:22px;font-weight:500;margin:4px 0}.dialog-header .icon-button{font-weight:300;font-size:28px}.dialog-description{font-size:12px;color:#8090a5;line-height:1.9;margin:16px 0}.import-row{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}.file-label{cursor:pointer}.file-label input{display:none}.field-label{font-size:11px;color:#7b8aa0;display:block;margin-bottom:7px}textarea{resize:vertical;width:100%;border:1px solid #dbe2ef;border-radius:9px;padding:13px;background:white;color:#536986;font-size:12px;line-height:1.9;min-height:170px}textarea::placeholder{color:#abb4c3}.editor-help{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:7px;font-size:9px;color:#9aa5b7}.editor-help button{font-size:9px;color:#7c86b2;flex-shrink:0}.error-message{color:#af6279;font-size:11px;min-height:18px;margin:10px 0}.dialog-actions{display:flex;align-items:center;gap:9px;justify-content:flex-end}.text-button{font-size:10px;color:#a08aa5;margin-right:auto}.primary-button{padding:9px 15px;border-radius:7px;background:#7485ab;color:white;font-size:11px}.primary-button:not(:disabled):hover{background:#8792b4;color:white}.primary-button span{margin-left:12px}.privacy-note{font-size:9px;color:#a4adbb;margin:15px 0 0}.about-body{font-size:12px;line-height:1.9;color:#7c8ba0}.about-body h3{font-size:13px;font-weight:600;color:#596d89;margin-top:22px}.about-body a{color:#737aa8;text-decoration:underline;text-underline-offset:3px}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px}.source-links>div{padding:8px 10px;border-radius:6px;background:#f0f2f8}.source-links strong{display:block;font-weight:500;margin-bottom:2px}.source-links a{margin-right:9px}.about-footnote{font-size:10px;border-top:1px solid #e3e7ef;padding-top:14px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#4c607bed;color:#fff;padding:10px 20px;border-radius:8px;font-size:12px;box-shadow:0 5px 25px #2233;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}body.focus .hero,body.focus .library,body.focus .bottom-note,body.focus footer,body.focus .header-note{display:none}body.focus main{max-width:1030px}body.focus .studio{grid-template-columns:1fr;margin-top:15px}body.focus .video-shell{max-height:65vh;aspect-ratio:16/9}body.focus .topbar{height:75px;max-width:1118px}
@media(min-width:1500px){main{max-width:1280px}.topbar{max-width:1368px}.hero{min-height:350px}.hero-art{right:5%}.studio{grid-template-columns:260px minmax(0,1fr);gap:45px}footer{max-width:1280px}}
@media(max-width:1300px){main,footer{margin-left:40px;margin-right:40px}.topbar{padding:0 40px}.hero-art{right:-3%;transform:scale(.92)}.studio{gap:29px;grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:1050px){.header-note{display:none}.hero-art{right:-14%;transform:scale(.88)}.hero{padding-left:35px;min-height:325px}.hero-content{min-width:300px}.studio{grid-template-columns:200px minmax(0,1fr);gap:23px}.section-heading h2{font-size:15px}.song-card{gap:9px;padding:10px 8px}.song-copy strong{font-size:11px}.song-thumb{width:40px;height:44px}.song-number{font-size:8px}.loop-bar{gap:7px}.control-panel{padding:14px 14px 7px}.loop-label strong{font-size:9px}.toggle b{font-size:8px}.loop-inputs{gap:3px;margin-left:0}.cue-empty{padding:20px 14px;gap:12px;flex-wrap:wrap}.cue-empty>button{margin-left:auto}.shortcut-hint{font-size:7px;gap:4px}.practice-card{padding:16px 13px}.little-note{gap:8px;margin-left:3px}.bottom-note>a{margin-left:45px}}
@media(max-width:800px){.topbar{height:85px;padding:0 24px}.brand{font-size:25px}.brand span{font-size:7px;letter-spacing:3.2px}.topbar nav{gap:20px;font-size:11px}main,footer{margin-left:24px;margin-right:24px}.hero{min-height:300px;padding:28px}.hero h1{font-size:36px}.hero p{font-size:10px;max-width:250px}.hero-art{right:-25%;top:-15px;transform:scale(.8)}.art-note{display:none}.hero-number{font-size:6px}.hero-content{min-width:260px}.studio{display:block;margin-top:30px}.library .section-heading{margin-bottom:14px}.library .section-heading h2{font-size:16px}.song-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.song-card{padding:10px 12px}.song-copy strong{font-size:12px}.song-thumb{width:44px;height:44px}.song-copy small{font-size:9px}.little-note,.practice-card{display:none}.workbench{margin-top:29px}.player-heading h2{font-size:25px}.video-shell{border-radius:11px}.loop-bar{gap:15px}.loop-label strong{font-size:10px}.loop-inputs{gap:6px;margin-left:10px}.toggle b{font-size:10px}.control-panel{padding:16px 19px 7px}.cue-empty{flex-wrap:nowrap;padding:24px 18px}.shortcut-hint{font-size:8px;gap:5px}.bottom-note{margin-top:35px}.bottom-note>a{margin-left:auto}.bottom-note strong{font-size:17px}footer{gap:20px}footer button{font-size:8px}footer p{font-size:7px}.source-links{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topbar{height:78px;padding:0 18px}.brand{font-size:22px}.brand span{letter-spacing:2.7px;font-size:6px}.topbar nav{gap:18px;font-size:11px}.topbar nav button:last-child{display:none}main,footer{margin-left:16px;margin-right:16px}.hero{min-height:325px;padding:27px 24px;border-radius:16px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px}.hero h1{font-size:36px;margin-top:18px;line-height:1.4;letter-spacing:1px}.hero h1 svg{width:130px;right:-7px}.hero p{font-size:10px;line-height:1.9;margin-top:19px;max-width:230px}.mobile-break{display:block}.hero-cta{font-size:10px;padding:8px 13px;gap:20px}.hero-art{transform:scale(.62);right:-92%;top:5px;transform-origin:top left;opacity:.85}.hero-content{min-width:0}.glass-orb{left:70px;top:51px}.orbit{left:-18px}.orbit-two{left:-25px}.petal-one{left:20px;top:22px}.petal-two{left:310px;top:220px}.petal-three{left:9px;top:285px}.star-one{left:290px}.star-two{left:146px}.art-label{display:none}.hero-number{right:15px;bottom:15px;letter-spacing:1px;font-size:6px}.section-heading h2{font-size:16px}.eyebrow{font-size:8px;letter-spacing:1.6px}.studio{margin-top:28px}.song-card{padding:9px 8px;gap:8px}.song-copy strong{font-size:10px;letter-spacing:.2px}.song-copy small{font-size:7px;letter-spacing:0}.song-thumb{width:36px;height:39px}.song-number{font-size:7px}.song-playing{gap:1px}.song-playing i{width:1px}.workbench{margin-top:28px}.player-heading h2{font-size:23px}.mode-row{gap:7px}.segmented button{padding:6px 9px;font-size:9px}.mode-row>a{font-size:8px}.mode-row>a span{margin-left:2px}.video-shell{border-radius:9px}.video-tag{left:12px;top:12px;font-size:5px;padding:4px 6px;letter-spacing:1px}.big-play{width:43px;height:43px;font-size:14px}.poster-center{padding-top:10px}.poster-center strong{font-size:13px;margin-top:10px;letter-spacing:1px}.poster-center small{font-size:7px;margin-top:4px}.video-bottom{left:13px;right:13px;bottom:11px;font-size:12px}.video-bottom>span{font-size:6px;letter-spacing:.8px;margin-left:9px}.video-bottom .play-circle{width:19px;height:19px;font-size:10px}.player-status{font-size:8px;line-height:1.7;margin-top:7px}.control-panel{padding:13px 12px 6px}.timeline-row{font-size:8px;gap:8px}.transport{padding:11px 0 12px}.transport-left{gap:7px}.control-divider{margin:0 3px}.speed-label{font-size:9px;gap:5px}.subtle-button{font-size:8px}.transport .icon-button{width:29px}.play-button{width:34px;height:34px}.loop-bar{flex-wrap:wrap;gap:8px;padding-top:11px;justify-content:flex-start}.loop-label{gap:4px}.loop-label>span{font-size:17px}.loop-label strong{font-size:9px}.loop-inputs{gap:3px;margin-left:0}.loop-inputs input{width:41px;font-size:9px}.loop-inputs button{width:19px;font-size:8px}.loop-inputs>span{margin:0 1px;font-size:9px}.toggle{gap:5px;margin-left:auto;padding:0}.toggle>span{width:26px;height:15px}.toggle>span:after{width:9px;height:9px}.toggle[aria-pressed=true]>span:after{transform:translateX(11px)}.toggle b{font-size:8px}.loop-feedback{font-size:7px}.cue-heading h3{font-size:14px}.cue-heading h3>span{font-size:7px}.outline-button{font-size:9px;padding:7px 9px}.cue-empty{flex-wrap:wrap;gap:14px;padding:19px 15px}.wave{gap:2px}.wave i{width:2px}.cue-empty strong{font-size:10px}.cue-empty p{font-size:8px}.cue-empty>button{font-size:8px;margin-top:0}.shortcut-hint{display:none}.bottom-note{gap:13px;margin-top:30px;padding:22px 7px}.bottom-note>span{font-size:27px}.bottom-note strong{font-size:15px}.bottom-note p{font-size:8px}.bottom-note>a{display:none}footer{flex-wrap:wrap;justify-content:center;gap:15px;padding:17px 0 25px}.footer-brand{font-size:17px;min-width:110px}footer p{text-align:left;font-size:7px}footer button{font-size:8px;width:100%}dialog{padding:23px 20px;border-radius:14px}.dialog-header h2{font-size:20px}.dialog-description{font-size:11px}.dialog-actions{flex-wrap:wrap;gap:7px}.dialog-actions .text-button{font-size:9px}.primary-button{font-size:10px;padding:9px 11px}.editor-help{align-items:flex-start;flex-direction:column}.editor-help button{align-self:flex-end}.privacy-note{font-size:8px}.cue-tools{gap:9px;font-size:9px}.cue-lines{max-height:225px}.cue-line{padding:11px 9px;gap:10px}.cue-line strong{font-size:12px}.about-body{font-size:11px}.about-body h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Cue-focused practice refinements */
.song-search{display:flex;align-items:center;border:1px solid #e0e5ef;border-radius:7px;background:#fff;padding:5px 10px;gap:7px;margin-bottom:8px}.song-search>span{font-size:19px;color:#a0abc0}.song-search input{width:100%;min-width:0;border:0;background:none;font-size:10px;color:#667b98;padding:4px 0;outline-offset:3px}.song-search input::placeholder{color:#a7afbf}.library-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:8px;color:#a0aabc}.library-filter button{font-size:9px;padding:3px 0;color:#8b97b1}.library-filter button[aria-pressed=true]{color:#8573ae}.song-empty{padding:20px 6px;color:#98a3b7;font-size:11px}.song-navigation{display:flex;gap:5px;align-items:center}.song-navigation>.icon-button:not(.favorite){font-size:23px;width:24px}.song-status{display:block;font-size:7px!important;color:#8793af!important;margin-top:3px!important}.cue-stage{border:1px solid #dcdced;background:radial-gradient(ellipse at 90% 0,#e7e9f7,transparent 60%),linear-gradient(130deg,#f0f4fa,#f1edf8);border-radius:12px;padding:17px 20px 12px;margin-bottom:12px;text-align:center}.cue-stage-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#919bb4}.cue-stage-top #cue-countdown{color:#8d82b1;font-variant-numeric:tabular-nums}.cue-stage-content{min-height:95px}#cue-stage-content{padding:22px 4px 16px;min-height:108px;display:flex;flex-direction:column;justify-content:center}#current-cue-text{font-size:28px;font-weight:500;color:#68769b;line-height:1.5;word-break:break-word}#current-cue-note{font-size:11px;color:#929cb3;margin:8px 0 0;min-height:17px}.cue-stage-controls{display:flex;justify-content:center;gap:9px;align-items:center;padding-top:10px;border-top:1px solid #dfe4ef}.cue-stage-controls button{font-size:10px;color:#7a8aa7;padding:5px 7px;border-radius:5px}.cue-stage-controls button:hover{background:#fff7}.cue-stage-controls #cue-loop{margin-left:auto}.cue-stage-controls #cue-loop[aria-pressed=true]{background:#ddd9ef;color:#7d6b9f}.cue-display-options{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a97ad;margin:10px 0}.cue-display-options button{font-size:9px;color:#8692ac}.cue-display-options label{display:flex;align-items:center;gap:6px}.cue-display-options select{padding:3px 7px;border:1px solid #dfe3ed;border-radius:4px;color:#7a89a5;background:white;font-size:10px}#cue-hidden-message{padding:39px 4px;color:#99a1b8;font-size:12px}.cue-section.hide-content #cue-lines{display:none}.song-card{align-items:center}.song-thumb{height:59px}.song-copy small{margin-top:2px}
@media(max-width:800px){.library .song-search{display:inline-flex;width:62%;margin-bottom:12px}.library-filter{display:inline-flex;width:35%;padding-left:12px;justify-content:flex-end}.library-filter>span{display:none}.song-thumb{height:54px}.song-status{font-size:7px!important}}
@media(max-width:520px){.song-thumb{width:34px;height:47px}.song-card{gap:7px}.song-copy strong{font-size:9px}.song-copy small{font-size:6px}.song-status{font-size:6px!important}.song-navigation{gap:2px}.song-navigation>.icon-button:not(.favorite){width:21px}.cue-stage{padding:14px 12px 10px}.cue-stage-top{font-size:8px}.cue-stage-controls{gap:2px}.cue-stage-controls button{font-size:8px;padding:5px}#current-cue-text{font-size:25px}#current-cue-note{font-size:9px}.cue-stage-controls #cue-loop{margin-left:auto}.cue-display-options{font-size:8px}.cue-tools{font-size:8px}}

.playback-options{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#8d99ae;margin:10px 1px 0}.playback-options label{display:flex;align-items:center;gap:6px}.playback-options select{font-size:9px;color:#8290a7;border:0;background:transparent;max-width:135px}.playback-options input{accent-color:#9593ba;width:11px;height:11px;margin:0}.playback-options+.player-status{margin-top:7px}@media(max-width:520px){.playback-options{font-size:8px}.playback-options select{font-size:8px}}

.aaa-note{font-size:8px;color:#8793ad;margin-top:10px;letter-spacing:.4px}.aaa-note>span{padding:0 5px;color:#b2b9cb}.shortlist-note{font-size:8px;color:#9aa5b8;line-height:1.8;margin:12px 7px 0}.hero{min-height:355px}#current-cue-phonetic{font-size:17px;color:#9a7ea9;line-height:1.7;margin:7px 0 0;word-break:break-word}.cue-line em{display:block;font-size:12px;color:#9a7ea9;font-style:normal;margin-top:4px}.cue-line small{color:#8d99ae}@media(max-width:800px){.hero{min-height:330px}.shortlist-note{font-size:8px;margin:9px 2px 0}}@media(max-width:520px){.hero{min-height:340px}.aaa-note{font-size:7px;letter-spacing:0}.shortlist-note{font-size:7px}#current-cue-phonetic{font-size:15px}.cue-line em{font-size:11px}}

/* Dynamic full-song lyrics, retaining the single-cue rehearsal view. */
.lyrics-view-switch{display:flex;align-items:center;justify-content:space-between;margin:4px 0 13px;gap:12px}.lyrics-view-switch>span{font-size:9px;color:#8e9cb4;font-variant-numeric:tabular-nums}.lyrics-empty{display:flex;align-items:flex-start;gap:20px;border:1px dashed #d8deed;border-radius:13px;padding:27px 25px;background:linear-gradient(135deg,#eef3fa,#f2eef8)}.lyrics-empty-icon{width:46px;height:54px;border-radius:50% 50% 45% 45%;background:#e1e7f3;color:#98a3c4;font-size:31px;display:grid;place-items:center;flex-shrink:0}.lyrics-empty strong{display:block;font-size:15px;font-weight:500;margin:9px 0 8px;color:#687e9c}.lyrics-empty p{font-size:11px;line-height:1.9;color:#94a0b7;margin:0 0 17px}.lyrics-empty small{display:block;font-size:9px;color:#9ca5b8;margin-top:13px}.lyrics-empty .text-button{margin:0 0 0 12px;font-size:10px}.lyrics-follow-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;padding:8px 12px;border:1px solid #e0e5ef;border-bottom:0;border-radius:10px 10px 0 0;background:#f3f5fb;font-size:9px;color:#8a98b0}.lyrics-follow-bar button{font-size:9px;color:#8676ac;background:#ebe7f4;padding:4px 8px;border-radius:4px}.lyrics-follow-bar.paused{background:#f3eff8}.cue-lines{position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5cde0 transparent;border-radius:0 0 10px 10px;scroll-behavior:auto}.lyrics-mode .cue-lines{height:410px;max-height:min(58vh,500px);padding:115px 18px 150px;background:linear-gradient(180deg,#fff,#fafbff);scroll-padding-block:90px}.lyrics-mode .cue-line{padding:15px 18px;margin:4px 0;gap:20px;min-height:68px;align-items:flex-start;border-left:3px solid transparent;opacity:.65;transition:background .2s,color .2s,opacity .2s}.lyrics-mode .cue-line time{padding-top:7px;font-size:10px;flex:0 0 35px}.lyrics-mode .cue-line>span{min-width:0;flex:1}.lyrics-mode .cue-line strong{font-size:var(--lyrics-size,22px);font-weight:500;line-height:1.6;word-break:break-word;color:#8796ad}.lyrics-mode .cue-line em{font-size:calc(var(--lyrics-size,22px) * .68);line-height:1.75}.lyrics-mode .cue-line small{font-size:11px}.lyrics-mode .cue-line.active{background:linear-gradient(110deg,#eaeaf7,#f1edf8);border-left-color:#8e85ba;opacity:1;box-shadow:0 3px 15px #7d8ba809}.lyrics-mode .cue-line.active strong{color:#646c9e;font-weight:600}.lyrics-mode .cue-line.past{opacity:.5}.lyrics-mode .cue-line:hover,.lyrics-mode .cue-line:focus-visible{opacity:1;background:#f0f2f9}.lyrics-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 8px;font-size:10px;color:#8392ab}.lyrics-navigation button{padding:5px 11px;border-radius:5px}.lyrics-navigation button:hover{background:#e9edf6}.lyrics-navigation button:disabled{opacity:.35}.lyrics-navigation #lyrics-current{border:1px solid #dfe4f0;background:#fff}.lyrics-help{font-size:9px;color:#9ca6b9;text-align:center;margin:1px 0 0}.lyrics-hidden-message{padding:55px 20px;text-align:center;font-size:12px;color:#9ba5ba;background:#f2f3f9;border:1px solid #e0e5ef;border-radius:0 0 10px 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cue-section:not(.lyrics-mode) .lyrics-navigation,.cue-section:not(.lyrics-mode) .lyrics-help{display:none}.cue-section.hide-content .lyrics-follow-bar,.cue-section.hide-content .lyrics-navigation{display:none}
@media(max-width:800px){.lyrics-mode .cue-lines{height:380px;max-height:55vh}.lyrics-mode .cue-line{padding:14px 13px;gap:15px}.lyrics-empty{padding:23px 20px}}
@media(max-width:520px){.lyrics-empty{padding:21px 16px;gap:12px}.lyrics-empty-icon{width:30px;height:40px;font-size:24px}.lyrics-empty strong{font-size:12px}.lyrics-empty p{font-size:9px}.lyrics-empty small{font-size:8px}.lyrics-empty .text-button{font-size:8px;display:block;margin:11px 0 0}.lyrics-view-switch>span{font-size:8px}.lyrics-mode .cue-lines{padding:80px 8px 110px;height:340px;max-height:50vh}.lyrics-mode .cue-line{padding:13px 9px;gap:10px}.lyrics-mode .cue-line time{font-size:8px;flex-basis:29px}.lyrics-mode .cue-line strong{font-size:calc(var(--lyrics-size,22px) * .86)}.lyrics-mode .cue-line small{font-size:9px}.lyrics-follow-bar,.lyrics-follow-bar button{font-size:8px}.lyrics-navigation{font-size:9px;padding:9px 0;gap:4px}.lyrics-navigation button{padding:5px 8px}.lyrics-help{font-size:8px}.cue-heading{gap:8px}.cue-heading .outline-button{font-size:8px}}
.cue-section:not(.lyrics-mode) .lyrics-hidden-message{display:none}

/* Owner-provided lyrics, source selection and differentiated fan responses. */
.builtin-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #dbe2ef;background:linear-gradient(115deg,#eef4fb,#f2eef8);padding:14px 16px;border-radius:10px;margin-bottom:12px}.builtin-controls strong{font-size:11px;font-weight:600;color:#7184a1}.builtin-controls p{font-size:9px;line-height:1.7;color:#98a4b9;margin:4px 0 0}.builtin-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.builtin-actions .outline-button{font-size:9px;padding:6px 8px}.timing-notice{border-left:2px solid #b2a6cb;background:#f2eff8;color:#9283aa;font-size:10px;line-height:1.8;border-radius:0 7px 7px 0;padding:10px 13px;margin:0 0 15px}.timing-notice.partial{border-color:#c1a476;background:#f9f4eb;color:#9e8664}.chant-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 0 13px}.chant-legend-item{font-size:8px;padding:4px 7px;border:1px solid;border-radius:4px}.chant-legend-item.shout{color:#ad6d91;background:#fbf0f6;border-color:#efd6e3}.chant-legend-item.sing{color:#718ab1;background:#edf3fb;border-color:#d9e5f4}.chant-legend-item.stage{color:#9c916e;background:#f6f3e9;border-color:#e7e1cf}.chant-legend label{font-size:9px;color:#95a1b7;display:flex;align-items:center;gap:4px;margin-left:auto}.chant-legend input{accent-color:#9985b8;width:11px;height:11px}.chant-track{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;text-align:left}.chant-chip{display:inline-flex;gap:6px;align-items:baseline;border-radius:6px;padding:5px 9px;border:1px solid transparent;font-size:14px;line-height:1.6;font-weight:500}.chant-chip b{font-size:8px;letter-spacing:.3px;white-space:nowrap;font-weight:500;opacity:.85}.chant-chip.shout{color:#a8648a;background:#faeef5;border-color:#edd6e4}.chant-chip.sing{color:#6684b0;background:#edf3fc;border-color:#d7e4f4}.chant-chip.stage{color:#97895f;background:#f6f3e7;border-color:#e8e0c9}.cue-line.active .chant-chip.shout{color:#a74c83;background:#f7deed;border-color:#e6bbd4}.cue-line.active .chant-chip.sing{color:#4f76ac;background:#dfeafa;border-color:#bbd1ec}.cue-line.active .chant-chip.stage{color:#8f7f4b;background:#efe8ce;border-color:#d9cfa9}.whole-line-badge{display:inline-block;font:500 8px 'Noto Sans TC',sans-serif;margin:0 0 7px;color:#a66991;background:#f9e9f3;border:1px solid #ecd2e2;padding:3px 7px;border-radius:4px}.cue-line.whole-shout.active strong{color:#a86b95}.cue-line.untimed time{color:#b49d72;font-size:8px}.cue-line.untimed{border-left-style:dashed!important}.cue-line .timing-confidence{display:block;font-size:8px;color:#af9c7a;margin-top:5px}.original-source{margin-top:15px;border-top:1px solid #e4e7ef;padding-top:12px}.original-source summary{font-size:9px;color:#939db2;cursor:pointer}.original-source pre{font:11px/1.9 'Noto Sans TC',sans-serif;white-space:pre-wrap;word-break:break-word;color:#8d9bb2;background:#f0f3f9;padding:15px;border-radius:8px;max-height:290px;overflow:auto}.editor-preservation-note{font-size:9px;line-height:1.8;color:#9789ad;background:#f1edf7;padding:9px 11px;border-radius:6px}.cue-section.hide-chants .chant-track,.cue-section.hide-chants .whole-line-badge{display:none}#current-cue-chants{justify-content:center}#current-cue-chants .chant-chip{font-size:16px}.hero-art .art-note{right:30px}
@media(max-width:800px){.builtin-controls{padding:13px 14px}.chant-chip{font-size:13px}}
@media(max-width:520px){.builtin-controls{align-items:flex-start;flex-direction:column;gap:10px}.builtin-actions{justify-content:flex-start}.builtin-controls strong{font-size:10px}.builtin-controls p,.builtin-actions .outline-button{font-size:8px}.timing-notice{font-size:9px;padding:9px 11px}.chant-legend-item{font-size:7px;padding:3px 5px}.chant-legend label{font-size:8px}.chant-track{gap:5px;margin-top:8px}.chant-chip{font-size:12px;padding:4px 7px;gap:4px}.chant-chip b{font-size:7px}#current-cue-chants .chant-chip{font-size:13px}.whole-line-badge{font-size:7px}.original-source pre{font-size:10px}.editor-preservation-note{font-size:8px}}

/* REMINE requested marker palette. Active states never replace chant colors. */
.chant-legend-item.shout,.chant-chip.shout,.cue-line.active .chant-chip.shout,.whole-line-badge{background:#ffe34f;border-color:#e4c726;color:#40350a}
.chant-legend-item.sing,.chant-chip.sing,.cue-line.active .chant-chip.sing{background:#ffc7df;border-color:#eca4c4;color:#66354c}
.lyrics-mode .cue-line.whole-shout strong,.lyrics-mode .cue-line.whole-shout.active strong,#current-cue-text.whole-shout{background:#ffe34f;color:#40350a;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 6px;border-radius:4px}
.lyrics-mode .cue-line:has(.chant-track),.lyrics-mode .cue-line.whole-shout{opacity:1}
.lyrics-mode .cue-line.past:has(.chant-track) strong{color:#96a0b3}
#current-cue-text{white-space:pre-line}.editor-help{flex-wrap:wrap;gap:8px}.editor-help button{border:1px solid #d8deea;border-radius:5px;padding:5px 8px}
/* Static yellow labels identify content; only the independent coach says when to shout. */
.chant-legend-item.shout,.chant-chip.shout,.cue-line.active .chant-chip.shout,.whole-line-badge{background:#fff8d5;border-color:#d9bf43;color:#655713}
.lyrics-mode .cue-line.whole-shout strong,.lyrics-mode .cue-line.whole-shout.active strong,#current-cue-text.whole-shout{background:#fff8d5;color:#655713}
.chant-coach{border:1px solid #ddd5a8;border-radius:14px;background:linear-gradient(120deg,#fffcf0,#fffef9);padding:15px 18px;margin:0 0 17px;color:#625a34;transition:background .15s,border-color .15s}
.chant-coach-top{display:flex;gap:12px;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#8e8350}.chant-coach-top>span:first-child{font-weight:600}.chant-coach-top>span:last-child{font-size:8px;letter-spacing:0}
.chant-coach-main{display:flex;align-items:center;gap:13px;margin:12px 0 8px;min-height:49px}.chant-action{display:inline-block;flex-shrink:0;border:1px solid #cabb75;border-radius:6px;padding:5px 9px;font-size:13px;font-weight:700;line-height:1.5}.chant-coach-main strong{font-size:23px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.chant-coach-main output{margin-left:auto;font-size:23px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.5px;font-weight:600}.chant-coach>p{font-size:10px;line-height:1.7;color:#928864;margin:6px 0 11px}.chant-coach-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;border-top:1px solid #e9e1bb;padding-top:10px;color:#928863}.chant-coach-bottom button{white-space:nowrap;font-size:9px;padding:5px 8px;border:1px solid #d8cea1;border-radius:5px}.chant-coach.is-prepare{background:#fff9dc;border-color:#d7bf52}.chant-coach.is-prepare .chant-action{background:#fffef5;border-color:#bfa33d}.chant-coach.is-active{background:#ffe34f;border:2px solid #bc9b09;color:#352b02;padding:14px 17px}.chant-coach.is-active .chant-action{color:#fffbe2;background:#4e410c;border-color:#4e410c;font-size:19px}.chant-coach.is-active .chant-coach-top,.chant-coach.is-active>p,.chant-coach.is-active .chant-coach-bottom{color:#645615}.chant-coach.is-paused{background:#f6f4e9;border-color:#d8d3ba}.chant-coach.is-paused .chant-action{background:#eeead4;color:#8c835c;font-size:11px}.chant-coach details{margin-top:11px;font-size:9px;color:#92845c}.chant-coach summary{cursor:pointer}.chant-coach details>div{max-height:160px;overflow:auto;padding:3px 8px}.chant-coach details p{margin:8px 0;line-height:1.7}.cue-section.hide-chants .chant-coach{display:none}
@media(max-width:520px){.chant-coach{padding:12px 13px}.chant-coach.is-active{padding:11px 12px}.chant-coach-top{font-size:8px;gap:7px}.chant-coach-top>span:last-child{font-size:7px}.chant-coach-main{gap:9px;flex-wrap:wrap;min-height:40px}.chant-action{font-size:11px;padding:4px 7px}.chant-coach-main strong{font-size:18px;flex:1;min-width:120px}.chant-coach-main output{font-size:20px}.chant-coach>p,.chant-coach-bottom,.chant-coach-bottom button{font-size:8px}.chant-coach.is-active .chant-action{font-size:16px}.chant-coach-bottom{align-items:flex-start;gap:8px}}

.cue-section.hide-content .chant-coach{display:none}


/* Unified chronological response queue: categories stay in provenance, not practice UI. */
.chant-chip.unified,.cue-line.active .chant-chip.unified,.chant-legend-item.unified{background:#fff8d5;border-color:#d9bf43;color:#655713}.chant-legend-item.active-marker{background:#ffe34f;border-color:#bc9b09;color:#40350a}.chant-coach-main strong{white-space:pre-line}.chant-next{display:flex;align-items:center;gap:10px;border:1px solid #d9c982;border-radius:7px;background:#fffbee;color:#76662c;padding:9px 11px;margin:8px 0}.chant-next>span{font-size:9px;white-space:nowrap}.chant-next>strong{font-size:13px;font-weight:500;line-height:1.5;flex:1}.chant-next>output{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.chant-coach.is-active .chant-action{font-size:15px}.chant-coach.is-paused .chant-next{background:#f3f0df;color:#928969}@media(max-width:520px){.chant-coach.is-active .chant-action{font-size:12px}.chant-next{gap:8px;padding:7px 9px}.chant-next>span{font-size:8px}.chant-next>strong{font-size:11px}.chant-next>output{font-size:13px}}

.chant-original{margin:0 0 10px;color:#625838;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.chant-original-small{display:block;font-size:12px;opacity:.76;margin-top:2px}.lyric-review-label{display:inline-block;margin-top:7px;padding:3px 7px;border:1px solid #a88a56;border-radius:6px;background:#fff6e2;color:#72571c;font-size:12px;font-weight:700}.cue-line.active .lyric-review-label{background:#fff6e2;color:#72571c}

/* Curated REMINE practice: editing UI is retained only as dormant compatibility markup. */
#nav-scripts,#edit-cues,#empty-import,#demo-cues,#editor-dialog,#builtin-controls,#timing-notice,#cue-source-note{display:none!important}
.lyric-quality{font-size:12px;color:#686779;margin:4px 0 12px;line-height:1.5}

/* Official symbol remains an unmodified, proportionate asset in the requested hero position. */
.hero-art .glass-orb{transform:none}.hero-logo{display:block;width:145px;height:145px;object-fit:contain;flex:none}.hero .hero-content h1{font-size:40px;line-height:1.4;letter-spacing:1px}.hero-content h1>span{font-weight:500}.hero .hero-content p{line-height:1.9;letter-spacing:.2px}.bottom-note strong{font-family:inherit;font-style:normal;font-weight:500}
@media(max-width:520px){.hero .hero-content h1{font-size:32px;letter-spacing:.4px}.hero .hero-content p{max-width:225px;font-size:10px}.hero-logo{width:145px;height:145px}}

/* Keep the same controls after swapping the two requested cards. */
.chant-coach.hidden-by-user,.chant-coach.hidden-by-marker-choice{display:none!important}.cue-section>.control-panel{margin-bottom:17px}