:root {
  --bg: #08090d;
  --panel: #101218;
  --panel-2: #171a22;
  --line: rgba(255,255,255,.11);
  --text: #f6f2e8;
  --muted: #a7a7ad;
  --gold: #c79a4b;
  --gold-2: #efd08e;
  --danger: #e56d75;
  --green: #6dd6a0;
  --radius: 18px;
  --header: 72px;
  --mobile-nav: 64px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 85% 0%, rgba(199,154,75,.08), transparent 30%), var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img, video { max-width: 100%; }
[hidden] { display: none !important; }
.mobile-only { display: none !important; }
.desktop-only { display: block; }
.eyebrow { color: var(--gold-2); font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.muted { color: var(--muted); }
.honeypot { position: absolute !important; left: -10000px !important; }

.site-header { height: var(--header); position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; padding: 0 34px; border-bottom: 1px solid var(--line); background: rgba(8,9,13,.88); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 11px; min-width: 220px; }
.brand-mark { width: 36px; height: 36px; border: 1px solid rgba(239,208,142,.55); border-radius: 50%; display: grid; place-items: center; color: var(--gold-2); font-family: Georgia, serif; font-size: 1.25rem; box-shadow: inset 0 0 0 5px rgba(199,154,75,.09); }
.brand-mark img, .mobile-brand span img { width: 118%; height: 118%; object-fit: contain; }
.brand-mark:has(img), .mobile-brand span:has(img) { border: 0; box-shadow: none; overflow: visible; }
.brand strong, .brand em { display: block; line-height: 1; font-style: normal; letter-spacing: .16em; }
.brand strong { font-size: .79rem; }
.brand em { color: var(--gold); font-size: .58rem; margin-top: 5px; letter-spacing: .23em; }
.brand.compact { min-width: 0; transform: scale(.9); transform-origin: left center; }
.top-nav { display: flex; align-items: center; gap: 34px; height: 100%; }
.top-nav a { color: var(--muted); font-size: .9rem; height: 100%; display: grid; place-items: center; position: relative; }
.top-nav a:hover, .top-nav a.active { color: var(--text); }
.top-nav a.active::after { content: ""; position: absolute; bottom: 0; width: 26px; height: 2px; background: var(--gold); }
.header-actions { display: flex; min-width: 220px; justify-content: flex-end; align-items: center; gap: 22px; }
.icon-button { width: 38px; height: 38px; border-radius: 50%; background: transparent; border: 1px solid var(--line); cursor: pointer; font-size: 1.4rem; display: grid; place-items: center; }
.icon-button:hover { background: var(--panel-2); }
.lang-switch { display: flex; gap: 6px; color: #696b73; font-size: .76rem; letter-spacing: .1em; }
.lang-switch a.active { color: var(--gold-2); }

.search-panel { position: fixed; inset: var(--header) 0 auto 0; z-index: 60; padding: 22px max(5vw, 34px) 28px; background: rgba(12,13,18,.97); border-bottom: 1px solid var(--line); box-shadow: 0 20px 45px rgba(0,0,0,.35); }
.search-panel-inner { max-width: 860px; margin: 0 auto; display: flex; align-items: center; gap: 12px; }
.search-panel input { flex: 1; background: #090a0f; border: 1px solid var(--line); color: var(--text); border-radius: 999px; padding: 15px 20px; outline: none; }
.search-panel input:focus { border-color: var(--gold); }
.search-results { max-width: 820px; margin: 14px auto 0; display: flex; flex-wrap: wrap; gap: 8px; }
.search-results a { padding: 8px 12px; background: var(--panel-2); border-radius: 999px; color: #d9d7d0; font-size: .84rem; }

.flash-stack { position: fixed; top: 84px; right: 20px; z-index: 100; display: grid; gap: 8px; max-width: 380px; }
.flash { padding: 12px 16px; border-radius: 10px; background: #222631; box-shadow: 0 12px 30px rgba(0,0,0,.35); font-size: .9rem; }
.flash.success { border-left: 3px solid var(--green); }
.flash.error { border-left: 3px solid var(--danger); }

.desktop-home { display: grid; grid-template-columns: 230px minmax(0,1fr); min-height: calc(100vh - var(--header)); }
.desktop-sidebar { border-right: 1px solid var(--line); padding: 26px 18px; position: sticky; top: var(--header); height: calc(100vh - var(--header)); overflow: auto; }
.desktop-sidebar nav { display: grid; gap: 5px; }
.desktop-sidebar nav a { display: flex; align-items: center; gap: 13px; color: var(--muted); padding: 11px 13px; border-radius: 10px; font-size: .88rem; }
.desktop-sidebar nav a span { min-width: 24px; color: #ded6c4; font-weight: 700; font-size: .8rem; }
.desktop-sidebar nav a:hover, .desktop-sidebar nav a.active { background: var(--panel-2); color: var(--text); }
.side-divider { border-top: 1px solid var(--line); margin: 21px 6px; }
.side-label { margin: 0 13px 10px; color: #71737c; text-transform: uppercase; font-size: .68rem; letter-spacing: .14em; }
.genre-nav a { padding-top: 8px !important; padding-bottom: 8px !important; }
.desktop-content { min-width: 0; padding: 32px clamp(28px,4vw,64px) 80px; }

.hero-release { min-height: 430px; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: minmax(340px, 48%) 1fr; background: linear-gradient(110deg, #161217, #1b1715 48%, #0d0f15); position: relative; }
.hero-release::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(8,9,13,.05), rgba(8,9,13,.72)), var(--hero-cover); background-size: cover; background-position: center; filter: blur(30px) saturate(.7); opacity: .2; transform: scale(1.1); }
.hero-art { position: relative; padding: 32px; display: grid; place-items: center; }
.hero-art img { width: min(100%, 440px); aspect-ratio: 16/9; object-fit: cover; border-radius: 15px; box-shadow: 0 30px 80px rgba(0,0,0,.5); }
.hero-record { width: 290px; height: 290px; border-radius: 50%; background: repeating-radial-gradient(circle, #24252a 0 4px, #111216 5px 9px); display: grid; place-items: center; box-shadow: 0 30px 80px #000; }
.hero-record span { width: 95px; height: 95px; border-radius: 50%; background: var(--gold); color: #18120c; display: grid; place-items: center; font: 3.3rem Georgia, serif; }
.hero-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 55px clamp(30px,5vw,80px) 55px 20px; }
.hero-copy h1 { font: 700 clamp(2.5rem,4.7vw,5.3rem)/.95 Georgia, serif; margin: 14px 0 20px; max-width: 750px; letter-spacing: -.03em; }
.hero-copy p { color: #cbc7bd; font-size: 1.09rem; line-height: 1.65; max-width: 620px; margin: 0; }
.hero-meta { color: #888a90; font-size: .82rem; margin-top: 20px; }
.hero-buttons, .watch-actions, .about-cta { display: flex; align-items: center; gap: 12px; margin-top: 28px; flex-wrap: wrap; }
.primary-button, .secondary-button { border: 0; border-radius: 999px; padding: 12px 19px; font-weight: 750; font-size: .88rem; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; gap: 8px; }
.primary-button { background: var(--gold-2); color: #17130c; }
.primary-button:hover { background: #f6dc9f; transform: translateY(-1px); }
.secondary-button { background: rgba(255,255,255,.07); color: var(--text); border: 1px solid var(--line); }
.secondary-button:hover { background: rgba(255,255,255,.12); }

.content-section { margin-top: 54px; }
.content-section.compact-section { margin-top: 46px; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 21px; }
.section-heading h2 { font: 700 clamp(1.55rem,2vw,2.15rem)/1.1 Georgia, serif; margin: 5px 0 0; }
.section-heading > a { color: var(--gold-2); font-size: .85rem; }
.song-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px 18px; }
.horizontal-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(210px,1fr); gap: 18px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x proximity; }
.horizontal-row .song-card { scroll-snap-align: start; }
.song-card { position: relative; min-width: 0; }
.song-cover { display: block; aspect-ratio: 16/9; border-radius: 12px; background: linear-gradient(145deg, #29222b, #101116); overflow: hidden; position: relative; border: 1px solid rgba(255,255,255,.07); }
.song-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease, filter .45s ease; }
.song-cover:hover img { transform: scale(1.035); filter: brightness(.78); }
.generated-cover { position: absolute; inset: 0; padding: 18px; display: flex; flex-direction: column; justify-content: flex-end; background: radial-gradient(circle at 25% 20%, rgba(239,208,142,.28), transparent 22%), linear-gradient(145deg, #33232c, #11141b 70%); }
.generated-cover i { position: absolute; width: 42%; aspect-ratio: 1; border-radius: 50%; top: 16%; left: 29%; background: repeating-radial-gradient(circle, #25272d 0 3px, #0d0e12 4px 7px); box-shadow: 0 12px 35px #000; }
.generated-cover i::after { content: "N"; position: absolute; inset: 35%; border-radius: 50%; background: var(--gold); display: grid; place-items: center; color: #21190e; font: 1rem Georgia, serif; }
.generated-cover b { font: 700 1.05rem/1.08 Georgia, serif; position: relative; text-shadow: 0 2px 10px #000; }
.generated-cover small { position: relative; color: #c7bdac; margin-top: 5px; }
.card-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%) scale(.8); width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; padding-left: 3px; background: rgba(239,208,142,.94); color: #17130c; opacity: 0; transition: .25s; box-shadow: 0 10px 35px rgba(0,0,0,.4); }
.song-cover:hover .card-play { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.duration { position: absolute; right: 7px; bottom: 7px; background: rgba(0,0,0,.78); padding: 3px 6px; border-radius: 4px; font-size: .69rem; }
.song-card-copy { padding: 12px 30px 0 2px; }
.song-card-copy h3 { margin: 0; font-size: .95rem; line-height: 1.3; }
.song-card-copy p { margin: 6px 0 8px; color: var(--muted); font-size: .78rem; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.meta-line { display: flex; gap: 10px; flex-wrap: wrap; color: #73757e; font-size: .68rem; }
.meta-line span + span::before { content: "•"; margin-right: 10px; }
.favorite-card { position: absolute; right: 0; bottom: 33px; border: 0; background: transparent; color: #777981; cursor: pointer; font-size: 1.18rem; }
.favorite-card.active, [data-favorite].active { color: var(--gold-2); }
.manifesto-band { margin-top: 60px; border: 1px solid var(--line); border-radius: 20px; padding: 38px clamp(28px,5vw,70px); display: grid; grid-template-columns: 130px 1fr; gap: 36px; align-items: center; background: linear-gradient(130deg, rgba(199,154,75,.08), rgba(255,255,255,.02)); }
.large-n { font: 8rem/.8 Georgia, serif; color: var(--gold); opacity: .8; }
.manifesto-band h2 { font: 700 2.15rem/1.1 Georgia, serif; margin: 8px 0 12px; }
.manifesto-band p { max-width: 760px; color: #b4b2ac; line-height: 1.7; }
.manifesto-band a { color: var(--gold-2); font-weight: 700; font-size: .85rem; }

.site-footer { border-top: 1px solid var(--line); padding: 26px 36px; color: #75767e; font-size: .76rem; }
.site-footer.desktop-only { display: flex; flex-direction: column; gap: 18px; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer-social { display: flex; flex-wrap: wrap; gap: 16px; }
.footer-social a { color: #9a9ba2; font-weight: 600; letter-spacing: .02em; }
.footer-social a:hover { color: var(--gold-2); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 16px; }
.footer-bottom > div { display: flex; gap: 20px; }

.page-shell { max-width: 1480px; margin: 0 auto; padding: 70px clamp(24px,5vw,76px) 100px; min-height: calc(100vh - var(--header)); }
.page-intro { max-width: 800px; }
.page-intro h1 { font: 700 clamp(3rem,7vw,6.8rem)/.95 Georgia, serif; margin: 14px 0 17px; }
.page-intro p { color: var(--muted); font-size: 1.08rem; }
.catalog-toolbar { display: grid; grid-template-columns: minmax(280px,1fr) 210px 230px; gap: 12px; margin: 38px 0 31px; }
.catalog-search { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; display: flex; align-items: center; padding: 0 15px; gap: 10px; }
.catalog-search input { flex: 1; background: transparent; color: var(--text); border: 0; outline: none; padding: 13px 0; }
.catalog-toolbar select, .song-form select { background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; outline: none; }
.catalog-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.empty-filter, .empty-state { padding: 70px 20px; text-align: center; color: var(--muted); }

.watch-shell { max-width: 1540px; margin: 0 auto; padding: 30px clamp(20px,3.6vw,58px) 90px; display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 34px; }
.watch-player { background: #030405; border-radius: 16px; overflow: hidden; aspect-ratio: 16/9; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.08); }
.watch-player iframe, .watch-player > video { width: 100%; height: 100%; border: 0; object-fit: contain; background: #000; }
.audio-stage { width: 100%; height: 100%; position: relative; display: grid; place-items: center; overflow: hidden; background: #101116; }
.audio-stage::before { content: ""; position: absolute; inset: -20%; background: var(--audio-cover); background-size: cover; background-position: center; filter: blur(40px) brightness(.35); opacity: .7; }
.audio-stage img { height: 80%; max-width: 80%; aspect-ratio: 1; object-fit: cover; position: relative; border-radius: 10px; box-shadow: 0 30px 80px #000; }
.audio-stage audio { position: absolute; z-index: 2; bottom: 6%; width: min(620px,84%); }
.audio-stage.empty-player { display: flex; flex-direction: column; gap: 18px; }
.audio-stage.empty-player p { z-index: 2; color: var(--muted); }
.record-disc { width: 130px; height: 130px; border-radius: 50%; background: repeating-radial-gradient(circle, #282a30 0 3px, #0e0f13 4px 8px); display: grid; place-items: center; box-shadow: 0 20px 45px #000; }
.record-disc i { width: 38%; height: 38%; border-radius: 50%; background: var(--gold); }
.record-disc.large { width: 250px; height: 250px; position: relative; z-index: 2; }
.watch-info { padding: 24px 4px 0; }
.watch-title-row { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.watch-title-row h1 { margin: 8px 0 10px; font: 700 clamp(2rem,4.1vw,4.5rem)/.98 Georgia, serif; }
.watch-title-row p { color: #b0afa9; font-size: 1rem; line-height: 1.55; margin: 0; }
.round-favorite { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--line); background: var(--panel); cursor: pointer; font-size: 1.45rem; }
.content-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 25px; margin-top: 42px; }
.content-tabs button { padding: 0 0 13px; border: 0; background: transparent; color: var(--muted); cursor: pointer; position: relative; }
.content-tabs button.active { color: var(--text); }
.content-tabs button.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--gold); }
.tab-panel { display: none; padding: 27px 2px; }
.tab-panel.active { display: block; }
.prose { white-space: pre-wrap; color: #c2c0b9; line-height: 1.8; max-width: 850px; font-size: .97rem; }
.lyrics-text { font-family: Georgia, serif; font-size: 1.05rem; line-height: 1.85; }
.watch-sidebar { padding-top: 10px; }
.watch-sidebar h2 { font: 700 1.65rem Georgia, serif; margin: 8px 0 20px; }
.related-list { display: grid; gap: 13px; }
.related-item { display: grid; grid-template-columns: 124px 1fr; gap: 12px; align-items: center; }
.related-cover { aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; background: linear-gradient(145deg,#30242d,#11141a); display: grid; place-items: center; }
.related-cover img { width: 100%; height: 100%; object-fit: cover; }
.related-cover span { font: 2rem Georgia, serif; color: var(--gold); }
.related-item strong { display: block; font-size: .82rem; line-height: 1.3; }
.related-item small { display: block; color: #777982; font-size: .68rem; margin-top: 6px; }

.story-shell { max-width: 1320px; margin: 0 auto; padding: 80px clamp(24px,6vw,90px) 110px; }
.story-hero { display: grid; grid-template-columns: 280px 1fr; gap: 70px; align-items: center; min-height: 450px; }
.story-mark { width: 250px; height: 250px; border: 1px solid rgba(239,208,142,.35); border-radius: 50%; display: grid; place-items: center; color: var(--gold); font: 9rem Georgia, serif; box-shadow: inset 0 0 0 25px rgba(199,154,75,.04), 0 30px 90px rgba(0,0,0,.3); }
.story-mark.small { width: 80px; height: 80px; font-size: 2.7rem; margin: 0 auto; }
.story-hero h1 { font: 700 clamp(3rem,6vw,6.7rem)/.92 Georgia, serif; max-width: 900px; margin: 14px 0 24px; }
.story-hero p { max-width: 770px; color: #b9b6ae; font-size: 1.1rem; line-height: 1.75; }
.story-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.story-grid article { padding: 42px 34px; }
.story-grid article + article { border-left: 1px solid var(--line); }
.story-grid span { color: var(--gold); font-size: .75rem; }
.story-grid h2 { font: 700 1.55rem Georgia, serif; }
.story-grid p { color: var(--muted); line-height: 1.7; font-size: .9rem; }
.quote-band { padding: 95px 10%; text-align: center; }
.quote-band blockquote { margin: 0; font: italic 700 clamp(2rem,4vw,4rem)/1.2 Georgia, serif; color: #d8d1c3; }
.about-cta { justify-content: center; border-top: 1px solid var(--line); padding-top: 45px; }
.about-cta h2 { flex-basis: 100%; text-align: center; font: 700 2.2rem Georgia, serif; margin: 0 0 5px; }
.contact-shell { max-width: 1100px; min-height: calc(100vh - var(--header)); margin: 0 auto; padding: 90px 30px 110px; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: start; }
.contact-copy h1 { font: 700 clamp(3rem,5vw,5rem)/.95 Georgia, serif; margin: 15px 0 22px; }
.contact-copy > p { color: var(--muted); line-height: 1.7; }
.contact-topics { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.contact-topics span { border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; color: #a8a8ac; font-size: .78rem; }
.contact-form, .admin-card, .song-form { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 28px; }
.contact-form { display: grid; gap: 19px; }
.contact-form label, .admin-card label, .song-form label { display: grid; gap: 8px; color: #c7c5bf; font-size: .8rem; font-weight: 650; }
.contact-form input, .contact-form textarea, .admin-card input, .song-form input, .song-form textarea { width: 100%; background: #090a0e; color: var(--text); border: 1px solid var(--line); border-radius: 10px; padding: 12px 13px; outline: none; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus, .admin-card input:focus, .song-form input:focus, .song-form textarea:focus { border-color: var(--gold); }
.error-page { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px; }
.error-page .story-mark { width: 170px; height: 170px; font-size: 3.3rem; }
.error-page h1 { font: 700 3rem Georgia, serif; margin: 25px 0 8px; }
.error-page p { color: var(--muted); margin-bottom: 30px; }

.admin-page { background: #0b0c11; }
.admin-login { min-height: calc(100vh - var(--header)); display: grid; place-items: center; padding: 30px; }
.admin-card { width: min(420px,100%); text-align: center; }
.admin-card h1 { font: 700 2.3rem Georgia, serif; margin-bottom: 4px; }
.admin-card p { color: var(--muted); font-size: .85rem; }
.admin-card label { text-align: left; margin: 26px 0 18px; }
.admin-card .primary-button { width: 100%; }
.admin-shell { max-width: 1400px; margin: 0 auto; padding: 55px 30px 100px; }
.admin-shell.narrow { max-width: 1050px; }
.admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 35px; }
.admin-heading h1 { font: 700 2.7rem Georgia, serif; margin: 7px 0 0; }
.admin-actions { display: flex; gap: 10px; }
.admin-actions form { margin: 0; }
.admin-section { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 23px; margin-top: 25px; }
.admin-section h2, .form-section h2 { font: 700 1.45rem Georgia, serif; margin: 0 0 20px; }
.admin-table-wrap { overflow-x: auto; }
.admin-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.admin-table th { color: #73757c; font-weight: 600; text-align: left; padding: 10px; border-bottom: 1px solid var(--line); }
.admin-table td { padding: 14px 10px; border-bottom: 1px solid rgba(255,255,255,.06); vertical-align: middle; }
.admin-table td strong, .admin-table td small { display: block; }
.admin-table td small { color: #72747c; margin-top: 4px; }
.media-badges { display: flex; flex-wrap: wrap; gap: 4px; }
.media-badges i, .status { padding: 3px 7px; border-radius: 999px; background: #242731; color: #acafb8; font-style: normal; font-size: .66rem; }
.status.live { color: var(--green); background: rgba(109,214,160,.09); }
.status.draft { color: #d7b17b; }
.row-actions { display: flex; gap: 10px; align-items: center; white-space: nowrap; }
.row-actions a { color: var(--gold-2); }
.row-actions form { margin: 0; }
.row-actions button, .message-list button { border: 0; background: transparent; color: var(--danger); cursor: pointer; padding: 0; }
.message-list { display: grid; gap: 12px; }
.message-list article { border: 1px solid var(--line); border-radius: 12px; padding: 16px; position: relative; }
.message-list header { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.message-list header a { color: var(--gold-2); font-size: .8rem; }
.message-list time { color: #74767f; font-size: .72rem; margin-left: auto; }
.message-list p { white-space: pre-wrap; color: #bab8b1; line-height: 1.6; }
.message-list form { position: absolute; right: 16px; bottom: 13px; }
.song-form { padding: 0; background: transparent; border: 0; display: grid; gap: 20px; }
.form-section { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 26px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.span-2 { grid-column: span 2; }
.song-form label small { color: #71737c; font-weight: 400; }
.form-help { color: #777982; font-size: .77rem; line-height: 1.5; margin: 20px 0 0; }
.form-publish { display: flex; align-items: center; gap: 22px; }
.form-publish .check { display: flex; align-items: center; gap: 8px; }
.form-publish .check input { width: auto; }
.form-publish .primary-button { margin-left: auto; }
.back-link { color: var(--gold-2); font-size: .82rem; }

@media (max-width: 1180px) {
  .song-grid, .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .desktop-home { grid-template-columns: 200px minmax(0,1fr); }
  .hero-release { grid-template-columns: 43% 1fr; min-height: 390px; }
  .watch-shell { grid-template-columns: minmax(0,1fr) 290px; }
}

@media (max-width: 767px) {
  :root { --safe-top: env(safe-area-inset-top,0px); --safe-bottom: env(safe-area-inset-bottom,0px); }
  body { background: #050609; padding-bottom: calc(var(--mobile-nav) + var(--safe-bottom)); }
  .desktop-only, .site-footer.desktop-only { display: none !important; }
  .mobile-only { display: block !important; }
  .mobile-bottom-nav.mobile-only { display: flex !important; }
  .flash-stack { top: calc(12px + var(--safe-top)); left: 12px; right: 12px; max-width: none; }
  .search-panel { inset: 0; padding: calc(18px + var(--safe-top)) 14px; }
  .mobile-feed { position: fixed; inset: 0 0 calc(var(--mobile-nav) + var(--safe-bottom)) 0; background: #050609; overflow: hidden; }
  .mobile-feed-head { position: absolute; top: 0; left: 0; right: 0; z-index: 12; padding: calc(12px + var(--safe-top)) 14px 18px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(#050609c7,transparent); }
  .mobile-brand { display: flex; align-items: center; gap: 8px; font-size: .76rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; text-shadow: 0 2px 12px #000; }
  .mobile-brand span { width: 28px; height: 28px; border: 1px solid rgba(239,208,142,.65); border-radius: 50%; display: grid; place-items: center; color: var(--gold-2); font-family: Georgia,serif; }
  .mobile-head-actions { display: flex; gap: 8px; align-items: center; }
  .mobile-head-actions a, .mobile-head-actions button { border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.2); color: #fff; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; padding: 0; }
  .feed-tabs { position: absolute; z-index: 13; top: calc(57px + var(--safe-top)); left: 50%; transform: translateX(-50%); display: flex; gap: 18px; white-space: nowrap; }
  .feed-tabs button { border: 0; background: transparent; color: rgba(255,255,255,.65); font-size: .76rem; font-weight: 700; padding: 7px 0; text-shadow: 0 2px 10px #000; position: relative; }
  .feed-tabs button.active { color: #fff; }
  .feed-tabs button.active::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 0; height: 2px; background: #fff; }
  .feed-track { height: 100%; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; scrollbar-width: none; }
  .feed-track::-webkit-scrollbar { display: none; }
  .feed-slide { height: 100%; min-height: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; overflow: hidden; background: #08090d; }
  .feed-slide.filtered-out { display: none; }
  .feed-media, .feed-media video, .feed-media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  .feed-media.feed-static > img { filter: saturate(.83); }
  .feed-media.feed-static::before { content: ""; position: absolute; inset: 0; background: var(--feed-cover); background-size: cover; background-position: center; filter: blur(28px) brightness(.42); transform: scale(1.16); }
  .feed-media.feed-static > img { position: absolute; z-index: 1; inset: 11% 4% 17%; width: 92%; height: 72%; object-fit: contain; filter: drop-shadow(0 25px 45px #000); }
  .feed-shade { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,.16) 0%, transparent 30%, transparent 53%, rgba(0,0,0,.82) 100%); }
  .feed-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 25px; align-items: center; justify-content: center; padding-bottom: 15%; background: radial-gradient(circle at 50% 35%, rgba(199,154,75,.18), transparent 28%), linear-gradient(160deg,#2c2029,#080a10 70%); }
  .feed-placeholder strong { max-width: 78%; font: 700 2.1rem/1.02 Georgia,serif; text-align: center; }
  .record-disc { animation: spin 16s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }
  .feed-side-actions { position: absolute; z-index: 5; right: 11px; bottom: 118px; display: grid; gap: 16px; }
  .feed-side-actions button, .feed-side-actions a { border: 0; background: transparent; display: grid; place-items: center; color: white; padding: 0; text-shadow: 0 2px 8px #000; }
  .feed-side-actions span { width: 43px; height: 43px; border-radius: 50%; background: rgba(8,9,13,.46); border: 1px solid rgba(255,255,255,.18); display: grid; place-items: center; font-size: 1.3rem; backdrop-filter: blur(8px); }
  .feed-side-actions small { font-size: .58rem; margin-top: 4px; }
  .feed-caption { position: absolute; z-index: 5; left: 15px; right: 72px; bottom: 22px; text-shadow: 0 2px 13px #000; }
  .feed-kicker { color: var(--gold-2); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
  .feed-caption h1, .feed-caption h2 { font: 700 clamp(2rem,10vw,3.25rem)/.95 Georgia,serif; margin: 7px 0 8px; }
  .feed-caption p { font-size: .81rem; line-height: 1.45; color: rgba(255,255,255,.82); margin: 0 0 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .full-song-button { display: inline-flex; align-items: center; background: var(--gold-2); color: #18130b; border-radius: 999px; padding: 11px 15px; font-size: .73rem; font-weight: 850; text-shadow: none; box-shadow: 0 10px 28px rgba(0,0,0,.32); }
  .video-sound-toggle { position: absolute; z-index: 6; right: 15px; top: calc(104px + var(--safe-top)); width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(0,0,0,.35); color: #fff; backdrop-filter: blur(8px); }
  .sound-gate { position: fixed; z-index: 30; inset: 0 0 calc(var(--mobile-nav) + var(--safe-bottom)) 0; display: grid; place-items: center; background: radial-gradient(circle at 50% 25%, rgba(199,154,75,.18), transparent 35%), rgba(5,6,9,.96); padding: 30px; }
  .sound-gate-card { text-align: center; max-width: 330px; }
  .gate-record { width: 110px; height: 110px; margin: 0 auto 25px; display: grid; place-items: center; border: 1px solid rgba(239,208,142,.5); box-shadow: inset 0 0 0 13px rgba(199,154,75,.06); border-radius: 50%; font: 4.2rem Georgia,serif; color: var(--gold); }
  .sound-gate h2 { font: 700 2.3rem Georgia,serif; margin: 0; }
  .sound-gate p { color: var(--muted); line-height: 1.55; }
  .sound-gate button { margin-top: 12px; border: 0; background: var(--gold-2); color: #18130b; border-radius: 999px; padding: 14px 21px; font-weight: 850; }
  .mobile-bottom-nav { position: fixed; z-index: 50; bottom: 0; left: 0; right: 0; height: calc(var(--mobile-nav) + var(--safe-bottom)); padding-bottom: var(--safe-bottom); background: rgba(8,9,13,.97); border-top: 1px solid rgba(255,255,255,.12); align-items: stretch; justify-content: space-around; backdrop-filter: blur(15px); }
  .mobile-bottom-nav a { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; color: #777981; font-size: .58rem; }
  .mobile-bottom-nav a span { font-size: 1.13rem; }
  .mobile-bottom-nav a.active { color: var(--gold-2); }

  .page-shell { padding: calc(34px + var(--safe-top)) 14px 85px; min-height: auto; }
  .page-intro h1 { font-size: 3.25rem; }
  .catalog-toolbar { grid-template-columns: 1fr 1fr; margin-top: 25px; }
  .catalog-search { grid-column: span 2; }
  .catalog-toolbar select { min-width: 0; width: 100%; font-size: .77rem; }
  .song-grid, .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 10px; }
  .song-card-copy { padding-top: 9px; padding-right: 20px; }
  .song-card-copy h3 { font-size: .82rem; }
  .song-card-copy p { font-size: .69rem; -webkit-line-clamp: 1; }
  .meta-line { display: none; }
  .favorite-card { bottom: 19px; font-size: 1rem; }
  .card-play { opacity: 1; width: 36px; height: 36px; font-size: .72rem; background: rgba(239,208,142,.9); }
  .generated-cover { padding: 10px; }
  .generated-cover b { font-size: .77rem; }
  .generated-cover small { font-size: .56rem; }
  .duration { font-size: .58rem; }

  .watch-shell { display: block; padding: 0 0 85px; }
  .watch-main { width: 100%; }
  .back-link.mobile-only { display: inline-block !important; position: absolute; z-index: 8; top: calc(13px + var(--safe-top)); left: 12px; background: rgba(0,0,0,.42); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 8px 11px; color: #fff; backdrop-filter: blur(7px); }
  .watch-player { border: 0; border-radius: 0; margin-top: 0; aspect-ratio: 16/9; }
  .watch-info { padding: 22px 15px 0; }
  .watch-title-row h1 { font-size: 2.55rem; }
  .watch-title-row p { font-size: .88rem; }
  .round-favorite { flex-basis: 42px; width: 42px; height: 42px; }
  .watch-actions { margin-top: 19px; }
  .watch-actions .primary-button, .watch-actions .secondary-button { flex: 1; padding-left: 10px; padding-right: 10px; font-size: .72rem; }
  .content-tabs { margin-top: 30px; }
  .tab-panel { padding-top: 21px; }
  .prose { font-size: .89rem; }
  .mobile-related { padding: 12px 15px 20px; }
  .mobile-related h2 { font: 700 1.7rem Georgia,serif; }
  .mobile-related .horizontal-row { grid-auto-columns: 68%; }
  .audio-stage img { height: 70%; }
  .audio-stage audio { bottom: 4%; }
  .record-disc.large { width: 150px; height: 150px; }

  .story-shell { padding: calc(38px + var(--safe-top)) 16px 90px; }
  .story-hero { display: flex; flex-direction: column; align-items: flex-start; gap: 35px; min-height: 0; }
  .story-mark { width: 130px; height: 130px; font-size: 4.3rem; }
  .story-hero h1 { font-size: 3.2rem; }
  .story-hero p { font-size: .94rem; }
  .story-grid { grid-template-columns: 1fr; margin-top: 55px; }
  .story-grid article + article { border-left: 0; border-top: 1px solid var(--line); }
  .story-grid article { padding: 28px 5px; }
  .quote-band { padding: 65px 5px; }
  .quote-band blockquote { font-size: 2rem; }
  .contact-shell { display: block; padding: calc(45px + var(--safe-top)) 15px 95px; min-height: auto; }
  .contact-copy h1 { font-size: 3.2rem; }
  .contact-form { margin-top: 38px; padding: 19px; }
  .error-page { padding-bottom: 90px; }

  .admin-page .mobile-bottom-nav { display: none !important; }
  .admin-page { padding-bottom: 0; }
  .admin-login { min-height: 100vh; }
  .admin-shell { padding: 30px 12px 70px; }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .admin-heading h1 { font-size: 2rem; }
  .admin-actions { width: 100%; }
  .admin-actions > * { flex: 1; }
  .admin-actions .primary-button, .admin-actions .secondary-button { width: 100%; }
  .admin-section { padding: 15px; }
  .form-grid { grid-template-columns: 1fr; }
  .span-2 { grid-column: span 1; }
  .form-section { padding: 18px; }
  .form-publish { align-items: stretch; flex-direction: column; }
  .form-publish .primary-button { margin-left: 0; }
}

/* Clips & Shorts tabs */
.clip-list { display: grid; gap: 12px; }
.clip-item { display: flex; flex-direction: column; gap: 7px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); border-radius: 12px; padding: 12px 14px; }
.clip-title { font-size: .82rem; font-weight: 700; letter-spacing: .02em; color: rgba(255,255,255,.82); }
.clip-item audio { width: 100%; height: 34px; }
.clip-item video { width: 100%; border-radius: 8px; background: #000; }
.shorts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
.short-item { margin: 0; }
.short-item video { width: 100%; aspect-ratio: 9/16; object-fit: cover; border-radius: 12px; background: #000; border: 1px solid rgba(255,255,255,.08); }
.short-item figcaption { margin-top: 7px; font-size: .78rem; font-weight: 700; color: rgba(255,255,255,.78); }

/* About page — disc mark + remix teaser */
.story-mark img { width: 100%; height: 100%; object-fit: contain; }
.story-mark:has(img) { border: 0; box-shadow: 0 30px 90px rgba(0,0,0,.45); }
.about-travel { flex-basis: 100%; text-align: center; color: var(--muted); margin: 0 0 4px; font-size: 1.02rem; }

/* Use the Music — Take the Hook */
.utm-page { max-width: 960px; }
.utm-hero { padding: 8px 0 10px; }
.utm-hero h1 { font: 700 clamp(2.2rem,5vw,3.4rem)/1 Georgia,serif; margin: 12px 0 14px; letter-spacing: -.02em; }
.utm-hero > p { color: #cbc7bd; font-size: 1.12rem; line-height: 1.6; max-width: 60ch; }
.utm-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 22px 0 18px; }
.utm-soon { font-size: .9rem; color: var(--muted); background: rgba(199,154,75,.06); border: 1px solid var(--line); border-radius: 12px; padding: 13px 16px; max-width: 66ch; }
.utm-soon b { color: var(--gold-2); font-weight: 700; }
.utm-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin: 34px 0; }
.utm-steps article { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 20px; }
.utm-steps span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--gold-2); color: #17130c; font: 700 1rem Georgia,serif; }
.utm-steps h3 { font: 700 1.2rem Georgia,serif; margin: 13px 0 6px; }
.utm-steps p { color: var(--muted); font-size: .92rem; margin: 0; }
.utm-license { border-top: 1px solid var(--line); padding-top: 34px; }
.utm-license h2 { font: 700 1.7rem Georgia,serif; margin: 6px 0 20px; }
.license-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lic { background: var(--panel); border: 1px solid var(--line-soft,rgba(255,255,255,.07)); border-radius: 14px; padding: 18px 20px; }
.lic h4 { margin: 0 0 12px; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }
.lic.free h4 { color: var(--green); } .lic.no h4 { color: var(--danger); }
.lic ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.lic li { position: relative; padding-left: 22px; font-size: .93rem; color: #d8d4c8; line-height: 1.5; }
.lic.free li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 700; }
.lic.no li::before { content: "✕"; position: absolute; left: 0; color: var(--danger); font-weight: 700; }
.lic-credit { margin-top: 16px; background: #0d0f14; border: 1px dashed var(--line); border-radius: 12px; padding: 14px 18px; }
.lic-credit h4 { margin: 0 0 8px; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-2); }
.lic-credit pre { margin: 0; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: .82rem; color: #e7e1d3; line-height: 1.7; white-space: pre-wrap; }
.lic-perm { margin: 18px 0 0; font-size: .92rem; color: #cbc7bd; }
.lic-perm b { color: var(--text); }
.utm-note { font-size: .8rem; color: #71737c; margin-top: 12px; }
.utm-made { border-top: 1px solid var(--line); margin-top: 34px; padding-top: 30px; text-align: center; }
.utm-made h2 { font: 700 1.5rem Georgia,serif; margin: 0 0 6px; }
.utm-made p { color: var(--muted); margin: 0 auto 18px; max-width: 46ch; }
@media (max-width: 720px){ .utm-steps, .license-grid { grid-template-columns: 1fr; } }

/* Creator Kit tab (merged Clips + Shorts) */
.kit-intro { color: var(--muted); font-size: .9rem; margin: 0 0 18px; }
.kit-group { margin-top: 18px; }
.kit-group:first-of-type { margin-top: 4px; }
.kit-label { display: block; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-2); margin-bottom: 11px; }

/* Use This Hook — prominent creator CTA under the player */
.use-hook { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  margin: 22px 0 4px; padding: 16px 18px; border-radius: 14px;
  background: linear-gradient(100deg, rgba(231,208,142,.10), rgba(75,208,255,.06));
  border: 1px solid rgba(239,208,142,.28); }
.use-hook-copy strong { display: block; font: 700 1.02rem Georgia, serif; }
.use-hook-copy span { font-size: .86rem; color: var(--muted); }
.use-hook-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ===== Stories ===== */
.stories-page { max-width: 1020px; }
.story-featured { display: block; position: relative; overflow: hidden; border-radius: 20px; border: 1px solid var(--line); min-height: 300px; margin-bottom: 40px; background: linear-gradient(160deg, #1a1622, #141a26); }
.story-featured::before { content: ""; position: absolute; inset: 0; background-image: var(--sf-cover); background-size: cover; background-position: center; opacity: .5; }
.story-featured::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,9,13,.92) 30%, rgba(8,9,13,.55)); }
.sf-body { position: relative; z-index: 1; display: block; padding: 34px clamp(24px,4vw,48px); max-width: 640px; }
.sf-title { display: block; font: 700 clamp(1.7rem,3.4vw,2.6rem)/1.05 Georgia, serif; margin: 12px 0 12px; letter-spacing: -.01em; color: var(--gold-2); }
.sf-desc { display: block; color: #ece8de; font-size: 1.02rem; line-height: 1.55; }
.sf-meta { display: block; color: var(--gold-2); font-size: .78rem; margin-top: 16px; font-weight: 700; letter-spacing: .04em; }
.story-featured:hover .sf-title { color: var(--gold-2); }
.story-cat { margin-top: 40px; }
.story-cat > h2 { font: 700 1.35rem Georgia, serif; margin: 0 0 18px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.story-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.story-card { display: block; border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: var(--panel); transition: transform .15s, border-color .15s; }
.story-card:hover { transform: translateY(-3px); border-color: rgba(239,208,142,.4); }
.sc-cover { display: block; aspect-ratio: 16/9; background: linear-gradient(135deg, #2a2350, #20304d 60%, #14161d); background-size: cover; background-position: center; }
.sc-body { display: block; padding: 15px 16px 18px; }
.sc-title { display: block; font: 700 1.12rem/1.2 Georgia, serif; margin: 8px 0 7px; color: var(--gold-2); }
.sc-desc { display: block; color: #ece8de; font-size: .88rem; line-height: 1.45; }
.sc-meta { display: block; color: #6d6a62; font-size: .72rem; margin-top: 11px; letter-spacing: .04em; }

.story-article { max-width: 720px; margin: 0 auto; padding: 8px 22px 70px; }
.sa-head { padding: 8px 0 22px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.sa-head h1 { font: 700 clamp(2rem,4.4vw,3rem)/1.04 Georgia, serif; margin: 14px 0 14px; letter-spacing: -.02em; text-wrap: balance; }
.sa-dek { color: #cbc7bd; font-size: 1.18rem; line-height: 1.5; margin: 0; max-width: 60ch; }
.sa-meta { display: inline-block; color: #6d6a62; font-size: .8rem; margin-top: 16px; }
.story-body { color: #d7d2c6; font-size: 1.08rem; line-height: 1.75; }
.story-body > p { margin: 0 0 1.25em; max-width: 66ch; }
.story-body h2 { font: 700 1.55rem Georgia, serif; margin: 2em 0 .5em; letter-spacing: -.01em; }
.story-body h3 { font: 700 1.2rem Georgia, serif; margin: 1.7em 0 .4em; color: #ece7da; }
.story-body strong { color: #f2ede1; }
.story-body a { color: var(--gold-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(239,208,142,.4); }
.story-body ul, .story-body ol { max-width: 66ch; padding-left: 1.3em; margin: 0 0 1.25em; }
.story-body li { margin: .35em 0; }
.story-body blockquote { margin: 1.5em 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--gold); font-family: Georgia, serif; font-style: italic; font-size: 1.32rem; line-height: 1.4; color: #ece7da; }
.story-body hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.story-body pre { background: #0d0f14; border: 1px dashed var(--line); border-radius: 12px; padding: 14px 16px; overflow-x: auto; font-size: .85rem; color: #e7e1d3; }
.story-body code { font-family: ui-monospace, Menlo, monospace; }
.story-player { position: relative; aspect-ratio: 16/9; border-radius: 14px; overflow: hidden; margin: 1.6em 0; cursor: pointer; border: 1px solid var(--line);
  background-size: cover; background-position: center; background-color: #14161d; display: flex; align-items: center; justify-content: center; }
.story-player::after { content: ""; position: absolute; inset: 0; background: rgba(8,9,13,.35); transition: background .15s; }
.story-player:hover::after { background: rgba(8,9,13,.15); }
.story-play { position: relative; z-index: 1; width: 66px; height: 66px; border-radius: 50%; background: var(--gold); color: #17130c; border: 0; font-size: 1.5rem; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.story-play-label { position: absolute; z-index: 1; bottom: 14px; left: 16px; color: #fff; font-size: .82rem; font-weight: 600; text-shadow: 0 2px 8px #000; }
.story-article iframe { width: 100%; aspect-ratio: 16/9; border: 0; border-radius: 14px; margin: 1.6em 0; }
.sa-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--line); }
.read-story-link { display: inline-block; margin-top: 14px; color: var(--gold-2); font-weight: 600; font-size: .9rem; }

/* Creator Kit v2 — captions + download buttons */
.clip-caption { margin: 2px 0 0; font-family: Georgia, serif; font-size: .92rem; line-height: 1.55; color: #cfcabd; white-space: pre-wrap; background: rgba(255,255,255,.02); border-left: 2px solid rgba(239,208,142,.35); padding: 8px 12px; border-radius: 0 8px 8px 0; }
.kit-dl { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 2px; }
.kit-dl a, .kit-dl button { font-size: .78rem; font-weight: 600; color: var(--gold-2); border: 1px solid rgba(239,208,142,.3); border-radius: 8px; padding: 6px 11px; background: none; cursor: pointer; }
.kit-dl a:hover, .kit-dl button:hover { background: rgba(239,208,142,.08); }