
:root{
 --bg:#030607;--surface:#070c0e;--raised:#0b1215;--line:#1b292e;
 --text:#d2d9d5;--muted:#718087;--signal:#7fa6b5;--red:#8e3036;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:
radial-gradient(circle at 75% 10%,rgba(78,119,134,.07),transparent 28%),var(--bg);
color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh}
a{color:inherit}.mono{font-family:"Courier New",monospace}.grain,.scanlines{position:fixed;inset:0;pointer-events:none}
.scanlines{z-index:50;opacity:.08;background:repeating-linear-gradient(to bottom,transparent 0 3px,#000 4px 5px)}
.grain{z-index:49;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
.lyrics-site-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(3,6,7,.93);backdrop-filter:blur(12px)}
.lyrics-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:11px "Courier New";letter-spacing:.14em}.lyrics-brand img{width:28px;opacity:.72}
.lyrics-site-head nav{display:flex;gap:24px;font-size:9px;letter-spacing:.1em}.lyrics-site-head nav a{text-decoration:none;color:#748188}.lyrics-site-head nav a:hover,.lyrics-site-head nav a.active{color:#dbe2de}
.lyrics-index-shell{width:min(1500px,100%);margin:auto;padding:clamp(60px,7vw,110px) clamp(18px,5vw,80px)}
.lyrics-index-hero{max-width:850px;margin-bottom:clamp(70px,8vw,120px)}
.eyebrow{font-size:9px;letter-spacing:.18em;color:#708087}.lyrics-index-hero h1{font:400 clamp(54px,9vw,132px)/.82 Georgia,serif;letter-spacing:-.05em;margin:18px 0 28px;text-transform:uppercase}
.lyrics-index-hero>p:last-child{max-width:650px;color:#819096;line-height:1.8;font-size:16px}
.lyrics-section-head{display:flex;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.13em;color:#718087}
.lyrics-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.lyrics-file-card{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:245px;border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:.25s;overflow:hidden}
.lyrics-file-card:hover{transform:translateY(-3px);border-color:#34505b;background:var(--raised)}
.lyrics-file-art{position:relative;background:#020405;overflow:hidden}.lyrics-file-art img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5) brightness(.55);opacity:.82}
.lyrics-card-noise{position:absolute;inset:0;background:radial-gradient(circle,#0c181a,#030506 70%)}
.lyrics-file-art span{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:.1em;color:#b6c2bc}
.lyrics-file-copy{padding:25px;display:flex;flex-direction:column;min-width:0}.lyrics-file-copy small{font-size:8px;color:#718087;letter-spacing:.1em}.lyrics-file-copy h2{font:400 clamp(25px,3vw,40px) Georgia,serif;margin:10px 0 14px}
.lyrics-file-copy p{margin:0;color:#7e8b90;line-height:1.6;font-size:13px;flex:1}.lyrics-file-state{border-top:1px solid #17252a;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.08em;color:#7895a1}
.lyrics-file-state b{font-weight:400;color:#b9c8c1}.lyrics-file-card.incomplete{opacity:.66}
.lyrics-footer{min-height:72px;border-top:1px solid var(--line);padding:0 clamp(18px,4vw,64px);display:flex;justify-content:space-between;align-items:center;color:#5d6c72;font-size:8px;letter-spacing:.1em}
.loading{color:#718087}
@media(max-width:900px){.lyrics-index-grid{grid-template-columns:1fr}.lyrics-file-card{grid-template-columns:160px 1fr}}
@media(max-width:620px){.lyrics-site-head nav a:not(.active):not(:first-child){display:none}.lyrics-index-shell{padding-top:55px}.lyrics-index-hero h1{font-size:15vw}.lyrics-file-card{grid-template-columns:1fr}.lyrics-file-art{height:190px}.lyrics-footer{align-items:flex-start;gap:14px;flex-direction:column;padding-block:22px}}

.decoded-file{width:min(1450px,100%);margin:auto;padding:clamp(45px,6vw,88px) clamp(18px,5vw,80px) 100px}
.decoded-breadcrumb{font-size:8px;letter-spacing:.1em;color:#65747b;margin-bottom:45px}.decoded-breadcrumb a{color:#87979d;text-decoration:none}
.decoded-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);gap:clamp(32px,6vw,90px);align-items:end;padding-bottom:55px;border-bottom:1px solid var(--line)}
.decoded-head h1{font:400 clamp(52px,8vw,118px)/.84 Georgia,serif;letter-spacing:-.05em;margin:16px 0 24px;text-transform:uppercase}
.decoded-summary{max-width:680px;color:#849197;line-height:1.75;margin:0}
.decoded-cover{aspect-ratio:1/1;position:relative;border:1px solid var(--line);background:#020405;overflow:hidden}
.decoded-cover img{width:100%;height:100%;object-fit:cover;filter:grayscale(.42) brightness(.65)}
.decoded-cover>span{position:absolute;left:14px;bottom:14px;background:rgba(3,6,7,.82);border:1px solid #203038;padding:7px 9px;font-size:7px;letter-spacing:.09em}
.decoded-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:clamp(35px,5vw,75px);padding-top:55px}
.decoded-transcript{min-width:0}.decoded-doc-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;color:#718087;font-size:8px;letter-spacing:.11em}
.decoded-lines{max-width:780px;padding:42px 0 28px}.lyric-line{font:400 clamp(19px,2vw,28px)/1.72 Georgia,serif;margin:0;color:#cdd5d1;white-space:pre-wrap}
.lyric-space{height:24px}.lyric-section{margin:38px 0 13px;font:9px "Courier New",monospace;letter-spacing:.14em;color:#718087;text-transform:uppercase}
.decoded-note{max-width:760px;border-left:1px solid #35515c;padding:8px 0 8px 20px;margin-top:28px;color:#7f8d92}.decoded-note small{font-size:8px;letter-spacing:.1em}.decoded-note p{line-height:1.7}
.decoded-sidebar{position:sticky;top:100px;align-self:start}.decoded-meta{margin:0;border-top:1px solid var(--line)}.decoded-meta div{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #142127;padding:12px 0;font-size:8px}.decoded-meta dt{color:#627178}.decoded-meta dd{margin:0;text-align:right;color:#b2beb8}
.decoded-actions{display:grid;gap:7px;margin:20px 0 35px}.decoded-actions a{border:1px solid var(--line);background:#05090b;padding:11px 12px;text-decoration:none;font:8px "Courier New",monospace;letter-spacing:.08em}.decoded-actions a:hover{background:var(--raised);border-color:#35515c}
.decoded-related>small{display:block;border-bottom:1px solid var(--line);padding-bottom:10px;color:#718087;font-size:8px;letter-spacing:.1em}.decoded-related>a{display:grid;gap:3px;text-decoration:none;border-bottom:1px solid #142127;padding:14px 0}.decoded-related>a span,.decoded-related>a em{font:7px "Courier New";color:#627178;font-style:normal}.decoded-related>a strong{font:400 18px Georgia,serif}.decoded-related>a:hover strong{color:#fff}
.transcript-unavailable{border:1px solid #392e33;background:#090607;padding:35px;margin-top:5px}.transcript-unavailable small{display:block;font:8px "Courier New";color:#795e68}.transcript-unavailable strong{display:block;font:400 30px Georgia,serif;margin:10px 0}.transcript-unavailable p{color:#82757a}
@media(max-width:900px){.decoded-head{grid-template-columns:1fr}.decoded-cover{width:min(420px,100%)}.decoded-layout{grid-template-columns:1fr}.decoded-sidebar{position:static}}
@media(max-width:600px){.decoded-file{padding-top:38px}.decoded-head h1{font-size:14.5vw}.decoded-lines{padding-top:30px}.lyric-line{font-size:20px;line-height:1.65}}


/* v14.1 — Recovered Transcript refinement */
.decoded-kicker{margin:-10px 0 18px;color:#6f8087;font-size:8px;letter-spacing:.13em}
.decoded-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,320px)}
.decoded-lines{max-width:860px;padding-right:clamp(10px,2vw,30px)}
.lyric-line{color:#bfc9c4;text-shadow:0 0 18px rgba(127,166,181,.025);transition:opacity .2s,color .2s,text-shadow .2s,transform .2s}
.lyric-section{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:baseline;margin:42px 0 15px;text-transform:uppercase}
.lyric-section span{font:7px "Courier New",monospace;letter-spacing:.13em;color:#53666e}
.lyric-section b{font:8px "Courier New",monospace;letter-spacing:.12em;color:#87989f}
.decoded-sidebar{position:sticky;top:92px}
.decoded-actions button{border:1px solid var(--line);background:#05090b;color:#aebbb5;padding:11px 12px;text-align:left;font:8px "Courier New",monospace;letter-spacing:.08em;cursor:pointer}
.decoded-actions button:hover{background:var(--raised);border-color:#35515c}
.lyrics-live-mode .lyric-line{opacity:.38}
.lyrics-live-mode .lyric-line.live-active{opacity:1;color:#eef3f0;transform:translateX(4px);text-shadow:0 0 18px rgba(127,166,181,.20)}
.decoded-sequence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:70px;padding-top:20px;border-top:1px solid var(--line)}
.decoded-sequence a{border:1px solid var(--line);background:#05090b;text-decoration:none;padding:18px;min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.decoded-sequence a:hover{background:var(--raised);border-color:#35515c}
.decoded-sequence small{font-size:7px;color:#63747b;letter-spacing:.1em}
.decoded-sequence strong{font:400 20px Georgia,serif}
.decoded-sequence .next{text-align:right;align-items:flex-end}
.decode-progress{position:fixed;right:18px;top:24vh;bottom:18vh;width:20px;z-index:18;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:9px;opacity:.58;pointer-events:none}
.decode-progress>span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:6px;letter-spacing:.12em;color:#61727a}
.decode-progress i{display:block;width:1px;height:100%;background:#18272d;position:relative}
.decode-progress b{position:absolute;left:0;top:0;width:1px;height:0%;background:#7fa6b5;box-shadow:0 0 8px rgba(127,166,181,.35);transition:height .08s linear}
.decode-progress em{font-style:normal;font-size:6px;color:#718087}
@media(max-width:980px){.decode-progress{display:none}}
@media(max-width:600px){
  .lyric-section{grid-template-columns:1fr;gap:5px}
  .decoded-sequence{grid-template-columns:1fr}
  .decoded-sequence .next{text-align:left;align-items:flex-start}
}
