@font-face{font-family:'Bradfield Handwriting';src:url('assets/fonts/Caveat.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.lyrics-view{display:flex;flex-direction:column;background:#183142;color:#102a40}.lyrics-header{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:76px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:#0c1926;color:#f7f3e7;border-bottom:3px solid #c5a24c}.lyrics-header>img{width:43px;height:43px;object-fit:contain}.lyrics-brand{display:flex;flex-direction:column;gap:4px}.lyrics-brand strong{font-size:19px;letter-spacing:.1em}.lyrics-brand small{font-size:11px;color:#92aebd}.lyrics-header #lyrics-learn{margin-left:auto;background:#ffce70;color:#143046;border-color:#ffdf9f;font-size:13px;font-weight:750;min-height:44px;max-width:48%;line-height:1.2}.lyrics-header #lyrics-back{color:#c1d7e4}.lyrics-workspace{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 24px;background:radial-gradient(ellipse at top,#365263,#152b3d);overflow:auto}.lyrics-editor{display:flex;flex-direction:column;flex:1;min-height:230px;width:min(1040px,100%);margin:auto}.lyrics-tools{display:flex;align-items:center;gap:10px;padding:0 0 12px;color:#bed4df;flex-shrink:0;font-size:12px}.lyrics-tools select{border:1px solid #7892a6;border-radius:8px;padding:8px;color:#102b40;background:#fff9e8;font:inherit}.lyrics-tools #lyrics-add{background:#2d6465;border-color:#5c9994;color:#dcfff2;min-height:36px;font-weight:700}.lyric-writing-hint{margin-left:auto;font-family:'Bradfield Handwriting',cursive;color:#f2d98f;font-size:23px}.lyrics-paper{position:relative;display:flex;flex-direction:column;flex:1;min-height:170px;background:#fffcf2;border-radius:4px 14px 14px 4px;box-shadow:-6px 0 #a78a52,-10px 0 #304556,0 14px 30px #00111c66;overflow:hidden;border:1px solid #e4d6b9}.lyrics-paper:before{content:'';position:absolute;left:44px;top:0;bottom:29px;border-left:1px solid #d89b9b;pointer-events:none;z-index:1}#music-world .lyrics-paper #lyrics-title{font-family:'Bradfield Handwriting','Bradley Hand',cursive;font-size:35px!important;font-weight:650;line-height:1.2;color:#143d59;background:transparent;border:0!important;border-bottom:1px solid #b9d4dc!important;border-radius:0;width:100%;padding:14px 26px 11px 62px;outline-offset:-3px;flex-shrink:0}.lyrics-paper input::placeholder,.lyrics-paper textarea::placeholder{color:#82969d;opacity:1}.lyric-lines{display:flex;flex:1;min-height:0;background:repeating-linear-gradient(transparent 0,transparent 31px,#bed4dc 31px,#bed4dc 32px)}.lyrics-paper #lyrics-text{display:block;width:100%;height:100%;flex:1;min-height:100px;resize:none;border:0;border-radius:0;outline-offset:-4px;background:transparent;color:#17364d;caret-color:#db702a;font-family:'Bradfield Handwriting','Bradley Hand',cursive;font-size:28px;line-height:32px;font-weight:500;padding:0 25px 32px 62px;tab-size:2;letter-spacing:.015em;overflow:auto;-webkit-overflow-scrolling:touch}.lyrics-footer{min-height:29px;display:flex;gap:15px;justify-content:space-between;align-items:center;padding:6px 18px 6px 62px;border-top:1px solid #e2d6bf;background:#f4eedf;font-size:10px;color:#5b6e74;flex-shrink:0}.lyrics-lesson{width:min(980px,100%);margin:0 auto;padding:25px 30px;background:#fffbef;color:#183449;border-radius:15px;box-shadow:0 12px 30px #00111c55}.lesson-eyebrow{color:#537a87;font-size:10px;letter-spacing:.14em;font-weight:800}.song-lesson-intro h1{font:650 clamp(29px,3.2vw,43px)/1.08 'Bradfield Handwriting',cursive;margin:8px 0 10px;color:#0d5366}.song-lesson-intro>p{font-size:15px;line-height:1.5;max-width:680px;margin:0 0 23px}.song-parts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.song-parts article{background:white;border:1px solid #e1ddd0;border-left:5px solid var(--part);border-radius:10px;padding:16px 18px}.song-parts article>span{font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--part)}.song-parts h2{font-size:23px;margin:6px 0 8px;color:#163d50}.song-parts p{font-size:14px;line-height:1.5;margin:0}.song-parts small{display:block;font-size:12px;line-height:1.45;color:#5a717b;margin-top:10px}.song-example{margin-top:22px;background:#e8f3ef;border:1px solid #b9d7ce;border-radius:12px;padding:18px}.song-example h2{font-size:20px;margin:0 0 7px}.song-example p{font-size:13px;margin:0 0 15px;line-height:1.5}.song-flow{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 16px;padding:0;counter-reset:song}.song-flow li{font-size:12px;font-weight:750;background:white;border:1px solid #91b8b1;border-radius:7px;padding:9px 11px;counter-increment:song}.song-flow li:before{content:counter(song) '. ';font-weight:500;color:#577f78}.song-example #lyrics-template{background:#175b5c;border-color:#328d83;color:#ecfff8;font-weight:750;font-size:13px;min-height:42px}.song-example>small{display:block;color:#557a74;font-size:11px;margin-top:8px}.song-extras{margin-top:18px;border:1px solid #e1d4b0;border-radius:10px;background:#fff6dc;padding:14px 17px;font-size:14px}.song-extras summary{font-weight:750;cursor:pointer;min-height:25px}.song-extras h3{font-size:17px;margin:17px 0 5px}.song-extras p{font-size:14px;line-height:1.5;margin:0 0 10px}.song-extras strong{font-size:13px;display:block;margin-top:16px;color:#77612d}.song-try{font-size:14px;line-height:1.5;color:#375b66;margin:20px 0 0}
@media(max-height:550px){.lyrics-header{min-height:47px;padding:6px 12px;gap:9px}.lyrics-header>img{width:29px;height:29px}.lyrics-brand strong{font-size:14px;letter-spacing:.06em}.lyrics-brand small{display:none}.lyrics-header #lyrics-learn{min-height:31px;font-size:11px;padding:5px 10px;max-width:47%}.lyrics-workspace{padding:10px 16px}.lyrics-editor{min-height:180px}.lyrics-tools{font-size:10px;gap:7px;padding-bottom:7px}.lyrics-tools select{padding:5px 8px}.lyrics-tools #lyrics-add{min-height:29px;font-size:10px}.lyric-writing-hint{font-size:19px}#music-world .lyrics-paper #lyrics-title{font-size:27px!important;padding:7px 20px 6px 48px}.lyrics-paper:before{left:34px;bottom:24px}.lyrics-paper #lyrics-text{font-size:24px;line-height:29px;padding-left:48px}.lyric-lines{background:repeating-linear-gradient(transparent 0,transparent 28px,#bed4dc 28px,#bed4dc 29px)}.lyrics-footer{min-height:24px;font-size:9px;padding:5px 13px 5px 48px}.lyrics-lesson{padding:17px 20px}.song-lesson-intro h1{font-size:30px}.song-lesson-intro>p{font-size:13px;margin-bottom:15px}.song-parts{gap:10px}.song-parts article{padding:12px 14px}.song-parts h2{font-size:20px}.song-parts p{font-size:13px}.song-parts small{font-size:11px}.song-flow li{padding:6px 8px;font-size:11px}}
@media(max-width:700px){.lyrics-header{gap:7px}.lyrics-header #lyrics-learn{max-width:46%;font-size:10px}.lyrics-header>img{width:27px;height:27px}.lyrics-brand strong{font-size:12px}.lyrics-tools label{display:none}.lyric-writing-hint{font-size:17px}.lyrics-footer{gap:8px}.song-parts{grid-template-columns:1fr}}
#music-world .lyrics-header #lyrics-learn:hover,#music-world .lyrics-header #lyrics-learn:focus-visible{background:#ffdc97;color:#143046;border-color:#ffe8ae}
/* Keep the native section picker readable and prevent iOS focus zoom. */
#music-world .lyrics-tools select{font-size:16px}