/* Darker, quieter surfaces shared by profile, wallet, checkout and administration. */
:root { --bw-polish-bg:#070a10; --bw-polish-panel:#0b1019; --bw-polish-line:#263248; --bw-polish-blue:#91b6f4; }
#bw-global-footer { max-width:1256px; margin:72px auto 0; padding:23px 34px 42px; display:flex; align-items:center; flex-wrap:wrap; gap:24px; border-top:1px solid #1f2b3d; color:#7888a1; font:600 11px 'JetBrains Mono',monospace; letter-spacing:.03em; }
#bw-global-footer nav { display:flex; align-items:center; gap:19px; flex-wrap:wrap; margin-left:auto; }
#bw-global-footer a,.bw-footer nav a { color:#93a6c1; text-decoration:none; transition:color .35s ease; }
#bw-global-footer a:hover,.bw-footer nav a:hover { color:#dceaff; }
.bw-footer nav { display:flex; gap:17px; flex-wrap:wrap; font:600 10px 'JetBrains Mono',monospace; }
html[data-bw-page=home] #bw-global-footer { display:none; }
html.bw-auth-open[data-bw-page=home] #bw-home { display:none !important; }
html.bw-auth-open[data-bw-page=home] #root,html.bw-auth-open[data-bw-page=home] #root>div { height:auto !important; min-height:100vh !important; }
html.bw-auth-open[data-bw-page=home] #root main { display:block !important; }
html.bw-auth-open[data-bw-page=home] #bw-global-footer { display:flex; }
html[data-bw-page=home] .bw-hero-preview { animation:bw-preview-fade 1s ease both !important; transform:translate3d(var(--bw-parallax-x,0px),var(--bw-parallax-y,0px),0); will-change:transform; }
@keyframes bw-preview-fade { from {opacity:0;filter:blur(12px)} to {opacity:1;filter:blur(0)} }
html[data-bw-page=home] .bw-preview-stamp { animation:bw-polish-stamp 8s ease-in-out infinite alternate !important; }
@keyframes bw-polish-stamp { from {transform:translate3d(0,-5px,0) rotate(3deg)} to {transform:translate3d(4px,7px,0) rotate(5deg)} }

html[data-bw-page=user] #root main { color:#eaf0fa; }
html[data-bw-page=user] #root main h1 { font-size:clamp(32px,4vw,52px) !important; font-weight:750 !important; letter-spacing:-.055em; }
html[data-bw-page=user] #root main img[alt=banner] { filter:saturate(.65) brightness(.68); }
html[data-bw-page=user] #root main img[alt=banner] + div { background:linear-gradient(180deg,transparent 38%,#070a10 100%) !important; }
html[data-bw-page=user] #root main .bw-profile-banner { height:clamp(230px,26vw,320px) !important; background:#0b1322 !important; }
html[data-bw-page=user] #root main .bw-profile-banner img { object-position:center 42%; transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease; }
html[data-bw-page=user] #root main .bw-profile-banner:hover img { transform:scale(1.035); filter:saturate(.82) brightness(.76); }
html[data-bw-page=user] #root main .bw-profile-avatar { width:122px !important; height:122px !important; border:5px solid #090e17 !important; border-radius:24px !important; box-shadow:0 14px 34px #0008,0 0 0 1px #4b6893 !important; transition:transform .75s cubic-bezier(.16,1,.3,1),box-shadow .75s ease !important; }
html[data-bw-page=user] #root main .bw-profile-avatar:hover { transform:translateY(-3px) rotate(-1deg); box-shadow:0 18px 42px #0009,0 0 0 2px #86aeee,0 0 35px #4773bb55 !important; }
html[data-bw-page=user] #root main .bw-profile-avatar video,html[data-bw-page=user] #root main .bw-profile-avatar img { object-fit:cover; }
html[data-bw-page=user] #root main h1.bw-profile-name { width:fit-content; max-width:min(80vw,680px); overflow:visible !important; line-height:1.14; }
html[data-bw-page=user] #root main h1.bw-profile-name-shimmer { color:transparent !important; background:linear-gradient(105deg,#f7faff 5%,#91baff 25%,#d9e8ff 47%,#719ce6 68%,#f7faff 92%); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; animation:bw-name-light 8s ease-in-out infinite alternate; text-shadow:none !important; }
@keyframes bw-name-light { from {background-position:0% 50%;filter:drop-shadow(0 0 1px #6f9ad033)} to {background-position:100% 50%;filter:drop-shadow(0 0 10px #7cadf055)} }
html[data-bw-page=user] #root main .bw-profile-player { position:relative; min-height:76px; padding:12px 24px !important; border-block:1px solid #2b3d58 !important; background:linear-gradient(100deg,#0c1726,#090e17 53%,#0e1723) !important; gap:25px !important; }
html[data-bw-page=user] #root main .bw-profile-player::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(#294b7b,#93baff,#294b7b); }
html[data-bw-page=user] #root main .bw-profile-player button[title="Воспроизвести трек"],html[data-bw-page=user] #root main .bw-profile-player button[title="Приостановить трек"] { width:46px !important; height:46px !important; flex:none; border:1px solid #83a8e5 !important; background:#315890 !important; box-shadow:0 0 0 5px #3158902b !important; }
html[data-bw-page=user] #root main .bw-profile-player input[type=range] { accent-color:#92b7ee; min-width:170px; }
html[data-bw-page=user] #root main .bw-profile-player button[title*="MP3"] { border:1px solid #354962; background:#172438; border-radius:999px; padding:8px 13px; }
html #root header button.bw-login-trigger { background:#416fb8 !important; border-color:#729ce2 !important; box-shadow:0 8px 26px #416fb83b !important; }
html #root header button.bw-login-trigger:hover { background:#6491da !important; box-shadow:0 10px 33px #6c9ce255 !important; }
html[data-bw-page=user] #root main .bw-profile-stats { grid-template-columns:1.25fr 1.25fr .8fr .8fr; gap:0 !important; border-top:1px solid var(--bw-polish-line); border-bottom:1px solid var(--bw-polish-line); }
html[data-bw-page=user] #root main .bw-profile-stats > div { min-height:118px; padding:20px 23px !important; border:0 !important; border-right:1px solid var(--bw-polish-line) !important; border-radius:0 !important; background:transparent !important; text-align:left !important; align-items:flex-start !important; }
html[data-bw-page=user] #root main .bw-profile-stats > div:last-child { border-right:0 !important; }
html[data-bw-page=user] #root main .bw-profile-stats > div > div:first-child { color:#8393ad !important; font-size:10px !important; letter-spacing:.08em; }
html[data-bw-page=user] #root main .bw-profile-stats > div > div:nth-child(2) { color:#eaf1fe !important; font-size:20px !important; letter-spacing:-.035em; }
html[data-bw-page=user] #root main .bw-profile-stats > div:nth-child(2) > div:nth-child(2) { font-size:25px !important; font-variant-numeric:tabular-nums; }
html[data-bw-page=user] #root main .bw-profile-stats button { padding:3px 0 !important; border:0 !important; background:transparent !important; color:#9dc0f8 !important; box-shadow:none !important; }
html[data-bw-page=user] #root main .bw-license-heading { align-items:end !important; padding:12px 0 15px; border-bottom:1px solid var(--bw-polish-line); }
html[data-bw-page=user] #root main .bw-license-heading h3 { font:700 clamp(17px,2vw,22px) Inter,sans-serif !important; letter-spacing:-.04em !important; text-transform:none !important; }
html[data-bw-page=user] #root main .bw-license-heading > span { padding:5px 10px !important; border-color:#365475 !important; background:#102035 !important; color:#b4d2ff !important; }
html[data-bw-page=user] #root main .bw-license-heading > span svg { color:#8cb9f5 !important; }
html[data-bw-page=user] #root main .bw-license-card { border:1px solid #293a55 !important; border-radius:14px !important; background:#090e17 !important; overflow:hidden; box-shadow:0 14px 35px rgba(0,0,0,.15); transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .7s ease,box-shadow .7s ease !important; }
html[data-bw-page=user] #root main .bw-license-card:hover { transform:translateY(-5px); border-color:#7298d3 !important; box-shadow:0 25px 45px rgba(0,0,0,.28); }
html[data-bw-page=user] #root main .bw-license-visual { height:194px !important; background:linear-gradient(130deg,#122744,#080c14) !important; }
html[data-bw-page=user] #root main .bw-license-visual img { object-fit:cover; object-position:center 43%; filter:grayscale(1) contrast(1.35) brightness(.78); opacity:.72 !important; transform:scale(1.04); transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s ease; }
html[data-bw-page=user] #root main .bw-license-card:hover img { transform:scale(1.11); filter:grayscale(.6) contrast(1.25) brightness(.9); }
html[data-bw-page=user] #root main .bw-license-visual > .absolute.inset-0 { background:linear-gradient(180deg,rgba(4,8,15,.03),rgba(5,9,16,.2) 45%,#090e17 100%) !important; }
html[data-bw-page=user] #root main .bw-license-active { top:14px !important; right:14px !important; min-height:25px; gap:8px !important; border:1px solid #52739e !important; border-radius:5px !important; background:#102139e8 !important; color:#d7e6ff !important; letter-spacing:.08em; box-shadow:none !important; }
html[data-bw-page=user] #root main .bw-license-active .animate-pulse { width:18px !important; height:3px !important; border-radius:3px !important; background:#91bcff !important; animation:none !important; }
html[data-bw-page=user] #root main .bw-license-card > div:last-child { min-height:88px; padding:18px !important; }
html[data-bw-page=user] #root main .bw-license-card h4 { font:700 16px Inter,sans-serif !important; letter-spacing:-.035em; }
html[data-bw-page=user] #root main .bw-license-card span[class*="text-emerald"],html[data-bw-page=user] #root main .bw-license-card span[class*="text-purple"] { color:#a6c5f4 !important; }
html[data-bw-page=user] #root main .bw-license-card span[class*="text-white/40"] { color:#9cadc6 !important; font:400 11px Inter,sans-serif !important; }

#root .bw-wallet-modal { max-width:740px !important; width:min(740px,calc(100vw - 32px)) !important; border:1px solid #344861 !important; border-radius:18px !important; background:#080d16 !important; box-shadow:0 38px 110px rgba(0,0,0,.56) !important; }
.bw-wallet-modal > :first-child { padding-bottom:22px; border-bottom:1px solid #263248; }
.bw-wallet-modal h2 { font-size:26px !important; letter-spacing:-.045em; }
.bw-wallet-modal .bw-wallet-notice { padding:15px 18px; border:0; border-left:2px solid #719ce0; border-radius:0; background:#101b2b; color:#c0cde0; }
.bw-wallet-modal .bw-finance-heading { margin-top:30px; }
.bw-wallet-modal .bw-wallet-history { max-height:320px; border:0; border-top:1px solid #25334a; border-radius:0; background:transparent; }
.bw-wallet-modal .bw-finance-row { padding:15px 6px; background:transparent; }

.bw-admin-modal { max-width:1100px !important; border:1px solid #31445f !important; border-radius:18px !important; background:#080d15 !important; box-shadow:0 38px 110px rgba(0,0,0,.6) !important; }
.bw-admin-modal > :first-child { background:#0b121e !important; border-bottom:1px solid #26364d !important; }
.bw-admin-modal > :nth-child(2) { background:#090f19 !important; border-bottom:1px solid #26364d !important; }
.bw-admin-modal > :nth-child(2) button { border-radius:8px !important; transition:background .4s,border-color .4s,transform .4s !important; }
.bw-admin-modal > :nth-child(2) button:hover { transform:translateY(-2px); background:#15253d !important; }
.bw-admin-modal .bw-finance-panel { background:#0a101a; }
.bw-admin-modal .bw-finance-balance { background:#0c1522; border-color:#2b3d56; }
.bw-admin-modal .bw-finance-balance strong { font-size:36px; letter-spacing:-.05em; }
.bw-admin-modal .bw-finance-history { border:0; border-top:1px solid #2c3b51; border-radius:0; background:transparent; }
.bw-admin-modal .bw-finance-row { padding:15px 6px; background:transparent; }

.bw-checkout-modal { max-width:530px !important; padding:27px !important; background:#0a1019 !important; border:1px solid #3b5475 !important; border-radius:17px !important; box-shadow:0 34px 90px rgba(0,0,0,.6) !important; }
.bw-checkout-modal h3 { font-size:23px !important; letter-spacing:-.045em; }
.bw-checkout-modal button { transition:transform .45s cubic-bezier(.16,1,.3,1),background .45s,border-color .45s !important; }
.bw-checkout-modal button:hover:not(:disabled) { transform:translateY(-2px); }
.bw-checkout-modal [class*="bg-emerald"] { background:#162942 !important; border-color:#456590 !important; color:#cfe0f9 !important; }
.bw-checkout-modal button[class*="bg-emerald-600"] { background:#527cbb !important; color:#fff !important; box-shadow:none !important; }
.bw-checkout-modal button[class*="bg-emerald-600"]:hover { background:#7199d3 !important; }
.bw-checkout-modal .grid.grid-cols-2.gap-2 { grid-template-columns:1fr !important; }
.bw-checkout-modal .grid.grid-cols-2.gap-2 > button:nth-child(2) { display:none !important; }
.bw-checkout-modal .grid.grid-cols-2.gap-2 > button:first-child { flex-direction:row !important; justify-content:space-between; padding:13px 16px !important; background:#101c2d !important; }
.bw-checkout-modal .grid.grid-cols-2.gap-2 > button:first-child svg { color:#9dbff3 !important; }
@media(max-width:760px){#bw-global-footer{margin-top:30px;padding:25px 20px 38px}#bw-global-footer nav{margin-left:0;width:100%;order:3}html[data-bw-page=user] #root main .bw-profile-stats{grid-template-columns:1fr 1fr}html[data-bw-page=user] #root main .bw-profile-stats>div:nth-child(2){border-right:0!important}html[data-bw-page=user] #root main .bw-profile-stats>div{min-height:105px}.bw-admin-modal,.bw-wallet-modal{border-radius:12px!important}}
@media(max-width:760px){html[data-bw-page=user] #root main .bw-profile-banner{height:220px!important}html[data-bw-page=user] #root main .bw-profile-avatar{width:94px!important;height:94px!important;border-radius:20px!important}html[data-bw-page=user] #root main .bw-profile-player{padding:17px 16px 12px!important;gap:14px!important}html[data-bw-page=user] #root main .bw-profile-player::before{top:5px;right:16px;font-size:8px}html[data-bw-page=user] #root main .bw-profile-player input[type=range]{min-width:120px}}
@media(prefers-reduced-motion:reduce){html[data-bw-page=home] .bw-hero-preview,html[data-bw-page=home] .bw-preview-stamp,html[data-bw-page=user] #root main h1.bw-profile-name-shimmer{animation:none!important}html[data-bw-page=user] #root main .bw-license-card,html[data-bw-page=user] #root main .bw-license-card img{transition:none!important}}
html[data-bw-page="forum"] h1 .text-purple-400{color:#7eaaff!important}
