@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--font-mono:'Space Mono','Courier New',monospace;--spacing:0.25rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-bold:700;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-relaxed:1.625;--leading-loose:2;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#0d0d14;--color-cyan:#00e5ff;--color-magenta:#ff00aa;--color-txtpri:#e8f4f8;--color-txtmut:#5a7a8a}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji');font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button))  or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type='button'],[type='reset'],[type='submit']),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden='until-found'])){display:none !important}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0px}.top-0{top:0px}.top-\[22px\]{top:22px}.top-\[30px\]{top:30px}.right-0{right:0px}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:0px}.z-10{z-index:10}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-\[2px\]{margin-left:2px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-14{height:calc(var(--spacing) * 14)}.h-\[22px\]{height:22px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-\[3\]{flex:3}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[3px\]{gap:3px}.gap-\[8px\]{gap:8px}.gap-\[9px\]{gap:9px}.gap-\[10px\]{gap:10px}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#00e5ff11\]{border-color:#00e5ff11}.border-\[\#00e5ff18\]{border-color:#00e5ff18}.border-\[\#00e5ff22\]{border-color:#00e5ff22}.bg-\[rgba\(13\,13\,20\,0\.95\)\]{background-color:rgba(13,13,20,0.95)}.bg-\[rgba\(13\,13\,20\,0\.98\)\]{background-color:rgba(13,13,20,0.98)}.bg-ink{background-color:var(--color-ink)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.tracking-\[0\.5em\]{--tw-tracking:0.5em;letter-spacing:0.5em}.tracking-\[0\.12em\]{--tw-tracking:0.12em;letter-spacing:0.12em}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-cyan{color:var(--color-cyan)}.text-magenta{color:var(--color-magenta)}.text-txtmut{color:var(--color-txtmut)}.text-txtpri{color:var(--color-txtpri)}.uppercase{text-transform:uppercase}.opacity-30{opacity:30%}.opacity-70{opacity:70%}.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:text-cyan:hover{color:var(--color-cyan)}.hover\:underline:hover{text-decoration-line:underline}}@media (width>= 40rem){.sm\:flex-row{flex-direction:row}}@media (width>= 48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:text-left{text-align:left}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-\[12px\]{font-size:12px}.md\:text-\[13px\]{font-size:13px}}@media (width>= 64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer base{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Space Mono','Courier New',monospace;font-size:13px;background:#0d0d14;color:#e8f4f8;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d14}::-webkit-scrollbar-thumb{background:#00e5ff44;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff88}}@layer components{*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Space Mono','Courier New',monospace;font-size:13px;background:#0d0d14;color:#e8f4f8;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d14}::-webkit-scrollbar-thumb{background:#00e5ff44;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00e5ff88}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.blink-cursor{animation:blink 1s step-end infinite}@keyframes glowPulse{0%,100%{text-shadow:0 0 8px #00e5ff44}50%{text-shadow:0 0 18px #00e5ffaa,0 0 4px #00e5ff66}}.section-label{animation:glowPulse 3s ease-in-out infinite}@keyframes statusBlink{0%,100%{opacity:1}50%{opacity:0.2}}.status-blink{animation:statusBlink 1.5s ease-in-out infinite}.section-line{width:0;transition:width 1.2s cubic-bezier(0.22,1,0.36,1)}.section-line.visible{width:100%}@keyframes eqBar1{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(.8)}}@keyframes eqBar2{0%,100%{transform:scaleY(.4)}40%{transform:scaleY(1)}}@keyframes eqBar3{0%,100%{transform:scaleY(.6)}60%{transform:scaleY(.3)}}@keyframes eqBar4{0%,100%{transform:scaleY(.3)}30%{transform:scaleY(.9)}}@keyframes eqBar5{0%,100%{transform:scaleY(.5)}70%{transform:scaleY(.2)}}.eq-bar{width:3px;height:20px;background:#00e5ff;border-radius:1px;transform-origin:bottom}.eq-1{animation:eqBar1 .8s ease-in-out infinite}.eq-2{animation:eqBar2 .6s ease-in-out infinite}.eq-3{animation:eqBar3 1s ease-in-out infinite}.eq-4{animation:eqBar4 .7s ease-in-out infinite}.eq-5{animation:eqBar5 .9s ease-in-out infinite}.scanline-overlay{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(          0deg,transparent,transparent 2px,rgba(0,229,255,0.015) 2px,rgba(0,229,255,0.015) 4px        );z-index:1}.midi-card{background:rgba(0,229,255,0.04);border:1px solid rgba(0,229,255,0.18);box-shadow:0 0 0 1px #00e5ff22,inset 0 1px 0 #00e5ff44;transition:transform 0.25s ease,box-shadow 0.25s ease}.midi-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #00e5ff44,inset 0 1px 0 #00e5ff66,0 8px 30px rgba(0,229,255,0.08)}.midi-card-magenta:hover{border-left:2px solid #ff00aa}.midi-btn{border:1px solid #00e5ff;background:transparent;color:#00e5ff;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;padding:10px 20px;cursor:pointer;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center}.midi-btn:hover{background:#00e5ff;color:#0d0d14;box-shadow:0 0 20px #00e5ff66}.tag-pill{border:1px solid #ff00aa;color:#ff00aa;font-size:10px;padding:2px 8px;letter-spacing:0.08em;text-transform:uppercase}.stat-chip{border:1px solid rgba(0,229,255,0.25);background:rgba(0,229,255,0.06);color:#e8f4f8;font-size:11px;padding:6px 12px;letter-spacing:0.05em}.nav-link{position:relative;transition:color 0.25s ease}.nav-link::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#00e5ff;transition:width 0.3s ease}.nav-link:hover::after{width:100%}.nav-link:hover{color:#00e5ff;text-shadow:0 0 12px #00e5ff88}.dot-leader{flex:1;border-bottom:1px dotted #5a7a8a44;margin:0 8px;min-width:20px;align-self:flex-end;margin-bottom:4px}.dashed-box{border:1px dashed rgba(0,229,255,0.35);padding:24px}@media (min-width:768px){.dashed-box{padding:32px 40px}}.glow-text{text-shadow:0 0 12px #00e5ff88}.video-placeholder{border:1px solid rgba(0,229,255,0.3);background:rgba(0,229,255,0.02);box-shadow:0 0 30px rgba(0,229,255,0.06);transition:box-shadow 0.3s ease}.video-placeholder:hover{box-shadow:0 0 40px rgba(0,229,255,0.12)}.section-header-line{height:1px;background:linear-gradient(90deg,#00e5ff44,#00e5ff11)}.mobile-menu-open{display:flex !important}.mix-play-btn{margin-top:.75rem;width:100%;padding:.5rem 1rem;background:transparent;border:1px solid #00e5ff;color:#00e5ff;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;min-height:44px}.video-frame{margin-top:1rem;border:1px solid rgba(0,229,255,.3);border-radius:4px;overflow:hidden;background:#000}.video-frame video{width:100%;display:block;max-height:480px}.embed-frame{margin-top:1rem}.embed-frame iframe{border:0;width:100%;height:380px;display:block}.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:8px;top:-60px;z-index:100;background:#00e5ff;color:#0d0d14;padding:10px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;transition:top .2s}.skip-link:focus{top:8px}section[id]{scroll-margin-top:84px}html.menu-open,html.menu-open body{overflow:hidden}}:focus-visible{outline:2px solid #00e5ff;outline-offset:2px}.nav-link:hover{color:#00e5ff;text-shadow:0 0 12px #00e5ff88}.nav-link.is-active{color:#00e5ff !important}.nav-link:hover::after,.nav-link.is-active::after{width:100%}.midi-btn:hover{background:#00e5ff;color:#0d0d14;box-shadow:0 0 20px #00e5ff66}.midi-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #00e5ff44,inset 0 1px 0 #00e5ff66,0 8px 30px rgba(0,229,255,.08)}.midi-card-magenta:hover{border-left:2px solid #ff00aa}.video-placeholder:hover{box-shadow:0 0 40px rgba(0,229,255,.12)}.mix-play-btn:hover{background:#00e5ff11}.mix-play-btn.is-playing{background:#00e5ff22;color:#00e5ff}.section-line.visible{width:100%}.mobile-menu-open{display:flex !important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}