@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#060909;--ink:#ecf5ef;--dim:#91a39d;--line:#26342f;--acid:#c5ff73;--cyan:#00eadc;--pink:#dc97ff;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.32}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.masthead{position:relative;z-index:3;height:108px;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-1px}.brand svg{width:37px;height:37px;color:var(--cyan)}.brand-sub{display:block;font:10px var(--font);color:var(--dim);letter-spacing:1.5px;margin-top:5px}.edition{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1px;color:var(--dim)}.edition b{font-weight:400;color:var(--ink)}.edition>span{border-left:1px solid var(--line);padding-left:13px;color:var(--acid)}.sound-button{display:flex;gap:12px;background:transparent;align-items:center;font-size:14px;padding:12px 0 12px 15px}.equalizer{display:flex;align-items:center;gap:3px;height:20px}.equalizer i{width:2px;height:4px;background:var(--acid);transition:height .4s}.sound-button[aria-pressed=true] i{animation:eq .7s ease-in-out infinite alternate}.sound-button[aria-pressed=true] i:nth-child(2){animation-delay:-.3s}.sound-button[aria-pressed=true] i:nth-child(3){animation-delay:-.5s}.sound-button[aria-pressed=true] i:nth-child(4){animation-delay:-.1s}@keyframes eq{to{height:19px}}
.laboratory{position:relative;z-index:1;min-height:calc(100svh - 108px);padding:42px 4vw 180px}.coordinate{position:absolute;top:29px;font:12px/1.8 var(--display);letter-spacing:1.2px;color:var(--dim)}.coordinate span{color:#62746c}.top-left{left:4vw}.top-right{right:4vw;text-align:right}.intro{text-align:center;max-width:750px;margin:50px auto 0;position:relative;transition:opacity .55s,transform .65s}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--dim)}#seed{position:relative;display:block;width:130px;height:130px;margin:22px auto 8px;background:transparent;border-radius:50%}.seed-core{position:absolute;left:50%;top:50%;width:11px;height:11px;background:var(--acid);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px 7px #c5ff7335,0 0 70px #c5ff7360;animation:breathe 3s infinite}.seed-ring{position:absolute;inset:5px;border:1px solid #c5ff7318;border-radius:50%;animation:rotate 18s linear infinite}.ring-a:before{content:'';position:absolute;width:4px;height:4px;left:18px;top:12px;background:var(--acid);border-radius:50%}.ring-b{inset:26px;border-style:dashed;animation-direction:reverse}#seed:hover .seed-core{box-shadow:0 0 55px 18px #c5ff7345}.intro h1{font-family:var(--display);font-size:clamp(45px,5.9vw,86px);font-weight:500;line-height:1.03;letter-spacing:-4px;margin:12px 0 31px}.intro h1 em{font-style:normal;color:var(--acid)}.primary{padding:16px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--acid);color:#122211;border-radius:3px;font-size:16px;font-weight:600}.primary:hover{background:#dbffb0}.micro{color:var(--dim);font-size:14px;margin-top:24px}.assembled{opacity:0;visibility:hidden;position:absolute;left:4vw;right:4vw;top:95px;transition:opacity .8s;perspective:1300px}.title-block{max-width:1150px;margin:0 auto 44px}.genesis-title{font:500 clamp(86px,14vw,210px)/.95 var(--display);letter-spacing:-.085em;margin:18px 0 15px;position:relative;width:max-content}.genesis-title>span{font-size:24px;letter-spacing:0;position:absolute;top:7px;right:-35px;color:var(--acid)}.title-caption{display:flex;justify-content:space-between;max-width:620px;font-size:16px;color:var(--dim)}.archive-header{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:12px;letter-spacing:1.2px;margin-bottom:22px}.section-number{color:var(--acid)}.drag-hint{margin-left:auto;color:var(--dim);letter-spacing:0;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;perspective:1400px;isolation:isolate}.project{position:relative;border:1px solid #34483c;background:#0c120ff5;will-change:transform;transform-style:preserve-3d;box-shadow:0 12px 40px #0004}.project.current{border-color:#61783f}.drag-handle{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;font:12px var(--display);letter-spacing:1px;color:var(--dim);cursor:grab;touch-action:none;border-bottom:1px solid #24332b}.drag-handle:active{cursor:grabbing}.grip{font-size:21px;line-height:16px;color:#738779}.project-visual{height:clamp(165px,18vw,280px);display:block;position:relative;width:100%;overflow:hidden;background:#0a0d0c;text-align:left}.mini{width:100%;height:100%;display:block}.visual-label{position:absolute;bottom:17px;left:17px;font:11px var(--display);letter-spacing:2px;color:#c2d6cd}.open-mark{position:absolute;right:16px;bottom:13px;font-size:24px;color:var(--ink);transition:transform .2s}.project-visual:hover .open-mark{transform:translate(3px,-3px)}.project-info{padding:19px 18px 22px;transform:translateZ(1px)}h3{font:500 clamp(21px,2vw,29px) var(--display);margin:0 0 9px;letter-spacing:-1px}.project-info p{font-size:14px;line-height:1.6;margin:0 0 23px;color:var(--dim)}.project-links{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.project-links button{background:none;padding:0;color:var(--acid);font-size:14px;text-align:left}.project-links a{color:var(--dim);text-decoration:underline;text-decoration-color:#47594e;text-underline-offset:4px}.project-links a:hover{color:var(--ink)}.current-label{font:10px var(--display);vertical-align:middle;letter-spacing:1px;border:1px solid #607744;color:var(--acid);padding:3px 5px;margin-left:9px}.archive-footer{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;font-size:12px;color:var(--dim)}.archive-footer a{color:var(--ink)}.archive-footer>span:last-child{letter-spacing:1px}.control-dock{position:fixed;z-index:5;bottom:22px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:84px;padding:16px 22px;border:1px solid #405345;background:#0c120ff0;backdrop-filter:blur(20px);box-shadow:0 10px 40px #0008}.dock-state{display:flex;gap:13px;align-items:center;min-width:200px}.state-symbol{font-size:30px;font-weight:300;color:var(--acid)}.dock-state b{font-size:14px;font-weight:500;display:block}.dock-state div>span{display:block;font-size:12px;color:var(--dim);margin-top:5px}.layer-control{display:flex;align-items:center;gap:13px;font-size:14px;color:var(--dim)}.layer-control input{width:110px;accent-color:var(--acid);height:20px;cursor:pointer}.layer-control output{font:12px var(--display);width:22px;color:var(--acid)}.dock-actions{display:flex;gap:22px;align-items:center}.quiet{background:transparent;padding:10px 0;font-size:14px;color:var(--dim)}.disassemble{background:transparent;border:1px solid #53664a;padding:12px 15px;white-space:nowrap;font-size:14px}.disassemble span{color:var(--acid);margin-right:9px}.disassemble:hover:enabled{background:#c5ff7314}.transition-label{position:fixed;z-index:4;top:52%;left:50%;transform:translate(-50%,-50%);font:12px var(--display);letter-spacing:4px;display:none;text-align:center;color:var(--acid);pointer-events:none}.progress-track{display:block;width:180px;height:1px;background:#c5ff7320;margin-top:16px}.progress-track i{height:1px;display:block;width:0;background:var(--acid)}body[data-state=assembling] .intro,body[data-state=assembled] .intro,body[data-state=disassembling] .intro{opacity:0;pointer-events:none;transform:scale(.92)}body[data-state=assembled] .intro{visibility:hidden}body[data-state=assembled] .assembled{opacity:1;visibility:visible}body[data-state=assembled] .laboratory{min-height:1050px}body[data-state=assembling] .transition-label,body[data-state=disassembling] .transition-label{display:block}body[data-state=disassembling] .assembled{opacity:0;visibility:visible;pointer-events:none}body[data-state=assembled] .coordinate{opacity:.7}body.paused *{animation-play-state:paused!important}dialog{padding:0;width:min(1120px,94vw);height:min(880px,92svh);max-height:92svh;border:1px solid #53694c;background:#090d0b;color:var(--ink);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-top h2{font:500 25px var(--display);margin:5px 0 0}.dialog-top button{background:transparent;padding:14px;font-size:14px}.dialog-bottom{display:flex;gap:25px;flex-wrap:wrap;padding:15px 24px;font-size:14px}.dialog-bottom a{color:var(--acid)}.dialog-bottom span{color:var(--dim);font-size:12px}iframe{border:0;width:100%;height:calc(100% - 155px);display:block;background:#070908}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes breathe{50%{opacity:.65;transform:translate(-50%,-50%) scale(.8)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1500px){.laboratory{max-width:1700px;margin:auto}.assembled{top:105px}.title-block{margin-left:0}.cards{gap:26px}body[data-state=assembled] .laboratory{min-height:1150px}}
@media(max-width:1000px){.edition{display:none}.control-dock{gap:15px;padding:14px}.dock-state{min-width:170px}.dock-actions{gap:15px}.layer-control input{width:70px}.project-links{align-items:flex-start;flex-direction:column;gap:15px}.drag-hint{font-size:12px}.archive-footer>span:last-child{display:none}.genesis-title{font-size:15vw}.title-block{margin-bottom:35px}}
@media(max-width:700px){.masthead{height:86px;margin:0 6vw}.brand{font-size:20px}.brand-sub{font-size:9px}.sound-button{font-size:12px;gap:8px}.laboratory{padding:40px 6vw 175px;min-height:calc(100svh - 86px)}.top-left{left:6vw}.top-right{right:6vw}.coordinate{font-size:10px;letter-spacing:.5px;top:20px}.intro{margin-top:75px}.intro>.eyebrow{font-size:10px;letter-spacing:1.2px}.intro h1{font-size:48px;letter-spacing:-2.8px}#seed{height:115px;width:115px;margin-top:15px}.primary{font-size:14px}.micro{font-size:12px}.assembled{left:6vw;right:6vw;top:85px}.genesis-title{font-size:17.4vw;letter-spacing:-.08em;margin-top:21px}.genesis-title>span{font-size:14px;right:-18px;top:2px}.title-caption{font-size:13px;gap:10px}.title-block{margin-bottom:35px}.archive-header{gap:12px;flex-wrap:wrap;font-size:11px}.drag-hint{width:100%;margin:0;font-size:12px}.cards{grid-template-columns:1fr;gap:23px}.project-visual{height:240px}.project-info{padding:19px}.project-info h3{font-size:28px}.project-links{flex-direction:row}.archive-footer{font-size:10px;gap:12px;line-height:1.7}.control-dock{left:4vw;right:4vw;bottom:12px;min-height:110px;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.dock-state{min-width:0}.dock-state b{font-size:12px}.dock-state div>span{font-size:10px}.state-symbol{font-size:23px}.layer-control{font-size:12px;justify-self:end;gap:6px}.layer-control input{width:65px}.dock-actions{grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.quiet,.disassemble{font-size:12px}.disassemble{padding:8px 12px}body[data-state=assembled] .laboratory{min-height:1700px}.dialog-top{padding:14px}.dialog-top h2{font-size:21px}.dialog-bottom{padding:12px 14px;gap:12px}.dialog-bottom span{width:100%;font-size:11px}iframe{height:calc(100% - 180px)}}
.masthead{z-index:10}.music-strip{display:flex;align-items:center;gap:7px}.skip-track{background:transparent;min-width:38px;min-height:44px;font-size:27px;color:var(--dim)}.skip-track:hover{color:var(--acid)}.music-strip .sound-button{padding:12px 7px;min-width:135px}.music-panel{position:relative;margin-left:10px}.music-panel summary{cursor:pointer;list-style:none;padding:12px 0 12px 16px;border-left:1px solid var(--line);font-size:12px;color:var(--dim);display:flex;gap:10px;align-items:center;min-height:44px}.music-panel summary::-webkit-details-marker{display:none}.music-panel summary:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.music-panel summary span{font-size:22px;color:var(--acid)}.music-room{position:absolute;right:0;top:calc(100% + 16px);width:350px;max-width:88vw;padding:24px;background:#0c120f;border:1px solid #405345;box-shadow:0 20px 80px #000b;max-height:calc(100svh - 135px);overflow:auto}.music-room .eyebrow{font-size:10px;letter-spacing:1.5px}.music-room h2{font:500 28px var(--display);margin:16px 0 7px;letter-spacing:-1px}.music-room p{color:var(--dim);font-size:12px;line-height:1.6;margin:0}.track-seek{display:flex;gap:10px;align-items:center;margin:22px 0 17px;font:11px var(--display);color:var(--dim);font-variant-numeric:tabular-nums}.track-seek input{min-width:0;flex:1}.music-room input{accent-color:var(--acid);cursor:pointer;margin:0;height:22px}.volume-control{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:12px}.volume-control input{width:100px}#tracklist{list-style:none;padding:0;margin:22px 0 16px;border-top:1px solid var(--line)}#tracklist li{border-bottom:1px solid var(--line)}#tracklist button{display:grid;grid-template-columns:24px 1fr 38px;gap:10px;align-items:center;width:100%;padding:16px 6px;background:transparent;text-align:left;font-size:14px}#tracklist button span:first-child,#tracklist button span:last-child{font:11px var(--display);color:var(--dim)}#tracklist button span:last-child{text-align:right}#tracklist button:hover{background:#c5ff7308}#tracklist button[aria-current=true]{color:var(--acid);background:#c5ff730c}.music-room .queue-note{font-size:11px}
@media(max-width:700px){.music-strip{gap:0}.music-strip .sound-button{min-width:36px;padding:12px 8px}.skip-track{min-width:30px}.music-panel{margin-left:2px}.music-panel summary{font-size:0;padding-left:9px;gap:0}.music-panel summary span{font-size:24px}.music-room{width:330px;padding:20px}.music-strip #soundLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.intro,.assembled{transition:none}}

.toolrack-link{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;border:1px solid #405345;font-size:14px;color:var(--cyan);border-radius:3px}.toolrack-link:hover{background:#00eadc12;border-color:var(--cyan)}
@media(max-width:700px){.masthead{height:124px;flex-wrap:wrap;align-content:center;row-gap:6px}.brand{flex:1}.toolrack-link{order:3;margin-left:auto;font-size:12px;padding:5px 12px;min-height:32px}.music-room{max-height:calc(100svh - 170px)}.laboratory{min-height:calc(100svh - 124px)}}

.toolrack-link small{display:block;font-size:12px;font-weight:400;color:var(--dim);margin-top:4px}.toolrack-feature{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:22px;border:1px solid var(--line);background:#0c120f}.toolrack-feature strong{font:500 24px var(--display);display:block;margin-bottom:7px;color:var(--cyan)}.toolrack-feature>span>span{font-size:14px;line-height:1.6;color:var(--dim)}.toolrack-action{font-size:14px;white-space:nowrap;color:var(--cyan)}.toolrack-feature:hover{border-color:#00eadc70}
@media(max-width:700px){.masthead{height:142px}.toolrack-link{min-height:47px}.toolrack-link small{margin-top:1px}.toolrack-feature{align-items:flex-start;flex-direction:column;padding:19px;gap:16px}.laboratory{min-height:calc(100svh - 142px)}}