/* RHYME TIMES / EDITORIAL LUXURY PREVIEW — presentation only */
:root{color-scheme:light!important;--paper:#f7f4ee;--ink:#211f1b;--bronze:#8c6b48;--line:#dfd8ce;--subtle:#6d6861;--card:#fffdf9;--soft:#eee9e1;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;color:var(--ink)!important;background:var(--paper)!important}
html{scroll-behavior:smooth}body{background:var(--paper)!important;color:var(--ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:0!important}
body::before{display:none!important}
body>header:not(.editorial-nav){display:none!important}
.editorial-nav{position:relative!important;z-index:120;max-width:none!important;width:100%!important;margin:0!important;padding:17px max(20px,calc((100vw - 1150px)/2))!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)!important;background:var(--paper)!important;color:var(--ink)!important}
.editorial-logo{font:italic 700 clamp(22px,3vw,30px)/1.1 Georgia,"Times New Roman",serif!important;letter-spacing:-.055em;text-decoration:none!important;color:var(--ink)!important;white-space:nowrap}
.editorial-logo span{color:var(--bronze)}
.editorial-links{display:flex;align-items:center;gap:clamp(12px,3vw,32px);flex-wrap:wrap}
.editorial-links a{font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;color:#625d55!important;border-bottom:1px solid transparent;padding:8px 0}
.editorial-links a[aria-current="page"]{color:var(--ink)!important;border-color:var(--bronze)}
.editorial-links a:focus-visible,.editorial-logo:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}
main{max-width:1120px!important;margin:0 auto!important;padding:36px 20px 110px!important}
h1,h2,h3,.sectionTitle{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important;color:var(--ink)!important;line-height:1.12!important}
h1{font-size:clamp(43px,6vw,76px)!important;font-weight:500!important}
h2{font-weight:500!important}h3{font-weight:600!important}
p,.muted,.mini,.hint,.small,.note,.foot,.eyebrow,.status,label,footer{color:var(--subtle)!important}
p{line-height:1.7!important}
.eyebrow{font-size:10px!important;letter-spacing:.18em!important;font-weight:750!important;text-transform:uppercase!important;color:var(--bronze)!important}
.panel,.card,.beat,.artist-hero,.hero,.workspace,.inline-rhymes,.rhyme-highlight-panel,.custom-player,.loop-panel,.notice,.result,.results,.editor-tools{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:5px!important}
.panel,.card{padding:clamp(17px,3vw,30px)!important}
.hero,.artist-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:25px 0!important}
.hero h1,.artist-hero h2{font:500 clamp(44px,7vw,86px)/1.04 Georgia,"Times New Roman",serif!important;letter-spacing:-.065em!important;color:var(--ink)!important}
.gradient,.lime,.brand b,.artist-hero h2 span{background:none!important;-webkit-text-fill-color:var(--bronze)!important;color:var(--bronze)!important}
a{color:var(--bronze)!important}
button,.primary,.secondary,.ghost,.chip,.pill,select{border-radius:4px!important;box-shadow:none!important;font-weight:650!important}
button,.secondary,.ghost{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
button.primary,.primary,button#analyze,button#saveSong,button#playPause,button#newSong,.search button{background:var(--ink)!important;color:#fffaf2!important;border:1px solid var(--ink)!important}
button:hover,a:hover{filter:brightness(.92)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--bronze)!important;outline-offset:2px}
input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=file]),textarea,select{background:#fffefa!important;color:var(--ink)!important;border:1px solid #cfc6ba!important;border-radius:4px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#938c83!important}
input[type=range],input[type=checkbox]{accent-color:var(--bronze)!important}
.tabs{background:transparent!important;border:0!important;gap:8px!important}
.tabs button{background:transparent!important;border:1px solid var(--line)!important;color:var(--subtle)!important}
.tabs button.active,.tabs button[aria-selected=true]{background:var(--ink)!important;color:#fff!important}
.artist-tiles{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.artist-tiles a{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:4px!important;color:var(--ink)!important;padding:18px!important;font-family:Georgia,serif!important;font-size:20px!important}
.artist-tiles a span{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;font-size:12px!important;color:var(--subtle)!important;line-height:1.6!important}
.editorial-disclosure{margin:18px 0;border:1px solid var(--line);background:var(--card);border-radius:5px;padding:0 20px}
.editorial-disclosure>summary{list-style:none;cursor:pointer;padding:19px 0;font:500 23px/1.2 Georgia,serif;color:var(--ink)}
.editorial-disclosure>summary::-webkit-details-marker{display:none}
.editorial-disclosure>summary:after{content:"+";float:right;font:400 24px Arial;color:var(--bronze)}
.editorial-disclosure[open]>summary:after{content:"−"}
.editorial-disclosure>.panel,.editorial-disclosure>.card{border:0!important;padding:0 0 22px!important;margin:0!important}
#library{margin-top:22px!important}
#lyrics{font:400 18px/1.95 Georgia,"Times New Roman",serif!important;min-height:370px!important;letter-spacing:.005em!important}
#songTitle{font-family:Georgia,serif!important;font-size:23px!important}
#editor>.card:first-child{border:0!important;background:transparent!important;padding:0!important}
#editor>.card:first-child>.beat{margin:16px 0 24px!important}
#editor .editor-tools{padding:12px!important;margin:14px 0!important}
#editor .save-toolbar{border-top:1px solid var(--line);padding-top:18px!important}
#lyricTransport{background:#26231ff5!important;border:1px solid #8e7c66!important;box-shadow:0 12px 30px #17110e33!important;border-radius:12px!important;color:#f6efe5!important}
#lyricTransport button{background:#494238!important;color:#fff8ee!important;border:1px solid #716657!important}
#lyricTransport .transportPlay,#lyricTransport #quickRepeat[aria-pressed=true]{background:#d3b58b!important;color:#211c17!important;border-color:#d3b58b!important}
#lyricTransport .transportSpeed,#lyricTransport .transportCaption{color:#e5d1b3!important}
#quickLoopPanel,#quickRewindPanel{background:#29251f!important;color:#f8f2e8!important;border:1px solid #8e7c66!important}
#quickLoopPanel button,#quickRewindPanel button{background:#4a4035!important;color:#fff8ee!important}
#showTransport{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.rhyme-highlight-lines,.rhyme-highlight-heading{color:var(--ink)!important}
.rhyme-highlight-token,.rhyme-highlight-lines .rhyme-word.marked{color:#1b1713!important}
.project-bar{gap:14px!important}
#barPicker,.loop-panel{border-color:var(--line)!important}
footer{background:transparent!important;border-color:var(--line)!important}
@media(max-width:680px){
 .editorial-nav{padding:16px 16px 12px!important;display:block!important}
 .editorial-logo{display:block;margin-bottom:12px}
 .editorial-links{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
 .editorial-links a{text-align:center;font-size:10px!important;letter-spacing:.025em;padding:10px 2px}
 main{padding:24px 14px 110px!important}
 .artist-tiles{grid-template-columns:1fr!important}
 .layout,.grid{grid-template-columns:1fr!important}
 .hero h1,.artist-hero h2{font-size:clamp(42px,11vw,64px)!important}
 #lyricTransport{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important}
 #lyricTransport.transportTop{top:calc(env(safe-area-inset-top,0px) + 8px)!important;bottom:auto!important}
}

/* Analyze page: readable bronze accents against warm paper, including active states. */
body[data-editorial-page="analyze"] .editorial-bronze-title,
body[data-editorial-page="analyze"] .summary,
body[data-editorial-page="analyze"] .barChoice b,
body[data-editorial-page="analyze"] .guide strong,
body[data-editorial-page="analyze"] .brand b,
body[data-editorial-page="analyze"] .eyebrow{color:#79532e!important;-webkit-text-fill-color:#79532e!important}
body[data-editorial-page="analyze"] button.secondary.active,
body[data-editorial-page="analyze"] button#selected.active,
body[data-editorial-page="analyze"] #barPresets button.active,
body[data-editorial-page="analyze"] .barChoice.active{background:#e9dfd1!important;color:#302318!important;border-color:#92704e!important;outline-color:#92704e!important}
body[data-editorial-page="analyze"] .barChoice.active b{color:#67401d!important;-webkit-text-fill-color:#67401d!important}
body[data-editorial-page="analyze"] .guide{background:#f0ebe3!important;border-color:#dfd8ce!important;color:#211f1b!important}
body[data-editorial-page="analyze"] .tag{border-color:#b8a895!important;color:#40372d!important}

/* Homepage dictionary: results keep their dark cards; use readable light text. */
body[data-editorial-page="explore"] #results .word,
body[data-editorial-page="explore"] .syllableGroup .word{
 background:#282d31!important;
 border:1px solid #444b4f!important;
 color:#fff9ef!important;
}
body[data-editorial-page="explore"] #results .word strong,
body[data-editorial-page="explore"] .syllableGroup .word strong{
 color:#fff9ef!important;
 -webkit-text-fill-color:#fff9ef!important;
}
body[data-editorial-page="explore"] #results .word small,
body[data-editorial-page="explore"] .syllableGroup .word small{
 color:#e2d9cc!important;
 -webkit-text-fill-color:#e2d9cc!important;
}
body[data-editorial-page="explore"] #results .word .quality,
body[data-editorial-page="explore"] .syllableGroup .word .quality{
 color:#e5c9a3!important;
 -webkit-text-fill-color:#e5c9a3!important;
}
body[data-editorial-page="explore"] #results .word button,
body[data-editorial-page="explore"] .syllableGroup .word button{
 color:#f2d4a7!important;
 -webkit-text-fill-color:#f2d4a7!important;
 background:transparent!important;
 border:0!important;
}
body[data-editorial-page="explore"] #results .word strong:focus-visible,
body[data-editorial-page="explore"] .syllableGroup .word strong:focus-visible{
 outline:2px solid #f2d4a7!important;
}

/* Songwriter / Full dictionary toggle */
.songwriter-mode{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 22px;padding:13px 15px;border:1px solid #d9cfc0;background:#fffaf2;border-radius:5px;color:#30271d}
.songwriter-mode>span{font:600 12px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.07em;margin-right:5px}
.songwriter-mode button{padding:9px 12px!important;background:#eee7dd!important;color:#322a20!important;border:1px solid #d9cfc0!important}
.songwriter-mode button[aria-pressed=true]{background:#2b2925!important;color:#fffaf0!important;border-color:#2b2925!important}
.songwriter-mode small{flex-basis:100%;font-size:12px;color:#6a6259}
body[data-editorial-page="explore"] .syllableGroup{margin-top:28px}
body[data-editorial-page="explore"] .syllableGroup h3{font-size:25px!important;margin-bottom:12px}

/* 3.1 desktop/mobile dictionary result layout: use available width */
body[data-editorial-page="explore"] #results .results,
body[data-editorial-page="explore"] #results.results,
body[data-editorial-page="explore"] .syllableGroup .results{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important}
body[data-editorial-page="explore"] #results .word,
body[data-editorial-page="explore"] .syllableGroup .word{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;min-height:105px!important;padding:13px 15px!important}
body[data-editorial-page="explore"] #results .word .quality,
body[data-editorial-page="explore"] .syllableGroup .word .quality{font-size:11px!important;line-height:1.3!important}
@media(max-width:500px){body[data-editorial-page="explore"] #results .results,body[data-editorial-page="explore"] #results.results,body[data-editorial-page="explore"] .syllableGroup .results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}

/* Rhyme Times 3.2 — compact discovery list */
.discovery-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid #ddd2c5;background:#fffcf6;border-radius:6px}.discovery-panel label{font-weight:700;color:#24211e!important}.discovery-panel select{padding:10px 12px!important}.discovery-note{font-size:12px;color:#716b64!important}.syllableGroup .results,#results .results,body[data-editorial-page="explore"] .syllableGroup .results{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;gap:8px!important;align-items:stretch!important;width:100%!important}.syllableGroup .word,#results .word{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:11px 12px!important;min-height:70px!important}.syllableGroup .word strong,#results .word strong{font-size:15px!important}.syllableGroup .word .quality,#results .word .quality{font-size:11px!important;line-height:1.3!important}@media(max-width:580px){.syllableGroup .results,#results .results{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Dictionary sorting controls */
.discovery-panel{display:flex!important;align-items:center;gap:10px!important;flex-wrap:wrap;padding:15px 18px!important;margin:14px 0!important;background:#fffdf9!important;border:1px solid #dfd8ce!important;border-radius:5px!important}
.discovery-panel label{color:#38322b!important;font-size:13px!important;font-weight:700!important}
.discovery-panel select{max-width:240px;min-height:40px;padding:8px 12px!important;color:#211f1b!important;background:#fffefa!important}
.discovery-panel .discovery-note{flex-basis:100%;color:#625c54!important;font-size:12px!important}
@media(max-width:620px){.discovery-panel select{max-width:100%;flex:1 1 160px}}

/* 3.3: enforce normal row-major flow, eliminating column stacking */
body[data-editorial-page="explore"] #results{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;grid-auto-flow:row!important;align-items:start!important;gap:12px!important;columns:unset!important;column-count:unset!important}
body[data-editorial-page="explore"] #results .syllableGroup{grid-column:1/-1!important;display:contents!important;columns:unset!important;column-count:unset!important}
body[data-editorial-page="explore"] #results .syllableGroup>h3{grid-column:1/-1!important}
body[data-editorial-page="explore"] #results .word{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;break-inside:avoid!important}
@media(max-width:530px){body[data-editorial-page="explore"] #results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}

/* 3.5: Four-column dictionary results. Overrides earlier conflicting layout rules. */
@media (min-width: 1000px) {
  body[data-editorial-page="explore"] #results .syllableGroup {
    display:block!important; width:100%!important; grid-column:1/-1!important;
  }
  body[data-editorial-page="explore"] #results .syllableGroup > .results {
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important; width:100%!important; align-items:stretch!important;
  }
}
@media (min-width: 650px) and (max-width: 999px) {
  body[data-editorial-page="explore"] #results .syllableGroup {display:block!important;width:100%!important}
  body[data-editorial-page="explore"] #results .syllableGroup > .results {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
  }
}
@media (max-width: 649px) {
  body[data-editorial-page="explore"] #results .syllableGroup {display:block!important;width:100%!important}
  body[data-editorial-page="explore"] #results .syllableGroup > .results {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  }
}
body[data-editorial-page="explore"] #results .syllableGroup > .results > .word {
  box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important;
}

/* 4.0: Two-purpose site. Keep hidden legacy DOM inert for backward-compatible search JS. */
[hidden],section[hidden],.panel[hidden]{display:none!important}
.editorial-links{display:flex!important;align-items:center;gap:22px!important}
.editorial-links a{white-space:nowrap}
@media(max-width:600px){.editorial-links{gap:12px!important}.editorial-links a{font-size:12px!important}}