:root{--bg: #f4f1ec;--bg-soft: #f7f4ef;--text: #9e1f14;--text-light: rgba(158, 31, 20, .72);--border: rgba(158, 31, 20, .18);--border-strong: rgba(158, 31, 20, .42);--pcb-shift-x: 0px;--pcb-shift-y: 0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.2;overflow-x:hidden;position:relative;isolation:isolate}a{color:inherit;text-decoration:none}button,input{font:inherit}.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:transparent;background-image:radial-gradient(rgba(158,31,20,.1) .8px,transparent .8px);background-size:18px 18px}.pcb-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.pcb-bg:before,.pcb-bg:after{content:"";position:absolute;inset:0}.pcb-bg{background:radial-gradient(circle at 10% 8%,rgba(216,147,91,.042),transparent 26%),radial-gradient(circle at 86% 80%,rgba(198,124,71,.038),transparent 30%),linear-gradient(160deg,#73442705,#63371f03)}.pcb-bg:before{background:url(/assets/pcb-copper-dense-Uj4HY1_8.svg) no-repeat center / cover,repeating-linear-gradient(0deg,rgba(205,137,81,.018) 0 .4px,transparent .4px 48px),repeating-linear-gradient(90deg,rgba(205,137,81,.016) 0 .4px,transparent .4px 52px),repeating-linear-gradient(0deg,rgba(199,131,76,.012) 0 .6px,transparent .6px 96px),repeating-linear-gradient(90deg,rgba(196,128,74,.011) 0 .6px,transparent .6px 104px),repeating-linear-gradient(0deg,rgba(190,122,69,.008) 0 1.2px,transparent 1.2px 192px),repeating-linear-gradient(90deg,rgba(184,116,66,.007) 0 1.2px,transparent 1.2px 208px);background-size:cover,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;mix-blend-mode:multiply;opacity:.14;filter:saturate(1.2) contrast(1.1);animation:none;transform:none}.pcb-bg:after{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20800'%20fill='none'%3e%3crect%20width='1200'%20height='800'%20fill='transparent'/%3e%3c!--%20Through-hole%20vias%20—%20copper%20annular%20rings%20placed%20at%20trace%20junctions%20--%3e%3cg%20fill='%23f0c699'%20opacity='0.34'%3e%3c!--%20Row%201:%20along%20trace%20channel%20y≈50-110%20--%3e%3ccircle%20cx='75'%20cy='48'%20r='2.4'/%3e%3ccircle%20cx='195'%20cy='48'%20r='1.8'/%3e%3ccircle%20cx='330'%20cy='90'%20r='2.2'/%3e%3ccircle%20cx='465'%20cy='48'%20r='1.9'/%3e%3ccircle%20cx='580'%20cy='90'%20r='2.0'/%3e%3ccircle%20cx='710'%20cy='48'%20r='1.7'/%3e%3ccircle%20cx='840'%20cy='90'%20r='2.3'/%3e%3ccircle%20cx='960'%20cy='48'%20r='1.8'/%3e%3ccircle%20cx='1080'%20cy='90'%20r='2.1'/%3e%3c!--%20Row%202:%20along%20trace%20channel%20y≈200-260%20--%3e%3ccircle%20cx='100'%20cy='210'%20r='2.0'/%3e%3ccircle%20cx='240'%20cy='248'%20r='1.7'/%3e%3ccircle%20cx='370'%20cy='210'%20r='2.4'/%3e%3ccircle%20cx='505'%20cy='248'%20r='1.9'/%3e%3ccircle%20cx='640'%20cy='210'%20r='2.1'/%3e%3ccircle%20cx='770'%20cy='248'%20r='1.8'/%3e%3ccircle%20cx='900'%20cy='210'%20r='2.3'/%3e%3ccircle%20cx='1035'%20cy='248'%20r='2.0'/%3e%3ccircle%20cx='1160'%20cy='210'%20r='1.7'/%3e%3c!--%20Row%203:%20along%20trace%20channel%20y≈380-440%20--%3e%3ccircle%20cx='60'%20cy='390'%20r='1.9'/%3e%3ccircle%20cx='190'%20cy='430'%20r='2.2'/%3e%3ccircle%20cx='320'%20cy='390'%20r='1.7'/%3e%3ccircle%20cx='455'%20cy='430'%20r='2.0'/%3e%3ccircle%20cx='585'%20cy='390'%20r='2.4'/%3e%3ccircle%20cx='720'%20cy='430'%20r='1.8'/%3e%3ccircle%20cx='850'%20cy='390'%20r='2.1'/%3e%3ccircle%20cx='980'%20cy='430'%20r='1.9'/%3e%3ccircle%20cx='1110'%20cy='390'%20r='2.3'/%3e%3c!--%20Row%204:%20along%20trace%20channel%20y≈550-620%20--%3e%3ccircle%20cx='85'%20cy='560'%20r='2.1'/%3e%3ccircle%20cx='215'%20cy='600'%20r='1.8'/%3e%3ccircle%20cx='345'%20cy='560'%20r='2.3'/%3e%3ccircle%20cx='480'%20cy='600'%20r='2.0'/%3e%3ccircle%20cx='610'%20cy='560'%20r='1.7'/%3e%3ccircle%20cx='745'%20cy='600'%20r='2.2'/%3e%3ccircle%20cx='870'%20cy='560'%20r='1.9'/%3e%3ccircle%20cx='1000'%20cy='600'%20r='2.4'/%3e%3ccircle%20cx='1130'%20cy='560'%20r='1.8'/%3e%3c!--%20Row%205:%20along%20trace%20channel%20y≈700-760%20--%3e%3ccircle%20cx='50'%20cy='720'%20r='2.0'/%3e%3ccircle%20cx='180'%20cy='760'%20r='1.7'/%3e%3ccircle%20cx='310'%20cy='720'%20r='2.2'/%3e%3ccircle%20cx='445'%20cy='760'%20r='1.9'/%3e%3ccircle%20cx='575'%20cy='720'%20r='2.1'/%3e%3ccircle%20cx='705'%20cy='760'%20r='1.8'/%3e%3ccircle%20cx='840'%20cy='720'%20r='2.3'/%3e%3ccircle%20cx='970'%20cy='760'%20r='2.0'/%3e%3ccircle%20cx='1100'%20cy='720'%20r='1.7'/%3e%3c/g%3e%3c!--%20Via%20drill%20holes%20(darker%20center)%20--%3e%3cg%20fill='%23d4a070'%20opacity='0.2'%3e%3ccircle%20cx='75'%20cy='48'%20r='1.0'/%3e%3ccircle%20cx='330'%20cy='90'%20r='0.9'/%3e%3ccircle%20cx='580'%20cy='90'%20r='0.8'/%3e%3ccircle%20cx='840'%20cy='90'%20r='1.0'/%3e%3ccircle%20cx='1080'%20cy='90'%20r='0.9'/%3e%3ccircle%20cx='240'%20cy='248'%20r='0.7'/%3e%3ccircle%20cx='505'%20cy='248'%20r='0.8'/%3e%3ccircle%20cx='770'%20cy='248'%20r='0.7'/%3e%3ccircle%20cx='1035'%20cy='248'%20r='0.9'/%3e%3ccircle%20cx='190'%20cy='430'%20r='0.9'/%3e%3ccircle%20cx='455'%20cy='430'%20r='0.8'/%3e%3ccircle%20cx='720'%20cy='430'%20r='0.7'/%3e%3ccircle%20cx='980'%20cy='430'%20r='0.8'/%3e%3ccircle%20cx='215'%20cy='600'%20r='0.7'/%3e%3ccircle%20cx='480'%20cy='600'%20r='0.9'/%3e%3ccircle%20cx='745'%20cy='600'%20r='0.9'/%3e%3ccircle%20cx='1000'%20cy='600'%20r='1.0'/%3e%3ccircle%20cx='180'%20cy='760'%20r='0.7'/%3e%3ccircle%20cx='445'%20cy='760'%20r='0.8'/%3e%3ccircle%20cx='705'%20cy='760'%20r='0.7'/%3e%3ccircle%20cx='970'%20cy='760'%20r='0.9'/%3e%3c/g%3e%3c/svg%3e") no-repeat center / cover,radial-gradient(circle,rgba(255,214,165,.085) 0 1px,transparent 1.1px),radial-gradient(circle,rgba(255,214,165,.075) 0 1.2px,transparent 1.3px),radial-gradient(circle,rgba(255,214,165,.07) 0 .9px,transparent 1px),radial-gradient(circle,rgba(255,214,165,.065) 0 1.1px,transparent 1.2px),radial-gradient(circle at 50% 50%,rgba(255,184,120,.1) 0 180px,transparent 72%),radial-gradient(circle at 78% 16%,rgba(255,171,103,.085) 0 150px,transparent 70%);background-size:cover,8px 8px,11px 11px,7px 7px,13px 13px,100% 100%,100% 100%;background-position:center,0 0,6px 4px,3px 8px,8px 2px,center,center;mix-blend-mode:screen;opacity:.084;filter:blur(.2px);animation:none;transform:none}@keyframes pcbDrift{0%{transform:translateZ(0) scale(1.02)}50%{transform:translate3d(-1.3%,.8%,0) scale(1.05)}to{transform:translate3d(1.4%,-1%,0) scale(1.04)}}@keyframes pcbPulse{0%{opacity:.28}50%{opacity:.42}to{opacity:.3}}.top-bar{position:fixed;top:0;left:0;width:100%;z-index:100;padding:28px 40px 12px;background:transparent;transition:background .25s ease,backdrop-filter .25s ease}.top-bar.nav-scrolled{background:#f4f1ece6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top-bar:after{content:"";position:absolute;left:80px;right:80px;bottom:0;height:2px;background:var(--text)}.top-nav{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;flex-shrink:0;opacity:1;transition:opacity .25s ease}.nav-logo:hover{opacity:.7}.nav-logo-img{height:28px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:36px}.top-nav a{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text);text-decoration:none;transition:opacity .25s ease}.top-nav a:hover{opacity:.6}.hero-logo-heading{font-size:0;line-height:0;margin-bottom:20px}.hero-logo-wrap{position:relative;display:inline-block;padding:24px}.hero-logo-img{display:block;width:min(392px,70%);height:auto;position:relative;z-index:2;mix-blend-mode:multiply;animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-glow-ring{position:absolute;inset:12px;border-radius:2px;background:radial-gradient(ellipse at center,rgba(158,31,20,.18) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite;pointer-events:none}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.logo-bracket{position:absolute;width:18px;height:18px;pointer-events:none}.logo-bracket--tl{top:0;left:0;border-top:2px solid var(--text);border-left:2px solid var(--text);animation:bracketTL 1s cubic-bezier(.22,1,.36,1) both}.logo-bracket--tr{top:0;right:0;border-top:2px solid var(--text);border-right:2px solid var(--text);animation:bracketTR 1s cubic-bezier(.22,1,.36,1) .1s both}.logo-bracket--bl{bottom:0;left:0;border-bottom:2px solid var(--text);border-left:2px solid var(--text);animation:bracketBL 1s cubic-bezier(.22,1,.36,1) .2s both}.logo-bracket--br{bottom:0;right:0;border-bottom:2px solid var(--text);border-right:2px solid var(--text);animation:bracketBR 1s cubic-bezier(.22,1,.36,1) .3s both}@keyframes bracketTL{0%{opacity:0;transform:translate(-6px,-6px)}to{opacity:1;transform:translate(0)}}@keyframes bracketTR{0%{opacity:0;transform:translate(6px,-6px)}to{opacity:1;transform:translate(0)}}@keyframes bracketBL{0%{opacity:0;transform:translate(-6px,6px)}to{opacity:1;transform:translate(0)}}@keyframes bracketBR{0%{opacity:0;transform:translate(6px,6px)}to{opacity:1;transform:translate(0)}}.hero-pcb-bg{position:absolute;inset:-10px;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.pcb-svg{display:block;width:100%;height:100%;overflow:visible}.pcbt{stroke:#bc7c2e9e;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;fill:none}.pcbt-thin{stroke:#bc7c2e70;stroke-width:1.1}.pcbt-pwr{stroke:#bc7c2ec7;stroke-width:3.5}.pcbt-bus{stroke:#bc7c2ead;stroke-width:2.4}.pcbt-ic{fill:#bc7c2e0d;stroke:#bc7c2e9e;stroke-width:1.4}.pcbt-label{font-family:Inter,monospace;font-size:9px;fill:#bc7c2e73;letter-spacing:.12em;dominant-baseline:middle;text-anchor:middle}.pcbt-via{fill:#bc7c2e1f;stroke:#bc7c2ead;stroke-width:1.4}.pcbt-vhole{fill:#b476288c;stroke:none}.pcbt-pad{fill:#bc7c2e61;stroke:#bc7c2ea6;stroke-width:.8}.pcbe{fill:none;stroke:#ffd03cf2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:28 9999;filter:url(#elecGlow);animation:electricPulse 6s ease-in-out 0s infinite;opacity:0}.pcbe-short{stroke-width:1.8;stroke-dasharray:18 9999}.pcbe-pwr{stroke:#fff08cfa;stroke-width:4;stroke-dasharray:50 9999}@keyframes electricPulse{0%{stroke-dashoffset:28;opacity:0}4%{opacity:1}44%{opacity:.85}52%{stroke-dashoffset:-820;opacity:0}to{stroke-dashoffset:-820;opacity:0}}.auth-logo-img{display:block;width:120px;height:auto;margin:0 auto 24px}.site-header{display:none}main{width:min(1400px,calc(100% - 64px));margin:0 auto;padding-top:120px}section{padding:80px 0}.section-head{margin-bottom:34px}.section-head h2{font-size:clamp(2rem,5vw,4rem);font-weight:600;letter-spacing:-.04em}.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-light);margin-bottom:18px}.hero{min-height:86vh;display:grid;grid-template-columns:1fr;align-items:end;padding:100px 0 80px;gap:24px}.hero-left{max-width:760px}.spotify-player-wrap{max-width:460px;margin-bottom:22px;overflow:hidden;border-radius:12px}.spotify-embed{display:block;border:none;width:100%;height:152px}.music-player{max-width:460px;border:1px solid var(--border-strong);background:#ffffff14;padding:14px;margin-bottom:22px}.player-artwork{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border);display:block}.player-meta{margin-top:10px}.player-track{font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.player-artist{margin-top:3px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light)}.player-controls{margin-top:10px;display:flex;gap:10px}.player-btn{border:1px solid var(--border-strong);background:transparent;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;padding:6px 10px;cursor:pointer}.player-btn:hover{opacity:.7}.player-progress-wrap{margin-top:10px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px}.player-time{font-size:.7rem;color:var(--text-light)}.player-progress{width:100%;accent-color:var(--text)}.hero h1{font-size:clamp(4rem,10vw,9rem);font-weight:700;letter-spacing:-.06em;line-height:.92;margin-bottom:20px}.hero-copy{max-width:420px;font-size:1rem;line-height:1.5;color:var(--text-light);margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.piano-wrap{margin-top:24px;max-width:460px}.piano-svg{display:block;width:min(100%,460px);height:auto}.piano-outline,.piano-line{fill:transparent;stroke:var(--text);stroke-width:2}.piano-black{fill:var(--text);stroke:var(--text);stroke-width:2}.hero-dates{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:.92rem;letter-spacing:.04em;color:var(--text-light);padding-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:auto;padding:0 0 4px;border:none;border-bottom:1px solid var(--text);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;transition:opacity .25s ease;background:transparent;color:var(--text)}.btn:hover{opacity:.6}.btn-primary,.btn-secondary{background:transparent;color:var(--text)}.tour-list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.tour-item{display:grid;grid-template-columns:140px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--border)}.date{font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-light)}.tour-info h3{font-size:1.3rem;font-weight:600;margin-bottom:6px}.tour-info p{font-size:.98rem;color:var(--text-light)}.ticket-link{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--text);padding-bottom:3px;transition:opacity .25s ease}.ticket-link:hover{opacity:.6}.sold-out{opacity:.55;border-bottom-color:transparent}.media-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:18px}.media-card{min-height:220px;border:1px solid var(--border);padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff24}.media-card p{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-light)}.media-card h3{font-size:1.6rem;font-weight:600;line-height:1}.media-card.featured{min-height:280px}.plugins{padding:80px 0}.plugin-card{border:1px solid var(--border);padding:36px;background:#ffffff24;margin-top:8px}.plugin-header{margin-bottom:32px}.plugin-header h3{font-size:2rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.plugin-tagline{font-size:1rem;color:var(--text-light);letter-spacing:.04em}.knob-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin-bottom:36px}.knob-list li{display:flex;align-items:center;gap:12px}.knob-icon{width:24px;height:24px;flex-shrink:0;cursor:grab}.knob-icon:active{cursor:grabbing}.knob-pointer{transform-origin:18px 18px}.knob-list li strong{display:block;font-size:1.05rem;font-weight:600;letter-spacing:.04em;margin-bottom:4px}.knob-list li p{font-size:.92rem;line-height:1.6;color:var(--text-light);max-width:600px}.about p,.join p{max-width:720px;font-size:1rem;line-height:1.7;color:var(--text-light)}.join-form{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.join-form input{flex:1 1 320px;min-height:48px;background:transparent;border:1px solid var(--border-strong);color:var(--text);padding:0 14px;outline:none}.join-form input::placeholder{color:#9e1f1473}.form-message{margin-top:14px;font-size:.9rem;color:var(--text-light)}.country-select{flex:1 1 200px;min-height:48px;background:transparent;border:1px solid var(--border-strong);color:var(--text);padding:0 36px 0 14px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:.88rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(158%2C31%2C20%2C0.6)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.country-select option{background:#f4f1ec;color:var(--text)}.site-footer{width:min(1400px,calc(100% - 64px));margin:0 auto;padding:28px 0 36px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--text-light);font-size:.9rem}.socials{display:flex;gap:18px;flex-wrap:wrap}.socials a{transition:opacity .25s ease}.socials a:hover{opacity:.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reveal{opacity:1;transform:none}@media(max-width:980px){.hero{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr 1fr}.top-bar:after{left:40px;right:40px}}@media(max-width:760px){html{scroll-padding-top:62px}main,.site-footer{width:min(100% - 32px,1400px)}.top-bar{padding:14px 16px 10px}.top-bar:after{left:16px;right:16px}.top-nav{gap:12px;flex-wrap:nowrap;align-items:center}.nav-links{flex-shrink:1;min-width:0;overflow-x:auto;overflow-y:hidden;gap:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.nav-links::-webkit-scrollbar{display:none}.top-nav a{font-size:.66rem;letter-spacing:.14em;white-space:nowrap}.tour-item{grid-template-columns:1fr;align-items:start}.media-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:72px 0 40px}section{padding:56px 0}.hero h1{font-size:clamp(3.5rem,18vw,6rem)}}@media(prefers-reduced-motion:reduce){.pcb-bg:before,.pcb-bg:after{animation:none}}.synth-section{padding:80px 0}.synth-panel{margin-top:8px;padding:18px;border:2px solid #3a1a06;border-radius:4px;background:repeating-linear-gradient(90.4deg,transparent 0,transparent 2px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 3px),repeating-linear-gradient(89.7deg,transparent 0,transparent 6px,rgba(255,220,140,.04) 6px,rgba(255,220,140,.04) 7px),repeating-linear-gradient(90.9deg,transparent 0,transparent 14px,rgba(0,0,0,.07) 14px,rgba(0,0,0,.07) 16px),repeating-linear-gradient(89.2deg,transparent 0,transparent 28px,rgba(0,0,0,.05) 28px,rgba(0,0,0,.05) 31px),linear-gradient(175deg,#7a3e12,#8b4a18 6%,#6b3410,#7d3f14 22%,#6a3311,#8b4513,#5c2e0a 55%,#7e4215 65%,#6b3511 76%,#8a4418 86%,#5e3010);box-shadow:inset 0 1px #ffc8642e,inset 0 -1px #00000073,inset 2px 0 6px #00000040,inset -2px 0 6px #00000040,0 8px 32px #0000008c}.synth-control-surface{position:relative;background:#080200e6;border:1px solid rgba(58,26,6,.55);border-radius:2px;box-shadow:inset 0 1px #ffffff08,0 2px 8px #00000080;overflow:hidden}.synth-nameplate{display:flex;align-items:center;justify-content:space-between;padding:14px 28px 12px;border-bottom:2px solid rgba(58,26,6,.9);background:#0000004d;gap:20px;flex-wrap:wrap}.synth-knob-panel{display:flex;align-items:stretch;border-bottom:1px solid rgba(58,26,6,.6);overflow-x:auto}.kp-section{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(58,26,6,.55)}.kp-section:last-child{border-right:none}.section-label{font-size:.5rem;letter-spacing:.28em;color:#9e1f1480;text-transform:uppercase;font-weight:700;padding:8px 20px 0}.section-knobs{display:flex;align-items:flex-start;gap:10px;padding:10px 20px 14px}.synth-knob-group{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.synth-knob{cursor:ns-resize;user-select:none;-webkit-user-select:none;touch-action:none}.knob-svg{width:68px;height:68px;display:block}.knob-track{fill:none;stroke:#9e1f1429;stroke-width:4.5;stroke-linecap:round}.knob-arc-fill{fill:none;stroke:#c41e3a;stroke-width:4.5;stroke-linecap:round}.knob-body{fill:#1e0604;stroke:#9e1f1480;stroke-width:1.2}.knob-inner{fill:#150403;stroke:#9e1f1433;stroke-width:.6}.knob-indicator-line{stroke:#c41e3a;stroke-width:2.2;stroke-linecap:round}.knob-center-dot{fill:#c41e3a}.knob-label{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-light)}.knob-value{font-size:.7rem;letter-spacing:.08em;color:var(--text);font-weight:600}.knob-arc-lfo,.knob-indicator-lfo{stroke:#c87c10}.knob-center-lfo{fill:#c87c10}.filter-type-toggle{display:flex;gap:3px;margin-top:2px}.filter-type-btn{font-family:inherit;font-size:.52rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--text-light);background:transparent;border:1px solid rgba(158,31,20,.28);border-radius:3px;padding:2px 5px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.filter-type-btn:hover{color:#c41e3a;border-color:#c41e3a8c}.filter-type-btn.active{color:#c41e3a;border-color:#c41e3a;background:#c41e3a1f}.synth-brand{flex-shrink:0;line-height:1}.synth-model-name{display:block;font-size:2rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--text);text-shadow:0 0 28px rgba(196,30,58,.22)}.synth-model-sub{display:block;font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:#c41e3aa6;margin-top:4px;font-weight:600}.synth-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seq-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text);font-family:inherit;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:background .2s,color .2s}.seq-btn:hover,.seq-btn.seq-playing{background:var(--text);color:var(--bg)}.bpm-control{display:flex;align-items:center;gap:8px;margin-left:4px}.seven-seg-display{display:flex;gap:5px;background:#0a02018c;border:1px solid rgba(158,31,20,.25);padding:7px 10px;cursor:ns-resize}.seg-digit{position:relative;width:22px;height:38px}.seg-a,.seg-g,.seg-d{position:absolute;left:3px;width:16px;height:3px;background:#9e1f141f;transition:background .05s}.seg-a{top:0}.seg-g{top:50%;transform:translateY(-50%)}.seg-d{bottom:0}.seg-f,.seg-b,.seg-e,.seg-c{position:absolute;width:3px;height:15px;background:#9e1f141f;transition:background .05s}.seg-f{top:3px;left:0}.seg-b{top:3px;right:0}.seg-e{bottom:3px;left:0}.seg-c{bottom:3px;right:0}.seg.on{background:#c41e3a;box-shadow:0 0 6px #c41e3a8c}.bpm-meta{display:flex;flex-direction:column;align-items:center;gap:3px}.bpm-arrows{display:flex;flex-direction:column;gap:2px}.bpm-btn{background:transparent;border:none;color:var(--text-light);font-size:.6rem;line-height:1;padding:1px 4px;cursor:pointer;transition:color .15s}.bpm-btn:hover{color:var(--text)}.bpm-mobile-btn{display:none;font-size:1.2rem;padding:4px 10px;color:var(--text-light);border:1px solid rgba(158,31,20,.3);border-radius:2px;line-height:1;align-items:center;justify-content:center}@media(max-width:760px){.bpm-mobile-btn{display:flex}}.bpm-unit{font-size:.58rem;letter-spacing:.18em;color:var(--text-light)}.adsr-row{display:flex;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid rgba(58,26,6,.6);flex-wrap:wrap}.adsr-row-label{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-light);flex-shrink:0;width:28px}.adsr-controls{display:flex;gap:20px;flex:1;flex-wrap:wrap}.adsr-param{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;row-gap:6px;flex:1;min-width:80px}.adsr-label{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text);grid-column:1;grid-row:1;cursor:default}.adsr-slider{grid-column:1 / -1;grid-row:2;width:100%;-webkit-appearance:none;appearance:none;height:2px;background:#9e1f1438;outline:none;cursor:pointer;border-radius:0}.adsr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--text);cursor:pointer;border:none;box-shadow:0 0 0 2px #9e1f142e;transition:box-shadow .15s}.adsr-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px #9e1f1424}.adsr-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--text);cursor:pointer;border:none}.adsr-slider::-moz-range-progress{background:var(--text);height:2px}.adsr-value{font-size:.62rem;letter-spacing:.06em;color:var(--text-light);font-variant-numeric:tabular-nums;grid-column:2;grid-row:1;text-align:right}.adsr-viz{width:120px;height:40px;flex-shrink:0;overflow:visible}.adsr-curve{fill:none;stroke:var(--text);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.preset-panel{position:absolute;inset:0;z-index:200;background:#060101f7;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(196,30,58,.28)}.preset-panel.is-open{display:flex}.preset-panel-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(196,30,58,.18);flex-shrink:0;background:#14040499}.preset-panel-title{font-size:.58rem;letter-spacing:.28em;color:#c41e3a;text-transform:uppercase;flex-shrink:0}.preset-tabs{display:flex;gap:5px;flex:1}.preset-tab{background:transparent;border:1px solid rgba(196,30,58,.22);border-radius:3px;color:var(--text-light);font-family:inherit;font-size:.54rem;letter-spacing:.16em;padding:4px 12px;cursor:pointer;text-transform:uppercase;transition:color .15s,background .15s,border-color .15s}.preset-tab.active{color:#c41e3a;border-color:#c41e3a;background:#c41e3a1f}.preset-tab:not(.active):hover{color:var(--text);border-color:#c41e3a66}.preset-close-btn{margin-left:auto;background:none;border:1px solid rgba(196,30,58,.28);border-radius:3px;color:var(--text-light);font-size:.8rem;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.preset-close-btn:hover{color:#c41e3a;border-color:#c41e3a;background:#c41e3a1f}.preset-grid{display:none;grid-template-columns:repeat(4,1fr);gap:7px;padding:14px;overflow-y:auto;align-content:start}.preset-grid.is-active{display:grid}.preset-btn{background:#c41e3a0a;border:1px solid rgba(196,30,58,.22);border-radius:3px;color:var(--text-light);font-family:inherit;font-size:.56rem;letter-spacing:.1em;padding:11px 6px;cursor:pointer;text-align:center;text-transform:uppercase;line-height:1.3;transition:background .12s,color .12s,border-color .12s}.preset-btn:hover{background:#c41e3a24;color:var(--text);border-color:#c41e3a80}.preset-btn.active{background:#c41e3a33;color:#c41e3a;border-color:#c41e3a;box-shadow:inset 0 0 8px #c41e3a26}.spectrum-row{display:flex;align-items:stretch;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(58,26,6,.6)}.spectrum-label{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-light);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spectrum-canvas{flex:1;height:80px;display:block;border-radius:3px;border:1px solid rgba(158,31,20,.2);box-shadow:inset 0 0 12px #00000080}.snap-bar{display:flex;align-items:center;gap:5px;padding:5px 14px;border-bottom:1px solid rgba(58,26,6,.6);background:#0a040280}.snap-label{font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-light);margin-right:4px;flex-shrink:0}.snap-btn{background:#140803cc;border:1px solid rgba(158,31,20,.3);border-radius:3px;color:var(--text-light);font-family:inherit;font-size:.52rem;letter-spacing:.12em;padding:3px 8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-transform:uppercase}.snap-btn:hover{background:#9e1f1433;border-color:#9e1f1499;color:#e8a090}.snap-btn.active{background:#9e1f1473;border-color:#dc503cb3;color:#ffcfc0;box-shadow:0 0 6px #9e1f1466}.roll-outer{overflow-x:auto;overflow-y:hidden;border:1px solid rgba(158,31,20,.22);border-radius:3px;box-shadow:0 0 0 1px #00000047,inset 0 1px #ffa0781a,inset 0 -1px #00000059,0 6px 28px #9e1f141a,0 2px 6px #0000002e}.roll-inner{min-width:580px}.roll-header-row{display:flex;align-items:stretch;background:#0c0202;border-bottom:1px solid rgba(196,60,35,.55)}.roll-label-spacer{width:46px;flex-shrink:0;background:#090101;border-right:1px solid rgba(196,60,35,.45)}.roll-headers{display:flex;flex:1}.step-header{flex:1;height:24px;display:flex;align-items:center;justify-content:center;font-size:.58rem;letter-spacing:.04em;color:#e65f3cb8;border-left:1px solid rgba(196,60,35,.3);transition:background .1s}.step-header.beat-marker{color:#ff784b;font-weight:600}.step-header.half-beat-marker{color:#ff784b8c}.step-header.playhead-header{background:#c41e3a8c;color:#ffc8b4f2}.roll-body{display:flex}.roll-labels{width:46px;flex-shrink:0;display:flex;flex-direction:column;background:#090101;border-right:1px solid rgba(196,60,35,.45)}.roll-label{height:16px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.55rem;letter-spacing:.04em;color:#eb6441e6;border-bottom:1px solid rgba(196,60,35,.22)}.roll-label.black-note{background:#0000002e;color:#d74b2db3}.roll-grid{flex:1;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,rgba(255,155,110,.11) 0%,rgba(255,100,60,.05) 7%,transparent 22%),linear-gradient(135deg,rgba(255,130,85,.08) 0%,transparent 26%),linear-gradient(315deg,rgba(255,85,45,.05) 0%,transparent 20%),radial-gradient(ellipse 70% 55% at 25% 38%,rgba(195,45,20,.22) 0%,transparent 60%),radial-gradient(ellipse 60% 75% at 74% 64%,rgba(130,22,12,.17) 0%,transparent 55%),#0d0202;background-size:100% 100%,100% 100%,100% 100%,260% 260%,260% 260%,100% 100%;background-position:0 0,0 0,0 0,10% 20%,90% 80%,0 0;animation:liquidRollBg 18s ease-in-out infinite}@keyframes liquidRollBg{0%,to{background-position:0 0,0 0,0 0,10% 20%,90% 80%,0 0}25%{background-position:0 0,0 0,0 0,40% 65%,60% 30%,0 0}50%{background-position:0 0,0 0,0 0,82% 38%,18% 62%,0 0}75%{background-position:0 0,0 0,0 0,52% 78%,48% 22%,0 0}}.roll-row{display:flex;height:16px;border-bottom:1px solid rgba(196,60,35,.28)}.roll-row.black-row{background:#00000029}.roll-cell{flex:1;border:none;border-left:1px solid rgba(196,60,35,.22);background:transparent;cursor:pointer;padding:0;min-width:0;transition:background .08s}.roll-cell.beat-start{border-left-color:#dc502d8c}.roll-cell.eighth-start{border-left-color:#dc502d47}.roll-cell:hover{background:#ff643c33}.roll-cell.active{background:#c41e3a;box-shadow:inset 0 1px #ffa07859,inset -1px 0 #00000080,0 0 8px #c41e3a8c}.roll-cell.active:hover{opacity:.8}.roll-cell.playhead-col{background:#9e1f1433}.roll-cell.active.playhead-col{background:#c41e3a;opacity:.65}.piano-kb-outer{border-top:1px solid rgba(58,26,6,.6);overflow-x:auto;display:flex;flex-direction:column;align-items:center;padding:0}.kb-octave-bar{display:flex;align-items:center;gap:0;padding:5px 10px 4px;align-self:flex-start}.kb-oct-btn{width:22px;height:22px;background:transparent;border:1px solid rgba(196,60,35,.4);color:#e65f3cd9;font-size:1rem;line-height:1;cursor:pointer;transition:background .12s,color .12s;padding:0}.kb-oct-btn:first-child{border-radius:3px 0 0 3px;border-right:none}.kb-oct-btn:last-child{border-radius:0 3px 3px 0;border-left:none}.kb-oct-btn:hover:not(:disabled){background:#c43c232e;color:#ff784b}.kb-oct-btn:disabled{opacity:.25;cursor:default}.kb-oct-label{display:flex;align-items:center;justify-content:center;min-width:36px;height:22px;border-top:1px solid rgba(196,60,35,.4);border-bottom:1px solid rgba(196,60,35,.4);font-family:Inter,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.08em;color:#c43c2399;-webkit-user-select:none;user-select:none}.piano-kb{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.kb-white{position:absolute;top:0;width:30px;height:130px;background:transparent;border:1px solid rgba(196,60,35,.45);border-top:none;cursor:pointer;z-index:1;transition:background .07s;padding:0}.kb-white:hover{background:#c43c231a}.kb-white.kb-active{background:#c43c2338}.kb-black{position:absolute;top:0;width:19px;height:82px;background:#3a0b07;border:1px solid rgba(220,70,40,.6);cursor:pointer;z-index:2;transition:background .07s;padding:0}.kb-black:hover{background:#5c1410}.kb-black.kb-active{background:#c41e14d9}.kb-white-label{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:.46rem;letter-spacing:.04em;color:#9e1f1480;pointer-events:none;font-family:Inter,sans-serif}@media(max-width:760px){.synth-nameplate{padding:12px 18px;gap:12px}.synth-model-name{font-size:1.4rem}.section-knobs{gap:8px;padding:8px 14px 12px}.section-label{padding:6px 14px 0}}.synth-panel{position:relative}.synth-fullscreen-btn{display:none;position:absolute;top:10px;right:10px;z-index:20;background:transparent;border:1px solid var(--border-strong);color:var(--text);padding:7px;cursor:pointer;line-height:0;transition:background .2s,color .2s}.synth-fullscreen-btn:hover{background:var(--text);color:var(--bg)}.synth-fullscreen-btn svg{width:15px;height:15px;display:block}.synth-fs-compress{display:none}@media(max-width:760px){.synth-fullscreen-btn{display:block}}.synth-panel:fullscreen{overflow:auto;padding:0}.synth-panel:-webkit-full-screen{overflow:auto;padding:0}.synth-view-toggle{display:none}.synth-panel:fullscreen .synth-view-toggle,.synth-panel:-webkit-full-screen .synth-view-toggle{display:flex;justify-content:center;gap:0;padding:8px 16px 0}.svt-btn{flex:1;max-width:120px;padding:6px 0;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.12em;color:#c43c238c;background:transparent;border:1px solid rgba(196,60,35,.3);cursor:pointer;transition:background .15s,color .15s}.svt-btn:first-child{border-radius:3px 0 0 3px;border-right:none}.svt-btn:last-child{border-radius:0 3px 3px 0}.svt-btn.active{background:#c43c232e;color:#e65f3c;border-color:#c43c23a6}.synth-panel:fullscreen .synth-control-surface[data-view=keys] .roll-outer,.synth-panel:-webkit-full-screen .synth-control-surface[data-view=keys] .roll-outer{display:none}.synth-panel:fullscreen .synth-control-surface[data-view=roll] .piano-kb-outer,.synth-panel:-webkit-full-screen .synth-control-surface[data-view=roll] .piano-kb-outer{display:none}.nav-account-btn{background:transparent;border:1px solid var(--border);color:var(--text-light);font-family:inherit;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;cursor:pointer;transition:border-color .2s,color .2s;display:flex;align-items:center;gap:7px}.nav-account-btn:hover,.nav-account-btn.nav-account-in{border-color:var(--border-strong);color:var(--text)}.nav-user-initial{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--text);color:var(--bg);font-size:.72rem;font-weight:700}.auth-overlay{position:fixed;inset:0;background:#140402b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease}.auth-overlay.open{opacity:1;pointer-events:all}.auth-modal{background:var(--bg);border:1px solid var(--border-strong);width:min(420px,calc(100vw - 32px));padding:40px 36px 36px;position:relative;display:flex;flex-direction:column;gap:20px}.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.4rem;color:var(--text-light);cursor:pointer;line-height:1;padding:4px}.auth-close:hover{color:var(--text)}.auth-brand{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-light)}.auth-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.auth-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 0;margin-right:24px;font-family:inherit;font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.auth-tab.active,.auth-tab:hover{color:var(--text);border-bottom-color:var(--text)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form input{width:100%;height:44px;background:transparent;border:1px solid var(--border-strong);color:var(--text);padding:0 14px;font-family:inherit;font-size:.9rem;outline:none;transition:border-color .15s}.auth-form input:focus{border-color:var(--text)}.auth-form input::placeholder{color:#9e1f1459}.auth-form input.hidden{display:none}.auth-error{font-size:.8rem;color:var(--text);min-height:1.1em;opacity:.8}.auth-submit{height:44px;width:100%;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:.75rem;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-google{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;background:transparent;border:1px solid var(--border-strong);color:var(--text);font-family:inherit;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background .2s}.auth-google:hover{border-color:var(--text);background:#9e1f140a}@media(max-width:480px){.auth-modal{padding:32px 20px 28px}}