@import url('https://fonts.googleapis.com/css2?family=Michroma&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--hull:#11100e;--screen:#070706;--pane:#0b0a08;--line:#40352a;--line-light:#725238;--ink:#d6c5ad;--muted:#aa9376;--signal:#ed8b36;--amber:#cf914f;--red:#bd552c;--mono:'IBM Plex Mono',ui-monospace,monospace;--display:Michroma,Arial,sans-serif}
*{box-sizing:border-box}html{background:#100f0d}body{margin:0;background:repeating-linear-gradient(135deg,#12100f 0 2px,#191715 2px 4px);color:var(--ink);font:12px/1.6 var(--mono);height:100dvh;overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:focus-visible{position:relative;z-index:5}::selection{background:var(--signal);color:var(--screen)}[hidden]{display:none!important}h1,h2,p,dl,dd{margin:0}h1,h2{font-weight:500}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:30;left:20px;top:-100px;background:var(--signal);color:var(--screen);padding:10px}.skip-link:focus{top:16px}.terminal{position:relative;isolation:isolate;display:flex;flex-direction:column;height:calc(100dvh - 24px);margin:12px;padding:0 8px;background:var(--hull);border:1px solid #635142;border-top:3px solid #7b6552;border-bottom:4px solid #080707;box-shadow:0 0 0 4px #11100e,inset 0 0 0 1px #292420,0 8px 30px #000;overflow:hidden}.terminal:before,.terminal:after{content:'';position:absolute;top:89px;bottom:122px;width:2px;z-index:-1;background:linear-gradient(#cea584 0 18%,#3b342e 18% 80%,#75604e 80%)}.terminal:before{left:2px}.terminal:after{right:2px}.system-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:12px 22px;border-bottom:1px solid #534438;background:linear-gradient(180deg,#25211d,#201d1b)}.identity{display:flex;gap:17px;align-items:center}.artist-name{font:400 clamp(18px,2vw,27px)/1 var(--display);letter-spacing:.025em;color:#e5cebc}.identity-sub{display:block;margin-top:12px;font:8px var(--mono);letter-spacing:.18em;color:var(--muted)}.identity-mark{display:flex;align-items:flex-end;gap:3px;height:31px;transform:skew(-10deg)}.identity-mark i{display:block;width:7px;height:100%;background:var(--amber);box-shadow:inset 0 -5px 0 #625042}.identity-mark i:nth-child(2){height:73%;background:#9b7c63}.identity-mark i:nth-child(3){height:46%;background:#625042}.header-right{display:flex;gap:35px;align-items:center;font-size:9px;letter-spacing:.06em}.header-right>a{padding-left:20px;border-left:1px solid var(--line-light)}.header-right>a span{color:var(--amber);margin-left:12px}.system-state{display:flex;align-items:center;gap:9px;color:var(--signal)}.system-state i{width:5px;height:5px;background:var(--signal);box-shadow:0 0 7px #ed8b3655}.terminal-body{display:grid;grid-template-columns:202px minmax(0,1fr);flex:1;min-height:0;background:#1c1a18}.module-rail{display:flex;flex-direction:column;border-right:1px solid #514236;background:linear-gradient(90deg,#1d1a18,#221e1b);padding:23px 10px 17px}.rail-label{font-size:8px;letter-spacing:.14em;color:var(--muted);margin:0 11px 15px}.module-nav{display:flex;flex-direction:column;gap:8px}.module-nav a{position:relative;display:grid;grid-template-columns:23px 1fr 8px;gap:8px;align-items:center;min-height:70px;padding:12px 9px;border:1px solid #4a413a;border-bottom-color:#100f0d;background:linear-gradient(180deg,#292420,#1d1a18);box-shadow:inset 1px 1px #3a332d,0 2px 0 #0e0d0c;color:#aa998b;font-size:11px;line-height:1.4;letter-spacing:.025em}.module-nav .nav-code{color:#886f5b;font-size:9px}.module-nav small{display:block;margin-top:7px;color:#8a715c;font:7px/1.4 var(--mono);letter-spacing:.025em}.module-nav b{visibility:hidden;font-size:10px;color:var(--signal)}.module-nav a:hover{color:var(--signal);border-color:var(--line-light)}.module-nav a[aria-current]{border-color:#b5a394;background:#2e2824;color:var(--signal);box-shadow:inset 3px 0 var(--signal),inset 0 0 25px #705c4b15,0 2px 0 #0e0d0c}.module-nav a[aria-current] .nav-code,.module-nav a[aria-current] small{color:#bca99a}.module-nav a[aria-current] b{visibility:visible}.rail-bottom{display:flex;align-items:flex-end;gap:14px;margin-top:auto;padding:25px 11px 0;font-size:8px;line-height:1.8;color:#8a715c}.rail-bottom p{margin-bottom:10px;color:var(--amber)}.rail-glyph{font-size:18px;line-height:.85;color:#7e6754}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #100f0d;margin:10px 0 10px 10px;background:var(--screen);box-shadow:inset 0 0 0 1px #37302b;position:relative}.workspace:after{content:'';position:absolute;inset:29px 0 0;pointer-events:none;z-index:4;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}.window-bar{height:29px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 13px;border-bottom:1px solid #57473a;background:#342e29;color:#cab6a6;font-size:8px;letter-spacing:.09em}.window-bar>span:first-child{display:flex;gap:9px;align-items:center}.window-bar i{width:5px;height:5px;background:var(--amber)}.window-control{font-size:12px;letter-spacing:.15em;color:#9c8d80}.workspace-scroll{min-height:0;overflow:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#6e5a4a #141211}.view-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 25px;padding-bottom:17px;border-bottom:1px solid var(--line)}.overline{font-size:8px;letter-spacing:.15em;color:var(--amber);margin-bottom:10px}h1{font:400 clamp(18px,2.2vw,29px)/1.3 var(--display);letter-spacing:-.01em;color:#ead3c0;outline:none}.heading-cursor{color:var(--signal);margin-left:4px}.tag{display:inline-block;color:var(--muted);padding:4px 7px;border:1px solid var(--line);font-size:8px;white-space:nowrap;letter-spacing:.035em}.tag-link{border-color:#886f5b;color:var(--signal)}.audio-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px}.deck-column{min-width:0;display:flex;flex-direction:column;gap:18px}.module-box{min-width:0;border:1px solid var(--line-light);background:var(--pane);box-shadow:inset 0 0 0 2px #131110,0 2px 0 #080707}.box-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:32px;padding:8px 11px;border-bottom:1px solid var(--line);background:#26211e;color:#c1ae9e;font:500 8px/1.5 var(--mono);letter-spacing:.09em}.scope{border-color:#8a715c}.scope .box-heading>span:last-child{font-weight:400;color:var(--amber);font-size:7px}.scope-display{position:relative;height:clamp(140px,22vh,210px);margin:10px;background:#100f0d;border:1px solid #4e4034;overflow:hidden}.scope-display canvas{display:block;width:100%;height:100%;opacity:.7}.scope-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#100f0d99}.scope-cross{position:absolute;top:8px;left:10px;color:#8c735e;font-size:21px}.scope-idle p{font-size:12px;letter-spacing:.15em;color:#cbb7a6}.scope-idle>span:last-child{font-size:7px;letter-spacing:.05em;margin-top:13px;color:#998a7d}.scope-axis{position:absolute;left:10px;right:10px;bottom:6px;display:flex;justify-content:space-between;color:#927862;font-size:6px;pointer-events:none}.is-playing .scope-display canvas{opacity:1}.record-content{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:17px;align-items:center}.cover{width:145px;aspect-ratio:1;object-fit:cover;border:1px solid #5c4b3e;filter:saturate(.55) brightness(.86)}.file-kind{display:inline-block;font-size:7px;letter-spacing:.1em;color:var(--amber);margin-bottom:9px}.record h2{font-size:clamp(15px,1.5vw,21px);line-height:1.35;letter-spacing:-.025em;color:#e8d1be}.record p{font-size:10px;line-height:1.8;color:#af9e90;margin:11px 0 14px;max-width:330px}.terminal-button{display:inline-flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 12px;border:1px solid #9b8c7f;background:#342e29;color:#e7d0bd;font:500 9px/1.4 var(--mono);letter-spacing:.035em;box-shadow:inset 0 1px #614f41,0 2px 0 #0d0c0b}.terminal-button:hover{border-color:var(--signal);background:#4c433b;color:#ffe6d1}.terminal-button:active{transform:translateY(1px)}.context-column{display:flex;flex-direction:column;gap:18px}.source-data{padding:7px 12px}.source-data>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #3d3630;font-size:7px}.source-data>div:last-child{border:0}.source-data dt{color:#9c8d80}.source-data dd{color:#d4bfae;text-align:right}.system-link{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding:12px;font-size:8px;letter-spacing:.05em;color:var(--signal)}.system-link:hover{background:#302a25;color:#fff}.system-link span{color:var(--amber)}.log-callout p{font-size:11px;line-height:1.8;color:#b2a092;padding:15px 13px}.log-callout .terminal-button{margin:0 12px 14px;font-size:8px}.channel-links .rail-label{margin:0 0 5px;font-size:7px}.channel-links>a{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #423a33;font-size:8px;color:#b8a697}.channel-links>a:hover{color:var(--signal)}.channel-links>a span{color:var(--amber)}.video-frame{aspect-ratio:16/9;background:#060505}.video-frame iframe{width:100%;height:100%;display:block;border:0}.visual-console .box-heading{font-size:9px}.plain-button{padding:0;border:0;background:none;color:var(--signal);font:8px var(--mono)}.plain-button:hover{color:#fff}.feed-surface{padding:0 18px}#field-notes-embed{width:100%;display:block;min-height:150px;border:0;background:var(--pane)}.about-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:18px;align-items:start}.file-copy{padding:25px;color:#b6a495;font:12px/1.9 var(--mono)}.file-copy>p+p{margin-top:20px}.file-copy .file-lead{color:#e7d0bd;font-size:clamp(17px,2vw,25px);line-height:1.6;letter-spacing:-.03em}.fallback-note{padding:15px;border:1px solid var(--amber);color:var(--amber)}.fallback-note a{text-decoration:underline}.transport{flex-shrink:0;min-height:64px;padding:9px 20px;border-top:1px solid #6b5848;border-bottom:1px solid #0c0b0a;background:linear-gradient(#2a2521,#1c1a18);box-shadow:inset 0 2px #3d3630}.transport>audio{width:100%}.transport-controls{display:grid;grid-template-columns:80px minmax(155px,.85fr) minmax(130px,1.4fr) 115px;align-items:center;gap:20px}.transport-play{display:flex;justify-content:center;align-items:center;gap:9px;min-height:40px;background:#433b34;border:1px solid #a9988b;border-bottom:3px solid #201d1b;color:#edd6c2;font:500 10px var(--mono);box-shadow:inset 0 1px #725d4c}.transport-play:hover{background:#5a4a3c;border-color:var(--signal)}#play-symbol{color:var(--signal);font-size:14px}.transport-track{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:8px;letter-spacing:.02em}.transport-label{font-size:7px;letter-spacing:.13em;color:var(--amber)}.transport-track>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c9b5a5}.seek-control{min-width:0}input[type=range]{display:block;margin:0;width:100%;height:16px;accent-color:#d4bfae;cursor:pointer;outline-offset:4px}input[type=range]:disabled{opacity:.5}.transport-time{display:flex;justify-content:space-between;font:8px var(--mono);margin-top:4px;color:#bfac9d}.volume-control{display:flex;align-items:center;gap:12px;font-size:7px;color:#b5a394}.volume-control input{min-width:0}.system-footer{height:25px;flex-shrink:0;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:0 12px;background:#131110;color:#8f7560;font-size:6px;letter-spacing:.05em}.system-footer>span:nth-child(2){color:#baa899}.system-footer time{color:#b5a394;white-space:nowrap}
@media(min-width:1700px){.terminal{max-width:1700px;margin-left:auto;margin-right:auto}.workspace-scroll{padding:30px}.scope-display{height:260px}.record-content{grid-template-columns:190px 1fr;gap:30px;padding:24px}.cover{width:190px}.audio-layout{grid-template-columns:1fr 270px}.record h2{font-size:27px}.record p{font-size:12px}.source-data>div{font-size:9px;padding:13px 0}.box-heading{font-size:10px}.channel-links>a{font-size:10px}.log-callout p{font-size:13px}}
@media(max-width:1100px){.terminal-body{grid-template-columns:176px minmax(0,1fr)}.module-rail{padding-left:7px;padding-right:7px}.module-nav a{font-size:10px;grid-template-columns:18px 1fr 6px;gap:6px;padding-left:8px}.module-nav small{font-size:6px}.workspace-scroll{padding:20px}.audio-layout{grid-template-columns:1fr}.context-column{display:none}.record-content{grid-template-columns:130px 1fr}.cover{width:130px}.record h2{font-size:19px}.transport-controls{grid-template-columns:75px minmax(140px,.9fr) minmax(150px,1.3fr) 90px;gap:13px}.system-header{padding-left:17px;padding-right:17px}.header-right{gap:20px}.artist-name{font-size:22px}.view-header{margin-bottom:20px}.about-layout{grid-template-columns:1fr}.scope-display{height:180px}}
@media(max-width:700px){.terminal{margin:6px;height:calc(100dvh - 12px);padding:0 5px}.system-header{min-height:64px;padding:10px 9px;gap:8px}.artist-name{font-size:18px}.identity-sub{font-size:6px;letter-spacing:.08em;margin-top:8px}.identity{gap:10px}.identity-mark{height:26px;gap:2px}.identity-mark i{width:5px}.header-right{gap:13px;font-size:8px}.header-right>a{padding-left:10px}.header-right>a span{margin-left:3px}.system-state{font-size:0;gap:0}.system-state i{width:5px;height:5px}.terminal-body{display:flex;flex-direction:column}.module-rail{display:block;padding:8px 0 9px;border-right:0;border-bottom:1px solid #544538;background:#221e1b}.module-rail>.rail-label,.rail-bottom{display:none}.module-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.module-nav a{min-height:46px;padding:6px 4px;display:flex;flex-direction:column;gap:3px;justify-content:center;font-size:10px;letter-spacing:-.03em}.module-nav .nav-code{font-size:7px}.module-nav small,.module-nav b{display:none}.module-nav a[aria-current]{box-shadow:inset 0 -2px var(--signal),inset 0 0 25px #705c4b15,0 2px 0 #0e0d0c}.workspace{flex:1;margin:7px 0}.window-bar{font-size:6px;height:25px;padding:0 8px}.window-control{font-size:10px}.workspace-scroll{padding:15px 11px}.overline{font-size:7px;margin-bottom:7px}.view-header{gap:10px;margin-bottom:15px;padding-bottom:14px}.view-header h1{font-size:18px;letter-spacing:-.04em}.tag{font-size:6px;padding:4px}.view-header>.tag:not(.tag-link){display:none}.heading-cursor{margin-left:1px}.scope-display{height:145px;margin:7px}.box-heading{font-size:8px;min-height:29px;padding:7px 9px;letter-spacing:.04em}.scope-idle p{font-size:9px;letter-spacing:.07em}.scope-idle>span:last-child{font-size:6px;margin-top:10px}.deck-column{gap:13px}.record-content{grid-template-columns:95px minmax(0,1fr);gap:13px;padding:12px}.cover{width:95px}.record h2{font-size:14px;line-height:1.4}.record p{font-size:10px;line-height:1.7;margin:9px 0}.file-kind{font-size:6px;margin-bottom:6px}.record-play{font-size:8px;padding:7px 8px;letter-spacing:0}.transport{min-height:80px;padding:8px 7px}.transport-controls{grid-template-columns:69px minmax(0,1fr);gap:8px 14px}.transport-play{grid-row:span 2;min-height:44px;gap:6px;font-size:10px}#play-symbol{font-size:12px}.transport-track{font-size:9px;gap:4px;align-self:end}.transport-label{font-size:7px}.seek-control{align-self:start}.transport-time{font-size:8px;margin-top:1px}.volume-control{display:none}.system-footer{padding:0 5px;height:23px;font-size:7px;gap:7px}.system-footer>span:first-child{display:none}.system-footer time{font-size:7px}.feed-surface{padding:0 10px}.log-console .box-heading{font-size:6px}.plain-button{font-size:7px}.file-copy{padding:17px;font-size:11px;line-height:1.8}.file-copy .file-lead{font-size:17px}.about-layout{gap:14px}.visual-console .box-heading{font-size:7px}.visual-console .box-heading>span:last-child{font-size:6px}}
@media(max-width:359px){.artist-name{font-size:16px}.identity-sub{font-size:5px}.module-nav a{font-size:7px}.record-content{grid-template-columns:75px minmax(0,1fr);gap:10px}.cover{width:75px}.record h2{font-size:12px}.view-header h1{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Persistent Noise identity: matte black, worn amber print, original wordmark. */
.system-header{background:#000}.identity{gap:0}.artist-logo{display:block;width:210px;height:39px}.identity-sub{margin-top:7px;font-size:7px;letter-spacing:.17em}.module-nav a{background:#14110d}.module-nav a[aria-current]{background:#21170e;box-shadow:inset 3px 0 var(--signal),inset 0 0 20px #9b5b1610,0 2px 0 #080604}.module-nav a:hover{background:#1c140c}.terminal-button,.transport-play{background:#281b0f}.terminal-button:hover,.transport-play:hover{background:#412812}.scope-display{background:#050403}.scope-idle{background:#050403c9}.scope-display canvas{opacity:.7}.module-box{background:#0b0a08}.workspace:after{opacity:.08}.ep-file{margin-top:18px}.ep-art{display:block;width:min(100%,400px);margin:0 auto}.ep-file .system-link{color:var(--amber)}
@media(max-width:700px){.artist-logo{width:170px;height:31px}.identity-sub{margin-top:6px;font-size:6px;letter-spacing:.055em}}

/* Compact transport, with a distinct lower button edge. */
.transport-play{border-bottom:2px solid #9d6839;box-shadow:inset 0 1px #75604b;align-self:center}

/* CRONAM / scorched circuitry. Texture is drawn in CSS; the artwork stays original. */
:root {
  --hull:#0e0b09; --screen:#070605; --pane:#0c0a08;
  --line:#3d2f27; --line-light:#544137; --ink:#d0cbb8;
  --muted:#a09f8e; --signal:#df8a42; --amber:#bb8755; --red:#a5452c;
}
html { background:#030202; }
body {
  background:radial-gradient(ellipse at 50% 5%,#201915 0,transparent 65%),#030202;
}
.terminal {
  padding:0 10px;
  border:1px solid #493930; border-top:3px solid #5c473c; border-bottom:4px solid #040303;
  background:linear-gradient(105deg,#221a16 0,#15100e 15%,#0c0908 65%,#1d1613);
  box-shadow:0 0 0 3px #040303,0 0 0 4px #2b211c,inset 0 0 0 1px #080605,0 12px 50px #000;
}
.terminal:before {
  inset:0; width:auto; z-index:-1; opacity:.14;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}
.terminal:after {
  inset:7px 3px; width:auto; z-index:6; pointer-events:none;
  background:radial-gradient(circle at 3px 3px,#090706 0 1px,#5d5248 1.5px 2.5px,transparent 3px) 0 0/100% 100%,radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#090706 0 1px,#5d5248 1.5px 2.5px,transparent 3px);
}
.system-header {
  position:relative; min-height:88px; background:linear-gradient(90deg,#030202 0,#0c0908 65%,#17120f);
  border-bottom:1px solid #3f3129; box-shadow:0 3px 0 #050403;
}
.system-header:after {
  content:''; position:absolute; bottom:-1px; left:22px; width:130px; height:2px;
  background:linear-gradient(90deg,#a5452c 0 76%,transparent 76% 80%,#a5452c 80% 86%,transparent 86% 90%,#a5452c 90%);
}
.artist-logo { filter:brightness(.88); }
.identity-sub { color:#9e9c86; letter-spacing:.2em; }
.header-right { color:#c5ae9a; }
.system-state { color:#c3ac98; }
.system-state i { background:#bda794; box-shadow:0 0 9px #a5928140; }
.terminal-body { background:transparent; }
.module-rail { background:linear-gradient(90deg,#100d0b,#1a1411 88%,#0b0807); border-right:1px solid #3e3129; padding-top:26px; }
.rail-label { color:#b09b89; letter-spacing:.18em; }
.module-nav { gap:12px; }
.module-nav a {
  min-height:73px; border:1px solid #41332a; border-bottom:2px solid #050404;
  background:linear-gradient(105deg,#261e19,#17120f 17%,#100c0a);
  color:#c4ad99; box-shadow:inset 0 1px #48382f,0 2px 0 #060404;
}
.module-nav a:after {
  content:''; position:absolute; right:5px; top:6px; height:9px; width:2px; background:#706358;
  box-shadow:-4px 0 #3a2d26;
}
.module-nav .nav-code { color:#ae9988; border-right:1px solid #4e3d33; padding-right:5px; }
.module-nav small { color:#a18e7d; font-size:8px; letter-spacing:0; }
.module-nav a:hover { background:#1f1814; border-color:#867668; color:#e5dcc3; }
.module-nav a[aria-current] {
  color:#efaf6b; border-color:#815b37; border-bottom-color:#3c2616;
  background:linear-gradient(90deg,#422a17,#201a0f 40%,#14100d);
  box-shadow:inset 3px 0 #df8a42,inset 0 1px #a77240,0 2px 0 #050403;
}
.module-nav a[aria-current]:after { background:#f1ad66; box-shadow:0 0 9px #d56a2755,-4px 0 #69401c; }
.module-nav a[aria-current] .nav-code,.module-nav a[aria-current] small { color:#c4a87c; }
.rail-bottom { color:#a89483; border-top:1px solid #3b2e27; margin-left:10px; margin-right:10px; padding:20px 0 0; }
.rail-glyph { color:#827365; font-size:16px; }
.rail-bottom p { color:#c5a773; letter-spacing:.11em; }
.workspace {
  border:1px solid #4d3c32; background:radial-gradient(ellipse at 55% 0,#20191580,transparent 65%),var(--screen);
  box-shadow:inset 0 0 45px #000,0 0 0 3px #070605,inset 0 0 0 1px #17120f;
}
.workspace:after {
  inset:29px 0 0; opacity:.15;
  background:repeating-linear-gradient(0deg,transparent 0 2px,#000 2px 3px),radial-gradient(ellipse at 50% 40%,transparent 45%,#000 100%);
}
.window-bar {
  background:linear-gradient(90deg,#312620,#1c1612 60%,#1f1814);
  border-bottom:1px solid #513f35; color:#bfa895; letter-spacing:.13em;
}
.window-bar i { background:#b88242; box-shadow:0 0 6px #ce7a3040; }
.window-control { color:#998778; }
.workspace-scroll { padding:28px; }
.view-header { position:relative; border-bottom:1px solid #4c3b31; margin-bottom:25px; padding-bottom:19px; }
.view-header:after { content:''; position:absolute; left:0; bottom:-1px; width:46px; height:2px; background:#b15b30; }
.overline { color:#bc9569; letter-spacing:.19em; }
h1 { color:#d9d7bd; font:500 clamp(21px,2.6vw,35px)/1.2 var(--mono); letter-spacing:.045em; text-shadow:0 0 15px #bea79422; }
.heading-cursor { color:#a86537; }
.tag { background:#191411; color:#b6b69e; border-color:#534136; }
.tag-link { color:#e6a25f; }
.module-box {
  position:relative; border-color:#4b3b31;
  background:linear-gradient(130deg,#1a141170,transparent 50%),#0b0807;
  box-shadow:inset 0 0 0 2px #090706,0 3px 0 #030202;
}
.box-heading {
  background:linear-gradient(90deg,#2a211b,#18120f);
  border-bottom:1px solid #46372e; color:#c5ae9a; min-height:34px; letter-spacing:.14em;
}
.module-box>.box-heading:before { content:''; display:block; flex:0 0 3px; height:12px; background:#805c36; }
.module-box>.box-heading>span:first-child { margin-right:auto; }
.scope { border-color:#6c6055; box-shadow:inset 0 1px #8c7b6d,0 3px 0 #040302; }
.scope>.box-heading { background:linear-gradient(90deg,#392c25,#211a15); color:#cfb6a1; }
.scope-display {
  height:clamp(175px,26vh,260px); background:#050403; border:1px solid #62564d;
  box-shadow:inset 0 0 32px #000,0 0 0 3px #100d0b;
}
.scope-display:after {
  content:''; pointer-events:none; position:absolute; inset:0; z-index:2;
  background:linear-gradient(105deg,#9b887906,transparent 40%),repeating-linear-gradient(0deg,transparent 0 2px,#0004 2px 3px),radial-gradient(ellipse at center,transparent 35%,#000a);
}
.scope-idle { background:radial-gradient(ellipse,#261e1950,transparent 65%); }
.scope-idle:before {
  content:''; position:absolute; width:130px; height:130px; border:1px solid #70635838; border-radius:50%;
  box-shadow:0 0 0 23px #70635810,inset 0 0 0 20px #7063580a; opacity:.8;
}
.scope-idle:after {
  content:''; pointer-events:none; position:absolute; inset:0;
  background:linear-gradient(0deg,transparent 0 48%,#a7938230 50%,transparent 53% 100%);
  transform:translateY(-100%); animation:signal-sweep 14s linear infinite;
}
.scope-idle p { z-index:1; color:#cfb7a2; font-size:11px; letter-spacing:.22em; text-shadow:0 0 10px #b9a39050; }
.scope-idle>span:last-child { color:#bfa895; z-index:1; letter-spacing:.08em; }
.scope-cross { color:#917f71; }
.scope-axis { z-index:3; color:#a18e7e; font-size:7px; }
.scope-display canvas { filter:drop-shadow(0 0 3px #b8a28f55); }
.record-content { padding:20px; }
.cover { filter:saturate(.35) brightness(.72) contrast(1.15); border-color:#50503a; box-shadow:0 0 0 4px #050404; }
.record h2 { color:#dbd6ba; letter-spacing:.025em; }
.record p,.log-callout p { color:#c3ac98; }
.file-kind { color:#bba575; }
.terminal-button,.transport-play {
  border:1px solid #997445; border-bottom:2px solid #896139; background:linear-gradient(#3b2c19,#221b10);
  color:#e2c595; box-shadow:inset 0 1px #b3935b44,0 2px 0 #030202;
}
.terminal-button:hover,.transport-play:hover { background:#49331c; color:#ffe1b4; border-color:#d49d57; }
.source-data>div { border-color:#3a2d26; font-size:8px; }
.source-data dt { color:#ae9a88; }.source-data dd { color:#d8bea8; }
.system-link { color:#d9a164; padding-top:14px; padding-bottom:14px; }
.system-link:hover { background:#231c17; color:#f1dbb9; }
.channel-links>a { color:#c8b09c; border-color:#42332b; }
.channel-links>a:hover { color:#f1b26d; }
.channel-links .rail-label { color:#b29d8b; font-size:8px; }
.log-callout { border-left:2px solid #885e35; }
.file-copy { color:#d0b7a2; font-size:13px; line-height:1.95; }
.file-copy .file-lead { font-size:clamp(18px,2vw,26px); color:#d8d7bc; line-height:1.55; }
.ep-file { background:#000; border-top:1px solid #43342b; }
.ep-file>a { display:block; padding:10px; }
.ep-file>a:hover { box-shadow:inset 0 0 0 1px #9d713d; }
.transport {
  border-top:1px solid #62564d; border-bottom:1px solid #050403; padding-top:9px; padding-bottom:9px;
  background:linear-gradient(#2b211c,#17120f); box-shadow:inset 0 2px #41332b;
}
.transport-track>span:last-child { color:#d8bea9; }
.transport-label { color:#baa372; }
.transport-time,.volume-control { color:#c7af9b; }
input[type=range] { accent-color:#c18b49; }
.system-footer { background:#0b0907; color:#b29d8b; border-top:1px solid #352922; }
.system-footer>span:nth-child(2),.system-footer time { color:#cab29e; }
@keyframes signal-sweep { 0%,55%{transform:translateY(-100%)} 85%,100%{transform:translateY(100%)} }
@media(min-width:1700px) { .scope-display{height:290px} }
@media(max-width:1100px) { .workspace-scroll{padding:24px}.module-nav small{font-size:7px}.scope-display{height:185px} }
@media(max-width:700px) {
  .terminal{padding:0 5px}.system-header{min-height:68px}.system-header:after{left:10px;width:80px}
  .identity-sub{letter-spacing:.055em}.module-rail{padding:8px 0;border-right:0;background:#16110e}
  .module-nav{gap:5px}.module-nav a{min-height:49px}.module-nav a:after{height:5px;top:4px;right:4px;width:1px}
  .module-nav a[aria-current]{box-shadow:inset 0 -2px #df8a42,inset 0 1px #a7724044,0 2px 0 #030202}
  .module-nav .nav-code{border:0;padding:0}.workspace-scroll{padding:18px 12px}.workspace:after{inset:25px 0 0}
  .view-header{margin-bottom:18px;padding-bottom:15px}.view-header h1{font-size:21px;letter-spacing:.025em}
  .box-heading{min-height:31px;letter-spacing:.06em}.scope-display{height:175px}.scope-idle p{font-size:9px;letter-spacing:.12em}
  .scope-idle>span:last-child{font-size:6px;letter-spacing:.025em}.record-content{padding:14px;gap:14px}
  .record h2{font-size:14px}.file-copy{padding:18px;font-size:12px;line-height:1.9}.file-copy .file-lead{font-size:18px}
  .transport{padding:8px 7px}.module-box>.box-heading:before{height:10px;flex-basis:2px}
}
@media(prefers-reduced-motion:reduce) { .scope-idle:after{animation:none;display:none} }

.module-box>h2.box-heading{justify-content:flex-start}

/* Scorched casing: charcoal, rust and the orange from Persistent Noise. */
:root{--hull:#100c0a;--screen:#060403;--pane:#0b0806;--line:#38271d;--line-light:#5d3b27;--ink:#d5c3af;--muted:#aa8c73;--signal:#e17d33;--amber:#b67d4b;--red:#9d3c23}
html{background:#020101}
body{background:radial-gradient(ellipse at 25% 0,#27130c,transparent 60%),#020101}
.terminal{border-color:#38261a;border-top-color:#5b3a25;background:url('../assets/terminal/surface-wear.svg'),linear-gradient(105deg,#241710,#110c09 30%,#080605 70%,#1b110d);box-shadow:0 0 0 3px #030201,0 0 0 4px #24170f,inset 0 0 0 1px #070403,0 12px 50px #000}
.terminal:before{inset:0;opacity:.4;background:radial-gradient(ellipse at 15% 40%,#000 0,transparent 55%),url('../assets/terminal/edge-wear.svg') 0 0/100% 100%;z-index:5;pointer-events:none;mask-image:linear-gradient(#000 0 18px,transparent 42px calc(100% - 20px),#000)}
.terminal:after{background:radial-gradient(circle at 3px 3px,#050302 0 1px,#70503a 1.5px 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#050302 0 1px,#70503a 1.5px 2.5px,transparent 3px)}
.system-header{isolation:isolate;background:url('../assets/terminal/surface-wear.svg'),radial-gradient(ellipse at 80% -30%,#47231680,transparent 60%),#080504;border-color:#5c3220;box-shadow:0 4px 0 #000}
.system-header:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../assets/terminal/edge-wear.svg') 0 0/100% 100%;opacity:.7;pointer-events:none}
.system-header:after{background:linear-gradient(90deg,#a44725 0 45%,transparent 45% 48%,#6c321c 48% 74%,transparent 74% 88%,#a44725 88%)}
.artist-logo{filter:brightness(.94)}
.identity-sub{color:#b59577}.system-state{color:#c48e58}.system-state i{background:#df7b32;box-shadow:0 0 8px #dc6d2840}.header-right{color:#b8a18c}
.module-rail{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(90deg,#120c09,#1a100b 88%,#070504);border-color:#392519}
.rail-label{color:#aa8c73}.module-nav{gap:11px}
.module-nav a{isolation:isolate;background:linear-gradient(105deg,#25180f,#130c08 55%,#0c0805);border-color:#55351f #302218 #17100b #4d3020;box-shadow:inset 0 1px #6b442b40,0 2px 2px #000;color:#c7ac8e}
.module-nav a:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/terminal/edge-wear.svg') 0 0/100% 100%,url('../assets/terminal/surface-wear.svg');opacity:.58}
.module-nav a:after{background:#a36c3e;box-shadow:-4px 0 #422819}.module-nav .nav-code{color:#bc8f61;border-color:#623c22}.module-nav small{color:#ad8b6d}
.module-nav a:hover{background:#2d1a0e;border-color:#a46a37;color:#f2c68d}
.module-nav a[aria-current]{border-color:#9f582a #6a3820 #442416 #bc6d32;background:radial-gradient(ellipse at 0 30%,#71371880,transparent 75%),#221207;box-shadow:inset 3px 0 #e17d33,0 2px 2px #000;color:#f0a05c}
.module-nav a[aria-current] .nav-code,.module-nav a[aria-current] small{color:#d49a61}
.rail-bottom{border-color:#412a1c;color:#b28f71}.rail-glyph{color:#a26335}.rail-bottom p{color:#ca8d50}
.workspace{background:radial-gradient(ellipse at 75% 5%,#3d1b0a30,transparent 60%),#060403;border-color:#533120 #21160f #39291e #6b4229;box-shadow:inset 0 0 60px #000,0 0 0 3px #040201}
.workspace:after{opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 2px 3px),radial-gradient(ellipse at 45% 40%,transparent 45%,#000 100%)}
.window-bar{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(90deg,#361d10,#160b06 80%);border-color:#693a20;color:#c39970}
.window-control{color:#986b47}.window-bar i{background:#ca6a2d}
.view-header{border-bottom:1px dashed #52311f}.view-header:after{width:76px;background:linear-gradient(90deg,#a95125 60%,transparent 60% 66%,#6c361d 66%)}
.overline{color:#bd8652}h1{color:#d8b996;text-shadow:1px 0 #b95e2220,-1px 1px #000,0 0 15px #8b3e1620;letter-spacing:.025em}.heading-cursor{color:#c0652e}
.tag{border:0;border-left:2px solid #6e3d24;background:#190e08;color:#ba8f67;padding:4px 8px}
.module-box{isolation:isolate;border-color:#533220 #291b13 #2f2118 #6b4128;background:radial-gradient(ellipse at 0 0,#32190b50,transparent 60%),#0b0704;box-shadow:inset 0 0 0 1px #160d07,0 3px 0 #020101}
.module-box:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:url('../assets/terminal/edge-wear.svg') 0 0/100% 100%;opacity:.7;mask-image:linear-gradient(#000 0 8px,transparent 28px calc(100% - 18px),#000)}
.box-heading{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(90deg,#332013,#120a05 90%);border-color:#53321e;color:#cba27a;box-shadow:inset 0 1px #74472c30}
.module-box>.box-heading:before{background:#ad5b2d}
.scope{border-color:#805132 #3e291b #674128 #9c633b;box-shadow:inset 0 1px #a46b3d40,0 3px 0 #020101}
.scope>.box-heading{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(100deg,#4a2812,#1c0e06 80%);color:#d1a373}
.scope-display{background:#060301;border-color:#683c20 #2a180d #432a18 #774825;box-shadow:inset 0 0 45px #000,0 0 0 3px #110a04}
.scope-display:after{background:repeating-linear-gradient(0deg,transparent 0 2px,#0005 2px 3px),radial-gradient(ellipse at 35% 40%,transparent 0,#0007 70%,#000c)}
.scope-idle{background:radial-gradient(ellipse at 35% 70%,#71300a24,transparent 60%)}
.scope-idle:before{border-color:#a45d2330;border-radius:50%;width:170px;height:170px;transform:translateX(-35px);box-shadow:0 0 0 19px #7a3d1410,inset 0 0 0 20px #8e491410;opacity:.65}
.scope-idle:after{background:linear-gradient(0deg,transparent 0 48%,#d9803330 50%,transparent 53% 100%)}
.scope-idle p{color:#ce9e68;text-shadow:0 0 12px #cb681c45;letter-spacing:.15em}.scope-idle>span:last-child{color:#b18a60}
.scope-cross,.scope-axis{color:#b17d43}.scope-display canvas{filter:drop-shadow(0 0 3px #c7662755)}
.cover{border-color:#72462b;filter:saturate(.45) brightness(.78) contrast(1.12);box-shadow:0 0 0 4px #030201}
.record h2{color:#d6b791}.record p,.log-callout p{color:#bca48c}.file-kind{color:#cb8e50}
.terminal-button,.transport-play{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(#4b2912,#291508);border-color:#a35f2d #5f371d #9d5c30 #a36b39;color:#e7b780;box-shadow:inset 0 1px #b7773a30,0 2px 0 #000}
.terminal-button:hover,.transport-play:hover{background-color:#5e3010;color:#ffd1a1;border-color:#d58b42}
.source-data>div{border-color:#3c2517}.source-data dt{color:#ad8b70}.source-data dd{color:#d0b28f}
.system-link{color:#d18b4d}.system-link:hover{background:#2c170b;color:#f1c597}.channel-links>a{color:#c3a281;border-color:#43291b}.channel-links .rail-label{color:#b28b6c}
.log-callout{border-left-color:#ae5928}.file-copy{color:#c4ae97}.file-copy .file-lead{color:#d9bb99}.ep-file{border-color:#57341e}
.transport{background:url('../assets/terminal/surface-wear.svg'),linear-gradient(110deg,#301c0e,#160c06 60%,#261409);border-color:#734627 #22140b #130904;box-shadow:inset 0 2px #51311b}
.transport-track>span:last-child{color:#d1b18e}.transport-label{color:#cb935c}.transport-time,.volume-control{color:#be9a77}input[type=range]{accent-color:#d07d36}
.system-footer{background:#0c0603;border-color:#462715;color:#b58c66}.system-footer>span:nth-child(2),.system-footer time{color:#cba17b}
@media(max-width:700px){.module-rail{background:url('../assets/terminal/surface-wear.svg'),#170d07}.module-nav a[aria-current]{box-shadow:inset 0 -2px #e17d33,inset 0 1px #a7724044,0 2px 0 #020101}.scope-idle:before{width:120px;height:120px;transform:translateX(-20px)}}

/* Physical patching: rubber leads, oxidised jacks and stamped inlet plates. */
.terminal-body{position:relative;isolation:isolate;grid-template-columns:202px 150px minmax(0,1fr)}
.module-rail{border-right:0;overflow:visible;padding-right:20px}
.module-nav a{grid-template-columns:23px minmax(0,1fr);padding-right:23px;min-height:77px}
.module-nav a>b,.module-nav a:after{display:none}
.module-nav small{font-size:7px;line-height:1.7}
.patch-output{position:absolute;right:-10px;top:calc(50% - 10px);width:20px;height:20px;z-index:10}
.jack-face{position:relative;display:block;width:20px;height:20px;border:1px solid #241b15;border-radius:50%;background:radial-gradient(circle,#020201 0 28%,#503b29 30% 38%,#17120c 40% 53%,#80664a 55% 62%,#382a1c 66% 72%,#0a0805 75%);box-shadow:0 2px 3px #000,inset 0 1px #a28b6120}
.jack-caption{position:absolute;top:24px;left:-1px;color:#ae875d;font:5px/1 var(--mono);letter-spacing:.12em}
.patch-bay{position:relative;min-width:0;align-self:stretch;padding:57px 12px 10px 0;background:url('../assets/terminal/surface-wear.svg'),linear-gradient(90deg,#0b0704,#17100a 80%,#26180f);border-right:1px solid #5e3b25;box-shadow:inset -3px 0 #080502}
.patch-heading{position:absolute;left:5px;right:10px;top:26px;color:#a78866;font-size:7px;letter-spacing:.15em;text-align:right}
.patch-input{position:relative;height:77px;margin-bottom:11px;border-top:1px solid #4a2e1b;border-bottom:1px solid #1b1008;background:linear-gradient(90deg,transparent 50%,#2a1a0e55);isolation:isolate}
.patch-input:after{content:'';position:absolute;top:5px;right:-6px;bottom:5px;width:1px;background:#69452a40}
.patch-plate{position:absolute;right:3px;top:6px;display:block;white-space:nowrap;padding:3px 5px;color:#342114;background:url('../assets/terminal/surface-wear.svg'),linear-gradient(105deg,#a8895f,#87704d 80%,#b59463);font:500 7px/1.3 var(--mono);letter-spacing:-.035em;box-shadow:1px 1px 2px #000;transform:rotate(-1deg)}
.patch-input:nth-of-type(2) .patch-plate{transform:rotate(.7deg)}
.patch-input:nth-of-type(3) .patch-plate{transform:rotate(-.3deg)}
.patch-input .jack-face{position:absolute;right:1px;top:38px;z-index:9}
.input-number{position:absolute;right:28px;top:43px;color:#98744c;font:7px/1 var(--mono)}
.patch-input.is-connected .patch-plate{background:url('../assets/terminal/surface-wear.svg'),#c19a63;color:#2a180c}
.patch-input.is-connected .input-number{color:#e0a163}
.patch-hardware{position:absolute;left:20px;right:20px;bottom:28px;display:flex;flex-direction:column;gap:6px;opacity:.6}
.patch-hardware span{display:block;height:3px;background:#030201;border-bottom:1px solid #51331e;border-radius:3px}
.patch-cables{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:8;pointer-events:none}
.patch-lead path{stroke-linecap:round;stroke-linejoin:round}
.cable-shadow-line{stroke:#000;stroke-width:13;filter:url(#cable-shadow)}
.cable-edge{stroke:#090706;stroke-width:10}
.cable-rubber{stroke:#29221c;stroke-width:7.5}
.cable-grain{stroke:#47392b;stroke-width:5;stroke-dasharray:1 2.8;opacity:.3}
.cable-wear{stroke:#8b6c4a;stroke-width:1.2;stroke-dasharray:3 31 1 12 2 54;opacity:.5;transform:translateY(-1.5px)}
.cable-seam{stroke:#090706;stroke-width:1.3;transform:translateY(2px)}
.patch-lead[data-cable="visual"] .cable-rubber{stroke:#211c18}
.patch-lead[data-cable="logs"] .cable-rubber{stroke:#32261d}
.patch-lead[data-cable="about"] .cable-rubber{stroke:#25211d}
.patch-lead.is-connected .cable-rubber{stroke:#443124}
.patch-lead.is-connected .cable-wear{stroke:#b28450;opacity:.6}
.plug-collar{fill:#18120d;stroke:#8b6c44;stroke-width:1.5}
.plug-boot{fill:#1b1712;stroke:#3d3023;stroke-width:.8}
.plug-rib{stroke:#6a5137;stroke-width:.7;opacity:.6}
.plug-scratch{stroke:#b0976a;stroke-width:.6;opacity:.65}
.workspace{margin-left:7px;border-left-width:3px;border-radius:5px 3px 3px 5px;box-shadow:inset 0 0 60px #000,0 0 0 3px #040201,inset 4px 0 #24160b}
.window-bar{border-radius:3px 1px 0 0;height:34px;font-size:8px;letter-spacing:.04em}
.window-bar>span:first-child{min-width:0;gap:6px}.window-control{font-size:6px;letter-spacing:.07em;white-space:nowrap;color:#ac8054}
.workspace:after{inset:34px 0 0}
.scope-display{border-radius:8px/5px;box-shadow:inset 0 0 45px #000,0 0 0 3px #110a04,inset 0 4px 8px #000}
.scope-display:after{border-radius:8px/5px;background:radial-gradient(ellipse at 45% 30%,#d59c5610,transparent 65%),radial-gradient(ellipse at center,transparent 30%,#0009);opacity:.9}
.workspace:after{background:radial-gradient(ellipse at 45% 40%,transparent 45%,#000 100%);opacity:.1}
.scope-idle:before{display:none}.scope-idle:after{animation:none;display:none}.heading-cursor{display:none}
.transport-play{border-radius:2px;box-shadow:inset 0 1px #c89a5c30,0 3px 1px #000}
@media(min-width:1700px){.terminal-body{grid-template-columns:215px 170px minmax(0,1fr)}}
@media(max-width:1350px){.audio-layout{grid-template-columns:1fr}.context-column{display:none}}
@media(max-width:1100px){.terminal-body{grid-template-columns:164px 136px minmax(0,1fr)}.module-rail{padding-right:18px}.module-nav a{grid-template-columns:17px minmax(0,1fr);gap:5px;padding-right:15px;font-size:9px}.module-nav small{font-size:6px}.patch-plate{font-size:6px}.workspace-scroll{padding:22px 18px}.window-bar{padding:0 9px}.window-control{font-size:5px}.view-header h1{font-size:23px}.about-layout{grid-template-columns:1fr}.record-content{grid-template-columns:105px minmax(0,1fr);gap:15px;padding:17px}.cover{width:105px}.record h2{font-size:17px}}
@media(max-width:700px){
  .terminal-body{display:flex}.module-rail{padding:8px 0 12px;flex-shrink:0;overflow:visible;border:0}
  .module-nav a{display:flex;min-height:46px;padding:5px 3px 10px;font-size:9px}.module-nav small{display:none}
  .patch-output{right:calc(50% - 8px);top:auto;bottom:-8px;width:16px;height:16px}.jack-face{width:16px;height:16px}.jack-caption{display:none}
  .patch-bay{height:73px;min-height:73px;flex-shrink:0;align-self:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 0 2px;border-right:0;border-bottom:1px solid #5e3b25;background:url('../assets/terminal/surface-wear.svg'),#100a05;box-shadow:inset 0 -3px #030201}
  .patch-heading,.patch-hardware{display:none}.patch-input{height:73px;margin:0;border-top:0;border-bottom:0;background:none}
  .patch-input:after{inset:10px -3px 8px auto}.patch-input:last-of-type:after{display:none}
  .patch-input .jack-face{top:37px;right:calc(50% - 8px)}.patch-plate{top:57px;left:0;right:0;white-space:normal;line-height:1.2;text-align:center;font-size:5px;padding:2px 0;background:#b08d60;color:#24170d}
  .input-number{display:none}.workspace{margin:7px 0;border-left-width:1px;border-radius:4px;flex:1}.window-bar{height:29px;font-size:6px;padding:0 8px}.window-control{font-size:5px}.workspace:after{inset:29px 0 0}
  .workspace-scroll{padding:16px 12px}.view-header h1{font-size:21px}.record-content{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px}.cover{width:90px}.record h2{font-size:14px}.scope-display{height:145px}
  .cable-shadow-line{stroke-width:10}.cable-edge{stroke-width:8}.cable-rubber{stroke-width:6}.cable-grain{stroke-width:4}
}
@media(max-width:359px){.module-nav a{font-size:8px}.patch-plate{font-size:4.5px}.window-control{display:none}.record-content{grid-template-columns:75px minmax(0,1fr)}.cover{width:75px}}

@media(min-width:701px) and (max-width:1100px){.scope-display{height:155px}}

/* Glass pilot bulbs and a clipped power loom. Unselected inlets stay unlit. */
.power-lamp,.system-state i.power-lamp,.window-bar i.power-lamp{
  position:relative;display:inline-block;flex:0 0 auto;width:9px;height:9px;border-radius:50%;
  border:1px solid #66503a;background:radial-gradient(circle at 35% 27%,#5c3830 0,#26110e 38%,#120807 72%);
  box-shadow:0 0 0 2px #080503,inset 0 1px 2px #000,0 2px 2px #000;vertical-align:middle;
}
.power-lamp:before{
  content:'';position:absolute;inset:0;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 38% 32%,#ffad83 0,#e44425 26%,#bc190e 56%,#6a0904 82%);
  box-shadow:0 0 5px #ef391b90,0 0 12px #d8260c60,0 0 23px #c7200828;
}
.power-lamp:after{content:'';position:absolute;top:1px;left:2px;width:3px;height:2px;border-radius:50%;background:#e6c4a3;opacity:.18}
.patch-input .input-power-lamp{position:absolute;right:31px;top:41px;z-index:10}
.input-number{right:48px;top:43px}
.patch-input.is-connected .input-power-lamp:before{opacity:1;animation:pilot-breathe 4.8s ease-in-out infinite}
.patch-input.is-connected .input-power-lamp:after{opacity:.55}
.mains-lamp:before{opacity:1;animation:pilot-breathe 6s ease-in-out infinite}
.rack-power-lamp:before{opacity:1;animation:pilot-breathe 4.8s ease-in-out infinite}
.system-state{gap:12px;color:#c7a17e}.system-state i.power-lamp{width:10px;height:10px}
.section-power-lamp{width:7px;height:7px;margin-left:2px;margin-right:5px}
.module-view:not([hidden]) .section-power-lamp:before{opacity:1;animation:pilot-breathe 5.6s ease-in-out infinite}
.module-view:not([hidden]) .record .section-power-lamp:before{animation-delay:-1.2s}
.artist-file>h2.box-heading .section-power-lamp{margin-left:auto}
.scope .box-heading>.section-power-lamp{width:7px;height:7px}
.box-heading .power-lamp{letter-spacing:0}
.workspace{padding-right:14px}
.workspace:before{content:'';position:absolute;top:0;bottom:0;right:0;width:13px;background:url('../assets/terminal/surface-wear.svg'),linear-gradient(90deg,#090503,#2c1b10 70%,#110a06);border-left:1px solid #59351e50;pointer-events:none}
.workspace:after{right:14px}
.power-loom path{stroke-linecap:round;stroke-linejoin:round}
.loom-shadow{stroke:#020101;stroke-width:7;filter:url(#cable-shadow)}
.loom-feed{stroke:#443024;stroke-width:3.2}
.loom-return{stroke:#201c17;stroke-width:3.5}
.loom-scuff{stroke:#8d6845;stroke-width:.7;stroke-dasharray:2 36 1 19;opacity:.6}
.loom-terminal{fill:#1f140b;stroke:#9c7243;stroke-width:1}
.loom-clip{fill:#4b3621;stroke:#171009;stroke-width:.8}
.loom-clip-slot{stroke:#140d07;stroke-width:1}
.scope-display{border-width:2px;box-shadow:inset 0 0 45px #000,0 0 0 3px #110a04,inset 0 4px 8px #000}
.module-box{border-radius:2px}
@keyframes pilot-breathe{0%,100%{opacity:.38;box-shadow:0 0 3px #ef391b60,0 0 7px #d8260c30,0 0 12px #c7200815}50%{opacity:1;box-shadow:0 0 5px #ef391b90,0 0 12px #d8260c60,0 0 23px #c7200828}}
@media(max-width:700px){
  .patch-input .input-power-lamp{right:calc(50% - 23px);top:39px;width:7px;height:7px}
  .system-state{gap:0}.system-state i.power-lamp{width:8px;height:8px}
  .workspace{padding-right:11px}.workspace:before{width:10px}.workspace:after{right:11px}
  .window-bar i.power-lamp{width:7px;height:7px}.section-power-lamp{width:6px;height:6px;margin-right:2px}
  .loom-feed,.loom-return{stroke-width:2.5}.loom-shadow{stroke-width:5}.loom-clip{opacity:.7}
}
@media(prefers-reduced-motion:reduce){.power-lamp:before{animation:none!important}.patch-input.is-connected .power-lamp:before,.mains-lamp:before,.rack-power-lamp:before,.module-view:not([hidden]) .section-power-lamp:before{opacity:.85}}

/* Socket-mounted power leads, using the same oxidised hardware as the patch bay. */
.loom-socket-flange{fill:#33271a;stroke:#886341;stroke-width:.8;filter:drop-shadow(0 1px 1px #000)}
.loom-socket-ring{fill:#100c07;stroke:#a18355;stroke-width:1.3}
.loom-socket-well{fill:#020201;stroke:#493522;stroke-width:1}
.loom-socket .plug-boot{fill:#211a13}
.loom-socket .plug-rib{stroke:#9c764e;opacity:.6}

/* Blade Runner Movie Font v3.01, Phil Steinschneider: module plates only. */
@font-face{font-family:'Blade Runner Movie';src:url('../assets/fonts/blade-runner-movie.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.patch-plate{font-family:'Blade Runner Movie',var(--mono);font-weight:400;font-style:normal;font-size:9px;line-height:1.2;letter-spacing:.025em;text-transform:lowercase;padding:4px 6px 3px;top:4px;text-shadow:0 1px #e4c69730}
@media(max-width:1100px) and (min-width:701px){.patch-plate{font-size:8px;padding-left:4px;padding-right:4px}}
@media(max-width:700px){.patch-plate{top:55px;font-size:clamp(4.8px,1.4vw,7.6px);line-height:1.2;letter-spacing:.005em;padding:4px 1px 3px;white-space:nowrap}}
@media(max-width:359px){.patch-plate{font-size:4.8px;letter-spacing:0}}

/* Full archive is a large physical access key, with its own pilot lamp. */
#view-logs .view-header{flex-wrap:wrap;align-items:center}
.archive-access{position:relative;isolation:isolate;display:flex;align-items:center;gap:17px;width:100%;min-height:69px;padding:14px 18px;border:1px solid #d18b48;border-right-color:#63371c;border-bottom:3px solid #75421f;background:url('../assets/terminal/surface-wear.svg'),linear-gradient(105deg,#653516,#2d180b 75%);color:#f4c38b;box-shadow:inset 0 1px #f9c88840,0 4px 0 #020101}
.archive-access:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/terminal/edge-wear.svg') 0 0/100% 100%;opacity:.7}
.archive-access strong{display:block;font:500 14px/1.4 var(--mono);letter-spacing:.08em}
.archive-access small{display:block;margin-top:4px;font:8px/1.4 var(--mono);letter-spacing:.09em;color:#c99a6b}
.archive-access-lamp{width:11px;height:11px;flex-shrink:0;border-radius:50%;border:1px solid #a98658;background:radial-gradient(circle at 35% 30%,#ffe3aa,#e68a32 40%,#81370f 80%);box-shadow:0 0 0 3px #1a0d05,0 0 12px #d76a2550}
.archive-access-arrow{margin-left:auto;font-size:24px;color:#f8bd78}
.archive-access:hover{background-color:#713815;border-color:#ffbd6e;color:#ffdfb5;box-shadow:inset 0 1px #ffddaa60,0 4px 0 #020101,0 0 18px #ab4b1318}
.archive-access:active{transform:translateY(2px);box-shadow:inset 0 1px #c3985930,0 2px 0 #020101}
.feed-surface{padding:0 12px}
@media(max-width:700px){.archive-access{padding:12px 14px;gap:13px;min-height:66px}.archive-access strong{font-size:12px}.archive-access small{font-size:7px}.feed-surface{padding:0 6px}}

/* Cybernetic current: restrained amber/red movement inside the existing hardware. */
.cable-current,.loom-current{stroke:#bd592e;stroke-width:1.2;stroke-dasharray:5 115;stroke-dashoffset:120;opacity:0;filter:drop-shadow(0 0 2px #c74f2866);pointer-events:none}
.patch-lead.is-connected .cable-current{animation:current-travel 5.8s linear infinite}
.loom-current{stroke:#a34a28;stroke-width:.8;animation:current-travel 10s linear infinite}
.loom-branch-current{animation-duration:7.6s;animation-delay:-2.4s}
.patch-input.is-connected .jack-face:after{content:'';position:absolute;inset:-4px;pointer-events:none;border:1px solid #b74b2e;border-radius:50%;opacity:0;animation:socket-emanation 5.8s ease-out infinite}
.patch-input.is-connected:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 70%,#a02f1620,transparent 70%);animation:circuit-breath 7.5s ease-in-out infinite}
.scope-display:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 40% 50%,#b36b2220,transparent 72%);opacity:.2;animation:circuit-breath 11s ease-in-out infinite}
.module-view:not([hidden]){animation:rack-wake .5s ease-out both}
.archive-access-lamp{animation:archive-key-breath 6.5s ease-in-out infinite}
.patch-lead.is-connected .plug-scratch{animation:contact-warmth 5.8s ease-in-out infinite}
@keyframes current-travel{0%,12%{stroke-dashoffset:120;opacity:0}20%{opacity:.7}72%{opacity:.7}92%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes socket-emanation{0%,30%{opacity:0;transform:scale(.8)}38%{opacity:.45}78%,100%{opacity:0;transform:scale(1.7)}}
@keyframes circuit-breath{0%,100%{opacity:.2}48%{opacity:.85}}
@keyframes rack-wake{0%{opacity:.6}100%{opacity:1}}
@keyframes contact-warmth{0%,100%{stroke:#94764d;opacity:.45}50%{stroke:#c68c53;opacity:.8}}
@keyframes archive-key-breath{0%,100%{box-shadow:0 0 0 3px #1a0d05,0 0 7px #d76a2530}50%{box-shadow:0 0 0 3px #1a0d05,0 0 15px #d76a2560}}
@media(prefers-reduced-motion:reduce){.cable-current,.loom-current,.patch-input.is-connected .jack-face:after{animation:none!important;display:none}.scope-display:before,.patch-input.is-connected:before{animation:none!important;opacity:.25}.module-view:not([hidden]){animation:none!important;opacity:1}.archive-access-lamp,.plug-scratch{animation:none!important}}

/* Editable Audio Bank metadata. */
.record h2{text-transform:uppercase;overflow-wrap:anywhere}.record-play:disabled,.transport-play:disabled{opacity:.55;cursor:wait}

/* Private operator entry, aligned to the Audio Bank's lower right edge. */
.audio-bank-access{display:flex;justify-content:flex-end;margin-top:20px;padding-top:12px;border-top:1px solid #422719}
.audio-bank-access a{display:inline-flex;align-items:center;gap:10px;padding:8px 2px;color:#b08a63;font:9px/1.5 var(--mono);letter-spacing:.08em;text-decoration:none}
.audio-bank-access a:hover{color:#efb47c}.audio-bank-access a:focus-visible{outline:1px solid #df8a42;outline-offset:4px}

/* Main module titles share the engraved plates' Blade Runner lettering.
   Lowercase codepoints produce the font's intended capital letterforms. */
.view-header>div{min-width:0}
.view-header h1{font-family:'Blade Runner Movie',var(--mono);font-weight:400;font-style:normal;font-size:clamp(23px,2.6vw,34px);line-height:1.4;letter-spacing:.035em;text-transform:lowercase;overflow-wrap:anywhere}
@media(max-width:700px){.view-header h1{font-size:clamp(19px,4.8vw,26px);letter-spacing:.025em}}

/* Collections keep the worn rack, with quiet, compact page controls. */
.audio-collection{margin-top:23px}.collection-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;color:#ba8d60;font:8px/1.6 var(--mono);letter-spacing:.08em;border-bottom:1px solid #674027}
.library-recording{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 12px;border:1px solid #4d2b18;border-top:0;background:url('../assets/terminal/surface-wear.svg'),#100904;position:relative}
.library-recording:before{content:'';position:absolute;left:-4px;top:50%;width:7px;height:7px;border-radius:50%;border:1px solid #8c6640;background:#050201;box-shadow:0 0 0 2px #171008}
.library-recording.is-selected{background-color:#251308;border-left-color:#d8863b;box-shadow:inset 2px 0 #b16a32}.library-recording.is-selected:before{background:#8d2110;box-shadow:0 0 6px #b33c1c70}
.recording-number{color:#b47d47;font:10px/1.5 var(--mono)}.library-recording h3{font:500 12px/1.6 var(--mono);color:#dac1a2;margin:0;overflow-wrap:anywhere}.recording-format{font:7px/1.5 var(--mono);color:#ae865f;margin:5px 0 0}.library-recording .terminal-button{font-size:8px;min-height:36px}
.collection-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 2px;color:#a57f58;font:8px/1.6 var(--mono);letter-spacing:.025em}.page-steps{display:flex;gap:12px;align-items:center}.collection-pagination button{border:1px solid #73502f;background:#201107;color:#d9ac7c;padding:9px 11px;font:8px/1.4 var(--mono);cursor:pointer}.collection-pagination button:disabled{opacity:.3;cursor:default}.collection-pagination button:hover:not(:disabled){color:#ffd8a7;border-color:#b98146}.collection-status{font:8px/1.6 var(--mono);color:#b28b63;margin-top:8px;min-height:13px}.collection-empty{padding:25px 12px;color:#bd956d;font:10px/1.8 var(--mono)}
.visual-library{display:grid;gap:22px}.visual-item .video-frame{min-height:200px;position:relative;background:#030201}.visual-item video,.visual-item iframe{width:100%;height:100%;position:absolute;inset:0;display:block;border:0;object-fit:contain}.visual-item-copy{padding:18px}.visual-item-copy h2{font:500 16px/1.6 var(--mono);color:#d7b38b}.visual-item-copy p{font:11px/1.9 var(--mono);color:#b49a81;margin-top:10px;white-space:pre-wrap}.visual-item-copy .system-link{margin-top:15px;padding-left:0;padding-right:0}.youtube-launch{position:absolute;inset:0;width:100%;border:0;padding:0;background:#0c0704;color:#dca366;cursor:pointer;overflow:hidden}.youtube-launch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.youtube-launch-label{position:relative;z-index:1;display:inline-block;padding:14px 20px;background:#170b04e6;border:1px solid #b67e44;font:10px/1.5 var(--mono);letter-spacing:.08em}.youtube-launch:hover .youtube-launch-label{background:#42220e;color:#ffe1b3}.visual-library-footer{margin-top:10px}.visual-library-footer>.system-link{margin-top:8px}.audio-bank-access{margin-top:12px}
@media(max-width:700px){.library-recording{grid-template-columns:20px minmax(0,1fr) auto;gap:10px;padding:13px 9px}.library-recording h3{font-size:10px}.library-recording .terminal-button{font-size:7px;padding:8px}.collection-pagination{flex-wrap:wrap;font-size:7px}.page-steps{gap:8px}.collection-pagination button{font-size:7px;padding:9px}.visual-item-copy{padding:14px}.visual-item-copy h2{font-size:14px}.collection-heading{font-size:7px}}

/* Archive access sits after the Field Log feed, aligned to its right edge. */
.field-log-footer{display:flex;justify-content:flex-end;padding-top:18px;padding-bottom:5px}
.field-log-footer .archive-access{width:min(100%,360px);min-height:64px}