@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#dce5f5;background:#070910;font-family:Space Grotesk,sans-serif;font-synthesis:none;--surface: #0d111c;--raised: #131927;--line: #252d40;--text: #dce5f5;--muted: #7d89a4;--cyan: #61dafb;--violet: #9478ff;--red: #ff5364}*{box-sizing:border-box}html{min-width:300px;background:#070910}body{margin:0;min-height:100vh;min-height:100dvh;background:linear-gradient(rgba(97,218,251,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(97,218,251,.022) 1px,transparent 1px),#070910;background-size:56px 56px}body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 80% 4%,rgba(89,65,183,.22),transparent 35%),radial-gradient(circle at 6% 82%,rgba(40,151,181,.08),transparent 30%)}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.site-shell{position:relative;width:min(1240px,calc(100% - 56px));min-height:100vh;min-height:100dvh;margin:auto;padding-bottom:18px}.site-shell.has-player{padding-bottom:145px}.ambient-light{position:fixed;z-index:-1;top:12%;right:-13%;width:58vw;height:58vw;border:1px solid rgba(97,218,251,.045);transform:rotate(18deg);pointer-events:none}.site-header{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:13px;padding:0;border:0;background:none;text-align:left;cursor:pointer}.mark,.mini-art{position:relative;display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font:500 10px IBM Plex Mono,monospace;box-shadow:inset 0 0 18px #61dafb14}.mark:after{content:"";position:absolute;right:-1px;bottom:6px;width:1px;height:7px;background:var(--cyan)}.brand-lockup strong{display:block;color:#f2f6ff;font-size:15px;letter-spacing:-.02em}.brand-lockup small,.header-signal,.kicker,.archive-stats dt,.section-heading>div>span,.site-footer,.now-playing small,.track-number,.recording-title span,.row-duration,.detail-date,.detail-meta dt,.cover-art small{color:var(--muted);font:500 9px/1.35 IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.brand-lockup small{display:block;margin-top:3px;font-size:7px}.header-signal{display:flex;align-items:center;gap:9px}.header-signal i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.header-signal span{color:#46536a}.library-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:70px;min-height:510px;padding:90px 5% 72px;border-bottom:1px solid var(--line)}.kicker{margin:0;color:var(--cyan)}.library-hero h1,.recording-page h1,.state-page h1{margin:24px 0;color:#f0f4ff;font-size:clamp(58px,8.4vw,118px);line-height:.84;letter-spacing:-.075em}.library-hero h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px #62708b}.hero-copy{max-width:610px;margin:34px 0 0;color:#aab5c9;font-size:clamp(16px,2vw,20px);line-height:1.55}.archive-stats{margin:0;border-top:1px solid var(--line)}.archive-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.archive-stats dt{color:#66728a}.archive-stats dd{margin:0;color:#cad5e9;font:500 13px IBM Plex Mono,monospace}.archive{padding:68px 5% 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-heading h2{margin:8px 0 0;font-size:clamp(28px,4vw,44px);letter-spacing:-.045em}.equalizer{display:flex;height:30px;align-items:end;gap:4px}.equalizer i{width:3px;background:var(--cyan);opacity:.55;animation:equalize 1.1s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:35%}.equalizer i:nth-child(2){height:85%;animation-delay:-.5s}.equalizer i:nth-child(3){height:55%;animation-delay:-.8s}.equalizer i:nth-child(4){height:100%;animation-delay:-.2s}@keyframes equalize{to{height:20%;opacity:.25}}.recording-list{border-top:1px solid var(--line)}.recording-row{display:grid;min-width:0;grid-template-columns:38px 48px minmax(0,1fr) 80px 92px;align-items:center;gap:16px;min-height:88px;border-bottom:1px solid var(--line);transition:background .18s,border-color .18s}.recording-row:hover,.recording-row.active{background:linear-gradient(90deg,rgba(97,218,251,.07),rgba(97,218,251,.015) 65%,transparent);border-color:#34435d}.track-number{color:#536078;text-align:right}.row-play,.row-actions button,.row-actions a{display:grid;width:42px;height:42px;place-items:center;border:1px solid #39445a;background:#0d111cbf;cursor:pointer}.row-play:hover,.recording-row.active .row-play{border-color:var(--cyan);color:var(--cyan)}svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}svg path:not([d$=z]),svg rect{fill:none}.recording-title{min-width:0;padding:15px 0;border:0;background:none;text-align:left;cursor:pointer}.recording-title strong{display:block;overflow:hidden;color:#e4ebf8;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.recording-title span{display:block;overflow:hidden;margin-top:7px;text-overflow:ellipsis;white-space:nowrap}.row-duration{color:#9da9bd;font-size:10px}.row-actions{display:flex;gap:6px}.row-actions button,.row-actions a{width:38px;height:38px;color:#8f9bb1}.row-actions button:hover,.row-actions a:hover{color:var(--cyan);border-color:#465b73}.empty-library{padding:70px 30px;border:1px solid var(--line);text-align:center}.empty-library strong{font-size:26px}.empty-library p{color:var(--muted)}.recording-page{min-height:calc(100dvh - 160px);padding:50px 5% 90px}.back-link{min-height:44px;padding:0;border:0;background:none;color:#9aa6ba;cursor:pointer}.back-link:hover{color:var(--cyan)}.detail-grid{display:grid;grid-template-columns:minmax(280px,410px) minmax(0,1fr);align-items:center;gap:clamp(45px,8vw,110px);margin-top:42px}.cover-art{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid #34405a;background:radial-gradient(circle at 78% 18%,rgba(148,120,255,.34),transparent 34%),linear-gradient(145deg,#151c2c,#090c14 65%);box-shadow:0 28px 80px #00000061}.cover-art>span{position:absolute;top:8%;left:8%;color:var(--cyan);font:500 12px IBM Plex Mono,monospace}.cover-art small{position:absolute;right:8%;bottom:7%;color:#59677e}.cover-wave{position:absolute;inset:25% 8%;display:flex;align-items:center;gap:2.3%}.cover-wave i{width:2px;min-height:5px;background:var(--cyan);box-shadow:0 0 7px #61dafb66}.detail-copy{min-width:0}.recording-page h1{overflow-wrap:anywhere;font-size:clamp(50px,7vw,96px)}.detail-date{color:#8d99ae}.notes{max-width:650px;color:#b8c3d5;font-size:17px;line-height:1.65;white-space:pre-wrap}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0}.detail-actions button,.detail-actions a,.state-page button{display:inline-flex;min-height:46px;align-items:center;gap:9px;padding:0 17px;border:1px solid #39445a;background:var(--surface);color:#c9d3e5;text-decoration:none;cursor:pointer}.detail-actions .primary-play{border-color:var(--cyan);background:var(--cyan);color:#071017;font-weight:700}.detail-meta{display:flex;flex-wrap:wrap;gap:34px;margin:0;padding-top:25px;border-top:1px solid var(--line)}.detail-meta div{min-width:92px}.detail-meta dd{margin:6px 0 0;color:#ccd6e8;font:500 12px IBM Plex Mono,monospace}.state-page{display:flex;min-height:calc(100dvh - 160px);flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 8%}.state-page h1{max-width:900px}.state-page>p:last-of-type{max-width:620px;color:#aab5c9;font-size:18px;line-height:1.6}.state-wave{position:relative;width:min(680px,100%);margin:20px 0 30px;border-top:1px solid var(--line)}.state-wave i{position:absolute;top:-1px;left:0;width:28%;border-top:1px solid var(--cyan);box-shadow:0 0 14px var(--cyan);animation:scan 1.8s ease-in-out infinite alternate}@keyframes scan{to{left:72%}}.site-footer{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.player{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,1.5fr) minmax(180px,1fr);align-items:center;gap:24px;min-height:112px;padding:13px max(22px,calc((100vw - 1184px)/2));border-top:1px solid #34425d;background:#090c14f0;box-shadow:0 -18px 50px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.now-playing{display:flex;min-width:0;align-items:center;gap:12px}.mini-art{width:46px;height:46px;background:linear-gradient(145deg,#172033,#0a0e17)}.now-playing>div{min-width:0}.now-playing small{display:block;color:#69758b}.now-playing strong{display:block;overflow:hidden;margin-top:5px;color:#e1e8f5;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.transport-center{min-width:0}.transport-buttons{display:flex;justify-content:center;gap:5px}.transport-buttons button,.playback-options button{display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent;color:#9ca8bb;cursor:pointer}.transport-buttons button:hover,.playback-options button:hover,.playback-options button.selected{color:var(--cyan)}.transport-buttons button:disabled{opacity:.22;cursor:default}.transport-buttons .main-play{width:40px;height:40px;border-radius:50%;background:#e9f0fb;color:#080c13}.transport-buttons .main-play:hover{color:#080c13;transform:scale(1.04)}.timeline{display:grid;grid-template-columns:35px minmax(80px,1fr) 35px;align-items:center;gap:8px;margin-top:4px;color:#778399;font:500 9px IBM Plex Mono,monospace}input[type=range]{--progress: 0%;width:100%;height:3px;margin:0;appearance:none;border-radius:0;background:linear-gradient(90deg,var(--cyan) var(--progress),#30394b var(--progress));cursor:pointer}input[type=range]::-webkit-slider-thumb{width:11px;height:11px;appearance:none;border:0;border-radius:50%;background:#e9f6fc;opacity:0}.timeline:hover input::-webkit-slider-thumb,input:focus-visible::-webkit-slider-thumb{opacity:1}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#e9f6fc}.playback-options{display:flex;align-items:center;justify-content:flex-end;gap:8px}.playback-options svg{width:17px}.playback-options .rate{width:45px;color:#aeb8c9;font:500 10px IBM Plex Mono,monospace}.playback-options>span{color:#59667c;font:500 7px IBM Plex Mono,monospace}.playback-options input{width:min(90px,30%)}.toast{position:fixed;z-index:30;right:24px;bottom:130px;padding:12px 16px;border:1px solid #3b5268;background:#101724;color:#dce6f4;font:500 10px IBM Plex Mono,monospace;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}@media(max-width:850px){.library-hero{grid-template-columns:1fr;gap:45px;padding-inline:2%}.archive{padding-inline:2%}.archive-stats{display:grid;grid-template-columns:repeat(3,1fr)}.archive-stats div{display:block}.archive-stats dd{margin-top:8px}.detail-grid{grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:40px}.player{grid-template-columns:minmax(140px,1fr) minmax(300px,2fr)}.playback-options{display:none}}@media(max-width:650px){.site-shell{width:calc(100% - 28px)}.site-shell.has-player{padding-bottom:172px}.site-header{min-height:74px}.header-signal span{display:none}.library-hero{min-height:450px;padding:65px 0 48px}.library-hero h1{font-size:clamp(52px,16vw,82px)}.archive{padding:50px 0 65px}.archive-stats{gap:10px}.archive-stats div{padding-right:4px}.archive-stats dd{font-size:11px}.recording-row{grid-template-columns:44px minmax(0,1fr) 52px;gap:10px;min-height:84px}.track-number,.row-duration{display:none}.row-actions{gap:4px}.row-actions button,.row-actions a{width:24px;border:0;background:transparent}.detail-grid{grid-template-columns:1fr;margin-top:25px}.cover-art{width:min(82vw,350px)}.recording-page{padding:28px 0 70px}.recording-page h1{font-size:clamp(48px,16vw,76px)}.detail-actions>*{flex:1 1 145px;justify-content:center}.site-footer span:last-child{display:none}.player{grid-template-columns:minmax(0,1fr);gap:8px;min-height:158px;padding:10px 14px 14px}.now-playing{position:absolute;top:12px;left:14px;width:calc(100% - 135px)}.mini-art{width:39px;height:39px}.transport-buttons{justify-content:flex-end;height:43px}.transport-buttons button:not(.main-play){display:none}.timeline{margin-top:9px}.toast{right:14px;bottom:175px;left:14px;text-align:center}}@media(max-width:390px){.site-shell{width:calc(100% - 20px)}.brand-lockup small{display:none}.header-signal{font-size:7px}.library-hero h1{font-size:50px}.hero-copy{font-size:15px}.archive-stats dt{font-size:7px}.archive-stats dd{font-size:9px}.recording-title strong{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}