@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-primary: #0e1116;--bg-secondary: #141a22;--accent: #00d4ff;--accent-rgb: 0, 212, 255;--text-primary: #e6edf3;--text-muted: #8b949e}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(circle at 50% 12%,#141a22,#0e1116 58%);color:var(--text-primary);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}a,button{color:inherit}button{border:none;background:transparent;padding:0}.app-shell{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#141a22d1,#0e1116f5 70%)}.atmosphere-layer{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 520px at 84% 12%,rgba(var(--accent-rgb),.11),rgba(var(--accent-rgb),0) 74%),linear-gradient(180deg,#0e111600,#0e11163d 52%,#0e1116b8),radial-gradient(1100px 320px at 50% 64%,rgba(var(--accent-rgb),.06),rgba(var(--accent-rgb),0) 70%)}.environment-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.chrome-layer{position:absolute;inset:0;pointer-events:none}.status-bar{position:absolute;top:1.3rem;left:50%;transform:translate(-50%);width:min(96vw,1150px);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.1rem;border:1px solid rgba(var(--accent-rgb),.25);background:#0e1116bf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden;pointer-events:auto}.status-bar:after{content:"";position:absolute;top:0;bottom:0;left:-28%;width:28%;background:linear-gradient(90deg,rgba(var(--accent-rgb),0),rgba(var(--accent-rgb),.2) 45%,rgba(var(--accent-rgb),0));animation:header-sweep 20s linear infinite;pointer-events:none}.accent-lab{position:absolute;top:5.95rem;right:max(2vw,1.6rem);z-index:8;pointer-events:auto}.accent-toggle{border:1px solid rgba(var(--accent-rgb),.4);background:#0e1116b3;padding:.4rem .58rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);cursor:pointer}.accent-toggle:hover,.accent-toggle:focus-visible{border-color:rgba(var(--accent-rgb),.82);background:#0e1116e6;outline:none}.accent-popover{margin-top:.4rem;width:min(90vw,258px);border:1px solid rgba(var(--accent-rgb),.28);background:#0e1116e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.66rem}.music-dock{position:absolute;bottom:5.8rem;left:max(2vw,1.6rem);z-index:7;width:min(32vw,280px);border:1px solid rgba(var(--accent-rgb),.28);background:#0e1116c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.62rem;pointer-events:auto}.music-controls{margin-top:.48rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.music-button{border:1px solid rgba(var(--accent-rgb),.42);background:#0e1116c7;padding:.34rem .52rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);cursor:pointer}.music-button:hover,.music-button:focus-visible,.music-button.is-active{border-color:rgba(var(--accent-rgb),.84);background:rgba(var(--accent-rgb),.14);outline:none}.music-volume{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.42rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.57rem;color:var(--text-muted)}.music-volume input[type=range]{width:100%;accent-color:var(--accent)}.music-station{margin-top:.5rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.42rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.57rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.music-station-select{width:100%;min-width:0;border:1px solid rgba(var(--accent-rgb),.34);background:#0e1116db;color:var(--text-primary);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;padding:.28rem .34rem}.music-station-select:hover,.music-station-select:focus-visible{border-color:rgba(var(--accent-rgb),.8);outline:none}.music-error{margin:.4rem 0 0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.05em;color:var(--text-muted)}.accent-presets{margin-top:.5rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.38rem}.accent-swatch{height:20px;border:1px solid rgba(230,237,243,.3);cursor:pointer}.accent-swatch.is-active{box-shadow:0 0 0 1px #e6edf3cc}.accent-row{margin-top:.58rem;display:flex;align-items:center;gap:.5rem}.accent-picker{width:2.18rem;height:1.55rem;padding:0;border:1px solid rgba(var(--accent-rgb),.35);background:transparent;cursor:pointer}.accent-hex{flex:1;min-width:0;border:1px solid rgba(var(--accent-rgb),.27);background:#0e1116d9;color:var(--text-primary);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.07em;text-transform:lowercase;padding:.34rem .45rem}.accent-hex:focus-visible{outline:none;border-color:rgba(var(--accent-rgb),.78)}.status-title{margin:.2rem 0 0;font-size:.95rem;letter-spacing:.11em;font-weight:600}.status-meta{display:flex;align-items:center;gap:.9rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.8)}.system-label{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted)}.hub-floating-title{position:absolute;left:clamp(1.1rem,8vw,6rem);top:clamp(6.8rem,18vh,12rem);transform:translateY(8px);width:min(76vw,360px);text-align:left;opacity:0;transition:opacity .42s ease,transform .42s ease;text-shadow:0 0 18px rgba(var(--accent-rgb),.1)}.hub-floating-title.is-visible{opacity:1;transform:translateY(0)}.hub-floating-meta{margin:0 0 .38rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:clamp(.52rem,1.3vw,.68rem);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.hub-floating-title h1{margin:0;font-size:clamp(.88rem,2.1vw,1.22rem);letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:#e6edf3eb}.panel-overlay{position:absolute;top:7.5rem;bottom:6.3rem;right:max(2vw,1.6rem);width:min(90vw,472px);min-height:0;max-height:calc(100vh - 13.8rem);height:auto;pointer-events:auto}.panel-outline{position:absolute;inset:0;border:1px solid rgba(var(--accent-rgb),.55);transform-origin:center;opacity:0;animation:outline-assemble .22s ease-out forwards}.panel-shell{position:relative;border:1px solid rgba(var(--accent-rgb),.3);background:#141a22e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.15rem 1.05rem 1rem;min-height:0;height:100%;display:flex;flex-direction:column;opacity:0;animation:panel-assemble .3s ease-out forwards;animation-delay:90ms}.panel-shell:before{content:"";position:absolute;inset:0;border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 0 22px rgba(var(--accent-rgb),.09);pointer-events:none;animation:shell-glow 15s ease-in-out infinite}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.95rem}.panel-header h2{margin:.32rem 0 0;font-size:1.06rem;letter-spacing:.01em}.return-button{padding:.45rem .6rem;border:1px solid rgba(var(--accent-rgb),.42);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.return-button:hover,.return-button:focus-visible{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.84);outline:none}.panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.2rem;opacity:0;transform:translateY(10px);animation:content-assemble .24s ease-out forwards;animation-delay:.19s}.panel-body::-webkit-scrollbar{width:8px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:#8b949e73;border-radius:10px}.module-headline{margin:0;color:var(--text-primary);line-height:1.45;font-size:.98rem}.overview-layout{display:grid;grid-template-columns:1.25fr .95fr;gap:.82rem;align-items:start}.overview-top{margin-bottom:.82rem}.overview-copy{min-width:0}.overview-section{margin-top:.88rem;padding-top:.84rem;border-top:1px solid rgba(var(--accent-rgb),.16)}.overview-section p{margin:.52rem 0 0;line-height:1.45;font-size:.89rem;color:var(--text-primary)}.overview-list{margin:.56rem 0 0;padding-left:1.02rem;display:grid;gap:.24rem}.overview-list li{font-size:.87rem;color:var(--text-primary)}.overview-media-column{min-width:0;display:grid;gap:.72rem}.clock-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.7rem .8rem;background:#0e1116b3;border:1px solid rgba(var(--accent-rgb),.18)}.clock-value{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.92rem;letter-spacing:.07em}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.74rem;align-items:start}.overview-stats-grid{margin-top:.72rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem}.system-block{background:#0e1116b8;border:1px solid rgba(var(--accent-rgb),.16);padding:.56rem .64rem}.system-value{margin:.34rem 0 0;font-size:.8rem;line-height:1.35;color:var(--text-primary);overflow-wrap:anywhere}.overview-media-frame{margin:0;position:relative;border:1px solid rgba(var(--accent-rgb),.24);background:#0e1116d1;padding:.54rem;overflow:hidden}.overview-media-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(var(--accent-rgb),.14),transparent 55%),repeating-linear-gradient(0deg,rgba(var(--accent-rgb),.05) 0px,rgba(var(--accent-rgb),.05) 1px,transparent 1px,transparent 8px);pointer-events:none}.overview-hologram{margin-top:.48rem;width:100%;display:block;min-height:168px;max-height:280px;object-fit:cover;border:1px solid rgba(var(--accent-rgb),.18);filter:contrast(1.06) saturate(.78) brightness(.92);transition:transform .22s ease;-webkit-mask-image:radial-gradient(ellipse 88% 90% at 50% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 88% 90% at 50% 50%,#000 65%,transparent 100%)}.overview-media-frame figcaption{margin-top:.46rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.project-list{display:grid;gap:.72rem}.project-card{position:relative;background:#0e1116b8;border:1px solid rgba(var(--accent-rgb),.18);padding:.73rem .8rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.project-card:before{content:"";position:absolute;top:-1px;left:-1px;height:1px;width:calc(100% + 2px);transform:scaleX(0);transform-origin:left center;background:var(--accent);transition:transform .2s ease}.project-card:hover:before,.project-card:focus-visible:before,.project-card.is-expanded:before{transform:scaleX(1)}.project-card:hover,.project-card:focus-visible,.project-card.is-expanded{border-color:rgba(var(--accent-rgb),.55);background:#0e1116e6;outline:none}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.project-header h3{margin:0;font-size:.95rem;letter-spacing:.02em}.status-chip{padding:.14rem .35rem;border:1px solid rgba(var(--accent-rgb),.4);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.project-meta{margin-top:.52rem}.project-meta p{margin:.35rem 0 0;color:var(--text-primary);font-size:.88rem}.project-detail{margin:.6rem 0 0;color:var(--text-muted);font-size:.85rem;line-height:1.45}.panel-business{display:grid;gap:.75rem}.business-card{display:block;border:1px solid rgba(var(--accent-rgb),.2);background:#0e1116b3;padding:.85rem;transition:border-color .2s ease,background-color .2s ease}.business-card h3{margin:0;font-size:.94rem}.business-card p{margin:.46rem 0 0;color:var(--text-muted);line-height:1.43;font-size:.9rem}.business-card .arrow-link{display:inline-block;margin-top:.65rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.business-card:hover,.business-card:focus-visible{border-color:rgba(var(--accent-rgb),.58);background:#0e1116eb;outline:none}.network-list{list-style:none;margin:0;padding:0;display:grid;gap:.56rem;padding-bottom:.2rem}.network-entry{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid rgba(var(--accent-rgb),.18);background:#0e1116ad;padding:.56rem .62rem;transition:border-color .19s ease,background-color .19s ease}.network-handle{display:block;margin-top:.26rem;font-size:.86rem;color:var(--text-primary)}.network-context{display:block;margin-top:.18rem;font-size:.73rem;color:var(--text-muted);line-height:1.35}.network-arrow{font-size:1rem;color:var(--text-muted);transform:translate(0);transition:transform .19s ease,color .19s ease}.network-entry:hover,.network-entry:focus-visible{border-color:rgba(var(--accent-rgb),.53);background:#0e1116f0;outline:none}.network-entry:hover .network-arrow,.network-entry:focus-visible .network-arrow{color:var(--text-primary);transform:translate(4px)}.panel-contact{display:grid;gap:.72rem}.contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.contact-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-rgb),.47);background:#0e1116cc;padding:.5rem .42rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;transition:background-color .17s ease,border-color .17s ease}.contact-action:hover,.contact-action:focus-visible{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.75);outline:none}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#0e1116bf;border:1px solid rgba(var(--accent-rgb),.2);padding:.75rem}.contact-value{margin:.42rem 0 0;font-size:.93rem}.zone-dock{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);width:min(96vw,1120px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;pointer-events:auto}.zone-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(var(--accent-rgb),.26);background:#0e1116b3;padding:.5rem .68rem;font-size:.72rem;letter-spacing:.05em;color:var(--text-primary);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.zone-key{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.6rem;color:var(--text-muted)}.zone-pill:hover,.zone-pill:focus-visible{border-color:rgba(var(--accent-rgb),.62);background:#0e1116eb;outline:none}.zone-pill:disabled{opacity:.45;cursor:not-allowed}.zone-pill.is-active{border-color:rgba(var(--accent-rgb),.9);background:rgba(var(--accent-rgb),.14)}.motion-toggle{margin-left:.5rem}.audio-toggle{min-width:94px}.boot-sequence{position:absolute;inset:0;z-index:30;background:#06090d;display:grid;place-items:center;transition:opacity .38s ease;pointer-events:auto}.boot-sequence.is-hidden{opacity:0;pointer-events:none}.boot-line{width:min(72vw,620px);height:1px;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.45);transform-origin:left center}.boot-copy{position:absolute;top:56%;left:50%;transform:translate(-50%);width:min(88vw,600px);text-align:center;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.boot-copy p{margin:.5rem 0;font-size:.76rem}.mobile-shell{position:relative;width:100%;height:100%;overflow:hidden}.mobile-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 300px at 85% 8%,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),0) 75%),linear-gradient(180deg,#0e111614,#0e11168f 66%,#0e1116d1)}.mobile-topbar{position:absolute;top:max(.55rem,env(safe-area-inset-top));left:.58rem;right:.58rem;z-index:10;border:1px solid rgba(var(--accent-rgb),.28);background:#0e1116c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.56rem .6rem;pointer-events:auto}.mobile-title-wrap h1{margin:.2rem 0 0;font-size:.82rem;letter-spacing:.11em;text-transform:uppercase}.mobile-utility-row{margin-top:.5rem;display:flex;gap:.36rem;flex-wrap:wrap}.mobile-utility{border:1px solid rgba(var(--accent-rgb),.35);background:#0e1116b3;padding:.3rem .44rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.54rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary)}.mobile-music-row{margin-top:.42rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.36rem}.mobile-music-toggle.is-active{border-color:rgba(var(--accent-rgb),.84);background:rgba(var(--accent-rgb),.14)}.mobile-music-volume{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.3rem;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.52rem;color:var(--text-muted)}.mobile-music-volume input[type=range]{width:100%;accent-color:var(--accent)}.mobile-music-station{grid-column:1 / -1;width:100%;border:1px solid rgba(var(--accent-rgb),.34);background:#0e1116db;color:var(--text-primary);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.53rem;letter-spacing:.06em;text-transform:uppercase;padding:.26rem .3rem}.mobile-music-station:hover,.mobile-music-station:focus-visible{border-color:rgba(var(--accent-rgb),.8);outline:none}.mobile-music-error{margin:.38rem 0 0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.5rem;letter-spacing:.05em;color:var(--text-muted)}.mobile-accent-popover{margin-top:.44rem;border:1px solid rgba(var(--accent-rgb),.26);background:#0e1116e6;padding:.52rem}.mobile-content-shell{position:absolute;top:calc(max(.55rem,env(safe-area-inset-top)) + 7.45rem);left:.58rem;right:.58rem;bottom:calc(env(safe-area-inset-bottom) + 3.95rem);z-index:6;border:1px solid rgba(var(--accent-rgb),.28);background:#141a22e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.72rem .68rem .58rem;display:flex;flex-direction:column;min-height:0;pointer-events:auto}.mobile-content-header{margin-bottom:.56rem}.mobile-content-header h2{margin:.23rem 0 0;font-size:.89rem}.mobile-content-shell .panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.12rem;animation-delay:0ms}.mobile-content-shell .panel-body::-webkit-scrollbar{width:6px}.mobile-content-shell .panel-body::-webkit-scrollbar-thumb{background:#8b949e73}.mobile-tabbar{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);z-index:9;display:flex;gap:.36rem;padding:.4rem .58rem .58rem;overflow-x:auto;background:linear-gradient(180deg,#0e111600,#0e11169e 45%,#0e1116e0);pointer-events:auto}.mobile-tabbar::-webkit-scrollbar{display:none}.mobile-tab{flex:0 0 auto;border:1px solid rgba(var(--accent-rgb),.28);background:#0e1116c2;padding:.42rem .52rem;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-primary)}.mobile-tab.is-active{border-color:rgba(var(--accent-rgb),.84);background:rgba(var(--accent-rgb),.12)}@keyframes outline-assemble{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes panel-assemble{0%{opacity:0}to{opacity:1}}@keyframes content-assemble{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes header-sweep{0%{transform:translate(0)}to{transform:translate(500%)}}@keyframes shell-glow{0%,to{box-shadow:0 0 18px rgba(var(--accent-rgb),.06)}50%{box-shadow:0 0 28px rgba(var(--accent-rgb),.12)}}@keyframes mobile-content-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.app-shell.mobile .status-bar{top:max(.55rem,env(safe-area-inset-top));left:.65rem;right:.65rem;transform:none;width:auto;padding:.56rem .68rem;align-items:center;flex-direction:row;gap:.55rem;border-color:rgba(var(--accent-rgb),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell.mobile .status-meta{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap;gap:.45rem;font-size:.58rem}.app-shell.mobile .status-title{margin-top:.1rem;font-size:.74rem;letter-spacing:.08em}.app-shell.mobile .status-meta span:nth-child(3){display:none}.app-shell.mobile .accent-lab{top:calc(max(.55rem,env(safe-area-inset-top)) + 3.05rem);right:.65rem}.app-shell.mobile .accent-toggle{padding:.32rem .48rem;font-size:.54rem}.app-shell.mobile .accent-popover{width:min(88vw,236px);padding:.58rem}.app-shell.mobile .panel-overlay{top:auto;left:.65rem;right:.65rem;bottom:calc(env(safe-area-inset-bottom) + 4.3rem);transform:none;width:auto;min-height:0;height:min(62dvh,500px);max-height:none}.app-shell.mobile .panel-shell{min-height:0;border-radius:14px;padding:.9rem .84rem .74rem}.app-shell.mobile .panel-header{position:sticky;top:0;z-index:2;margin:0 -.04rem .72rem;padding:.08rem .04rem .5rem;background:linear-gradient(180deg,#141a22f2 70%,#141a2200)}.app-shell.mobile .panel-header h2{font-size:.92rem;margin-top:.22rem}.app-shell.mobile .return-button{padding:.34rem .45rem;font-size:.56rem}.app-shell.mobile .panel-body{padding-right:.08rem;animation-name:mobile-content-slide}.app-shell.mobile .hub-floating-title{left:.95rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 3.8rem);width:min(76vw,300px)}.app-shell.mobile .system-grid{grid-template-columns:1fr}.app-shell.mobile .zone-dock{left:0;right:0;bottom:env(safe-area-inset-bottom);transform:none;width:auto;justify-content:flex-start;flex-wrap:nowrap;gap:.38rem;padding:.45rem .65rem .58rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;background:linear-gradient(180deg,#0e111600,#0e11169e 55%,#0e1116db)}.app-shell.mobile .zone-dock::-webkit-scrollbar{display:none}.app-shell.mobile .zone-pill{flex:0 0 auto;white-space:nowrap;font-size:.64rem;padding:.42rem .52rem}.app-shell.mobile .zone-key{display:none}.app-shell.mobile .motion-toggle,.app-shell.mobile .audio-toggle{margin-left:0;min-width:auto}@media(max-width:640px){.hub-floating-title{left:.82rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 3.5rem);width:min(82vw,260px)}.app-shell.mobile .panel-overlay{left:.55rem;right:.55rem;bottom:calc(env(safe-area-inset-bottom) + 4rem);height:min(66dvh,470px)}.app-shell.mobile .status-meta{font-size:.55rem}.app-shell.mobile .accent-lab{right:.55rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 2.9rem)}.app-shell.mobile .accent-popover{width:min(90vw,220px)}.network-entry,.business-card,.project-card,.contact-row{padding:.56rem .58rem}.network-handle,.project-meta p,.project-detail,.contact-value{font-size:.83rem}.overview-layout{grid-template-columns:1fr;gap:.7rem}.overview-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-section p,.overview-list li{font-size:.84rem}.overview-hologram{min-height:220px;max-height:46vh;object-fit:contain;background:#080b10eb;-webkit-mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%)}}@media(min-width:641px)and (max-width:1366px){.overview-layout{grid-template-columns:1fr;gap:.72rem}.overview-media-column{order:-1}.overview-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-hologram{min-height:280px;max-height:50vh;object-fit:contain;background:#080b10eb;-webkit-mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%)}}@media(pointer:coarse)and (orientation:landscape)and (min-width:900px){.overview-layout{grid-template-columns:1fr;gap:.7rem}.overview-media-column{order:-1}.overview-hologram{min-height:260px;max-height:44vh;object-fit:contain;background:#080b10eb;-webkit-mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 84% 90% at 50% 50%,#000 58%,transparent 100%)}}@media(orientation:portrait)and (max-width:900px){.app-shell.mobile .accent-lab{top:calc(max(.55rem,env(safe-area-inset-top)) + 2.85rem);right:.6rem;z-index:10}.app-shell.mobile .accent-popover{width:min(78vw,218px)}.app-shell.mobile .panel-overlay{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.25rem);left:.58rem;right:4.9rem;bottom:calc(env(safe-area-inset-bottom) + .65rem);width:auto;height:auto;min-height:0;max-height:none}.app-shell.mobile .panel-shell{border-radius:12px;padding:.82rem .72rem .66rem}.app-shell.mobile .panel-header{position:sticky;top:0;z-index:2;margin:0 -.05rem .64rem;padding:.06rem .05rem .45rem;background:linear-gradient(180deg,#141a22f2 70%,#141a2200)}.app-shell.mobile .panel-header h2{font-size:.86rem;margin-top:.18rem}.app-shell.mobile .return-button{padding:.3rem .4rem;font-size:.53rem}.app-shell.mobile .zone-dock{top:calc(max(.55rem,env(safe-area-inset-top)) + 4.25rem);right:.5rem;left:auto;bottom:calc(env(safe-area-inset-bottom) + .55rem);width:3.95rem;transform:none;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:.34rem;padding:.2rem 0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(90deg,#0e111600,#0e111694 45%,#0e1116d1)}.app-shell.mobile .zone-pill{width:100%;min-height:2.25rem;justify-content:center;text-align:center;padding:.34rem .24rem;font-size:.57rem;line-height:1.18;white-space:normal;word-break:break-word}.app-shell.mobile .motion-toggle,.app-shell.mobile .audio-toggle{font-size:.53rem}.app-shell.mobile .zone-key{display:none}.app-shell.mobile .hub-floating-title{left:.78rem;top:calc(max(.55rem,env(safe-area-inset-top)) + 3.5rem);width:min(62vw,220px)}}@media(orientation:landscape)and (max-height:560px){.mobile-content-shell{top:calc(max(.35rem,env(safe-area-inset-top)) + 5.9rem);bottom:calc(env(safe-area-inset-bottom) + 3.3rem)}.app-shell.mobile .status-bar{top:max(.35rem,env(safe-area-inset-top));padding:.42rem .6rem}.app-shell.mobile .hub-floating-title{left:.9rem;top:auto;bottom:calc(env(safe-area-inset-bottom) + 3.25rem);width:min(42vw,280px)}.app-shell.mobile .accent-lab{top:calc(max(.35rem,env(safe-area-inset-top)) + 2.45rem);right:.72rem}.app-shell.mobile .panel-overlay{top:calc(max(.35rem,env(safe-area-inset-top)) + 3.3rem);bottom:calc(env(safe-area-inset-bottom) + 3.25rem);left:auto;right:.72rem;width:min(58vw,520px);height:auto;max-height:none}.app-shell.mobile .panel-header{position:static;background:transparent;margin:0 0 .65rem;padding:0}.app-shell.mobile .zone-dock{padding:.3rem .6rem .35rem}}.app-shell.reduced-motion .status-bar:after,.app-shell.reduced-motion .panel-shell:before{animation:none}.app-shell.reduced-motion .panel-outline,.app-shell.reduced-motion .panel-shell,.app-shell.reduced-motion .panel-body{animation-duration:.12s}.app-shell.reduced-motion .panel-body{animation-name:panel-assemble;transform:translateY(0)}.app-shell.reduced-motion .hub-floating-title{transition-duration:.15s}
