:root{--red:#f20d20;--bg:#090b0e;--panel:#11151a;--muted:#9ba3ad;--line:#252b33;--white:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.red{color:var(--red)}.topbar{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;gap:45px;background:#07090b;border-bottom:1px solid #191d22;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-1px}.brand-db{font-size:38px;line-height:1;color:#d8d8d8;font-weight:300;letter-spacing:-5px}.topbar nav{display:flex;gap:28px;font-size:14px}.topbar nav a:hover{color:var(--red)}.auth{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:14px}.button,.search button{background:var(--red);border:0;color:white;padding:12px 22px;border-radius:6px;font-weight:700}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:540px;position:relative;display:grid;place-items:center;background:linear-gradient(100deg,#07111b 0%,transparent 55%),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 55%),rgba(0,0,0,.25)}.hero-content{position:relative;text-align:center;max-width:850px;padding:50px 20px}.eyebrow{text-transform:uppercase;color:#ff5c68;font-size:12px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(46px,7vw,78px);line-height:.98;margin:18px 0}.hero h1 span{color:#e7e9ec}.hero p{font-size:18px;color:#d1d4d8;max-width:650px;margin:0 auto 28px}.search{height:54px;display:flex;background:white;border-radius:7px;overflow:hidden;max-width:700px;margin:auto}.search input{flex:1;border:0;padding:0 20px;font-size:15px;outline:0}.search button{border-radius:0}.quick-links{max-width:1100px;margin:-48px auto 0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px}.quick-links a{background:rgba(17,21,26,.96);border:1px solid var(--line);border-radius:9px;min-height:112px;display:grid;place-items:center;align-content:center;gap:9px}.quick-links b{font-size:28px}.quick-links a:hover{border-color:var(--red);transform:translateY(-2px)}.section{max-width:1200px;margin:80px auto;padding:0 24px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h2,.statement h2{font-size:36px;margin:7px 0}.section-title>a{color:#ff6974}.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.artist-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s}.artist-card:hover{transform:translateY(-4px);border-color:#4a4f56}.artist-photo{height:250px;background:linear-gradient(135deg,#272b31,#111);display:grid;place-items:center;font-size:70px;color:#555;background-size:cover;background-position:center}.artist-info{padding:16px}.artist-info h3{margin:0 0 5px;font-size:18px}.artist-info p{margin:0;color:var(--muted);font-size:13px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{background:#252a30;border-radius:20px;padding:5px 9px;font-size:11px}.verified{color:#49a3ff}.statement{max-width:900px;margin:120px auto;padding:60px 25px;text-align:center}.statement p{font-size:20px;line-height:1.6;color:var(--muted)}footer{border-top:1px solid var(--line);padding:50px clamp(24px,6vw,90px);display:flex;align-items:center;gap:30px;color:var(--muted)}footer small{margin-left:auto}.mobile-auth{display:none}@media(max-width:800px){.topbar{gap:16px}.topbar nav{display:none}.topbar nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#090b0e;padding:25px;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.35)}.topbar nav.open>a,.topbar nav.open .mobile-auth>a,.topbar nav.open .mobile-auth>button{display:block;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--white);font:inherit;text-align:left}.topbar nav.open .mobile-auth{display:block}.topbar nav.open .mobile-auth>a:last-child{color:#ff6974;font-weight:700}.topbar nav.open .mobile-auth>button{cursor:pointer}.menu{display:block;margin-left:auto;flex:0 0 auto}.auth{display:none}.artist-grid{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}.hero{min-height:500px}.artist-photo{height:200px}footer{flex-direction:column;align-items:flex-start}footer small{margin-left:0}}@media(max-width:500px){.artist-grid{grid-template-columns:1fr}.auth{display:flex;gap:10px;margin-left:auto}.auth>a{display:inline-flex;align-items:center}.auth>a:first-child{display:inline-flex}.auth .button{padding:10px 12px}.hero h1{font-size:45px}.search{height:auto;display:grid}.search input{height:52px}.search button{height:48px}.quick-links{margin:-25px auto 0}}.section-copy{color:var(--muted);line-height:1.7;margin:8px 0}.empty-state{grid-column:1/-1;border:1px dashed var(--line);border-radius:10px;padding:42px;text-align:center;background:var(--panel);color:var(--muted)}.empty-state b{display:block;color:var(--white);font-size:18px;margin-bottom:8px}.empty-state p{margin:0}.artist-card:focus-visible,.button:focus-visible,.topbar a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.discovery-toolbar{display:flex;gap:14px;align-items:end;margin:0 0 16px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.discovery-toolbar label{display:grid;gap:7px;min-width:210px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.discovery-toolbar select{height:44px;background:#0d1014;border:1px solid var(--line);border-radius:6px;color:var(--white);padding:0 12px}.filter-clear{height:44px;padding:0 16px;background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--white);cursor:pointer}.filter-clear:hover{border-color:var(--red);color:#ff6974}.result-count{color:var(--muted);font-size:14px}.active-filter{min-height:28px;color:var(--muted);font-size:13px;margin-bottom:10px}.active-filter b{color:var(--white)}@media(max-width:700px){.discovery-toolbar{align-items:stretch;flex-direction:column}.discovery-toolbar label{min-width:0}.filter-clear{width:100%}}
.quick-links button{font:inherit;color:inherit;cursor:pointer}.quick-links button,.quick-links a{background:rgba(17,21,26,.96);border:1px solid var(--line);border-radius:9px;min-height:112px;display:grid;place-items:center;align-content:center;gap:9px}.quick-links button:hover,.quick-links a:hover{border-color:var(--red);transform:translateY(-2px)}.quick-links button:focus-visible,.filter-clear:focus-visible,.discovery-toolbar select:focus-visible,.search input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.profile-hero{min-height:410px;display:flex;align-items:end;padding:55px 7vw;background:linear-gradient(120deg,#151a21,#351018);background-size:cover;background-position:center}.profile-head{display:flex;align-items:end;gap:28px}.avatar{width:180px;height:180px;border-radius:12px;border:4px solid #fff;background:#20252b center/cover;display:grid;place-items:center;font-size:72px;flex:0 0 auto}.profile-head h1{font-size:clamp(38px,6vw,58px);margin:7px 0 8px}.back-link{display:block;color:#d7d9dd;font-size:13px;margin-bottom:16px}.back-link:hover,.profile-website{color:#ff6974}.profile-body{max-width:1180px;margin:auto;padding:48px 25px 80px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:50px}.profile-body h2{font-size:30px;margin:8px 0 16px}.profile-bio{color:var(--muted);line-height:1.8;font-size:16px;white-space:pre-line}.profile-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.profile-facts{margin:20px 0 26px}.profile-facts div{padding:12px 0;border-top:1px solid var(--line)}.profile-facts dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.profile-facts dd{margin:5px 0 0}.claim-button{display:block;text-align:center}.profile-message{max-width:800px;margin:80px auto;padding:30px}
@media(max-width:700px){.profile-head{align-items:start;flex-direction:column}.avatar{width:130px;height:130px}.profile-body{grid-template-columns:1fr}.profile-hero{min-height:360px;padding:40px 24px}.section-title{align-items:start;gap:15px;flex-direction:column}}
.account-menu{position:relative}.account-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--white);cursor:pointer;font:inherit;padding:6px}.account-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:800}.account-name{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{position:absolute;right:0;top:46px;min-width:190px;background:#11151a;border:1px solid var(--line);border-radius:8px;padding:7px;box-shadow:0 12px 30px rgba(0,0,0,.35);z-index:40}.account-dropdown a,.account-dropdown button{display:block;width:100%;padding:11px 12px;text-align:left;background:transparent;border:0;border-radius:5px;color:var(--white);font:inherit;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{background:#20252b}.account-trigger:focus-visible,.account-dropdown a:focus-visible,.account-dropdown button:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media(max-width:500px){.auth[data-auth-nav]:has(.account-menu){display:flex}.account-name{display:none}}

.email-confirmation-notice{padding:10px 18px;text-align:center;background:#2b2110;border-bottom:1px solid #66501f;color:#f3e2aa;font-size:14px}.email-confirmation-notice strong{color:#fff}

.brand-logo{display:block;width:auto;height:52px;object-fit:contain}.topbar .brand-logo{height:48px}footer .brand-logo{height:64px}.account-art .brand-logo{height:100px}.admin-brand .brand-logo{height:58px}@media(max-width:600px){.topbar .brand-logo{height:42px}}

@media(max-width:500px){.topbar{padding:0 12px;gap:10px}.topbar .brand{flex:0 0 auto;min-width:56px}.topbar .brand-logo{display:block;width:auto;height:42px;max-width:72px;object-fit:contain}.topbar .menu{margin-left:auto;flex:0 0 auto}.topbar .auth{flex:0 0 auto}.topbar .auth .button{display:none}}

/* Mobile authentication is rendered exclusively inside the hamburger menu. */
@media(max-width:800px){.topbar .auth{display:none!important}}

/* Searchable public discovery filters */
.public-search-select{position:relative;width:100%;min-width:0}
.public-search-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.public-search-trigger{display:block;width:100%;min-height:44px;padding:10px 30px 10px 12px;text-align:left;background:#0d1014;border:1px solid var(--line);border-radius:6px;color:var(--white);font:inherit;cursor:pointer}
.public-search-trigger:after{content:'⌄';position:absolute;right:12px}
.public-search-panel{position:absolute;z-index:100;top:calc(100% + 4px);left:0;right:0;padding:8px;background:#151a20;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0009}
.public-search-panel[hidden]{display:none!important}
.public-search-panel input{box-sizing:border-box;width:100%;padding:9px;margin-bottom:6px;background:#0d1014;border:1px solid var(--line);border-radius:6px;color:var(--white);font:inherit}
.public-search-options{max-height:230px;overflow-y:auto}
.public-search-option{display:block;width:100%;padding:9px 10px;text-align:left;border:0;background:transparent;color:var(--white);font:inherit;cursor:pointer}
.public-search-option:hover,.public-search-option:focus{background:#303944}
.public-search-empty{padding:10px;color:var(--muted)}
.public-search-trigger:focus-visible,.public-search-panel input:focus-visible{outline:2px solid var(--red);outline-offset:2px}


/* Bright Island Music Database theme */
:root{--bg:#f5f7fb;--panel:#ffffff;--muted:#64748b;--line:#dfe5ed;--white:#172335;--red:#dc233c}
body{background:var(--bg);color:var(--white)}
.topbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(18,34,52,.04)}
.menu{color:#172335}
.hero{background-image:linear-gradient(100deg,rgba(9,28,48,.75),rgba(9,28,48,.13)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=85')}
.hero-shade{background:linear-gradient(0deg,var(--bg),transparent 55%),rgba(0,0,0,.12)}
.hero-content,.hero h1,.hero h1 span{color:#fff}
.hero p{color:#f0f4fa}
.quick-links a,.artist-card{background:#fff;border-color:var(--line);box-shadow:0 6px 20px rgba(21,39,62,.045)}
.quick-links a:hover,.artist-card:hover{border-color:#f1a2ad}
.artist-photo{background:linear-gradient(135deg,#e8eef5,#d4deea);color:#64748b}
.tag{background:#eef2f7;color:#334155}
.section-title>a{color:#b91c35}
footer{background:#fff}
.public-search-trigger,.public-search-panel input{background:#fff;color:#172335;border-color:#cbd5e1}
.public-search-panel{background:#fff;box-shadow:0 12px 30px rgba(16,32,48,.14)}
.public-search-option{color:#172335}
.public-search-option:hover,.public-search-option:focus{background:#eef3f9}


/* Light-theme quick navigation tiles: override legacy dark tile backgrounds. */
.quick-links a{background:#ffffff!important;color:#172335!important;border:1px solid #dfe5ed!important;box-shadow:0 6px 20px rgba(21,39,62,.06)}
.quick-links a b,.quick-links a span,.quick-links a small,.quick-links a svg,.quick-links a i{color:#172335!important}
.quick-links a:hover,.quick-links a:focus-visible{background:#fff5f6!important;border-color:#dc233c!important;box-shadow:0 8px 24px rgba(21,39,62,.10)}


/* Public artist profile — editorial layout */
.artist-profile-hero{min-height:470px;position:relative;background-color:#151a21}
.artist-profile-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,11,14,.9),rgba(9,11,14,.1));pointer-events:none}
.artist-profile-hero .profile-head{position:relative;z-index:1;max-width:1180px;width:100%;margin:0 auto}
.artist-profile-hero .avatar{width:196px;height:196px;box-shadow:0 18px 55px rgba(0,0,0,.35);border:3px solid rgba(255,255,255,.8)}
.artist-profile-hero h1{font-size:clamp(44px,6vw,76px);letter-spacing:-.045em;line-height:1.06}
.artist-profile-layout{gap:clamp(28px,5vw,72px);align-items:start}
.artist-profile-layout>section{min-width:0}
.artist-profile-layout .profile-bio{max-width:70ch;color:#c2c8d0;font-size:17px;line-height:1.85}
.artist-section-nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 38px;padding:0 0 16px}
.artist-section-nav a{font-size:14px;font-weight:700;color:#b5bdc6;padding:8px 0}
.artist-section-nav a:hover,.artist-section-nav a:focus-visible{color:white;border-bottom:2px solid var(--red)}
.artist-content-section{border-top:1px solid var(--line);padding-top:34px;margin-top:48px}
.artist-profile-layout .profile-panel{position:sticky;top:100px;background:linear-gradient(145deg,#161b22,#0e1116)}
.artist-profile-layout .profile-facts dd{line-height:1.6;overflow-wrap:anywhere}
.artist-profile-layout .discography-card{transition:transform .18s,border-color .18s}
.artist-profile-layout .discography-card:hover{transform:translateY(-3px);border-color:#555f6a}
.artist-profile-layout .discography-art{background:#242b32}
.artist-profile-layout .discography-placeholder{background:#222831;color:#aab2bc}
.artist-profile-layout .discography-tracks{max-height:260px;overflow:auto}
.artist-profile-layout .discography-filters{margin:22px 0}
.artist-profile-layout .discography-filters button{border-radius:30px}
.artist-profile-layout .artist-timeline-list{margin-top:28px}
.artist-profile-layout .artist-timeline-item{padding-bottom:30px}
#artistAbout,#artistTimelineHeading,#artistDiscographyHeading{scroll-margin-top:115px}
@media(max-width:800px){.artist-profile-layout .profile-panel{position:static}.artist-profile-hero{min-height:390px}.artist-profile-hero .avatar{width:148px;height:148px}.artist-section-nav{gap:16px}.artist-profile-layout{padding-top:28px}}
@media(max-width:500px){.artist-profile-hero{padding:28px 22px 36px}.artist-profile-hero h1{font-size:42px}.artist-profile-layout .profile-bio{font-size:16px}.artist-section-nav a{font-size:13px}}


/* Public discovery filters: match the light theme, including native fallbacks. */
.discovery-toolbar{background:#fff;color:#172335;border-color:#dfe5ed}
.discovery-toolbar label{color:#52647c}
.discovery-toolbar select,
.discovery-toolbar select option{background-color:#fff;color:#172335}
.discovery-toolbar select{border-color:#cbd5e1;color-scheme:light}
.discovery-toolbar .public-search-select{width:100%}
.discovery-toolbar .public-search-trigger{position:relative;background:#fff;color:#172335;border:1px solid #cbd5e1;border-radius:7px;padding:10px 34px 10px 12px}
.discovery-toolbar .public-search-trigger:hover{border-color:#94a3b8}
.discovery-toolbar .public-search-trigger[aria-expanded="true"]{border-color:#dc233c}
.discovery-toolbar .public-search-trigger:after{color:#64748b;right:12px;top:50%;transform:translateY(-50%)}
.discovery-toolbar .public-search-panel{background:#fff;border-color:#cbd5e1;color:#172335}
.discovery-toolbar .public-search-panel input{background:#fff;color:#172335;border-color:#cbd5e1;color-scheme:light}
.discovery-toolbar .public-search-panel input::placeholder{color:#64748b}
.discovery-toolbar .public-search-option{background:#fff;color:#172335}
.discovery-toolbar .public-search-option:hover,
.discovery-toolbar .public-search-option:focus-visible{background:#eef3f9;color:#172335}
.discovery-toolbar .filter-clear{background:#fff;color:#172335;border-color:#d6e0eb}
.discovery-toolbar .filter-clear:hover{background:#fff5f6;color:#b91c35}