/* Scope palette changes to the Daily tool. */
#dwp-app{--dwp-primary:#c57d85!important;--dwp-hover:#934e57!important;--dwp-accent:#b1666f!important;--dwp-secondary:#934e57!important}
#dwp-app button:hover,#dwp-app button:focus-visible,#dwp-app .button:hover,#dwp-app .button:focus-visible{background:#934e57!important;background-image:none!important;color:#fff!important}
#dwp-app :focus-visible{outline-color:#934e57!important}

#dwp-app .dwp-flow{padding:16px 20px;background:#f9ecee;border:1px solid #f4d6da;border-radius:16px;color:#7a3f46;line-height:1.7}
#dwp-app .dwp-chord-setup{padding:20px;background:#fcfaf7;border:1px solid #e7ddce;border-radius:18px}#dwp-app .dwp-chord-setup>label{display:block;margin:14px 0}#dwp-app #chord-sequence{width:100%;font-size:20px;letter-spacing:.04em}
#dwp-app details{margin:16px 0}#dwp-app summary{cursor:pointer;font-weight:600;color:#934e57;padding:9px 0}#dwp-app .dwp-reference{font-size:13px;color:#625356}#dwp-app .dwp-position-note{background:#f9ecee;padding:12px;border-radius:12px}#dwp-app .dwp-current-rule{font-weight:600;line-height:1.65}
#dwp-app .dwp-chord-tools{line-height:1.7}#dwp-app .dwp-tab{overflow-x:auto}#dwp-app .dwp-tab>div{white-space:nowrap}
#dwp-app .dwp-hero{background:linear-gradient(135deg,#f9ecee,#f8f4ee)}#dwp-app .dwp-hero:after{color:#c57d8540}
#dwp-app .dwp-tags span{background:#f9ecee;color:#7a3f46}#dwp-app .dwp-tip{background:#fcfaf7;border-color:#c57d85;color:#423638}

#dwp-app #easy,#dwp-app #hard{display:inline-flex!important}

/* Thin rose-gold line drawings echo the About Us doodles. */
#dwp-app .dwp-ukulele-doodle{width:100px;height:112px;color:#bf7b83;margin:0 0 14px;flex:none;line-height:0}
#dwp-app .dwp-ukulele-doodle svg{display:block;width:100%;height:100%;overflow:visible}
#dwp-app.dark .dwp-ukulele-doodle{color:#eab9bf}

#dwp-app .dwp-status{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;white-space:normal!important;padding:12px 20px;margin:12px;background:#f9ecee;color:#7a3f46;border-radius:12px;line-height:1.6}
#dwp-app .dwp-status:empty{display:none}#dwp-app .dwp-saved-patterns{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:20px}#dwp-app .dwp-saved-patterns label{display:grid;gap:8px}

/* 1.0.4 — approved Choose / Play / Review layout */

#dwp-app .visual-practice{display:block!important}#dwp-app .visual-page[hidden],#dwp-app .dwp-nav[hidden]{display:none!important}
#dwp-app .visual-page{background:#fff;border:1px solid #e7ddce;border-radius:26px;padding:24px;max-width:1120px;margin:auto}
#dwp-app .visual-steps{display:flex;justify-content:center;gap:14px;margin:24px auto}#dwp-app .visual-steps button{background:#f8f4ee;color:#423638;border:1px solid #e7ddce;display:flex;gap:10px;align-items:center;padding:12px 24px}#dwp-app .visual-steps .selected{background:#934e57;color:white}#dwp-app .visual-steps span{border:1px solid currentColor;border-radius:50%;width:26px;height:26px}
#dwp-app .visual-settings{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:24px}#dwp-app .visual-settings label{display:grid;gap:6px}#dwp-app .visual-settings .dwp-bpm{display:flex;align-items:center;margin:0}#dwp-app .visual-bottom{display:flex;justify-content:space-between;max-width:1120px;margin:24px auto}#dwp-app .visual-stats{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:26px}#dwp-app .visual-stats article{flex:1;background:#f8f4ee;border-radius:20px;padding:22px;text-align:center}#dwp-app .visual-stats strong{display:block;font-size:38px;color:#934e57}#dwp-app .visual-stats span{font-size:14px}#dwp-app .visual-stats p{width:100%}
#dwp-app .dwp-chords{display:flex;gap:14px;overflow:auto}#dwp-app .dwp-chord{min-width:125px;flex:1;font-family:Arial,sans-serif}#dwp-app .dwp-chord svg{height:180px!important;width:100%!important}#dwp-app .dwp-chord.current{outline:3px solid #934e57}#dwp-app .dwp-chord-tools{font-size:14px}#dwp-app .dwp-chord-legend{font:13px Arial,sans-serif}#dwp-app .dwp-chord figcaption{border-radius:50px;background:#f1dadd;padding:8px;font-size:27px}#dwp-app .dwp-chord.active{outline:3px solid #934e57;border-radius:20px}#dwp-app .dwp-sound>div:first-child h2{font-size:25px}#dwp-app .dwp-panel{margin-top:20px}#dwp-app .dwp-meta,#dwp-app .dwp-hero>p{display:none}#dwp-app .dwp-card{position:relative}#dwp-app details{margin:14px 0}#dwp-app summary{cursor:pointer;color:#934e57;font-weight:600}#dwp-app .dwp-current-rule{font-size:14px}#dwp-app .visual-page>h2{margin-top:0}
@media(max-width:650px){#dwp-app .visual-page{padding:16px}#dwp-app .visual-steps{gap:5px}#dwp-app .visual-steps button{padding:10px;font-size:14px}#dwp-app .visual-stats{gap:6px}#dwp-app .visual-stats article{padding:14px 6px}#dwp-app .visual-stats strong{font-size:26px}}