:root{color-scheme:dark;background:#07090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}html,body{overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(52,76,84,.18),transparent 32%),linear-gradient(#10161b,#080b0e 48%,#050607)}canvas{display:block;width:100vw;height:100vh;outline:none;cursor:default}:root{--theme-bg: rgba(12, 14, 16, .9);--theme-bg-panel: rgba(12, 14, 16, .65);--theme-text: rgba(255, 255, 255, .9);--theme-text-muted: rgba(255, 255, 255, .5);--theme-border: rgba(255, 255, 255, .1);--theme-accent: #7debe8;--theme-cta: #ffffff;--theme-cta-text: #000000;--theme-backdrop: rgba(6, 8, 10, .75);--theme-shadow: rgba(0, 0, 0, .4)}.spatial-theme--light{--theme-bg: rgba(255, 255, 255, .22);--theme-bg-panel: rgba(255, 255, 255, .75);--theme-text: #111111;--theme-text-muted: #4a4a4a;--theme-border: rgba(0, 0, 0, .08);--theme-accent: #0088ff;--theme-cta: #ff7a00;--theme-cta-text: #ffffff;--theme-backdrop: rgba(255, 255, 255, .08);--theme-shadow: rgba(0, 0, 0, .04)}.spatial-ui-layer{position:fixed;inset:0;z-index:10;pointer-events:none}.spatial-ui__panel{position:absolute;width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 64px);color:var(--theme-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;pointer-events:none;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}.spatial-ui__panel.is-entering{opacity:1;transform:translateY(0) scale(1)}.spatial-ui__panel.is-exiting{opacity:0;transform:translateY(-10px) scale(.98)}.spatial-ui__panel.is-hidden{opacity:0!important;transform:translateY(-10px) scale(.96)!important;pointer-events:none!important;display:none!important}.spatial-ui__panel--left{left:clamp(28px,5vw,92px);top:clamp(56px,12vh,140px)}.spatial-ui__panel--right{right:clamp(28px,5vw,92px);top:clamp(56px,12vh,140px)}.spatial-ui__panel--center{left:50%;top:clamp(40px,10vh,100px);transform:translate(-50%) translateY(10px) scale(.98)}.spatial-ui__panel--center.is-entering{transform:translate(-50%) translateY(0) scale(1)}.spatial-ui__panel--center.is-exiting{transform:translate(-50%) translateY(-10px) scale(.98)}.spatial-ui__panel--center.is-hidden{transform:translate(-50%) translateY(-10px) scale(.96)!important}.spatial-ui__frame{position:relative;overflow:visible;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;pointer-events:auto}.spatial-ui__eyebrow{margin-bottom:10px;color:#ffffffeb;font-size:34px;font-weight:900;letter-spacing:3px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.55),0 1px 0 rgba(0,0,0,.35)}.spatial-ui__frame h1{margin:0;color:#fffffff5;font-size:96px;font-weight:850;letter-spacing:-1.6px;line-height:1.02;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.55),0 0 1px rgba(0,0,0,.65)}.spatial-ui__subtitle{margin-top:8px;color:#0088fff5;font-size:22px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.45)}.spatial-ui__body{margin-top:18px;max-width:46ch}.spatial-ui__body p{margin:0 0 8px;color:#ffffffc7;font-size:18px;line-height:1.6;text-shadow:0 2px 14px rgba(0,0,0,.5)}.spatial-ui__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.spatial-ui__actions span{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);color:#ffffffeb;font-size:14px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border-radius:6px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 26px #00000038}.spatial-ui__actions span:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-1px)}.spatial-ui__actions span.action-primary{background:var(--theme-cta);color:var(--theme-cta-text);border-color:var(--theme-cta);box-shadow:0 4px 12px #e96f1233}.spatial-ui__actions span.action-primary:hover{opacity:.9;box-shadow:0 6px 16px #e96f124d}.spatial-backdrop{position:fixed;inset:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:20;opacity:0;pointer-events:none;transition:opacity .8s ease}.spatial-backdrop.is-active{opacity:1;pointer-events:auto}.spatial-web-container{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:24px}.spatial-web-container.is-active{pointer-events:auto}.spatial-web-panel{width:94vw;max-width:1720px;height:88vh;max-height:1040px;background:#ffffff2e;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border:1px solid var(--theme-border);border-radius:12px;box-shadow:0 0 0 1px #ffffff1a inset,0 40px 100px var(--theme-shadow);color:var(--theme-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden;opacity:0;transform:translateY(20px) scale(.99);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;display:flex;flex-direction:column}.spatial-theme--light .spatial-web-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 30%,rgba(0,136,255,.008) 0%,transparent 56%),radial-gradient(circle at 80% 70%,rgba(233,111,18,.007) 0%,transparent 60%);opacity:.12;pointer-events:none}.spatial-web-container.is-active .spatial-web-panel{opacity:1;transform:translateY(0) scale(1)}.spatial-web__top-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;border-bottom:1px solid var(--theme-border);background:#00000004}.spatial-web__status-bar{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--theme-text-muted);display:flex;align-items:center;gap:8px}.spatial-web__status-bar .pulse{width:6px;height:6px;background:var(--theme-accent);border-radius:50%;box-shadow:0 0 8px var(--theme-accent);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.1);opacity:.6}to{transform:scale(.95);opacity:1}}.spatial-web__logo{display:flex;align-items:center;gap:10px}.spatial-web__logo-mark{width:16px;height:16px;background:var(--theme-accent);border-radius:2px;transition:transform .4s ease}.spatial-web-panel:hover .spatial-web__logo-mark{transform:rotate(90deg)}.spatial-web__logo-text{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--theme-text)}.spatial-web__close{background:transparent;border:none;color:var(--theme-text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:color .2s ease;padding:8px}.spatial-web__close:hover{color:var(--theme-text)}.spatial-web__layout{display:flex;flex:1;min-height:0}.spatial-web__main{flex:1;padding:32px 40px;display:flex;flex-direction:column;overflow:hidden}.spatial-web__shell{display:flex;flex-direction:column;flex:1;min-height:0}.spatial-web__scroll{flex:1;min-height:0;overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.spatial-web__scroll::-webkit-scrollbar{width:8px}.spatial-web__scroll::-webkit-scrollbar-track{background:transparent}.spatial-web__scroll::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:8px}.spatial-web__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:32px}.spatial-web__metrics-row{display:flex;gap:32px;padding-bottom:6px}.metrics-row__item{display:flex;flex-direction:column;gap:4px}.metrics-row__item .label{font-size:10px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.metrics-row__item .value{font-size:18px;font-weight:500;color:var(--theme-text)}.spatial-web__title .subtitle{font-size:13px;color:var(--theme-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.spatial-web__title h2{margin:0;font-size:18px;font-weight:700;color:var(--theme-text);letter-spacing:1px;text-transform:uppercase;line-height:1.2}.spatial-web__columns{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;flex:1;min-height:0}.spatial-web__right-rail{display:flex;flex-direction:column;gap:14px;min-height:0}.spatial-web__rail-block{background:#ffffff1a;border:1px solid var(--theme-border);border-radius:12px;padding:14px}.spatial-web__rail-head{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--theme-text-muted);margin-bottom:10px}.spatial-web__rail-table{display:flex;flex-direction:column;gap:8px}.spatial-web__rail-row{display:flex;justify-content:space-between;gap:12px}.spatial-web__rail-row .k{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--theme-text-muted)}.spatial-web__rail-row .v{font-size:12px;font-weight:700;color:var(--theme-text);letter-spacing:.2px}.spatial-web__rail-notices{display:flex;flex-direction:column;gap:10px}.spatial-web__notice{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--theme-border);background:#ffffff0f}.spatial-web__notice .t{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--theme-accent)}.spatial-web__notice .m{font-size:12px;line-height:1.5;color:var(--theme-text)}.spatial-web__spine{position:sticky;bottom:0;margin-top:12px;padding:12px 10px 10px;border-top:1px solid var(--theme-border);background:#ffffff1a;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border-radius:12px}.spatial-web__spine .spine-label{font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--theme-text-muted);margin:0 0 10px 2px}.spine-rail{display:flex;gap:10px;overflow-x:auto;padding:2px 4px 6px;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.spine-rail.is-dragging{cursor:grabbing}.spine-rail::-webkit-scrollbar{height:8px}.spine-rail::-webkit-scrollbar-track{background:transparent}.spine-rail::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:8px}.spine-item{position:relative;flex:0 0 auto;width:240px;height:60px;display:grid;grid-template-columns:60px 1fr;gap:10px;align-items:center;padding:10px 12px 10px 10px;border-radius:12px;border:1px solid var(--theme-border);background:#ffffff14;color:var(--theme-text);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease;text-align:left}.spine-item:hover{transform:translateY(-1px);background:#ffffff1f}.spine-item .spine-id{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--theme-accent)}.spine-item .spine-title{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--theme-text);line-height:1.2}.spine-item.is-active{border-color:#0088ffa6;background:#0088ff29;box-shadow:0 10px 24px #0088ff1a,0 0 0 1px #0088ff38 inset;transform:translateY(-1px)}.spine-item.is-active .spine-title{color:var(--theme-text)}.spine-item.is-active .spine-id{color:#08f}.spine-item.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:2px;background:#0088ffd9;border-radius:2px}.spatial-web__page{transition:opacity .36s cubic-bezier(.2,.9,.2,1),transform .36s cubic-bezier(.2,.9,.2,1),filter .36s cubic-bezier(.2,.9,.2,1);will-change:opacity,transform,filter}.spatial-web__page.is-leaving,.spatial-web__page.is-entering{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}.spatial-web__tabs{display:flex;gap:32px;margin-bottom:24px;border-bottom:1px solid var(--theme-border);flex-shrink:0}.spatial-web__tab{background:transparent;border:none;color:var(--theme-text-muted);padding:0 0 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.spatial-web__tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--theme-accent);opacity:0;transform:scaleX(0);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.spatial-web__tab:hover,.spatial-web__tab.is-active{color:var(--theme-text)}.spatial-web__tab.is-active:after{opacity:1;transform:scaleX(1)}.spatial-web__content-grid{display:grid;grid-template-columns:1fr 340px;gap:56px;flex:1}.spatial-web__text{display:flex;flex-direction:column;animation:content-fade-in .5s ease-out}@keyframes content-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spatial-web__intro{font-size:18px;line-height:1.6;color:var(--theme-text);margin-bottom:24px;font-weight:400}.spatial-web__intro p{margin:0 0 16px}.spatial-web__blocks{display:flex;flex-direction:column;gap:40px}.spatial-web__hero{padding:18px 18px 16px;border:1px solid var(--theme-border);border-radius:10px;background:#ffffff1f}.spatial-web__hero-kicker{font-size:11px;font-weight:700;color:var(--theme-text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}.spatial-web__hero-headline{font-size:52px;font-weight:520;color:var(--theme-text);letter-spacing:-1.2px;line-height:1.05;margin-bottom:10px}.spatial-web__hero-lead{font-size:16px;color:var(--theme-text);line-height:1.55;max-width:86ch;margin-bottom:10px}.spatial-web__hero-body p{margin:0 0 6px;font-size:14px;line-height:1.55;color:var(--theme-text-muted)}.spatial-web__metrics-strip{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spatial-web__metric{background:#ffffff1a;border:1px solid var(--theme-border);border-radius:10px;padding:12px 12px 10px}.spatial-web__metric-label{font-size:10px;font-weight:700;color:var(--theme-text-muted);letter-spacing:.8px;text-transform:uppercase}.spatial-web__metric-value{margin-top:6px;font-size:18px;font-weight:520;color:var(--theme-text);letter-spacing:-.6px}.spatial-web__split{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.spatial-web__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px;margin-bottom:10px}.spatial-web__section-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--theme-text)}.spatial-web__section-subtitle{font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--theme-accent)}.spatial-web__feed{background:#ffffff1a;border:1px solid var(--theme-border);border-radius:10px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;min-height:0}.spatial-web__feed-item{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;padding:10px 10px 9px;border:1px solid var(--theme-border);border-radius:8px;background:#ffffff0f}.spatial-web__feed-tag{grid-row:1 / span 2;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--theme-accent);align-self:center}.spatial-web__feed-line{font-size:13px;font-weight:600;color:var(--theme-text);line-height:1.3}.spatial-web__feed-meta{font-size:12px;color:var(--theme-text-muted);line-height:1.3}.spatial-web__cards{display:grid;grid-template-columns:1fr;gap:10px}.spatial-web__card{background:#ffffff1a;border:1px solid var(--theme-border);border-radius:10px;padding:14px 14px 12px}.spatial-web__card h3{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--theme-text)}.spatial-web__card p{margin:0;font-size:13px;line-height:1.6;color:var(--theme-text-muted)}.spatial-web__blocks--dense{margin-top:18px;gap:14px}.spatial-web__blocks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spatial-web__blocks--dense .spatial-web__block{padding:14px;border-radius:10px;background:#ffffff1a}.spatial-web__blocks--dense .spatial-web__block h3{font-size:12px;letter-spacing:.9px;text-transform:uppercase;font-weight:800;margin-bottom:8px}.spatial-web__blocks--dense .spatial-web__block p{font-size:13px;line-height:1.6}.spatial-web__cta{margin-top:18px;padding:16px 16px 14px;border-radius:10px;border:1px solid var(--theme-border);background:#0088ff14}.spatial-web__cta-title{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--theme-text);margin-bottom:6px}.spatial-web__cta-body{font-size:13px;line-height:1.55;color:var(--theme-text);margin-bottom:6px}.spatial-web__cta-hint{font-size:11px;color:var(--theme-text-muted);line-height:1.45}.spatial-web__block{background:var(--theme-bg-panel);padding:24px;border-radius:8px;border:1px solid var(--theme-border)}.spatial-web__block h3{font-size:14px;color:var(--theme-text);margin:0 0 12px;font-weight:600}.spatial-web__block p{margin:0;font-size:14px;color:var(--theme-text-muted);line-height:1.6}.spatial-web__side-col{display:flex;flex-direction:column;gap:32px}.spatial-web__feed{overflow:hidden}.feed-header{font-size:10px;font-weight:700;color:var(--theme-text-muted);letter-spacing:1px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--theme-border)}.feed-list{display:flex;flex-direction:column;gap:12px}.feed-item{font-size:12px;line-height:1.4;color:var(--theme-text);padding-left:12px;border-left:2px solid var(--theme-accent);animation:feed-entry .6s cubic-bezier(.2,.8,.2,1)}@keyframes feed-entry{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.spatial-web__grid-item{padding-bottom:16px;border-bottom:1px solid var(--theme-border);display:flex;flex-direction:column;gap:4px}.spatial-web__grid-item:last-child{border-bottom:none}.spatial-web__grid-item-title{font-size:12px;color:var(--theme-text-muted);font-weight:500}.spatial-web__grid-item-value{font-size:24px;color:var(--theme-text);font-weight:400;letter-spacing:-.5px}.spatial-web__actions{display:flex;flex-direction:column;gap:12px}.spatial-web__actions span{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--theme-border);background:transparent;color:var(--theme-text);font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .25s ease}.spatial-web__actions span:hover{background:#0000000a;transform:translate(4px)}.spatial-web__actions span.primary{background:var(--theme-cta);border-color:var(--theme-cta);color:var(--theme-cta-text);box-shadow:0 4px 12px #e96f1233}.spatial-web__actions span.primary:hover{background:var(--theme-cta);opacity:.9;box-shadow:0 6px 16px #e96f124d}.spatial-web__auth{width:auto;background:#ffffff1f;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:1px solid var(--theme-border);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.spatial-auth__header{margin-bottom:18px}.spatial-auth__header h3{margin:0;font-size:20px;font-weight:500;color:var(--theme-text);letter-spacing:-.3px}.spatial-auth__header p{margin:8px 0 0;font-size:13px;color:var(--theme-text-muted)}.spatial-auth__form{display:flex;flex-direction:column;gap:14px;flex:1}.spatial-auth__field label{font-size:12px;color:var(--theme-text-muted);font-weight:500;display:block;margin-bottom:8px}.spatial-auth__field input,.spatial-auth__field textarea{width:100%;background:#fff9;border:1px solid var(--theme-border);border-radius:6px;padding:12px 14px;color:var(--theme-text);font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}.spatial-auth__field input:focus,.spatial-auth__field textarea:focus{background:#fff;border-color:var(--theme-accent);box-shadow:0 0 0 3px #0088ff1a}.spatial-auth__submit{margin-top:8px;background:var(--theme-cta);border:1px solid var(--theme-cta);color:var(--theme-cta-text);border-radius:6px;padding:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease}.spatial-auth__secondary{background:transparent;border:none;color:var(--theme-text-muted);font-size:13px;font-weight:500;cursor:pointer;padding:8px;transition:color .2s ease}.spatial-auth__footer{margin-top:auto;padding-top:16px;font-size:11px;color:var(--theme-text-muted);line-height:1.5;text-align:center}@media(max-width:1024px){.spatial-web-container{padding:16px}.spatial-web-panel{max-height:none}.spatial-web__layout{flex-direction:column;overflow-y:auto}.spatial-web__main{overflow:hidden;padding:28px 20px}.spatial-web__columns{grid-template-columns:1fr;gap:18px}}@media(max-width:768px){.spatial-ui__panel--left,.spatial-ui__panel--right,.spatial-ui__panel--center{left:16px!important;right:16px!important;top:20px!important;width:auto!important;transform:none!important}.spatial-ui__panel.is-entering{transform:translateY(0)!important}.spatial-ui__panel.is-exiting{transform:translateY(-10px)!important}}