:root{
  --l-bg:#F8FAFC;
  --l-card:#FFFFFF;
  --l-border:#E2E8F0;
  --l-text:#334155;
  --l-muted:#64748B;
  --l-navy:#0F172A;
  --l-indigo:#4338CA;
  --l-blue-badge:#EFF6FF;
  --l-blue-text:#1E40AF;
  --l-violet:#7C3AED;
  --l-cyan:#0891B2;
  --l-radius:12px;
}

html,body{
  background:var(--l-bg)!important;
  color:var(--l-text)!important;
  font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

main,.site,.app-shell,.workspace,.lss-app,.lss-workspace{
  background:var(--l-bg)!important;
}

.card,.panel,.workspace-card,.song-workspace,.editor-card,.upload-card,
.lss-card,.lss-panel,.tool-card,.preview-card,section{
  border-radius:var(--l-radius)!important;
}

.song-workspace,.workspace-card,.editor-card,.preview-card,.upload-card,
.lss-card,.lss-panel,.tool-card,.input-panel,.output-panel{
  background:var(--l-card)!important;
  border:1px solid var(--l-border)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
}

.container,.app-main,.workspace-grid{
  gap:24px!important;
}

p,li,label,input,textarea,select{
  color:var(--l-text);
}

.meta,.metadata,.song-meta,.sheet-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  color:var(--l-muted)!important;
}

.badge,.meta-badge,.song-meta span,.sheet-meta span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:var(--l-blue-badge)!important;
  color:var(--l-blue-text)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

.chord,.chords,.chord-symbol,[data-chord]{
  color:var(--l-indigo)!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}

.lyric,.lyrics,.song-text,.lead-lyrics{
  color:var(--l-text)!important;
  font-weight:400!important;
  line-height:1.75!important;
}

.leadsheet-preview,.sheet-preview,.preview-card,.paper,.lead-sheet{
  background:#fff!important;
  color:#1F2937!important;
  font-family:"Georgia","Times New Roman",serif!important;
  border-radius:12px!important;
}

.leadsheet-preview .chord,
.sheet-preview .chord,
.lead-sheet .chord{
  font-family:Inter,"Plus Jakarta Sans",sans-serif!important;
  color:var(--l-indigo)!important;
  font-weight:800!important;
}

button,.btn,.button,a.btn,input[type="submit"]{
  border-radius:999px!important;
  font-weight:800!important;
}

.btn-primary,.primary,button[type="submit"],.cta-primary,
.start-home,.hero-cta .btn:first-child{
  background:linear-gradient(135deg,var(--l-violet),var(--l-cyan))!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 14px 30px rgba(124,58,237,.22)!important;
}

nav,.nav,.app-nav,.topbar,.header{
  background:rgba(15,23,42,.94)!important;
  color:#fff!important;
}

.lss-segmented{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:6px;
  margin:0 0 18px 0;
  border:1px solid var(--l-border);
  border-radius:999px;
  background:#EEF2F7;
}

.lss-segmented button{
  border:0!important;
  background:transparent!important;
  color:#475569!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  cursor:pointer;
}

.lss-segmented button.active{
  background:#fff!important;
  color:var(--l-navy)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.10)!important;
}

.dropzone,.upload-zone,[class*="drop"],[class*="upload"]{
  border-radius:16px!important;
  border-color:#CBD5E1!important;
}