:root{--bg:#080b12;--bg2:#0b101a;--paper:#101724;--panel:#111a28;--panel2:#182231;--line:rgba(188,209,227,.13);--linehi:rgba(201,222,233,.27);--text:#e7edf3;--muted:#9ca9b6;--faint:#617184;--accent:#b1d4d6;--hot:#efaa84;--mono:'Space Mono',Consolas,monospace;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--hot);outline-offset:4px}::selection{background:#adccd2;color:#091017}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.05}img{display:block;max-width:100%}svg{width:100%;height:100%}[hidden]{display:none!important}
.cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.75}.vignette{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 30% 32%,transparent 10%,rgba(1,5,10,.45) 80%);pointer-events:none}.global-grain{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.07;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".6"/%3E%3C/svg%3E')}
#app{position:relative;z-index:1;min-height:100vh}main{min-height:55vh}.topbar{position:sticky;top:0;z-index:10;height:86px;display:flex;align-items:center;gap:38px;padding:0 clamp(24px,5.2vw,94px);border-bottom:1px solid var(--line);background:rgba(8,12,19,.84);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.site-logo{width:116px;flex:none}.site-logo img{width:116px;max-height:65px;object-fit:contain}.desktop-nav{display:flex;align-self:stretch;align-items:center;gap:clamp(16px,2.1vw,35px);margin-left:clamp(12px,2vw,35px)}.desktop-nav a{position:relative;display:flex;align-items:center;height:100%;color:#9eacbb;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--hot);content:''}.header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.icon-btn{color:#d4e0e8;background:transparent;border:0;width:28px;height:28px;display:grid;place-items:center;padding:3px}.icon-btn:hover{color:var(--hot)}.online-pill{display:flex;align-items:center;gap:10px;border:1px solid rgba(205,230,226,.26);padding:11px 15px;font:700 9px var(--mono);letter-spacing:.09em;white-space:nowrap}.online-pill i{width:6px;height:6px;background:#a8e8ce;box-shadow:0 0 12px #8bdbbc;border-radius:50%}.pill-arrow{font-size:13px;color:var(--accent)}.mobile-menu-toggle,.mobile-nav{display:none}
.container{width:min(1380px,100% - clamp(36px,10.5vw,180px));margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.1em}.tiny{font-size:10px}.muted{color:var(--muted)}.subtle{color:var(--faint)}.kicker{display:flex;align-items:center;gap:12px;color:var(--accent);font:700 10px var(--mono);letter-spacing:.21em;text-transform:uppercase}.kicker:before{content:'';height:1px;width:30px;background:currentColor}.breadcrumb{padding-top:45px;display:flex;align-items:center;gap:10px;font:700 10px var(--mono);color:var(--faint);letter-spacing:.12em;text-transform:uppercase}.breadcrumb a:hover{color:var(--text)}.breadcrumb .current{color:var(--accent)}.sec-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.sec-header h2,.page-title{font-family:var(--display);font-weight:700;letter-spacing:.012em;text-transform:uppercase}.sec-header h2{font-size:clamp(40px,5.1vw,70px);margin:12px 0 0}.sec-aside{max-width:355px;font-size:13px;color:var(--muted);line-height:1.8}.page-intro{padding:65px 0 45px}.page-title{font-size:clamp(65px,9.5vw,145px);margin:10px 0 12px;letter-spacing:-.015em}.page-lead{color:var(--muted);font-size:16px;line-height:1.75;max-width:700px}.pill-label{border:1px solid var(--linehi);padding:7px 11px;font:700 9px var(--mono);letter-spacing:.09em;color:var(--accent);text-transform:uppercase}.anchor-arrow{display:inline-flex;align-items:center;gap:11px;font:700 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#d6e5e9}.anchor-arrow span{color:var(--hot);font-size:19px;line-height:0}.anchor-arrow:hover{color:var(--hot)}
.hero{position:relative;min-height:min(760px,calc(100svh - 86px));overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 74% 58%,rgba(27,63,88,.28),transparent 49%),linear-gradient(113deg,rgba(12,18,31,.6),transparent 70%)}.hero-inner{position:relative;z-index:2;min-height:inherit;display:flex;align-items:center}.hero-copy{width:min(760px,64%);padding:90px 0 105px}.hero-pre{display:flex;align-items:center;gap:10px;font:700 10px var(--mono);letter-spacing:.25em;color:var(--accent)}.hero-pre .square{width:7px;height:7px;border:1px solid var(--accent);transform:rotate(45deg)}.hero-title{margin:27px 0 24px;font:800 clamp(72px,7.8vw,130px)/.79 var(--display);letter-spacing:-.008em;text-transform:uppercase}.hero-title .outline{color:transparent;-webkit-text-stroke:1px rgba(229,240,247,.82)}.hero-title .last-line{white-space:nowrap}.hero-title em{font-style:normal;color:var(--hot)}.hero-copy>p{max-width:480px;color:#b4c1cf;font-size:15px;line-height:1.9}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:27px;margin-top:38px}.primary-btn{display:inline-flex;align-items:center;gap:20px;padding:16px 23px;background:#e4edf0;color:#080e17;border:1px solid #e4edf0;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:all .22s}.primary-btn:hover{background:var(--hot);border-color:var(--hot);transform:translateY(-2px)}.secondary-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 0;color:var(--text);font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.secondary-btn:hover{color:var(--hot)}.secondary-btn span{font-size:17px;color:var(--hot)}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;pointer-events:none}.hero-bottom span{font:700 9px var(--mono);letter-spacing:.16em;color:#79909e}.planet-wrap{position:absolute;right:max(-15vw,-210px);top:50%;transform:translateY(-50%);width:min(79vw,990px);aspect-ratio:1/1;pointer-events:none;opacity:.94}.planet{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 28% 25%,rgba(213,238,227,.12),transparent 28%),radial-gradient(circle at 44% 48%,rgba(117,175,193,.09),transparent 40%),radial-gradient(circle at 73% 45%,rgba(15,24,37,.9),rgba(2,5,12,.99) 56%),conic-gradient(from 20deg,#171f33,#507484,#182a38,#8a9992,#14202d,#171f33);box-shadow:inset -65px 0 125px 27px rgba(0,0,0,.95),inset 31px 0 55px -40px rgba(202,239,240,.54),-32px 0 83px -55px #79a9c4,0 0 145px rgba(81,121,149,.1)}.planet:before{content:'';position:absolute;inset:-5%;border-radius:50%;border-left:1px solid rgba(180,222,231,.37);border-top:1px solid rgba(182,220,237,.13);transform:rotate(-26deg)}.orbit{position:absolute;inset:4%;border-radius:50%;border:1px solid rgba(161,207,214,.12);transform:rotate(-34deg) scaleY(.53)}.orbit:after{content:'';position:absolute;top:23%;right:3%;width:8px;height:8px;border:1px solid var(--hot);background:#17202a;transform:rotate(45deg)}.orbit-two{inset:-7%;transform:rotate(34deg) scaleY(.71);border-color:rgba(154,182,202,.09)}.planet-label{position:absolute;left:15%;top:9%;font:700 10px var(--mono);color:var(--faint);letter-spacing:.14em}.side-coordinates{position:absolute;right:31px;top:50%;writing-mode:vertical-rl;font:700 9px var(--mono);letter-spacing:.35em;color:#587080}.signal-pulse{animation:pulse 3s infinite}@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}
.stats-band{border-bottom:1px solid var(--line);background:rgba(9,14,22,.63)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:28px 25px 28px 0;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:14px}.stat:not(:first-child){padding-left:38px}.stat:last-child{border-right:0}.stat strong{font:700 37px var(--display);color:#dae8ed;line-height:1}.stat span{font:700 9px var(--mono);letter-spacing:.13em;color:var(--muted)}
.section{padding:95px 0}.section-tight{padding:75px 0}.section-bottom{padding-bottom:100px}.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.album-card{position:relative;min-width:0;transition:transform .24s}.album-card:hover{transform:translateY(-6px)}.cover{aspect-ratio:1;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--color) 42%,#0b111b),#050810 77%);border:1px solid rgba(227,237,238,.09)}.cover:before{content:'';position:absolute;inset:8%;border:1px solid rgba(237,248,255,.17);transform:rotate(24deg);z-index:1;pointer-events:none}.cover img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;transition:transform .5s}.album-card:hover .cover img{transform:scale(1.065)}.cover img:not([src]){display:none}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(18px,2vw,36px) var(--display);letter-spacing:.1em;opacity:.5;text-align:center;padding:10px}.album-num{position:absolute;z-index:3;top:11px;left:11px;padding:4px 7px;background:rgba(7,10,17,.85);font:700 10px var(--mono);color:#d2dee3}.album-meta{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding-top:16px}.album-meta strong{font:700 clamp(18px,2.1vw,25px) var(--display);letter-spacing:.055em}.album-meta span{font:700 10px var(--mono);color:var(--muted)}.album-caption{margin-top:5px;color:var(--muted);font-size:12px}.feature-row{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.feature-card{position:relative;min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:35px;background:radial-gradient(circle at 82% 14%,rgba(149,188,199,.13),transparent 60%),#101a27;border:1px solid var(--line)}.feature-card:before{content:'';position:absolute;right:-40px;top:-50px;width:290px;height:290px;border:1px solid rgba(211,240,245,.1);border-radius:50%;box-shadow:0 0 0 40px rgba(123,183,207,.02),0 0 0 100px rgba(123,183,207,.018)}.feature-card.ember{background:radial-gradient(ellipse at 87% 14%,rgba(174,105,77,.18),transparent 64%),#191923}.feature-card .feature-no{position:absolute;top:28px;left:32px;font:700 10px var(--mono);color:var(--muted)}.feature-card h3{position:relative;font:700 48px/.95 var(--display);margin:15px 0 15px}.feature-card p{position:relative;max-width:380px;color:#b1bdca;font-size:13px;line-height:1.8}.feature-card .anchor-arrow{position:relative;margin-top:20px}.feature-card .feature-icon{position:absolute;right:20px;top:8px;color:rgba(194,221,229,.08);font:800 165px var(--display);line-height:1}.transmission-box{padding:27px 32px;background:linear-gradient(110deg,rgba(39,67,79,.24),rgba(15,23,34,.1));border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.transmission-box strong{font:700 29px var(--display)}.transmission-box p{margin:5px 0 0;font-size:12px;color:var(--muted)}
.filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}.chip{background:rgba(22,31,43,.45);color:#a7b6c5;border:1px solid var(--line);font:700 10px var(--mono);letter-spacing:.08em;padding:12px 18px;text-transform:uppercase}.chip:hover,.chip.active{border-color:rgba(206,237,234,.65);color:#e8f3f3;background:rgba(115,157,174,.15)}.album-wide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.album-wide-grid .album-meta strong{font-size:30px}.album-wide-grid .album-caption{font-size:13px}.singles-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.single-item{display:flex;align-items:center;gap:17px;padding:19px 20px;border:1px solid var(--line);background:rgba(16,24,35,.68);transition:background .2s}.single-item:hover{background:#1a2632}.single-glyph{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(190,218,223,.4);color:var(--accent);font-size:18px;flex:none}.single-item h3{font:700 18px var(--display);margin:0}.single-item p{margin:3px 0 0;color:var(--faint);font:10px var(--mono)}.single-item .jump{margin-left:auto;color:var(--hot)}
.album-detail{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(35px,6vw,95px);padding:70px 0 85px}.album-detail .large-cover{box-shadow:18px 21px 60px rgba(0,0,0,.26)}.large-cover .cover{max-width:500px}.detail-big-title{font:800 clamp(65px,9vw,145px)/.86 var(--display);margin:14px 0 22px;overflow-wrap:anywhere}.detail-sub{font:600 21px var(--display);color:var(--accent);letter-spacing:.04em;margin:0 0 22px}.detail-desc{font-size:14px;line-height:1.85;color:var(--muted);max-width:650px}.detail-facts{display:flex;flex-wrap:wrap;gap:13px;margin:24px 0 29px}.detail-facts span{border:1px solid var(--line);padding:9px 13px;color:#c5d2de;font:700 10px var(--mono);letter-spacing:.08em}.track-section{padding:0 0 90px}.track-section h2{font:700 42px var(--display)}.track-table{border-top:1px solid var(--linehi)}.track-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;min-height:58px;gap:10px;border-bottom:1px solid var(--line);transition:background .2s}.track-row:hover{background:rgba(145,184,193,.065)}.track-index{font:700 10px var(--mono);color:var(--faint);padding-left:15px}.track-name{font:600 15px var(--body);text-transform:none}.track-arrow{font:18px var(--mono);color:var(--hot);padding:0 17px}.track-meta{font:700 9px var(--mono);color:var(--faint)}.track-detail{padding:80px 0 100px}.track-detail h1{font:800 clamp(68px,10vw,145px)/.87 var(--display);max-width:1100px;overflow-wrap:anywhere}.track-detail .track-desc{font-size:17px;color:var(--muted);max-width:680px;line-height:1.8}.track-detail .primary-btn{margin-top:25px}
.lore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lore-card{display:flex;flex-direction:column;min-height:295px;padding:29px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(42,64,83,.35),rgba(11,16,25,.92));transition:transform .2s,border-color .2s}.lore-card:hover{transform:translateY(-4px);border-color:rgba(178,215,221,.47)}.lore-card .lc-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--accent);font:700 9px var(--mono);letter-spacing:.13em}.lore-card .lc-top span:last-child{color:var(--faint)}.lore-card h3{font:700 34px/.98 var(--display);margin:37px 0 12px}.lore-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 20px}.lore-card .lc-bottom{margin-top:auto;color:var(--hot);font:700 10px var(--mono)}.article-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.65fr);gap:clamp(32px,7vw,120px);padding:60px 0 110px}.article h1{font:800 clamp(62px,6vw,87px)/.88 var(--display);margin:24px 0 30px;max-width:780px}.article .article-intro{font:500 clamp(17px,2vw,21px)/1.6 var(--body);color:#cbd9e1;margin-bottom:35px}.article p{font-size:15px;line-height:1.95;color:#aebdca;margin-bottom:23px}.article-aside{border-top:1px solid var(--linehi);padding-top:18px}.aside-label{font:700 9px var(--mono);letter-spacing:.17em;color:var(--accent)}.aside-data{font-size:13px;color:var(--muted);margin:10px 0 25px}.related-link{display:block;border-bottom:1px solid var(--line);padding:13px 0;font:700 15px var(--display);letter-spacing:.04em}.related-link:hover{color:var(--hot)}.note-box{padding:19px;background:rgba(156,200,203,.06);border-left:2px solid var(--accent);color:var(--muted);font-size:12px;line-height:1.8;margin-top:35px}.timeline-list{border-left:1px solid rgba(195,225,226,.25);margin:25px 0 0 13px}.timeline-item{position:relative;padding:0 0 35px 32px}.timeline-item:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;background:var(--hot);border-radius:50%}.timeline-item b{font:700 13px var(--mono);color:var(--hot)}.timeline-item h3{font:700 22px var(--display);margin:7px 0}.timeline-item p{font-size:12px;color:var(--muted);margin:0}
.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.member-card{padding:24px 24px 25px;border:1px solid var(--line);background:rgba(19,29,42,.7);min-height:268px;position:relative;overflow:hidden}.member-mark{width:55px;height:55px;border:1px solid rgba(173,207,213,.45);display:grid;place-items:center;font:700 22px var(--display);color:var(--accent);margin-bottom:26px;background:rgba(122,170,184,.07)}.member-card h3{font:700 26px var(--display);margin:0 0 5px}.member-role{font:700 9px var(--mono);color:var(--hot);letter-spacing:.12em;text-transform:uppercase}.member-card p{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.members-note{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:12px;margin-top:28px}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-card{position:relative;padding:30px;border:1px solid var(--line);background:linear-gradient(135deg,#141d2b,#0e1521);min-height:230px;display:flex;flex-direction:column;align-items:start}.media-card:hover{border-color:rgba(205,237,232,.44)}.media-card h3{font:700 33px var(--display);margin:19px 0 8px}.media-card p{color:var(--muted);font-size:12px;max-width:390px}.media-card .anchor-arrow{margin-top:auto}.media-card .tag{font:700 9px var(--mono);color:var(--accent);letter-spacing:.13em}.media-card.highlight{background:radial-gradient(circle at 96% -10%,rgba(202,112,80,.2),transparent 56%),#1b1b25}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.playlist-card{padding:24px;border:1px solid var(--line);background:rgba(18,27,40,.68);display:flex;align-items:center;gap:15px}.playlist-glyph{display:grid;place-items:center;flex:none;width:49px;height:49px;border:1px solid var(--linehi);font:700 18px var(--display);color:var(--accent)}.playlist-card strong{display:block;font:700 22px var(--display)}.playlist-card .small-note{font:9px var(--mono);color:var(--faint)}.playlist-card .playlist-action{margin-left:auto;color:var(--hot);font-size:20px}.playlist-card.disabled{opacity:.63}.playlist-card.disabled .playlist-action{color:var(--faint)}
.sources-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.source-item{padding:21px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;background:rgba(18,28,40,.6);border:1px solid var(--line);font:700 12px var(--mono)}.source-item:hover{border-color:var(--linehi)}.source-item span:last-child{color:var(--hot)}
.footer{position:relative;z-index:2;margin-top:20px;padding:0 clamp(24px,5.2vw,94px);background:#0a0f18;border-top:1px solid var(--line)}.footer-top{padding:45px 0;display:flex;align-items:end;justify-content:space-between}.footer-top strong{display:block;font:800 clamp(43px,6vw,78px) var(--display);letter-spacing:.05em;margin-top:8px}.scroll-top{font:700 10px var(--mono);color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font:700 9px var(--mono);letter-spacing:.08em;color:var(--faint)}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--text)}.dot-sep{margin:0 7px;color:var(--hot)}
.search-overlay{position:fixed;z-index:200;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:clamp(65px,13vh,140px) 20px 20px}.search-shade{position:absolute;inset:0;background:rgba(0,3,9,.8);backdrop-filter:blur(10px)}.search-dialog{position:relative;z-index:1;width:min(720px,100%);border:1px solid var(--linehi);background:#101722;box-shadow:0 35px 90px #000b}.search-head,.search-input-row,.search-hint{display:flex;align-items:center;justify-content:space-between;padding:15px 24px}.search-head{border-bottom:1px solid var(--line)}.search-close{background:none;border:0;color:var(--muted);font:700 10px var(--mono)}.search-close span{font-size:21px;margin-left:8px}.search-input-row{gap:16px;border-bottom:1px solid var(--line);padding:8px 23px}.search-glyph{font-size:31px;color:var(--accent)}.search-input-row input{background:none;border:0;outline:none!important;color:var(--text);font-size:17px;flex:1;min-width:0;padding:15px 0}.search-input-row input::placeholder{color:#6e8292}.search-results{max-height:390px;overflow:auto;padding:7px}.result-item{width:100%;text-align:left;display:flex;align-items:center;gap:15px;padding:12px 17px;background:none;border:1px solid transparent;color:var(--text)}.result-item:hover,.result-item.active{background:#1b2937;border-color:rgba(193,219,224,.15)}.result-marker{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid rgba(194,214,217,.22);color:var(--accent);font:700 12px var(--mono)}.result-item strong{display:block;font:700 17px var(--display)}.result-item small{display:block;color:var(--faint);font:9px var(--mono);margin-top:4px}.search-hint{justify-content:center;gap:12px;padding:13px;color:var(--faint);font-size:9px;border-top:1px solid var(--line)}.search-empty{padding:36px;text-align:center;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:24px;right:24px;z-index:350;padding:14px 19px;background:#dce9eb;color:#0d1720;font:700 11px var(--mono);box-shadow:0 5px 32px #0005;max-width:min(360px,calc(100vw - 48px));opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.border-top{border-top:1px solid var(--line)}.mt-medium{margin-top:45px}.mt-large{margin-top:90px}.space-between{display:flex;align-items:center;justify-content:space-between;gap:20px}.empty-p{font-size:12px;color:var(--faint);line-height:1.8}
@media(max-width:1200px){.topbar{gap:18px}.desktop-nav{gap:16px;margin-left:6px}.desktop-nav a{font-size:9px}.online-pill{font-size:8px;padding:9px 10px}.header-actions{gap:11px}.container{width:calc(100% - 90px)}}
@media(max-width:970px){.desktop-nav,.online-pill{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.mobile-menu-toggle span{display:block;width:21px;height:1px;background:var(--text)}.mobile-nav{display:flex;flex-direction:column;position:fixed;top:86px;left:0;right:0;z-index:90;padding:15px 34px 30px;background:#0f1721;border-bottom:1px solid var(--linehi);box-shadow:0 30px 60px #0007}.mobile-nav a{padding:14px 0;text-transform:uppercase;font:700 16px var(--display);border-bottom:1px solid var(--line)}.container{width:calc(100% - 72px)}.hero-copy{width:72%}.hero-title{font-size:clamp(72px,9.5vw,105px)}.planet-wrap{right:-48vw;width:118vw;opacity:.8}.album-grid{grid-template-columns:repeat(3,1fr)}.lore-grid{grid-template-columns:repeat(2,1fr)}.member-grid{grid-template-columns:repeat(3,1fr)}.stat:not(:first-child){padding-left:22px}.stat{gap:10px}.stat strong{font-size:32px}.stat span{font-size:8px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.topbar{height:72px;padding:0 22px}.site-logo,.site-logo img{width:89px}.mobile-nav{top:72px}.container{width:calc(100% - 44px)}.hero{min-height:710px;max-height:none}.hero-inner{align-items:flex-end}.hero-copy{width:100%;padding:190px 0 116px}.hero-pre{font-size:9px;letter-spacing:.14em}.hero-title{font-size:clamp(54px,14.5vw,80px);margin-top:22px}.hero-copy>p{font-size:13px;max-width:370px}.planet-wrap{width:130vw;right:-50vw;top:36%;opacity:.75}.side-coordinates{display:none}.hero-bottom{bottom:18px}.hero-bottom span:last-child{display:none}.hero-cta{gap:13px}.primary-btn{padding:14px 16px}.secondary-btn{font-size:9px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{padding:22px 12px 22px 0}.stat:nth-child(2){border-right:0;padding-left:18px}.stat:nth-child(3){border-top:1px solid var(--line)}.stat:nth-child(4){border-top:1px solid var(--line);padding-left:18px}.section{padding:65px 0}.section-tight{padding:58px 0}.sec-header{display:block}.sec-header h2{font-size:53px}.sec-aside{margin-top:12px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.album-meta strong{font-size:23px!important}.album-meta span{font-size:9px}.album-caption{font-size:11px}.feature-row,.singles-list,.media-grid,.sources-list{grid-template-columns:1fr}.feature-card{min-height:298px;padding:26px}.feature-card h3{font-size:44px}.transmission-box{flex-direction:column;align-items:flex-start}.page-intro{padding:42px 0 28px}.page-title{font-size:clamp(62px,17vw,100px)}.page-lead{font-size:14px}.album-wide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.album-detail{grid-template-columns:1fr;padding:40px 0 45px;gap:25px}.large-cover .cover{max-width:350px}.detail-big-title{font-size:clamp(65px,16vw,110px);margin-bottom:15px}.detail-sub{font-size:17px}.track-row{grid-template-columns:42px 1fr 27px}.track-index{padding-left:5px}.track-name{font-size:13px}.track-arrow{padding-right:7px}.lore-grid,.member-grid,.playlist-grid{grid-template-columns:1fr}.lore-card{min-height:242px}.lore-card h3{margin-top:22px}.member-card{min-height:240px}.article-layout{grid-template-columns:1fr;padding:40px 0 85px;gap:22px}.article h1{font-size:clamp(52px,11vw,78px)}.article-aside{padding:22px;background:rgba(20,28,40,.6)}.footer{padding:0 23px}.footer-top{padding:33px 0;display:block}.footer-top strong{font-size:54px}.scroll-top{display:inline-block;margin-top:22px}.footer-bottom{display:block;font-size:8px}.footer-bottom>div{margin-top:16px;gap:18px;flex-wrap:wrap}.breadcrumb{padding-top:30px}.search-dialog{margin-top:0}.search-overlay{padding:70px 13px 20px}.search-input-row input{font-size:13px}.search-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* V2 - expansão sem mudar identidade visual da primeira transmissão */
.nav-support{font:700 10px var(--mono);letter-spacing:.08em;color:#cfad90;border:1px solid rgba(215,167,115,.45);padding:11px 14px;white-space:nowrap;transition:background .2s,border-color .2s}.nav-support:hover{background:rgba(212,156,107,.13);border-color:#e5b78c}.floating-support{position:fixed;right:23px;bottom:22px;z-index:90;display:flex;gap:10px;align-items:center;padding:13px 17px;background:#111924;color:#e8c8a8;border:1px solid rgba(228,180,126,.5);box-shadow:0 12px 40px rgba(0,0,0,.48);font:700 10px var(--mono);letter-spacing:.15em;transition:transform .2s,background .2s}.floating-support:hover{transform:translateY(-3px);background:#273343}.footer{padding-bottom:65px}.support-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:42px 0}.support-footer strong{display:block;font:800 clamp(29px,3vw,45px) var(--display);letter-spacing:.02em}.support-footer p{color:var(--muted);margin-top:8px}.evidence-tag{display:inline-flex;align-items:center;border:1px solid rgba(128,174,200,.32);background:rgba(27,50,69,.3);font:700 9px var(--mono);letter-spacing:.1em;color:#b5cedb;padding:7px 9px;text-transform:uppercase}.lore-card .lc-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.lore-card .lc-bottom .evidence-tag{font-size:8px;letter-spacing:0;padding:5px 6px}.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member-card{padding:0;display:flex;flex-direction:column;min-height:0;text-decoration:none}.member-photo{aspect-ratio:4 / 4.6;background:radial-gradient(ellipse at 50% 35%,#273e57,#111824 65%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.member-photo:before{content:'◈';position:absolute;font:700 86px var(--display);color:rgba(189,214,225,.12)}.member-photo img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;filter:saturate(.72) contrast(1.08);transition:filter .3s,transform .5s}.member-card:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}.member-img-fallback{position:absolute;bottom:20px;z-index:0;font:700 9px var(--mono);letter-spacing:.15em;color:var(--muted)}.member-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.member-card .member-card-copy h3{margin:12px 0 8px}.member-card .member-card-copy p{margin:15px 0 20px;flex:1}.member-card .member-card-copy .anchor-arrow{margin-top:auto}.member-detail{padding:68px 0 95px;display:grid;grid-template-columns:minmax(240px,.77fr) minmax(0,1.23fr);gap:clamp(30px,6vw,95px);align-items:start}.member-photo-large{aspect-ratio:4/5;max-width:500px}.member-detail .detail-big-title{overflow-wrap:anywhere;font-size:clamp(55px,7vw,105px)}.member-detail .secondary-btn{margin-top:25px}.small-note{display:block;font:400 11px/1.65 var(--mono);color:#9caebe;letter-spacing:.01em}.member-detail .small-note{padding-top:9px}.track-hero-grid{display:grid;grid-template-columns:180px 1fr;gap:30px;margin-top:32px;align-items:start}.track-visual .album-num{display:none}.track-desc{max-width:740px}.mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.mini-tags span:not(.evidence-tag){padding:7px 9px;color:#9db4c8;border:1px solid var(--line);font:600 10px var(--mono)}.track-action-stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:25px 0}.track-action-stack .chip{min-height:43px}.video-embed{display:block;width:min(100%,970px);aspect-ratio:16/9;margin-top:22px;border:1px solid var(--line);background:#050609}.timeline-switch{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 30px}.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.timeline-card{display:grid;grid-template-columns:128px 18px 1fr;gap:24px;padding:29px;border:1px solid var(--line);background:rgba(18,28,40,.6);align-items:start}.timeline-year{font:700 11px var(--mono);letter-spacing:.06em;color:#b1d3df}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#9abacc;box-shadow:0 0 0 5px rgba(141,196,217,.08);margin-top:3px}.timeline-card h3{font:700 24px var(--display);margin:0 0 10px;text-transform:uppercase}.timeline-card p{font-size:13px;color:var(--muted);line-height:1.8}.timeline-card .anchor-arrow{display:inline-block;margin-top:16px}.support-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.support-editorial,.support-donate{padding:clamp(25px,4vw,52px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(26,42,56,.7),rgba(10,15,25,.8))}.support-editorial h2{font:800 clamp(39px,5vw,72px)/.98 var(--display);margin:29px 0}.support-editorial>p{font-size:15px;color:#bfccd7;line-height:1.9;max-width:650px}.support-benefits{margin-top:40px;display:grid;gap:15px}.support-benefits>div{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:15px;align-items:start;color:#d7b08b;font:700 12px var(--mono)}.support-benefits strong{min-width:100px}.support-benefits span{font:400 13px var(--body);color:#9eb0bd}.support-donate h3{font:800 clamp(33px,3.6vw,50px) var(--display);margin:20px 0 30px}.pix-copy{display:flex;border:1px solid #597083;gap:12px;align-items:center;justify-content:space-between;background:#111d29;padding:14px;word-break:break-all}.pix-copy code{font:500 12px/1.5 var(--mono)}.support-donate .primary-btn{display:inline-flex;margin-top:25px}.support-note{border-top:1px solid var(--line);padding-top:23px;margin-top:35px;color:#aebcc8;font-size:13px;line-height:1.85}.support-note strong{display:block;font:700 10px var(--mono);letter-spacing:.13em;color:#e3b28a}.support-note p{margin-top:9px}.admin-wrap{max-width:1180px}.admin-wrap label{display:grid;gap:11px;color:#c6d8e2;font:700 12px var(--mono);letter-spacing:.03em}.admin-wrap input,.admin-wrap textarea,.admin-wrap select{width:100%;min-width:0;background:#0b1420;color:#e5eff8;border:1px solid #385064;border-radius:0;padding:15px;font:400 14px var(--body);outline:none}.admin-wrap textarea{font-family:var(--mono);font-size:12px;line-height:1.7;resize:vertical}.admin-wrap input:focus,.admin-wrap textarea:focus,.admin-wrap select:focus{border-color:#a6c8df}.admin-login{max-width:560px;margin:20px auto 60px;border:1px solid var(--line);background:#141e2a;padding:36px;display:grid;gap:20px}.admin-login button{justify-self:start}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:22px}.admin-grid>div{padding:25px;background:rgba(14,23,36,.9);border:1px solid var(--line)}.admin-side{display:grid;align-content:start;gap:23px}.admin-side p{font-size:13px;color:var(--muted);line-height:1.8}.admin-form{display:grid;align-content:start;gap:18px}.admin-form .hero-cta{flex-wrap:wrap}.sources-list{align-items:start}
@media(max-width:1150px){.topbar{gap:12px}.desktop-nav{gap:11px}.nav-support{padding:9px}.member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:970px){.nav-support{margin-left:auto}.support-layout{grid-template-columns:1fr}.timeline-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.support-footer{flex-wrap:wrap}}
@media(max-width:650px){.floating-support{right:13px;bottom:12px;padding:11px 14px;font-size:9px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-card-copy{padding:17px}.member-card .member-card-copy h3{font-size:22px}.member-card .member-card-copy p{font-size:12px}.member-detail{grid-template-columns:1fr;padding-top:28px}.member-photo-large{max-width:500px}.track-hero-grid{grid-template-columns:1fr}.track-visual{max-width:210px}.timeline-card{grid-template-columns:80px 10px 1fr;gap:12px;padding:18px}.timeline-year{font-size:9px}.timeline-card h3{font-size:19px}.support-editorial,.support-donate{padding:22px}.support-benefits>div{flex-wrap:wrap}.support-benefits span{width:100%}.pix-copy{flex-wrap:wrap}.admin-login{padding:18px}.nav-support{font-size:9px}.topbar{gap:8px}.support-footer .primary-btn{width:100%;justify-content:center}}
/* V3 — fundo cósmico, botões orbitais, Spotify, escrita e cronologia viva */
:root{--space:#04070e;--dust:rgba(128,162,217,.06)}
html{background:var(--space)}
body{background:radial-gradient(ellipse at 76% 8%,rgba(28,46,83,.27),transparent 34%),radial-gradient(ellipse at 14% 61%,rgba(21,33,70,.22),transparent 31%),linear-gradient(160deg,#050913 0%,#06090f 46%,#03050b 100%)!important;background-attachment:fixed!important}
.cosmos{position:fixed!important;inset:0;pointer-events:none;opacity:.96!important;z-index:0}
#app,.site-shell,.layout{position:relative;z-index:1}
.hero{background:radial-gradient(ellipse at 74% 42%,rgba(22,59,97,.22),transparent 50%),linear-gradient(120deg,rgba(5,9,18,.91),rgba(6,11,20,.55))!important}
.hero-quote-source{display:flex;align-items:center;gap:10px;margin:15px 0 17px;color:#aab9c7;font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;max-width:550px;line-height:1.7}
.hero-quote-source .small-signal{display:inline-block;width:7px;height:7px;background:#8fbedb;box-shadow:0 0 17px rgba(126,191,228,.6);border-radius:50%;flex-shrink:0}
.hero-title{max-width:900px;word-break:normal}
.hero-title span{display:inline-block}
.spotify-box{border:1px solid rgba(145,185,211,.23);background:linear-gradient(135deg,rgba(17,29,46,.84),rgba(7,11,20,.87));padding:clamp(22px,3vw,40px);margin-bottom:40px;box-shadow:0 35px 95px rgba(0,0,0,.15)}
.spotify-box h2,.lyric-panel h2,.character-dossier h2{font:800 clamp(32px,4vw,52px)/1.03 var(--display);margin:15px 0 21px;text-transform:uppercase}
.spotify-box>p,.lyric-panel p{color:#aebac7;line-height:1.85;max-width:780px;font-size:14px}
.spotify-iframe{display:block;width:100%;height:355px;border:0;border-radius:12px;margin-top:19px;background:#0a1016}
.spotify-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}
.spotify-mini{background:rgba(1,5,13,.64);padding:13px;border:1px solid rgba(120,161,183,.23)}
.spotify-mini strong{display:block;font:700 17px var(--display);letter-spacing:.1em;margin:0 0 12px;color:#dce5ef}
.spotify-mini iframe{width:100%;height:352px;border:0;border-radius:10px;background:#0a111a}
.lyric-panel{border-top:1px solid #293a4a;border-bottom:1px solid #293a4a;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;padding:33px 0}
.lyric-panel-side{align-self:center;border-left:1px solid #34485a;padding-left:25px;display:flex;flex-direction:column;gap:14px}
.lyric-panel-side span{font:700 12px var(--mono);color:#87b4cb;letter-spacing:.14em}
.lyric-panel-side strong{font:700 19px/1.3 var(--display);color:#b9c7d3}
.character-dossier{padding:28px;background:radial-gradient(ellipse at 100% 0%,rgba(24,62,94,.3),transparent 55%),rgba(14,23,37,.75);border:1px solid rgba(123,168,194,.27)}
.character-dossier p{margin:19px 0!important;border-left:1px solid rgba(120,180,203,.36);padding-left:18px!important;color:#bdcad8}
.timeline-page{position:relative}
.timeline-rail{--timeline-progress:0%;position:relative;display:grid;grid-template-columns:1fr;gap:0;max-width:1030px;margin:0 auto 65px;padding:18px 0 70px}
.timeline-thread{position:absolute;top:30px;bottom:35px;left:clamp(93px,15vw,180px);width:2px;background:linear-gradient(180deg,rgba(99,137,166,.19),rgba(99,137,166,.35),rgba(99,137,166,.14));overflow:visible;pointer-events:none}
.timeline-progress{position:absolute;inset:0 auto auto 0;height:var(--timeline-progress);width:2px;box-shadow:0 0 15px #82b8e9,0 0 34px rgba(98,181,225,.46);background:linear-gradient(#9dc8e7,#61a3cf);transition:height .15s linear}
.timeline-card{display:grid;grid-template-columns:clamp(74px,12vw,145px) 40px minmax(0,1fr);gap:clamp(15px,3vw,35px);border:0!important;border-bottom:1px solid rgba(112,149,180,.16)!important;background:transparent!important;min-height:225px;align-items:start;padding:32px 15px 43px 0!important;margin:0;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;position:relative}
.timeline-card.revealed{opacity:1;transform:translateY(0)}
.timeline-year{font:700 12px/1.6 var(--mono);color:#a7ccdc;letter-spacing:.1em;text-align:right;word-break:normal;padding-top:9px}
.timeline-dot{border-radius:50%;margin:5px auto 0;width:16px;height:16px;background:#0c1c2c;border:2px solid #81c0e0;position:relative;box-shadow:0 0 0 9px rgba(99,174,215,.07),0 0 18px rgba(78,171,224,.21);z-index:2}
.timeline-dot i{position:absolute;inset:3px;border-radius:50%;background:#def5ff;opacity:.38}
.timeline-card.revealed .timeline-dot{animation:node-wake 1.4s ease both}
.timeline-event{padding:7px 0 7px 8px;background:radial-gradient(circle at 18% 40%,rgba(31,51,77,.22),transparent 68%)}
.timeline-event .kicker{color:#81a8c7;margin:0 0 11px}
.timeline-event h3{font:800 clamp(27px,3.3vw,43px)/1.05 var(--display);letter-spacing:.02em;color:#ecf3f8;margin:0 0 16px}
.timeline-event p{font:400 14px/1.85 var(--body);color:#aebfcf;max-width:720px}
.timeline-event .anchor-arrow{display:inline-flex;margin-top:19px}
@keyframes node-wake{0%{filter:brightness(.75);transform:scale(.65)}45%{filter:brightness(1.8);transform:scale(1.25)}100%{filter:brightness(1);transform:scale(1)}}
/* Representação de átomo: três órbitas inclinadas com elétrons/núcleo */
.floating-support{bottom:29px;right:30px;padding:15px 22px!important;border-color:rgba(194,224,255,.52)!important;background:linear-gradient(140deg,rgba(15,31,48,.96),rgba(16,22,39,.98))!important;box-shadow:0 0 25px rgba(82,156,226,.23),0 14px 36px rgba(0,0,0,.51)!important;overflow:visible;isolation:isolate;min-height:49px}
.floating-support .atom-label{position:relative;z-index:3;color:#f3dbbb;white-space:nowrap}
.floating-support .atom-orbits{width:52px;height:52px;position:absolute;top:50%;left:-31px;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 0 4px rgba(101,205,255,.26))}
.atom-orbits i{width:51px;height:20px;position:absolute;top:16px;left:1px;border:1.2px solid rgba(132,213,255,.82);border-radius:50%;animation:atom-orbit 6.2s linear infinite}
.atom-orbits i:nth-child(2){transform:rotate(60deg);animation-delay:-2s}
.atom-orbits i:nth-child(3){transform:rotate(120deg);animation-delay:-4s}
.atom-orbits b{position:absolute;left:22px;top:23px;background:#effaff;width:8px;height:8px;border-radius:50%;box-shadow:0 0 9px 3px rgba(122,203,255,.55)}
@keyframes atom-orbit{from{rotate:0deg}to{rotate:360deg}}
.floating-support:hover{background:linear-gradient(140deg,#203d5b,#18273e)!important;box-shadow:0 0 31px rgba(91,181,238,.44),0 14px 40px rgba(0,0,0,.46)!important}
.floating-support:hover .atom-orbits i{animation-duration:3.6s;border-color:#b8f0ff}
.nav-support{position:relative;animation:nav-glow 4.4s ease-in-out infinite}
@keyframes nav-glow{0%,100%{box-shadow:0 0 0 rgba(110,193,230,0)}50%{box-shadow:0 0 15px rgba(110,193,230,.15)}}
@media(max-width:860px){.spotify-mini-grid{grid-template-columns:1fr}.lyric-panel{grid-template-columns:1fr}.lyric-panel-side{border-left:0;border-top:1px solid #34485a;padding:16px 0 0}.timeline-card{grid-template-columns:80px 26px minmax(0,1fr);gap:10px;padding:25px 0 32px!important;min-height:180px}.timeline-thread{left:93px}.timeline-year{font-size:10px}.timeline-event h3{font-size:clamp(22px,5vw,36px)}.timeline-event p{font-size:12px}.hero-title{font-size:clamp(64px,13vw,145px)}}
@media(max-width:500px){.floating-support{right:13px;bottom:18px;padding:11px 14px 11px 23px!important}.floating-support .atom-orbits{transform:translateY(-50%) scale(.72);left:-28px}.timeline-rail{padding-bottom:35px}.timeline-year{font-size:9px}.timeline-card{grid-template-columns:70px 17px minmax(0,1fr);gap:9px}.timeline-thread{left:78px}.timeline-dot{width:11px;height:11px}.hero-quote-source{font-size:8px}.spotify-box{padding:18px}.spotify-mini{padding:8px}}
@media(prefers-reduced-motion:reduce){.timeline-card{opacity:1!important;transform:none!important}.atom-orbits i,.nav-support{animation:none!important}}

.hero-title{font-size:clamp(48px,var(--hero-title-size),118px)!important;line-height:.88!important}
@media(max-width:650px){.hero-title{font-size:clamp(43px,11vw,84px)!important;line-height:.9!important}.hero-title span{white-space:normal}.hero-copy{max-width:100%}}

/* V4: player Spotify persistente — fica fora de #content e nunca é remontado ao navegar */
.persistent-spotify{position:sticky;top:86px;z-index:9;background:rgba(8,15,26,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(144,191,217,.28);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.player-bar{min-height:67px;display:flex;align-items:center;gap:16px;padding:10px clamp(18px,5.2vw,94px)}
.player-symbol{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;border:1px solid rgba(131,204,245,.46);box-shadow:0 0 16px rgba(122,209,255,.12);color:#b8e9ff;font-size:21px;line-height:1}
.player-identity{display:grid;gap:1px;min-width:130px;margin-right:auto}
.player-identity>span{font:700 9px var(--mono);letter-spacing:.16em;color:#7a9eb6}
.player-identity strong{font:700 20px/1 var(--display);letter-spacing:.08em;color:#e9eff6}
.player-album-label{font:700 9px var(--mono);letter-spacing:.12em;color:#9fc2ce}
#player-album{min-width:145px;max-width:220px;padding:10px 12px;background:#101e2e;border:1px solid #496479;color:#e4eef6;font:700 10px var(--mono)}
.player-toggle{font:700 10px var(--mono);letter-spacing:.08em;color:#07121a;background:#d8e7ea;border:1px solid #d8e7ea;min-height:39px;padding:8px 14px;white-space:nowrap}
.player-toggle:hover{background:#c5e5ef}
.player-panel{height:0;overflow:hidden;opacity:0;pointer-events:none;transition:height .23s ease,opacity .23s ease;padding:0 clamp(18px,5.2vw,94px)}
.player-open .player-panel{height:227px;opacity:1;pointer-events:auto;padding-top:6px}
#player-iframe{width:100%;height:169px;border:0;border-radius:11px;background:#0c141e;display:block}
.player-panel p{margin:6px 0 0;color:#8da6b7;font:400 10px/1.5 var(--body)}
.spotify-pick-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}
.album-play-chip{padding:13px 18px!important}
/* V4: pequenos planetas percorrem TODO o perímetro do botão APOIE, não só a lateral */
.floating-support{overflow:visible!important;isolation:isolate;padding:15px 22px!important;min-width:110px}
.floating-support .orbit-dot{position:absolute;left:-7px;top:-7px;width:8px;height:8px;border-radius:50%;background:#e0faff;border:1px solid #87dafa;box-shadow:0 0 8px 3px rgba(118,205,255,.55),0 0 19px rgba(109,214,255,.32);animation:orbit-button 7.2s linear infinite;pointer-events:none;z-index:3}
.floating-support .orbit-dot.dot-two{animation-delay:-2.4s;width:6px;height:6px;box-shadow:0 0 8px rgba(235,200,155,.6);background:#ffdcb4;border-color:#ffc88e}
.floating-support .orbit-dot.dot-three{animation-delay:-4.8s;width:7px;height:7px;box-shadow:0 0 8px rgba(149,228,238,.7);background:#b4eefa}
@keyframes orbit-button{0%,100%{left:-7px;top:-7px}25%{left:calc(100% + 1px);top:-7px}50%{left:calc(100% + 1px);top:calc(100% + 1px)}75%{left:-7px;top:calc(100% + 1px)}}
.floating-support:hover .orbit-dot{animation-duration:4.7s}
/* V4: cartões de playlist com capas oficiais, texto de status correto */
.playlist-card{gap:17px;min-height:134px;position:relative}
.playlist-cover{height:72px;width:72px;object-fit:cover;flex:none;border:1px solid rgba(192,217,234,.32);background:#111d29}
.playlist-card.not-yet-linked{opacity:.87}
.playlist-card.not-yet-linked:hover{opacity:1}
/* V4: transcrição autorizada por faixa, somente inglês */
.lyric-original-text{color:#e9edf0;white-space:pre-wrap;font:400 clamp(14px,1.5vw,18px)/2 var(--body);padding:24px 0 4px;max-width:720px}
.lyric-pending strong{display:block;color:#d5eaf2;font:700 12px var(--mono);margin-bottom:15px}
.lyric-pending p{margin:0!important}
.lyric-original .lyric-panel-side strong{max-width:260px}
/* Editor direto de playlists no painel, sem JSON */
.admin-playlists-easy{border:1px solid #294253;padding:17px;display:grid;gap:13px}
.admin-playlists-easy p{font:400 12px/1.7 var(--body);color:#92aab7;margin:0}
.admin-playlists-easy label{font-size:10px;gap:6px}
.admin-playlists-easy input{font-size:11px;padding:9px}
.admin-playlists-easy button{justify-self:start}
@media(max-width:920px){.player-bar{gap:8px}.player-identity{min-width:95px}.player-identity strong{font-size:17px}.player-album-label{display:none}}
@media(max-width:650px){.persistent-spotify{top:72px}.player-bar{padding:7px 12px;min-height:60px;gap:7px}.player-symbol{height:29px;width:29px;font-size:18px}.player-identity>span{font-size:7px}.player-identity strong{font-size:14px}.player-identity{min-width:77px}#player-album{min-width:90px;max-width:115px;padding:7px 5px;font-size:9px}.player-toggle{font-size:8px;padding:7px;min-height:35px}.player-open .player-panel{height:227px}.player-panel{padding-left:12px!important;padding-right:12px!important}.playlist-cover{width:58px;height:58px}.playlist-card{min-height:100px;gap:12px}.floating-support{bottom:20px;right:18px;padding:12px 17px!important}}
@media(prefers-reduced-motion:reduce){.floating-support .orbit-dot{animation:none}.player-panel{transition:none}}

.admin-lyrics-easy{border:1px solid #294253;padding:17px;display:grid;gap:13px}.admin-lyrics-easy p{font:400 12px/1.7 var(--body);color:#92aab7;margin:0}.admin-lyrics-easy label{font-size:10px;gap:6px}.admin-lyrics-easy input,.admin-lyrics-easy select,.admin-lyrics-easy textarea{font-size:11px;padding:9px}.admin-lyrics-easy button{justify-self:start}.admin-wrap label.lyrics-check{display:flex;flex-direction:row;align-items:center;gap:9px;letter-spacing:0;font:400 11px var(--body)}.admin-wrap .lyrics-check input{width:auto;min-width:16px;height:16px;accent-color:#b8e0f0}

/* V5 — PLAYER OFICIAL VERTICAL. O Spotify permanece montado durante a navegação. */
@media(min-width:1251px){body.spotify-dock-open #app{padding-left:304px}}
#app{transition:padding-left .34s cubic-bezier(.22,1,.36,1)}
.persistent-spotify{position:fixed!important;top:13px!important;left:11px;right:auto;bottom:13px;z-index:105!important;width:281px;height:calc(100dvh - 26px);max-height:830px;min-height:0;display:block!important;background:linear-gradient(140deg,rgba(13,26,40,.985),rgba(5,11,19,.985))!important;border:1px solid rgba(140,199,228,.3);border-radius:12px;box-shadow:0 0 90px rgba(2,9,21,.7),0 7px 36px rgba(0,0,0,.5);overflow:visible!important;backdrop-filter:blur(25px);transform:translateX(calc(-100% + 45px));transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
.persistent-spotify.player-open{transform:translateX(0)}
.persistent-spotify .player-dock-body{height:100%;display:flex;flex-direction:column;gap:13px;padding:18px 17px 20px;box-sizing:border-box;overflow:auto;scrollbar-color:#44657b transparent;scrollbar-width:thin;transition:opacity .2s;opacity:0;pointer-events:none}
.persistent-spotify.player-open .player-dock-body{opacity:1;pointer-events:auto}
.player-dock-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.spotify-brand{font:700 11px/1 var(--mono);letter-spacing:.08em;color:#d7e9ef;display:flex;align-items:center;gap:9px}
.spotify-mark{font:900 27px/1 sans-serif;display:inline-grid;place-items:center;border-radius:50%;width:37px;height:37px;background:#1ed760;color:#08110b;transform:rotate(-9deg)}
.persistent-spotify .player-toggle{background:transparent;border:1px solid rgba(125,170,200,.22);color:#dbe9f1;border-radius:7px;padding:4px 11px;min-height:35px;font:700 22px/1 var(--body)}
.persistent-spotify .player-toggle:hover{background:#223746;color:white}
.player-tab{position:absolute;right:0;top:10px;height:143px;width:45px;border:0;background:linear-gradient(#11263b,#071725);color:#c3f2ff;display:flex;align-items:center;gap:9px;flex-direction:column;justify-content:flex-start;padding:13px 8px;border-radius:0 7px 7px 0;font:700 20px/1 var(--body);cursor:pointer}
.player-tab span{writing-mode:vertical-rl;letter-spacing:.15em;font:700 10px var(--mono)}
.persistent-spotify.player-open .player-tab{display:none}
.player-album-art{width:100%;aspect-ratio:1.9;border:1px solid rgba(150,203,225,.23);background:radial-gradient(circle at center,#1c4058,#071725);overflow:hidden;border-radius:5px;flex:none}
.player-album-art img{width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.94}
.persistent-spotify .player-identity{margin:0;min-width:0;display:flex;flex-direction:column;gap:3px;flex:none}
.persistent-spotify .player-identity>span{font-size:9px;letter-spacing:.12em;color:#9db6c7}
.persistent-spotify .player-identity strong{font:800 23px/1.1 var(--display);letter-spacing:.03em;color:#f1f5fa}
.persistent-spotify .player-album-label{display:block;font:700 9px var(--mono);letter-spacing:.13em;margin-bottom:-8px;color:#9fbdcf}
.persistent-spotify #player-album{width:100%;min-width:0;max-width:100%;min-height:39px;background:#102638;color:#e7f2f6;border:1px solid #4e6b7a;border-radius:4px;padding:8px;font:700 12px var(--mono);flex:none}
.persistent-spotify #player-iframe{width:100%;height:352px;min-height:290px;border-radius:11px;flex:1 0 290px;background:#0d1c2b}
.persistent-spotify .player-license{font:400 11px/1.5 var(--body);color:#879dad;margin:0}
@media(max-width:1250px){.persistent-spotify{width:275px}}
@media(max-width:800px){.persistent-spotify{top:69px!important;left:0;bottom:6px;height:calc(100dvh - 76px);max-height:none;border-radius:0 10px 10px 0;width:min(330px,calc(100vw - 40px));z-index:215!important}.persistent-spotify .player-dock-body{padding:16px}.persistent-spotify .player-album-art{aspect-ratio:2.4}body.spotify-dock-open #app{padding-left:0}.persistent-spotify.player-open{box-shadow:0 0 0 100vmax rgba(0,0,0,.36),0 10px 80px rgba(0,0,0,.8)}}
@media(prefers-reduced-motion:reduce){.persistent-spotify,#app{transition:none!important}}

/* V5 — HISTÓRIA REAL: EVENTOS, DATAS E FILTROS */
.timeline-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:25px 0 28px;padding:14px;border:1px solid rgba(132,191,228,.23);background:rgba(10,24,37,.43)}
.timeline-summary>div{display:flex;flex-direction:column;gap:6px;border-right:1px solid rgba(132,191,228,.15);padding:8px 11px}
.timeline-summary>div:last-child{border-right:0}
.timeline-summary span{color:#e9f4fb;font:800 clamp(21px,2.4vw,31px)/1 var(--display)}
.timeline-summary small{font:700 9px/1.5 var(--mono);color:#80a7be;letter-spacing:.03em}
.timeline-categories{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 14px}
.timeline-category{font:700 10px/1.2 var(--mono);letter-spacing:.07em;color:#9fb7cc;background:rgba(11,26,38,.75);border:1px solid rgba(122,166,193,.35);padding:11px 15px;cursor:pointer;transition:color .16s,border-color .16s,background .16s}
.timeline-category:hover,.timeline-category.active{color:#071722;background:#bbdbe9;border-color:#bbdbe9}
.timeline-count{font:700 10px/1.5 var(--mono);color:#92b5c6;letter-spacing:.1em;margin-bottom:19px}
.timeline-event .event-category{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;font:700 10px var(--mono);letter-spacing:.12em;color:#93c6dc;border:1px solid rgba(137,185,212,.27);padding:7px 10px;background:rgba(10,23,35,.52)}
.timeline-event .event-category span{font-size:15px;line-height:1}
.timeline-event .event-source{margin-top:14px;font-size:10px;color:#9ab8cd}
.timeline-year{overflow-wrap:normal;font-size:11px!important}
.timeline-card{min-height:172px!important;padding:29px 15px 29px 0!important}
.timeline-event h3{font-size:clamp(25px,2.7vw,37px)!important;margin-bottom:9px!important}
.timeline-event p{max-width:750px}
.timeline-rail{margin-bottom:30px}
.timeline-page .note-box a{color:#a8d0e3;text-decoration:underline;text-underline-offset:4px}
@media(max-width:880px){.timeline-summary{grid-template-columns:repeat(4,1fr)}.timeline-summary>div{border-right:0;border-bottom:1px solid rgba(132,191,228,.1)}}
@media(max-width:550px){.timeline-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:6px}.timeline-summary>div{padding:10px}.timeline-category{font-size:9px;padding:9px 10px}.timeline-card{min-height:155px!important}.timeline-year{font-size:9px!important}.timeline-event .event-category{font-size:9px}.timeline-event h3{font-size:clamp(20px,6vw,28px)!important}}

/* Placeholder editorial visível somente se a capa externa não carregar. */
.player-album-art{position:relative}
#player-cover-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;font:800 23px/1.15 var(--display);letter-spacing:.09em;color:#d3e2ef;text-shadow:0 3px 25px #06121c;background:radial-gradient(circle at 45% 29%,#2b5779 0%,#142b43 45%,#061324 90%)}
#player-cover{position:relative;z-index:1}
/* Impede rolagem horizontal causada por detalhes decorativos em telas estreitas. */
@media(max-width:800px){html,body{overflow-x:clip}#app{max-width:100%}}
@media(max-width:550px){.page-title{font-size:clamp(43px,12.4vw,60px)!important;overflow-wrap:anywhere}.album-meta{flex-wrap:wrap}.album-meta strong{font-size:clamp(19px,5vw,25px)!important;overflow-wrap:anywhere}}

/* =======================================================
   THE STARSET UNIVERSE / V6 — expansão inline + simbologia
   Ícones individualmente recortados da referência do criador.
   ======================================================= */
.ambient-page{position:relative;isolation:isolate;min-height:60vh}
.ambient-page-content{position:relative;z-index:2}
.ambient-glyph{position:absolute;z-index:0;display:block;pointer-events:none;user-select:none;max-width:none;width:clamp(130px,22vw,335px);height:auto;object-fit:contain;opacity:.09;filter:drop-shadow(0 0 30px rgba(141,190,220,.15));}
.ambient-glyph.symbol-1{top:clamp(100px,12vw,250px);right:4%;transform:rotate(-13deg)}
.ambient-glyph.symbol-2{top:680px;left:3%;width:clamp(145px,20vw,295px);transform:rotate(17deg);opacity:.06}
.ambient-glyph.symbol-3{top:1520px;right:8%;width:clamp(135px,15vw,245px);transform:rotate(-15deg);opacity:.065}
.ambient-inicio .ambient-glyph.symbol-1{top:185px;right:8%;opacity:.095}
.ambient-album .ambient-glyph.symbol-1,.ambient-faixa .ambient-glyph.symbol-1{top:160px;right:6%;width:clamp(175px,27vw,395px);opacity:.125}
.ambient-lore .ambient-glyph,.ambient-sobre .ambient-glyph{opacity:.07}
.ambient-linha-do-tempo .ambient-glyph.symbol-2{top:1380px;left:4%}
.ambient-traducoes .ambient-glyph.symbol-2{top:490px}
@media(max-width:850px){.ambient-glyph{width:145px;opacity:.05!important}.ambient-glyph.symbol-2{top:950px;left:-35px}.ambient-glyph.symbol-3{top:1860px;right:-35px}.ambient-album .ambient-glyph.symbol-1{top:160px;right:2%;width:185px}}

.track-accordion{display:block;border-top:1px solid rgba(139,184,217,.24)}
.track-accordion-item{border-bottom:1px solid rgba(139,184,217,.20);background:rgba(12,24,35,.25);transition:background .2s ease,border-color .2s ease}
.track-accordion-item.is-open{background:linear-gradient(100deg,rgba(22,51,72,.60),rgba(12,22,33,.50));border-color:rgba(160,215,244,.36)}
.track-toggle{display:grid!important;grid-template-columns:65px 1fr 35px;width:100%;background:transparent;border:0;text-align:left;color:inherit;cursor:pointer;align-items:center;min-height:64px}
.track-toggle:hover{background:rgba(154,201,224,.055)}
.track-toggle:focus-visible{outline:2px solid #9ecfe4;outline-offset:-2px}
.track-toggle .track-chevron{font:300 27px/1 var(--body);color:#b8d8ed;transition:transform .2s ease}
.track-toggle[aria-expanded="true"] .track-chevron{transform:rotate(45deg);color:#fff}
.track-explanation{padding:8px clamp(23px,6.5vw,89px) 28px;max-width:100%;animation:track-reveal .24s ease-out}
.track-explanation[hidden]{display:none}
.track-explanation .kicker{font-size:10px;margin-bottom:14px}
.track-explanation p{font:400 clamp(14px,1.35vw,18px)/1.8 var(--body);color:#bbd0df;max-width:900px;margin:0 0 16px}
.track-explanation p strong{color:#f0f4f7}
.track-explanation p em{color:#e9e3db}
.track-explanation .small-note{display:block;margin-top:14px;font-size:11px;color:#91a6b6}
@keyframes track-reveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.track-toggle{grid-template-columns:40px 1fr 30px;min-height:60px}.track-explanation{padding:5px 17px 24px}}

.translation-intro-inline{margin:12px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(128,174,206,.22);padding:0 0 24px;flex-wrap:wrap}
.translation-intro-inline p{margin:0;max-width:630px;font:400 14px/1.6 var(--body);color:#c2d2de}
.translation-intro-inline .kicker{width:100%;margin-bottom:-7px}
.translation-intro-inline a{font-size:11px}

.about-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(350px,1.3fr);gap:clamp(35px,6vw,115px);align-items:start;padding-top:45px}
.about-counter{position:relative;padding:36px;min-height:380px;display:flex;flex-direction:column;gap:23px;background:linear-gradient(145deg,rgba(23,48,67,.86),rgba(9,22,34,.66));border:1px solid rgba(141,189,215,.35);overflow:hidden}
.about-counter:before{content:"";position:absolute;inset:auto -100px -155px auto;width:315px;height:315px;border:1px solid rgba(170,213,243,.23);border-radius:50%;box-shadow:0 0 0 38px rgba(170,213,243,.025),0 0 0 76px rgba(170,213,243,.02)}
.about-counter strong{font:900 clamp(69px,8vw,128px)/.82 var(--display);letter-spacing:.01em;color:#f2f4f7;margin:18px 0 10px}
.about-counter>span:nth-of-type(2){color:#b6d4e7;font:700 12px/1.65 var(--mono);letter-spacing:.1em}
.about-counter .mini-tags{margin-top:auto;position:relative;z-index:1}
.about-story{max-width:760px}.about-story h2{font:800 clamp(33px,3.55vw,59px)/1.04 var(--display);margin:18px 0 29px;color:#edf3f7}
.about-story>p{font:400 clamp(15px,1.3vw,18px)/1.9 var(--body);color:#b5c7d5;margin:0 0 22px}
.about-credit-box{border-left:2px solid rgba(144,204,226,.57);background:rgba(10,24,36,.65);padding:22px 27px;margin:30px 0}
.about-credit-box p{font:400 14px/1.8 var(--body);color:#c8d6e1;margin:12px 0}
.about-credit-box p.small-note{font-size:12px;color:#9eafbd}
@media(max-width:820px){.about-layout{grid-template-columns:1fr;gap:30px}.about-counter{min-height:260px}.about-counter strong{font-size:94px}}
@media(prefers-reduced-motion:reduce){.track-explanation{animation:none}}

/* Ajustes de revisão visual V6 */
body.spotify-dock-open .online-pill{display:none}
.about-counter strong{font-size:clamp(62px,5.1vw,83px);letter-spacing:-.025em}
@media(max-width:820px){.about-counter strong{font-size:clamp(70px,13vw,90px)}}
@media(max-width:800px){.ambient-page{overflow-x:clip}.hero{overflow:hidden}.ambient-glyph.symbol-3{right:0}}

.member-photo-illustrated{position:relative}.member-photo-illustrated img{object-fit:cover!important;opacity:.85}.member-photo-illustrated::after{content:"FOTO A CONFIRMAR";position:absolute;bottom:12px;left:12px;background:#071521df;color:#c8dae3;font:700 9px var(--mono);letter-spacing:.11em;padding:7px;border:1px solid #456178}
/* ====================================================================
   THE STARSET UNIVERSE / V7 — ARQUIVO, FIGURINOS E EXPERIÊNCIA BILÍNGUE
   ==================================================================== */
.language-switch{display:flex;flex:none;border:1px solid #395167;background:rgba(11,20,31,.9);padding:2px;align-items:center;gap:1px}.language-switch button{border:0;background:transparent;color:#9dafbd;cursor:pointer;padding:9px 9px;font:700 10px var(--mono);letter-spacing:.08em}.language-switch button.is-active{color:#f4f8fa;background:#2c5268}.language-switch button:focus-visible{outline:2px solid #9be5ff;outline-offset:2px}
.nav-support{isolation:isolate;overflow:visible!important;display:inline-flex;align-items:center;justify-content:center;min-height:39px;min-width:85px;white-space:nowrap}
.nav-support .orbit-dot{position:absolute;width:5px;height:5px;left:-3px;top:-3px;background:#b7eeff;border-radius:50%;box-shadow:0 0 9px #83d4ff;animation:orbit-top-support 7.2s linear infinite;pointer-events:none;z-index:4}
.nav-support .orbit-dot.dot-two{background:#ffd9aa;animation-delay:-2.4s;box-shadow:0 0 9px #f1b777}.nav-support .orbit-dot.dot-three{background:#e0fcfd;animation-delay:-4.8s}
@keyframes orbit-top-support{0%,100%{left:-3px;top:-3px}25%{left:calc(100% - 3px);top:-3px}50%{left:calc(100% - 3px);top:calc(100% - 3px)}75%{left:-3px;top:calc(100% - 3px)}}
.topbar .desktop-nav{gap:clamp(5px,.85vw,17px)}.topbar .desktop-nav>a{font-size:clamp(9px,.72vw,12px);white-space:nowrap}
.topbar .header-actions{gap:7px;flex-shrink:0}
.detail-big-title{overflow-wrap:normal;word-break:normal;font-size:clamp(43px,7vw,104px)}
.album-detail .detail-big-title{font-size:clamp(38px,6.6vw,96px);line-height:.96;letter-spacing:-.028em;overflow-wrap:normal;word-break:normal}
.album-detail .primary-btn{margin-top:16px;cursor:pointer}
.album-credits{padding:38px 0 68px;margin-top:36px}
.album-credits h2{font:800 clamp(36px,5vw,70px)/1.02 var(--display);margin:17px 0 12px}
.album-credits>.small-note{max-width:800px;margin-bottom:26px}
.credits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:25px}
.credits-grid>div{padding:23px 25px;background:linear-gradient(145deg,rgba(22,39,56,.82),rgba(7,14,25,.78));border:1px solid var(--line);min-width:0}
.credits-grid b{font:700 10px/1.7 var(--mono);color:#cbbfae;letter-spacing:.14em;display:block;margin-bottom:11px}
.credits-grid p{color:#c7d4df;font-size:13px;line-height:1.75;margin:0}
.track-explanation .anchor-arrow{display:inline-flex;margin-top:18px}
.bio-sheet{margin-top:30px;display:grid;gap:11px;border-top:1px solid var(--line);padding-top:25px}
.bio-sheet .kicker:not(:first-child){margin-top:15px}.bio-sheet p{margin:0;color:#c1cad3;line-height:1.85;font-size:13px}
.v7-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 38px}
.v7-feature{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:26px 22px;border:1px solid rgba(145,188,213,.2);background:linear-gradient(150deg,rgba(25,42,57,.88),rgba(8,15,23,.87));color:inherit;text-decoration:none;transition:border .2s,transform .2s}
.v7-feature:hover{border-color:rgba(172,222,236,.6);transform:translateY(-4px)}.v7-feature h3{font:800 clamp(27px,3vw,42px)/1 var(--display);text-transform:uppercase;margin:18px 0}
.v7-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.v7-shortcuts .chip{display:inline-flex;text-decoration:none;align-items:center}
.costume-timeline{margin:42px 0 20px;display:grid;gap:20px}
.costume-era{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:0;min-height:310px;border:1px solid #243e52;background:linear-gradient(110deg,rgba(12,24,37,.97),rgba(19,36,51,.7))}
.costume-art{min-height:260px;overflow:hidden;position:relative;background:#111824}.costume-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.12);position:absolute}.costume-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,23,.9),transparent 48%)}.costume-index{position:absolute;z-index:1;bottom:18px;left:19px;font:700 10px var(--mono);letter-spacing:.12em;color:#d8e4e9}
.costume-info{padding:clamp(25px,4vw,50px);align-self:center}.costume-info h2{font:800 clamp(32px,4vw,65px)/1 var(--display);margin:20px 0}.costume-info p{color:#c0d1dc;line-height:1.9;font-size:14px}.costume-info .small-note{margin-top:20px}
.theory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.theory-card{display:flex;flex-direction:column;padding:clamp(23px,3vw,35px);border:1px solid #304c60;background:linear-gradient(140deg,#172a38d4,#0a1320de)}
.theory-card h2{font:800 clamp(28px,3vw,42px)/1.07 var(--display);margin:22px 0 18px;text-transform:uppercase}.theory-card>p{color:#c1d0dc;line-height:1.8;font-size:14px}
.theory-evidence{border-top:1px solid var(--line);margin:25px 0 0;padding:20px 0 5px}.theory-evidence strong{display:block;font:700 10px var(--mono);letter-spacing:.12em;color:#a8cedc;margin:13px 0}.theory-evidence p{color:#adbdc9;font-size:13px;line-height:1.75}
.theory-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:19px;display:grid;gap:20px}.theory-footer .related-link{font-size:11px}
.archive-lead{display:grid;grid-template-columns:1fr minmax(240px,430px);align-items:start;gap:clamp(24px,5vw,70px);padding:38px 0 48px;border-bottom:1px solid var(--line)}
.archive-lead h2{font:800 clamp(34px,4.2vw,69px)/1 var(--display);margin:22px 0}.archive-lead p{color:#b4c8d6;font-size:15px;line-height:1.9;max-width:580px;margin-bottom:25px}
.poster-hero{display:block;border:1px solid #38566a;background:#090e16;box-shadow:0 21px 54px rgba(0,0,0,.42);max-width:430px;overflow:hidden}.poster-hero img{width:100%;display:block;height:auto}
.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.archive-card{color:inherit;text-decoration:none;border:1px solid var(--line);background:rgba(14,23,34,.85);transition:border .2s,transform .2s;min-width:0}
.archive-card:hover{border-color:#9abacc;transform:translateY(-3px)}.archive-image{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#111824;overflow:hidden;padding:9px}
.archive-image img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.archive-title{display:flex;gap:9px;justify-content:space-between;align-items:start;padding:14px 16px;min-height:60px}.archive-title strong{font:700 10px/1.6 var(--mono);color:#c4dce3}.archive-title span{color:#e5c39a}
.connection-map{width:100%;background:radial-gradient(ellipse at 50% 46%,#152e3b,#080f19 76%);border:1px solid #28475d;padding:15px;margin:0 0 24px;overflow-x:auto}.connection-map svg{width:100%;min-width:620px;height:auto;display:block;max-height:700px}.connection-map .map-point{cursor:pointer;transition:opacity .2s}.connection-map .map-point:hover{opacity:.6}
.lore-article-image{width:100%;height:auto;max-height:360px;object-fit:cover;object-position:top;border:1px solid #355069;margin:28px 0 15px;opacity:.87}
@media(max-width:1390px){.topbar .desktop-nav{gap:7px}.topbar .desktop-nav>a{font-size:10px}.nav-support{min-width:72px}.topbar .header-actions{gap:5px}}
@media(max-width:1170px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important}.language-switch button{padding:9px 11px}.v7-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.credits-grid,.theory-grid{grid-template-columns:1fr}.archive-lead{grid-template-columns:1fr}.poster-hero{max-width:420px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.costume-era{grid-template-columns:1fr}.costume-art{min-height:260px;aspect-ratio:16/9}.costume-art img{position:absolute}.costume-info{padding:27px}.v7-feature{min-height:170px}}
@media(max-width:520px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-title{padding:10px}.archive-title strong{font-size:9px}.v7-feature-grid{grid-template-columns:1fr}.v7-feature{min-height:135px}.v7-feature h3{font-size:34px}.language-switch{margin-left:auto}.topbar .header-actions{margin-left:auto}.topbar .online-pill{display:none}.album-detail .detail-big-title{font-size:clamp(35px,10.5vw,65px)}.album-credits{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.nav-support .orbit-dot{animation:none}.v7-feature{transition:none}}
