@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;600;800&display=swap";:root{color:#202824;font-synthesis:none;background:#ebe9e3;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body:after{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#78867d13 1px,#0000 1px),linear-gradient(90deg,#78867d13 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 55% 45%,#000,#0000 72%);mask-image:radial-gradient(circle at 55% 45%,#000,#0000 72%)}#viewport{position:fixed;inset:0}canvas{display:block}.topbar{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #52615920;justify-content:space-between;align-items:center;height:78px;padding:0 42px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#1d2722;letter-spacing:.16em;align-items:center;gap:5px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand span{color:#768079;font-weight:300}.brand-mark{background:#ef9f7e;border-radius:50% 45% 55% 40%;width:12px;height:12px;margin-right:7px;box-shadow:0 3px 12px #d98c6c66}.status,footer,.eyebrow,.panel-label,dt,.signal{letter-spacing:.12em;font-family:DM Mono,monospace}.status{color:#69756e;align-items:center;gap:10px;font-size:10px;display:flex}.status i{background:#c7b98b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #c7b98b77}.status strong{color:#46534c;margin-left:16px;font-weight:400}.hero-copy{pointer-events:none;z-index:2;width:420px;position:fixed;top:17vh;left:5.5vw}.eyebrow{color:#788a80;margin-bottom:22px;font-size:10px}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,74px);font-weight:400;line-height:.88}h1 em{color:#66766d;-webkit-text-stroke:0;letter-spacing:-.04em;font-family:Georgia,serif;font-style:italic;font-weight:400}.intro{color:#6d7972;max-width:360px;margin-top:28px;font-size:12px;line-height:1.8}.node-list{z-index:3;scrollbar-width:thin;scrollbar-color:#fff2 transparent;border-top:1px solid #56635c30;width:270px;max-height:48vh;position:fixed;bottom:84px;left:5.5vw;overflow-y:auto}.list-heading{color:#697186;letter-spacing:.15em;justify-content:space-between;align-items:center;height:34px;font:8px DM Mono;display:flex}.list-heading b{color:#949caf;font-weight:400}.node-item{--item-color:#8b5cf6;text-align:left;color:#69756e;cursor:pointer;background:0 0;border:0;border-top:1px solid #52615914;grid-template-columns:26px 12px 1fr auto;align-items:center;gap:8px;width:100%;height:39px;padding:0 8px;transition:color .2s,background .2s,padding .2s;display:grid}.node-item:hover,.node-item.selected{color:#17221c;background:linear-gradient(90deg, color-mix(in srgb, var(--item-color) 11%, transparent), transparent);padding-left:12px}.node-item.selected{box-shadow:inset 1px 0 var(--item-color)}.item-index,.item-activity{font:8px DM Mono}.node-item i{background:var(--item-color);border-radius:55% 45% 60% 40%;width:7px;height:7px}.item-name{letter-spacing:.1em;align-items:baseline;gap:9px;font:10px DM Mono;display:flex}.item-name small{color:#8a938d;font-size:6px}.item-activity{color:#7a867f}.panel{--node-color:#8b5cf6;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff72;border:1px solid #fff9;border-radius:2px 26px;width:245px;padding:24px;position:fixed;top:26vh;right:3vw;box-shadow:0 18px 55px #50605718}.panel:before{content:"";background:var(--node-color);width:46px;height:1px;box-shadow:0 0 10px var(--node-color);position:absolute;top:0;left:0}.panel-label{color:#6d7972;border-bottom:1px solid #5261591c;justify-content:space-between;padding-bottom:16px;font-size:9px;display:flex}.node-code{color:var(--node-color);margin-top:18px;font:10px DM Mono}.panel h2{letter-spacing:-.025em;margin:5px 0 4px;font:italic 29px Georgia,serif;transition:color .3s}.panel>p{letter-spacing:.13em;color:#758079;margin:0 0 24px;font:8px DM Mono}dl{grid-template-columns:1fr 1fr;margin:0 0 22px;display:grid}dl div{border-left:1px solid #52615922;padding-left:12px}dt{color:#77837c;font-size:7px}dd{color:#2b3730;margin:5px 0 0;font:18px DM Mono}dd.active{color:#c7b98b}.signal{color:#656e82;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:7px;display:grid}.signal div{background:#cbd0cc;height:2px}.signal i{background:#c7b98b;width:82%;height:100%;display:block;box-shadow:0 0 5px #c7b98b66}.signal b{color:#c7b98b;font-weight:400}.pulse-button{color:#d9d5dc;letter-spacing:.14em;cursor:pointer;background:#ffffff09;border:1px solid #ffffff24;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:18px;padding:11px 12px;font:8px DM Mono;transition:background .2s,border-color .2s;display:flex}.pulse-button:hover{color:#fff;border-color:var(--node-color);background:#ffffff14}.pulse-button i{background:var(--node-color);width:6px;height:6px;box-shadow:0 0 9px var(--node-color);border-radius:50%;animation:1.5s infinite beat}@keyframes beat{50%{opacity:.55;transform:scale(1.7)}}.event-feed{z-index:3;width:310px;font-family:DM Mono,monospace;position:fixed;bottom:76px;right:3vw}.feed-title{color:#817d86;letter-spacing:.15em;border-bottom:1px solid #ffffff18;align-items:center;gap:9px;padding-bottom:9px;font-size:7px;display:flex}.feed-title i{background:#c7b98b;border-radius:50%;width:5px;height:5px;animation:1.4s infinite beat;box-shadow:0 0 7px #c7b98b77}.feed-entry{color:#77737c;opacity:.72;border-bottom:1px solid #ffffff0c;grid-template-columns:54px 53px 12px 53px 1fr;align-items:center;height:31px;font-size:7px;transition:background .45s,opacity .45s;display:grid}.feed-entry.fresh{opacity:1;background:#ffffff0b}.feed-entry time{color:#65616a}.feed-entry span{color:var(--event-color)}.feed-entry i{color:#aaa5ae;font-style:normal}.feed-entry b{color:#bebac2;font-weight:400}.feed-entry small{color:#77737c;text-align:right;font-size:6px;overflow:hidden}.feed-entry.isolated b,.feed-entry.isolated small{color:#b59c86}.generator-panel{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#181a25a6;border:1px solid #ffffff1b;width:245px;padding:15px 18px;font-family:DM Mono,monospace;position:fixed;top:94px;right:3vw}.generator-title{color:#8e8b96;letter-spacing:.15em;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:7px;display:flex}.generator-title span{flex-direction:column;gap:5px;display:flex}.generator-title small{color:#656371;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:175px;font-size:5px;line-height:1.3;overflow:hidden}.generator-title b{color:#d5c6e0;font-size:13px;font-weight:400}.generator-panel label{color:#686673;letter-spacing:.14em;font-size:6px;display:block}.generator-panel input[type=range]{appearance:none;accent-color:#9c89b7;cursor:pointer;background:#ffffff24;border-radius:2px;width:100%;height:2px;margin:12px 0 16px}.generator-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:#c5b4d3;border:2px solid #22232d;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #c5b4d366}.generator-panel button{color:#bab6c0;letter-spacing:.13em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1c;width:100%;padding:9px;font:7px DM Mono;transition:color .2s,border-color .2s,background .2s}.generator-panel button:hover{color:#fff;background:#9c89b714;border-color:#9c89b766}.node-item.quantity-hidden{display:none}footer{z-index:2;color:#758078;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f2ed88;border-top:1px solid #52615920;align-items:center;gap:28px;height:55px;padding:0 42px;font-size:8px;display:flex;position:fixed;bottom:0;left:0;right:0}footer button{color:#56625b;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px}.center-control{z-index:5;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.13em;text-align:left;cursor:pointer;background:#25242be8;border:1px solid #fff5;border-radius:999px;align-items:center;gap:11px;width:112px;height:48px;margin-left:-56px;padding:0 15px;font:8px/1.25 DM Mono;transition:transform .2s,background .2s,box-shadow .2s;display:flex;position:fixed;bottom:78px;left:50%;box-shadow:0 8px 30px #16151c55,inset 0 0 0 1px #ffffff0d}.center-control:hover{color:#fff;background:#35313e;transform:translateY(-3px);box-shadow:0 12px 38px #16151c77,0 0 0 4px #ffffff12}.center-control i{border:1px solid #c7b98b;border-radius:50%;flex:0 0 21px;height:21px;position:relative;box-shadow:0 0 10px #c7b98b44}.center-control i:before,.center-control i:after{content:"";background:#c7b98b;position:absolute}.center-control i:before{width:7px;height:1px;top:9px;left:6px}.center-control i:after{width:1px;height:7px;top:6px;left:9px}.center-control b{color:#c7b98b;font-weight:500}.hint{margin-left:auto}.cursor-label{z-index:4;pointer-events:none;color:#fff;letter-spacing:.12em;opacity:0;background:#111427dd;border-left:1px solid #a78bfa;padding:6px 8px;font:9px DM Mono;transition:opacity .15s;position:fixed;top:0;left:0}.cursor-label.show{opacity:1}.is-hovering canvas{cursor:pointer}@media (width<=800px){.topbar{height:64px;padding:0 20px}.status strong{display:none}.hero-copy{width:calc(100% - 40px);top:95px;left:20px}.hero-copy h1{font-size:43px}.intro{display:none}.node-list{width:150px;bottom:72px;left:20px}.node-item{grid-template-columns:18px 9px 1fr}.item-index,.item-activity,.item-name small{display:none}.panel{width:210px;top:auto;bottom:72px;right:20px}.center-control{bottom:64px}.event-feed{display:none}.generator-panel{width:190px;top:76px;right:20px}footer{gap:14px;padding:0 20px}.hint{display:none}}@media (height<=760px) and (width>=801px){.hero-copy{top:13vh}.intro{display:none}.node-list{bottom:68px}.node-item{height:32px}}:root{color:#ecebf0;background:#19181d}body{background:radial-gradient(at 64% 42%,#29283b 0,#1c1d2b 32%,#111520 68%,#0b0e16 100%)}body:before{content:"";pointer-events:none;filter:blur(72px);background:radial-gradient(at 21% 82%,#3f61704f,#0000 27%),radial-gradient(at 82% 13%,#8057774d,#0000 28%),radial-gradient(at 58% 55%,#4b4c7938,#0000 38%),conic-gradient(from 210deg at 58% 48%,#0000,#6c55702b,#0000 24%);animation:24s ease-in-out infinite alternate gallery-wash;position:fixed;inset:-20%}@keyframes gallery-wash{to{transform:translate(2.5%,-1.5%)scale(1.06)rotate(2deg)}}body:after{opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");background-size:180px;-webkit-mask-image:none;mask-image:none}.topbar{background:#1a191d22;border-color:#ffffff16}.brand{color:#f5f3f6}.brand span,.status,.intro,.eyebrow{color:#aaa6ae}.status strong{color:#d4d1d7}h1 em{color:#b7a9b8;text-shadow:0 8px 35px #9a719133}.node-list{border-color:#ffffff1c}.node-item{color:#aaa6ae;border-color:#ffffff0c}.node-item:hover,.node-item.selected{color:#fff}.item-name small,.item-activity{color:#77737c}.panel{color:#f1eff3;background:#27252c99;border-color:#ffffff24;box-shadow:0 18px 60px #08070a44}.panel-label,.panel>p,dt{color:#938f99}dd{color:#f3f1f4}dl div{border-color:#ffffff1c}.signal div{background:#ffffff1a}footer{color:#8d8992;background:#19181dbc;border-color:#ffffff16}footer button{color:#c1bdc5}footer button:hover{color:#fff}