:root{color-scheme:dark;--bg:#0a1019;--bg2:#101a25;--panel:#111e29;--panel2:#162633;--gold:#e2b978;--gold-hi:#f9deb0;--text:#ede9df;--muted:#a7afb6;--faint:#788795;--line:rgba(225,215,183,.16);--accent:#b6a4bd;--glow:rgba(226,185,120,.20);--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}em{color:var(--gold);font-style:italic}h1,h2,h3,p{margin-top:0}h2{font-family:var(--serif);font-size:clamp(34px,4.1vw,61px);font-weight:normal;line-height:1.13;letter-spacing:-.04em;margin:12px 0 26px}h3{font-family:var(--serif);font-weight:normal;letter-spacing:-.02em}p{color:#b5c0c3}#aen-musica{--era-hue:38;min-height:100vh;background:radial-gradient(ellipse 70% 20% at 80% 4%,rgba(60,69,89,.19),transparent 75%),var(--bg)}#aen-musica[data-era="0"]{--era-hue:203}#aen-musica[data-era="1"]{--era-hue:43}#aen-musica[data-era="2"]{--era-hue:185}#aen-musica[data-era="3"]{--era-hue:18}#aen-musica[data-era="4"]{--era-hue:38}#aen-musica[data-era="5"]{--era-hue:126}#aen-musica[data-era="6"]{--era-hue:276}#aen-musica[data-era="7"]{--era-hue:194}#aen-musica[data-era="8"]{--era-hue:254}.skip{position:fixed;left:15px;top:-100px;padding:12px 16px;z-index:1000;background:var(--gold);color:#111}.skip:focus{top:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wide,.section{max-width:1400px;padding-left:clamp(22px,6.1vw,94px);padding-right:clamp(22px,6.1vw,94px);margin-left:auto;margin-right:auto}.section{padding-top:112px;padding-bottom:110px;border-bottom:1px solid var(--line)}.eyebrow{letter-spacing:.22em;font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase}.eyebrow-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:middle;box-shadow:0 0 10px var(--gold)}.muted{color:var(--muted);font-size:12px}.topbar{height:86px;position:relative;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:0 clamp(22px,6.1vw,94px);border-bottom:1px solid rgba(212,204,182,.12);background:rgba(13,20,31,.92)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;letter-spacing:.13em;font-weight:600;line-height:1.2;white-space:nowrap}.brand small{display:block;letter-spacing:.26em;font-size:7px;color:#91a2aa;margin-top:4px}.brand-mark{font-size:31px;line-height:1;color:var(--gold);font-weight:300}.brand-line{color:var(--gold)}.top-nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,34px)}.top-nav a{font-size:12px;color:#b6c0c5;transition:color .2s}.top-nav a:hover{color:var(--gold)}.btn{border:1px solid transparent;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:0 19px;font-size:12px;font-weight:650;letter-spacing:.04em;transition:background .2s,transform .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--gold);color:#192029}.btn.primary:hover{background:var(--gold-hi)}.btn.ghost{border-color:rgba(224,209,178,.2);background:rgba(230,225,205,.02);color:var(--text)}.btn.ghost:hover,.btn.outline:hover{border-color:var(--gold)}.btn.outline{background:transparent;border-color:rgba(235,223,196,.27);color:var(--text)}.btn.micro{min-height:35px;padding:0 13px}.hero{min-height:675px;position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);align-items:center;padding-top:62px;padding-bottom:76px;overflow:hidden}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 44%,hsla(var(--era-hue),40%,45%,.08),transparent 41%)}.hero-copy{position:relative;z-index:2;max-width:640px}.hero-copy .eyebrow{margin-bottom:44px}.overline{color:#c7c1bb;font-size:25px;margin-bottom:10px}.serif{font-family:var(--serif)}h1{font-family:var(--serif);font-size:clamp(47px,5.3vw,84px);font-weight:400;letter-spacing:-.057em;line-height:1.03;margin:0 0 28px}h1 em{font-weight:normal}.hero-body{font-size:15px;max-width:520px;line-height:1.9;margin-bottom:32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{display:flex;gap:30px;margin-top:54px;padding-top:21px;border-top:1px solid var(--line);max-width:515px}.hero-facts div{display:flex;flex-direction:column}.hero-facts strong{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.3}.hero-facts span{font-size:10px;color:#97a5ab;white-space:nowrap}.hero-art{height:540px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,171,119,.15),rgba(80,94,108,.035) 45%,transparent 70%);filter:blur(10px)}.halo,.orbit-ring,.disc{position:absolute;border-radius:50%}.halo{border:1px solid rgba(218,198,151,.12)}.halo.h1{height:440px;width:440px}.halo.h2{height:510px;width:510px;border-style:dashed;animation:spin 150s linear infinite}.halo.h3{height:355px;width:355px;border:1px solid rgba(218,198,151,.25)}.orbit-ring.r1{height:390px;width:390px;border:2px dotted rgba(208,177,115,.14);transform:rotate(-25deg)}.orbit-ring.r2{height:275px;width:275px;border:1px solid rgba(213,198,150,.35)}.orbit-ring.r3{height:490px;width:250px;transform:rotate(62deg);border:1px solid rgba(225,192,129,.24)}.disc{width:220px;height:220px;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,rgba(177,146,95,.13) 0 1px,transparent 1px 12px),radial-gradient(circle at 50% 42%,#26333f,#111b27 72%);box-shadow:0 0 0 12px rgba(173,154,116,.04),0 20px 90px #0008,inset 0 0 56px #0008;border:1px solid rgba(233,203,145,.66);animation:float 8s ease-in-out infinite}.disc-inner{width:110px;height:110px;border:1px solid rgba(233,203,145,.65);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold);background:#1b2933}.disc-inner span{font-family:var(--serif);font-size:46px;line-height:1}.disc-inner i{font-size:15px;line-height:1}.disc-inner small{font-size:7px;letter-spacing:.18em}.orbit-text{position:absolute;color:#c5ae83;font-size:9px;letter-spacing:.4em}.orbit-t1{top:71px;right:99px}.orbit-t2{bottom:120px;right:18px}.orbit-t3{bottom:90px;left:44px}.star{position:absolute;color:var(--gold);font-size:20px}.s1{top:140px;left:15%}.s2{bottom:85px;right:25%}.hero-bottom{position:absolute;bottom:22px;left:clamp(22px,6.1vw,94px);right:clamp(22px,6.1vw,94px);display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.12em;color:#82919a}.hero-bottom .bar{flex:1;height:1px;background:rgba(222,216,191,.14)}.mini-ornament{font-size:27px;color:var(--gold)}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;padding-top:80px;padding-bottom:80px}.intro-section h2{font-size:clamp(31px,3.3vw,46px);margin-bottom:0}.reader-panel p{font-size:14px;max-width:410px}.segmented{display:inline-flex;padding:4px;border:1px solid var(--line);background:#131f2a;border-radius:4px;gap:3px;flex-wrap:wrap}.segmented button{border:0;background:transparent;color:#aeb9bd;font-size:12px;padding:9px 16px;border-radius:2px}.segmented button[aria-pressed=true]{background:var(--gold);color:#18222b}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:44px}.section-head h2{margin-bottom:0}.section-head>p{max-width:318px;font-size:13px;line-height:1.85;margin:0 0 4px}.chronology-section{padding-bottom:105px}.era-track{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));position:relative;gap:6px;padding-bottom:28px;border-bottom:1px solid var(--line)}.era-track button{position:relative;border:1px solid transparent;outline-offset:-3px;background:transparent;color:#8e9ba3;text-align:center;min-height:72px;padding:10px 3px;transition:background .2s,color .2s}.era-track button:before{content:'';position:absolute;top:7px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#5e6d73}.era-track button[aria-pressed=true]{color:var(--gold);background:rgba(215,186,127,.06);border-color:rgba(215,186,127,.23)}.era-track button[aria-pressed=true]:before{background:var(--gold);box-shadow:0 0 12px var(--gold)}.era-track .era-number{display:block;font-family:var(--serif);font-size:22px;margin-top:12px}.era-track .era-caption{display:block;font-size:9px;letter-spacing:.05em}.era-spotlight{display:grid;grid-template-columns:1.08fr .92fr;gap:0;border:1px solid var(--line);background:linear-gradient(135deg,rgba(28,43,54,.75),#0e1721)}.era-story{padding:clamp(25px,4.5vw,64px);min-height:428px;position:relative;overflow:hidden}.era-story:after{content:'◌';position:absolute;font-family:var(--serif);font-size:320px;color:hsla(var(--era-hue),47%,68%,.048);right:-25px;bottom:-215px;pointer-events:none}.era-date{font-size:11px;color:var(--gold);letter-spacing:.15em}.era-title{font:normal clamp(29px,3.3vw,46px)/1.17 var(--serif);margin:22px 0 14px}.era-epithet{font-size:12px;color:#c7a978;letter-spacing:.05em}.era-body{font-size:14px;line-height:1.9;max-width:510px;margin:26px 0}.era-lens{position:relative;font-family:var(--serif);font-style:italic;color:#d2d3cc;font-size:20px;line-height:1.5;border-left:2px solid var(--gold);padding-left:20px}.era-lens-label{font:650 10px var(--sans);letter-spacing:.16em;color:var(--gold);font-style:normal;margin-bottom:12px}.era-notes{border-left:1px solid var(--line);padding:clamp(25px,3vw,42px);background:rgba(5,12,19,.30)}.aside-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.event-list{display:flex;flex-direction:column;gap:16px}.event{position:relative;padding:0 0 15px 20px;border-bottom:1px solid var(--line)}.event:before{content:'';height:6px;width:6px;border-radius:50%;background:var(--gold);position:absolute;left:0;top:7px}.event time{display:block;color:var(--gold);font-size:10px;letter-spacing:.1em}.event h4{font-family:var(--serif);font-size:20px;font-weight:normal;margin:3px 0 4px}.event p{font-size:12px;margin:0;line-height:1.7}.badge{display:inline-block;font-size:9px;letter-spacing:.06em;border:1px solid rgba(225,188,126,.35);color:#dcc39b;padding:3px 7px;border-radius:2px;vertical-align:middle}.badge.proposal{border-color:rgba(143,181,195,.38);color:#a8cbd3}.badge.reserve{border-color:#64707a;color:#94a5b4}.collection-section{background:radial-gradient(ellipse at 20% 55%,rgba(86,103,115,.08),transparent 64%)}.collection-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.search-wrap,.select-wrap{display:flex;align-items:center;background:#15212b;border:1px solid var(--line);min-height:48px;border-radius:3px;color:var(--muted);font-size:11px}.search-wrap{flex:1 1 270px;gap:12px;padding:0 15px}.search-wrap>span{font-size:23px}.search-wrap input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:var(--text);font-size:12px}.search-wrap input::placeholder{color:#81909a}.select-wrap{gap:11px;padding:0 12px}.select-wrap select,.compare-controls select{border:0;background:#192835;color:var(--text);padding:7px 8px;max-width:190px;border-radius:2px;font-size:12px}.results-line{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:60px;font-size:11px;color:#a4b2b8}.text-link{background:transparent;border:0;color:var(--gold);font-size:11px;text-decoration:underline;text-underline-offset:4px}.collection-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:840px;overflow-y:auto;scrollbar-color:#6a5b48 #0d151c;align-content:start}.instrument-card{display:flex;flex-direction:column;gap:6px;min-height:194px;text-align:left;padding:23px 23px 18px;border:1px solid var(--line);background:#12202a;color:var(--text);transition:background .2s,border-color .2s,transform .2s}.instrument-card:hover{background:#1b2b37;border-color:rgba(222,187,129,.5);transform:translateY(-2px)}.instrument-card.is-active{background:linear-gradient(135deg,#25323c,#19252e);border-color:var(--gold)}.instrument-card .card-line{display:flex;justify-content:space-between;align-items:center}.family-symbol{color:var(--gold);font-family:var(--serif);font-size:29px;line-height:1}.instrument-card strong{font:normal 21px/1.18 var(--serif);margin-top:12px}.instrument-card .desc{font-size:11px;color:#9db0b8;line-height:1.5}.instrument-card .card-more{margin-top:auto;color:#d8b888;font-size:10px}.instrument-inspector{border:1px solid rgba(219,187,129,.28);position:sticky;top:16px;background:#1b2933;padding:34px;min-height:450px}.inspector-placeholder{display:grid;place-items:center;height:340px;text-align:center;color:var(--muted)}.inspector-visual{height:150px;background:radial-gradient(circle at 50%,rgba(206,176,117,.21),transparent 62%),repeating-radial-gradient(circle at 50%,transparent 0 20px,rgba(205,175,126,.08) 21px 22px);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:var(--serif);font-size:105px;margin:-18px 0 14px}.inspector-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.inspector-top small{font-size:10px;color:var(--gold)}.instrument-inspector h3{font-size:33px;line-height:1.08;margin:16px 0}.inspector-copy{font-size:12px;color:#bac5c7;line-height:1.8}.inspector-stat{display:grid;grid-template-columns:85px 1fr;gap:6px;font-size:12px;padding:10px 0;border-top:1px solid var(--line)}.inspector-stat span{color:#8799a3}.inspector-stat b{font-weight:500;color:#e0dfd4}.inspector-sound{font-family:var(--serif);font-size:17px;color:#dcc29c;font-style:italic;margin:22px 0 13px}.inspector-actions{display:flex;flex-wrap:wrap;gap:9px}.inspector-actions .btn{min-height:40px}.compare-box{margin-top:48px;padding:30px;background:#101b25;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.compare-box h3{font-size:26px;margin:7px 0}.compare-box p{font-size:12px}.compare-controls{display:flex;gap:12px;align-items:start;justify-content:end}.compare-controls label{display:flex;flex-direction:column;gap:9px;color:#a5b3ba;font-size:11px}.comparison{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-cell{background:#16232d;padding:22px;border-top:1px solid rgba(229,188,120,.28)}.compare-cell h4{font:normal 21px var(--serif);margin:0 0 10px}.compare-cell p{font-size:12px;margin:6px 0}.studio-section{background:radial-gradient(ellipse 45% 48% at 87% 66%,rgba(169,146,105,.07),transparent)}.studio-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:16px}.studio-main{background:#15242f;border:1px solid var(--line);padding:30px 24px}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.studio-top>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-top strong{font-weight:500}.studio-top small{color:#7f969f}.live-pip{width:7px;height:7px;border-radius:50%;background:#8dbdab;box-shadow:0 0 8px #8dbdab}.studio-control{display:flex;align-items:center;gap:14px}.studio-control label{font-size:11px;color:#c4c0b6;white-space:nowrap}.studio-control output{display:inline-block;font-size:12px;color:var(--gold);min-width:28px;text-align:right}input[type=range]{accent-color:var(--gold);max-width:130px}.sequencer{display:grid;gap:13px;overflow-x:auto}.seq-row{display:grid;grid-template-columns:110px repeat(12,minmax(24px,1fr));gap:4px;min-width:550px;align-items:center}.seq-label{font-size:11px;color:#c9d1cf;display:flex;flex-direction:column;line-height:1.4}.seq-label small{font-size:9px;color:#7c909c}.seq-step{border:1px solid rgba(226,217,189,.10);background:#20313c;border-radius:2px;aspect-ratio:1;min-height:29px;max-height:37px;min-width:29px;padding:0}.seq-step:nth-child(4n+2){border-left:2px solid rgba(215,185,119,.42)}.seq-step[aria-pressed=true]{background:#d1a96d;border-color:#f4d099;box-shadow:0 0 11px rgba(211,170,107,.17)}.seq-step.is-beat{outline:2px solid #fff5cb;outline-offset:1px}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.studio-actions .btn{padding:0 13px}.import-label{position:relative;cursor:pointer}.small-note{margin-top:16px;font-size:10px;color:#95a8ad}.studio-side{border:1px solid var(--line);background:linear-gradient(160deg,#1d2b35,#141f29);padding:29px;display:flex;flex-direction:column}.studio-side h3{font-size:30px;line-height:1.15}.studio-side p{font-size:12px;line-height:1.85}.studio-side .studiocallout{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto;color:#baad94}.wave-art{height:105px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;margin:15px 0 25px;border-radius:50%;background:radial-gradient(circle,rgba(214,183,120,.06),transparent 70%)}.wave-art span{width:3px;height:var(--h);background:linear-gradient(#e1bd80,#608a93);border-radius:4px;animation:wave 2s ease-in-out infinite;animation-delay:var(--d)}.wave-art span:nth-child(1),.wave-art span:nth-child(13){--h:12px;--d:.1s}.wave-art span:nth-child(2),.wave-art span:nth-child(12){--h:32px;--d:.6s}.wave-art span:nth-child(3),.wave-art span:nth-child(11){--h:55px;--d:.9s}.wave-art span:nth-child(4),.wave-art span:nth-child(10){--h:85px;--d:.3s}.wave-art span:nth-child(5),.wave-art span:nth-child(9){--h:48px;--d:.8s}.wave-art span:nth-child(6),.wave-art span:nth-child(8){--h:73px;--d:.4s}.wave-art span:nth-child(7){--h:95px;--d:.2s}.sound-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}.sound-tags span{font-size:9px;letter-spacing:.08em;color:#ceb78e;border:1px solid var(--line);padding:6px 7px}.flux-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.flux-card{background:#111f29;padding:30px 29px;min-height:140px;display:flex;gap:20px;align-items:center}.flux-card .flux-symbol{height:50px;width:50px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid var(--flux);color:var(--flux);background:radial-gradient(circle,rgba(224,220,197,.06),transparent);font-family:var(--serif);font-size:26px}.flux-card strong{display:block;font:normal 24px var(--serif);line-height:1.2}.flux-card span{font-size:11px;color:#9dabb2}.knowledge-foot{display:flex;gap:20px;margin:40px auto 0;align-items:center;max-width:740px}.ornament{font-size:44px;color:var(--gold)}.knowledge-foot p{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;margin:0}.test-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.test-copy h2{font-size:clamp(35px,3.5vw,53px)}.test-copy p:not(.eyebrow){font-size:13px}.test-ornament{font-family:var(--serif);font-size:120px;line-height:1;color:#a78c68;opacity:.3}.quiz-card{border:1px solid var(--line);background:#17232d;padding:36px;min-height:320px}.quiz-count{font-size:10px;letter-spacing:.15em;color:var(--gold)}.quiz-card h3{font-size:28px;line-height:1.2;min-height:60px;margin:20px 0}.quiz-options{display:grid;gap:9px}.quiz-options button{border:1px solid var(--line);background:#1b2b36;color:#e4e5dc;text-align:left;padding:12px 16px;font-size:12px}.quiz-options button:hover{border-color:var(--gold)}.quiz-options button.correct{border-color:#94b7a4;background:#264038}.quiz-options button.wrong{border-color:#be8581;background:#3b2a30}.quiz-options button:disabled{cursor:default}.quiz-feedback{font-size:12px;color:#cab995;margin:14px 0}.quiz-card .btn{margin-top:15px}.bridge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bridge-grid button{border:1px solid var(--line);background:#14222d;color:var(--text);min-height:234px;padding:25px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s,border-color .2s}.bridge-grid button:hover{background:#1d2d39;border-color:#bfa27a}.bridge-glyph{font-family:var(--serif);font-size:34px;color:var(--gold);margin-bottom:18px}.bridge-grid small{font-size:10px;letter-spacing:.11em;color:var(--gold)}.bridge-grid strong{font:normal 21px/1.25 var(--serif);margin:13px 0}.bridge-grid button>span:last-child{font-size:10px;color:#99aeb9;line-height:1.8;margin-top:auto}.bridge-grid b{color:var(--gold);font-weight:400}.footer-brand{font-weight:700;letter-spacing:.2em;font-size:20px;min-width:200px}.footer-brand span{display:block;font-size:8px;color:var(--gold);letter-spacing:.2em;font-weight:400}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:50px max(22px,calc((100vw - 1212px)/2));background:#0b121a}footer p{font-size:11px;margin:0}footer small{font-size:10px;color:#7e929e}footer a{font-size:12px;color:var(--gold);white-space:nowrap}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;visibility:hidden;pointer-events:none;max-width:min(500px,calc(100vw - 25px));border:1px solid var(--gold);background:#1f2f3a;color:#fff5df;border-radius:3px;font-size:12px;line-height:1.5;padding:13px 21px;box-shadow:0 10px 30px #0009;transition:opacity .2s,transform .2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{background:#15232f;color:var(--text);border:1px solid #a88f64;max-width:min(560px,calc(100vw - 28px));box-shadow:0 30px 110px #000c;padding:0}dialog::backdrop{background:rgba(3,8,14,.77);backdrop-filter:blur(5px)}.dialog-inner{padding:35px;position:relative}.dialog-inner h2{font-size:39px}.dialog-inner p{font-size:13px}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:transparent;color:var(--text);font-size:21px}.empty-list{grid-column:1/-1;border:1px solid var(--line);padding:30px;color:#b1c0c5;font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes wave{50%{height:calc(var(--h) * .65)}}
@media(max-width:1100px){.top-nav{gap:14px}.brand{font-size:15px}.hero-art{transform:scale(.83)}.studio-layout{grid-template-columns:1.2fr .8fr}.instrument-inspector{padding:24px}.instrument-card{padding:18px}.collection-layout{grid-template-columns:1.2fr .85fr}.bridge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-actions .btn{flex-grow:1}}
@media(max-width:780px){.topbar{height:70px;flex-wrap:wrap}.top-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:75px;padding-bottom:60px}.hero-copy{max-width:600px}.hero-copy .eyebrow{margin-bottom:22px}.hero-art{height:300px;transform:scale(.55);margin:-70px 0 -70px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:55px}.hero-facts{margin-top:30px}.section{padding-top:77px;padding-bottom:76px}.intro-section,.era-spotlight,.collection-layout,.studio-layout,.test-section{grid-template-columns:1fr}.intro-section{gap:25px}.section-head{display:block}.section-head>p{margin-top:20px;max-width:500px}.era-notes{border-left:0;border-top:1px solid var(--line)}.era-story{min-height:340px}.era-track{display:flex;gap:4px;overflow-x:auto}.era-track button{flex:0 0 78px}.instrument-grid{max-height:540px}.instrument-inspector{position:static}.flux-grid{grid-template-columns:repeat(2,1fr)}.test-section{gap:10px}.test-ornament{display:none}.compare-box{grid-template-columns:1fr}.compare-controls{justify-content:flex-start}.hero-body{line-height:1.7}}
@media(max-width:500px){.wide,.section{padding-left:18px;padding-right:18px}.topbar{padding:0 18px}.brand{font-size:14px}.brand-mark{font-size:24px}.desktop-only{display:none}h1{font-size:47px}.hero-facts{gap:16px}.hero-facts strong{font-size:22px}.hero-facts span{font-size:8px}.actions>.btn{flex:1;min-width:190px}.overline{font-size:21px}.instrument-grid{grid-template-columns:1fr;max-height:610px}.instrument-card{min-height:158px}.search-wrap{flex-basis:100%}.select-wrap{flex:1;justify-content:space-between;min-width:140px}.select-wrap select{max-width:140px}.compare-controls,.comparison{display:grid;grid-template-columns:1fr}.flux-grid,.bridge-grid{grid-template-columns:1fr}.flux-card{min-height:98px;padding:18px}.studio-main{padding:21px 15px}.studio-top{align-items:start;flex-direction:column}.studio-actions .btn{width:100%}.quiz-card{padding:24px}.test-copy h2{font-size:41px}footer{padding:40px 18px;flex-direction:column;align-items:flex-start}.hero-art{margin:-65px 0 -70px;transform:scale(.5)}.compare-box{padding:20px}.comparison{gap:8px}.era-story{padding:25px}.era-notes{padding:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Les grilles audio possèdent un rail défilable, jamais une largeur de page imposée. */
.studio-main,.studio-side,.sequencer,.studio-layout,.collection-layout,.collection-toolbar{min-width:0}
@media(max-width:780px){.studio-layout,.collection-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:500px){
 .collection-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .search-wrap{grid-column:1/-1;min-width:0}
 .select-wrap{min-width:0;width:100%;flex:initial;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:4px 8px}
 .select-wrap select{min-width:0;max-width:100%;width:100%}
}
.acoustic-panel{background:rgba(3,11,17,.24);border:1px solid var(--line);padding:14px 15px;margin-top:18px}
.acoustic-panel .eyebrow{font-size:9px}
.acoustic-panel p{font-size:11px;line-height:1.75;color:#acb9bb;margin:8px 0 0}