:root{--cs-surface:#1A1A1A;--cs-surface-light:#252525;--cs-surface-groove:#0F0F0F;--cs-fader-track:#0A0A0A;--cs-fader-cap:linear-gradient(180deg,#4A4A4A,#2A2A2A 50%,#3A3A3A);--cs-fader-cap-active:linear-gradient(180deg,#5A5A5A,#3A3A3A 50%,#4A4A4A);--cs-led-green:#32CD32;--cs-led-yellow:#FFD700;--cs-led-red:#FF4444;--cs-led-off:#1A1A1A;--cs-text-primary:rgba(255,255,255,0.92);--cs-text-secondary:rgba(255,255,255,0.7);--cs-text-muted:rgba(255,255,255,0.5);--cs-text-label:rgba(255,255,255,0.4);--cs-era-accent:#B8860B;--cs-era-led:#32CD32;--cs-era-glow:rgba(50,205,50,0.3);--cs-font-display:"Space Grotesk","DM Sans",system-ui,sans-serif;--cs-font-body:"IBM Plex Sans","Inter",system-ui,sans-serif;--cs-font-mono:"JetBrains Mono","SF Mono",monospace;--cs-font-meter:"Courier New",monospace;--cs-font-size-hero:3rem;--cs-font-size-chapter:1.75rem;--cs-font-size-body:17px;--cs-line-height:1.7;--cs-fader-width:72px;--cs-content-max:680px;--cs-section-gap:0;--cs-ease-fader:cubic-bezier(0.25,0.46,0.45,0.94);--cs-ease-meter:cubic-bezier(0.4,0,0.2,1);--cs-duration-fader:150ms;--cs-duration-crossfade:600ms}@media (min-width:768px){:root{--cs-font-size-hero:4rem;--cs-font-size-chapter:2.25rem;--cs-font-size-body:18px;--cs-fader-width:80px}}.console{background:var(--cs-surface);color:var(--cs-text-primary);font-family:var(--cs-font-body);font-size:var(--cs-font-size-body);line-height:var(--cs-line-height);min-height:100vh;position:relative;overflow-x:hidden;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 4px)}.console *{box-sizing:border-box}.fader-progress{position:fixed;left:0;top:0;bottom:0;width:var(--cs-fader-width);z-index:100;display:flex;flex-direction:column;align-items:center;padding:1rem 0;background:linear-gradient(90deg,#0D0D0D,#151515 60%,#1A1A1A);border-right:1px solid #2a2a2a}.fader-channel{font-family:var(--cs-font-meter);font-size:.875rem;letter-spacing:.1em;color:var(--cs-era-led);text-shadow:0 0 8px var(--cs-era-glow);margin-bottom:.75rem;padding:.25rem .5rem;background:#0A0A0A;border:1px solid #2a2a2a;border-radius:2px}.fader-track-container{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding:1rem 0}.fader-track{position:relative;width:8px;height:100%;background:var(--cs-fader-track);border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,.8),inset 0 -1px 2px rgba(255,255,255,.05)}.fader-scale{position:absolute;right:20px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0}.fader-db{font-family:var(--cs-font-mono);font-size:.5rem;color:var(--cs-text-label);letter-spacing:.05em}.fader-cap{position:absolute;left:50%;transform:translateX(-50%);width:24px;height:40px;background:var(--cs-fader-cap);border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.3);cursor:grab;transition:top var(--cs-duration-fader) var(--cs-ease-fader)}.fader-cap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:2px;background:#666;border-radius:1px}.fader-cap:hover{background:var(--cs-fader-cap-active)}.fader-meter{position:absolute;left:calc(50% + 20px);top:1rem;bottom:1rem;width:6px;display:flex;flex-direction:column-reverse;gap:2px}.fader-meter-segment{flex:1;background:var(--cs-led-off);border-radius:1px;transition:background .1s}.fader-meter-segment.lit-green{background:var(--cs-led-green);box-shadow:0 0 4px var(--cs-led-green)}.fader-meter-segment.lit-yellow{background:var(--cs-led-yellow);box-shadow:0 0 4px var(--cs-led-yellow)}.fader-meter-segment.lit-red{background:var(--cs-led-red);box-shadow:0 0 4px var(--cs-led-red)}@media (max-width:767px){.fader-progress{top:auto;left:0;right:0;bottom:0;width:100%;height:48px;flex-direction:row;padding:.5rem 1rem;border-right:none;border-top:1px solid #2a2a2a}.fader-channel{margin-bottom:0;margin-right:.75rem}.fader-track-container{flex-direction:row;padding:0}.fader-track{width:100%;height:8px}.fader-cap{width:40px;height:24px;transform:translateY(-50%);top:50%!important;left:0}.fader-meter,.fader-scale{display:none}}.meter-bridge{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0D0D0D,#141414);border-bottom:1px solid #2a2a2a;padding:.75rem 1rem;margin-left:var(--cs-fader-width);display:flex;align-items:center;gap:1rem}@media (max-width:767px){.meter-bridge{margin-left:0;padding:.5rem 1rem}}.meter-bridge-vu{display:flex;gap:3px;padding:.25rem .5rem;background:#0A0A0A;border-radius:2px}.meter-bridge-vu-bar{width:4px;height:16px;background:var(--cs-led-off);border-radius:1px;transition:background .15s,height .15s}.meter-bridge-vu-bar.active{background:var(--cs-era-led);box-shadow:0 0 4px var(--cs-era-glow)}.meter-bridge-label{font-family:var(--cs-font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter-bridge-label .current{color:var(--cs-era-led)}.console-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:4rem 1.5rem;margin-left:var(--cs-fader-width);text-align:center;background:radial-gradient(ellipse at center,rgba(50,50,50,.1) 0,transparent 70%),var(--cs-surface)}@media (max-width:767px){.console-hero{margin-left:0;padding-bottom:6rem}}.console-hero-bg{position:absolute;inset:0;opacity:.15;background-size:cover;background-position:50%;filter:grayscale(.5) contrast(1.2)}.console-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,26,.5) 0,rgba(26,26,26,.8) 60%,var(--cs-surface) 100%)}.console-hero-content{position:relative;z-index:1;max-width:800px}.console-hero-status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--cs-font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--cs-led-red);text-transform:uppercase;margin-bottom:2rem;padding:.5rem 1rem;background:#0A0A0A;border:1px solid #2a2a2a;border-radius:2px}.console-hero-status:before{content:"";width:8px;height:8px;background:var(--cs-led-red);border-radius:50%;animation:console-blink 1.5s ease-in-out infinite}@keyframes console-blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.console-hero-title{font-family:var(--cs-font-display);font-size:var(--cs-font-size-hero);font-weight:600;line-height:1.1;margin:0 0 1rem;letter-spacing:-.02em}.console-hero-title .accent{background:linear-gradient(135deg,var(--cs-era-led) 0,var(--cs-era-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.console-hero-subtitle{font-family:var(--cs-font-display);font-size:1.25rem;font-weight:400;color:var(--cs-text-secondary);margin-bottom:3rem}.console-hero-transport{display:flex;flex-direction:column;align-items:center;gap:.5rem}.console-hero-transport-label{font-family:var(--cs-font-mono);font-size:.625rem;letter-spacing:.15em;color:var(--cs-text-label);text-transform:uppercase}.console-hero-transport-btn{width:40px;height:40px;background:linear-gradient(180deg,#2A2A2A,#1A1A1A);border:1px solid #3a3a3a;border-radius:4px;display:flex;align-items:center;justify-content:center;animation:console-transport-pulse 2s ease-in-out infinite}.console-hero-transport-btn:before{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--cs-era-led)}@keyframes console-transport-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.channel-strip{position:relative;margin-left:var(--cs-fader-width);padding:4rem 1.5rem;border-bottom:1px solid #1a1a1a;opacity:0;transform:translateY(20px);transition:opacity var(--cs-duration-crossfade) var(--cs-ease-meter),transform var(--cs-duration-crossfade) var(--cs-ease-meter)}.channel-strip.visible{opacity:1;transform:translateY(0)}.channel-strip.crossfading-out{opacity:.3;transform:scale(.98)}@media (max-width:767px){.channel-strip{margin-left:0;padding:3rem 1.25rem 5rem}}.channel-strip-content{max-width:var(--cs-content-max);margin:0 auto}.channel-header{margin-bottom:2rem}.channel-number{display:inline-block;font-family:var(--cs-font-mono);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--cs-era-led);background:#0A0A0A;border:1px solid #2a2a2a;padding:.375rem .75rem;margin-bottom:1rem;text-shadow:0 0 6px var(--cs-era-glow)}.channel-title{font-family:var(--cs-font-display);font-size:var(--cs-font-size-chapter);font-weight:600;line-height:1.25;margin:0 0 .5rem;letter-spacing:-.01em}.channel-subtitle{font-family:var(--cs-font-body);font-size:1rem;color:var(--cs-text-secondary);margin:0}.patch-quote{position:relative;padding:1.25rem 1.5rem;margin:1.5rem 0 2rem;background:#0F0F0F;border-left:3px solid var(--cs-era-accent);&:before{content:"○";position:absolute;left:-7px;top:1.25rem;font-size:.75rem;color:var(--cs-era-accent);background:var(--cs-surface)}}.patch-quote-text{font-family:var(--cs-font-body);font-size:1rem;font-style:italic;color:var(--cs-text-secondary);margin:0;line-height:1.6}.patch-quote-source{display:block;margin-top:.75rem;font-family:var(--cs-font-mono);font-size:.75rem;font-style:normal;color:var(--cs-text-muted);letter-spacing:.05em}.signal-flow{margin-bottom:2rem}.signal-flow p{margin:0 0 1.25em}.signal-flow.has-dropcap p:first-child:first-letter{float:left;font-family:var(--cs-font-display);font-size:3.25rem;font-weight:600;line-height:.85;padding-right:.5rem;padding-top:.1rem;color:var(--cs-era-led);text-shadow:0 0 12px var(--cs-era-glow)}.console-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:2rem;background:rgba(255,68,68,.08);border:1px solid rgba(255,68,68,.2);border-radius:2px}.console-warning-led{width:8px;height:8px;background:var(--cs-led-red);border-radius:50%;flex-shrink:0;margin-top:.25rem;box-shadow:0 0 6px var(--cs-led-red)}.console-warning-text{font-size:.875rem;color:var(--cs-text-secondary);line-height:1.5}.channel-image{margin:2rem -1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.channel-image{margin:2.5rem 0;border-radius:2px}}.channel-image img{width:100%;height:auto;display:block;filter:contrast(1.05)}.channel-image-caption{font-family:var(--cs-font-mono);font-size:.625rem;color:var(--cs-text-label);padding:.5rem 1.5rem;text-align:right;letter-spacing:.05em}@media (min-width:768px){.channel-image-caption{padding:.5rem 0}}.patch-connection{position:relative;background:#0F0F0F;border:1px solid #2a2a2a;border-radius:2px;padding:1.25rem;margin:1.5rem 0;border-left:4px solid var(--cs-era-accent)}.patch-connection:before{content:"";position:absolute;left:-10px;top:1.25rem;width:12px;height:12px;background:var(--cs-surface);border:2px solid var(--cs-era-accent);border-radius:50%}.patch-connection.featured{background:linear-gradient(135deg,#0F0F0F 0,rgba(var(--cs-era-accent),.05) 100%);border-color:var(--cs-era-accent)}.patch-connection.has-image{display:grid;gap:1.25rem}@media (min-width:600px){.patch-connection.has-image{grid-template-columns:140px 1fr}}.patch-image-container{position:relative}.patch-image{width:100%;height:auto;display:block;filter:grayscale(.2) contrast(1.05);border-radius:2px}.patch-image-credit{font-family:var(--cs-font-mono);font-size:.5625rem;color:var(--cs-text-label);margin-top:.375rem}.patch-info{display:flex;flex-direction:column}.patch-name{font-family:var(--cs-font-display);font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.patch-epithet{font-family:var(--cs-font-body);font-size:.9375rem;font-style:italic;color:var(--cs-era-led);margin:0 0 .5rem}.patch-meta{font-family:var(--cs-font-mono);font-size:.6875rem;color:var(--cs-text-muted);margin:0 0 .75rem;letter-spacing:.03em}.patch-domains{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.patch-domain{font-family:var(--cs-font-mono);font-size:.625rem;letter-spacing:.05em;padding:.25rem .5rem;background:#1A1A1A;border:1px solid #2a2a2a;border-radius:2px;color:var(--cs-text-secondary)}.patch-description{font-size:.9375rem;line-height:1.6;color:var(--cs-text-secondary);margin:0 0 .75rem}.patch-quote-inline{font-family:var(--cs-font-body);font-size:.9375rem;font-style:italic;color:var(--cs-text-primary);padding-left:.75rem;border-left:2px solid var(--cs-era-accent);margin:0}.channel-insert{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2.5rem 0}.channel-insert-line{flex:1;max-width:100px;height:1px;background:linear-gradient(90deg,transparent,#2A2A2A,transparent)}.channel-insert-jack{width:12px;height:12px;background:var(--cs-surface);border:2px solid #2a2a2a;border-radius:50%}.master-section{margin-left:var(--cs-fader-width);padding:5rem 1.5rem;text-align:center;background:linear-gradient(180deg,var(--cs-surface) 0,#0F0F0F 50%,var(--cs-surface) 100%);border-top:1px solid #2a2a2a}@media (max-width:767px){.master-section{margin-left:0;padding-bottom:7rem}}.master-section-content{max-width:580px;margin:0 auto}.master-label{display:inline-block;font-family:var(--cs-font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--cs-text-label);padding:.5rem 1rem;background:#0A0A0A;border:1px solid #2a2a2a;margin-bottom:2rem}.master-title{font-family:var(--cs-font-display);font-size:2rem;font-weight:600;margin:0 0 2rem;background:linear-gradient(135deg,var(--cs-led-green) 0,var(--cs-era-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:768px){.master-title{font-size:2.5rem}}.master-text{font-size:1.0625rem;line-height:1.8;color:var(--cs-text-secondary)}.master-text p{margin:0 0 1.25em}.master-closing{font-family:var(--cs-font-display);font-size:1.25rem;font-style:italic;color:var(--cs-text-primary);margin-top:2rem}.output-section{margin-left:var(--cs-fader-width);padding:4rem 1.5rem;background:#0D0D0D}@media (max-width:767px){.output-section{margin-left:0;padding-bottom:6rem}}.output-content{max-width:var(--cs-content-max);margin:0 auto}.output-label{font-family:var(--cs-font-mono);font-size:.75rem;letter-spacing:.15em;color:var(--cs-text-muted);margin-bottom:1.5rem;text-transform:uppercase}.output-list{font-size:.875rem;color:var(--cs-text-secondary);line-height:1.8}.output-list a{color:var(--cs-era-led);text-decoration:none}.output-list a:hover{text-decoration:underline}.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}@media (max-width:767px){.sources-grid{grid-template-columns:1fr;gap:1.5rem}}.source-category{background:linear-gradient(180deg,#1a1a1a,#141414);border:1px solid #2a2a2a;border-radius:4px;padding:1.25rem;position:relative}.source-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cs-era-led,#00ff88) 0,transparent 100%);border-radius:4px 4px 0 0;opacity:.6}.source-category-label{display:flex;align-items:center;gap:.75rem;font-family:var(--cs-font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-text-muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #2a2a2a}.source-jack{width:10px;height:10px;background:#1a1a1a;border:2px solid #444;border-radius:50%;position:relative;flex-shrink:0}.source-jack:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--cs-era-led,#00ff88);border-radius:50%;box-shadow:0 0 6px var(--cs-era-led,#00ff88)}.source-list{list-style:none;padding:0;margin:0;gap:.875rem}.source-list,.source-list li{display:flex;flex-direction:column}.source-list li{gap:.125rem}.source-list a{color:var(--cs-text-primary,#e0e0e0);text-decoration:none;font-size:.875rem;line-height:1.4;transition:color .2s ease}.source-list a:hover{color:var(--cs-era-led,#00ff88)}.source-list a em{font-style:italic}.source-author{font-size:.75rem;color:var(--cs-text-muted,#666);font-family:var(--cs-font-mono)}.source-credits{padding-top:1.5rem;border-top:1px solid #2a2a2a;font-size:.8rem;color:var(--cs-text-muted);line-height:1.6}.source-credits strong{color:var(--cs-text-secondary)}.image-credits-section{padding-top:1.5rem;border-top:1px solid #2a2a2a;margin-top:1.5rem}.image-credits-title{display:flex;align-items:center;gap:.5rem;font-family:var(--cs-font-mono);font-size:.875rem;font-weight:600;color:var(--cs-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem}.image-credits-intro{font-size:.8rem;color:var(--cs-text-muted);margin:0 0 1rem;line-height:1.5}.image-credits-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem}@media (max-width:600px){.image-credits-list{grid-template-columns:1fr}}.image-credits-list li{font-size:.75rem;line-height:1.4;display:flex;flex-wrap:wrap;gap:.25rem}.image-credits-list a{color:var(--cs-era-led,#00ff88);text-decoration:none;font-weight:500}.image-credits-list a:hover{text-decoration:underline}.image-credits-list span{color:var(--cs-text-muted);font-family:var(--cs-font-mono);font-size:.6875rem}.channel-strip[data-era=race-records]{--cs-era-accent:#8B7355;--cs-era-led:#FFB347;--cs-era-glow:rgba(255,179,71,0.3)}.channel-strip[data-era=early-rb]{--cs-era-accent:#C0C0C0;--cs-era-led:#FF6B35;--cs-era-glow:rgba(255,107,53,0.3)}.channel-strip[data-era=soul]{--cs-era-accent:#B8860B;--cs-era-led:#32CD32;--cs-era-glow:rgba(50,205,50,0.3)}.channel-strip[data-era=philly]{--cs-era-accent:#D4AF37;--cs-era-led:#FFD700;--cs-era-glow:rgba(255,215,0,0.3)}.channel-strip[data-era=quiet-storm]{--cs-era-accent:#9370DB;--cs-era-led:#DA70D6;--cs-era-glow:rgba(218,112,214,0.3)}.channel-strip[data-era=new-jack]{--cs-era-accent:#00CED1;--cs-era-led:#00FF7F;--cs-era-glow:rgba(0,255,127,0.3)}.channel-strip[data-era=pop-rb]{--cs-era-accent:#E5C100;--cs-era-led:#FF1493;--cs-era-glow:rgba(255,20,147,0.3)}.channel-strip[data-era=alternative]{--cs-era-accent:#6B8E6B;--cs-era-led:#98FB98;--cs-era-glow:rgba(152,251,152,0.3)}@media (prefers-reduced-motion:reduce){.console-hero-status:before,.console-hero-transport-btn{animation:none}.channel-strip{opacity:1;transform:none}.channel-strip,.fader-cap,.fader-meter-segment{transition:none}}.console a:focus,.console button:focus{outline:2px solid var(--cs-era-led);outline-offset:2px}.console-skip-link{position:absolute;top:-50px;left:0;background:var(--cs-era-led);color:#000;padding:.75rem 1.25rem;font-family:var(--cs-font-mono);font-size:.875rem;z-index:1000;transition:top .2s}.console-skip-link:focus{top:0}