:root{--xmb-x-intersection: 240px;--xmb-y-intersection: 180px;--xmb-category-step: 112px;--xmb-entry-step: 65px;--theme-accent: #3b82f6;--theme-gradient: linear-gradient(135deg, rgba(14, 47, 86, .95), rgba(5, 22, 42, .98));color:#fff;background:#02060e;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#010813}button,a{-webkit-tap-highlight-color:transparent;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:4px}.theme-blue{--theme-accent: #5dade2;--theme-gradient: linear-gradient(135deg, rgba(8, 28, 56, .94), rgba(2, 10, 22, .97))}.theme-red{--theme-accent: #ec7063;--theme-gradient: linear-gradient(135deg, rgba(64, 8, 14, .94), rgba(20, 2, 5, .97))}.theme-green{--theme-accent: #58d68d;--theme-gradient: linear-gradient(135deg, rgba(6, 40, 20, .94), rgba(2, 14, 6, .97))}.theme-gold{--theme-accent: #f5b041;--theme-gradient: linear-gradient(135deg, rgba(68, 50, 8, .94), rgba(20, 14, 2, .97))}.theme-black{--theme-accent: #bdc3c7;--theme-gradient: linear-gradient(135deg, rgba(16, 17, 20, .95), rgba(4, 4, 5, .98))}.theme-purple{--theme-accent: #af7ac5;--theme-gradient: linear-gradient(135deg, rgba(38, 12, 64, .94), rgba(12, 2, 22, .97))}.theme-color-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--theme-gradient);z-index:-3;mix-blend-mode:overlay;pointer-events:none;transition:background 1.2s cubic-bezier(.25,.8,.25,1)}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate}.wave-video,.background-shade{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wave-video{z-index:-4;object-fit:cover;background:#020b16}.background-shade{z-index:-3;background:linear-gradient(90deg,#00000073,#0000001a,#00000080),linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 60%,rgba(0,0,0,.55) 100%);pointer-events:none}.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45}.boot-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#020a18a6,#000000ed);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);transition:opacity 1s cubic-bezier(.25,.8,.25,1),visibility 1s ease}.boot-glow-ring{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035) 0%,transparent 70%);filter:blur(25px);animation:bootRingPulse 4.5s ease-in-out infinite}@keyframes bootRingPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.18);opacity:.8}}.boot-content{text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center}.boot-name{margin:0;color:#ffffffbf;font-size:12px;font-weight:300;letter-spacing:.45em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.2)}.enter-x{display:flex;align-items:center;gap:12px;margin-top:50px;border:0;color:#ffffffe0;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:300;letter-spacing:.25em;text-transform:uppercase;animation:enterPulse 2.2s ease-in-out infinite}.x-symbol-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px}.x-symbol-btn .icon{font-size:26px;width:100%;height:100%}@keyframes enterPulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:.4;transform:scale(.97)}}.boot-boot .enter-x{display:none}.phase-xmb .boot-layer{visibility:hidden;opacity:0;pointer-events:none}.xmb-shell{display:flex;width:100%;height:100%;flex-direction:column;padding:40px 60px 30px;opacity:0;pointer-events:none;transform:scale(1.02) translateY(6px);transition:opacity 1s cubic-bezier(.16,1,.3,1) .1s,transform 1s cubic-bezier(.16,1,.3,1) .1s}.phase-xmb .xmb-shell{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.top-bar{display:flex;align-items:center;justify-content:space-between;color:#ffffffe0;font-size:14px;font-weight:300;letter-spacing:.08em;height:30px}.top-bar p{display:flex;align-items:center;gap:10px;margin:0}.presence-dot{width:8px;height:8px;border-radius:50%;background:#58d68d;box-shadow:0 0 10px #58d68dcc}.system-meta{display:flex;align-items:center;gap:20px}.system-meta time{min-width:120px;text-align:right;font-weight:300}.mute-button{display:grid;width:32px;height:32px;place-items:center;border:0;color:#ffffffb3;background:transparent;cursor:pointer;font-size:20px;transition:all .2s ease;border-radius:50%}.mute-button:hover{color:#fff;background:#ffffff14;transform:scale(1.08)}.copy-toast{position:fixed;top:86px;right:60px;z-index:8;padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#ffffffe6;background:#020a189e;box-shadow:0 10px 28px #00000057;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;font-weight:300;letter-spacing:.08em;animation:cardFlyIn .25s ease-out both}.xmb-navigation{flex:1;display:flex;flex-direction:column;margin-top:calc(var(--xmb-y-intersection) - 60px)}.category-row-viewport{position:relative;width:100%;height:80px;overflow:visible;margin-bottom:25px}.category-row{display:flex;align-items:center;gap:38px;position:absolute;left:0;top:0;height:100%;transition:transform .45s cubic-bezier(.1,.9,.2,1.05);will-change:transform}.category{display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;flex:0 0 74px;gap:5px;border:0;color:#ffffff73;background:transparent;cursor:pointer;font-size:11px;font-weight:300;letter-spacing:.05em;text-shadow:0 1px 8px rgba(0,0,0,.45);transition:all .35s cubic-bezier(.1,.9,.2,1.05)}.category .icon{font-size:34px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .35s cubic-bezier(.1,.9,.2,1.05)}.category span{opacity:0;transform:translateY(4px);transition:all .35s cubic-bezier(.1,.9,.2,1.05)}.category:hover{color:#fffc}.category.is-active{color:#fff}@keyframes activeIconGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,255,255,.55)) drop-shadow(0 0 16px var(--theme-accent));transform:scale(1.15)}50%{filter:drop-shadow(0 0 16px rgba(255,255,255,.8)) drop-shadow(0 0 24px var(--theme-accent));transform:scale(1.23)}}.category.is-active .icon{animation:activeIconGlow 3.5s ease-in-out infinite}.category.is-active span{opacity:1;transform:translateY(0)}.xmb-content{display:grid;grid-template-columns:380px minmax(360px,480px);gap:80px;margin-left:var(--xmb-x-intersection);align-items:start}.entry-list-viewport{position:relative;height:380px;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 80%,transparent 100%);padding:10px 0}.entry-list{display:flex;flex-direction:column;gap:5px;transition:transform .45s cubic-bezier(.1,.9,.2,1.05);will-change:transform}.xmb-entry{display:flex;width:100%;height:60px;flex:0 0 60px;align-items:center;gap:16px;padding:8px 16px;border:0;border-radius:6px;color:#ffffff73;background:transparent;cursor:pointer;text-align:left;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;border-left:3px solid transparent}.entry-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;font-size:26px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.entry-copy{display:flex;flex-direction:column;justify-content:center;gap:1px}.entry-copy strong{font-size:15px;font-weight:400;letter-spacing:.02em;transition:color .3s ease}.entry-copy small{color:#ffffff73;font-size:11px;font-weight:300;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:250px;transition:color .3s ease}.entry-open{margin-left:auto;color:#ffffff4d;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);padding:1px 6px;border-radius:3px;opacity:0;transform:translate(10px);transition:all .3s ease}.xmb-entry:hover{color:#ffffffd9;background:#ffffff0a}.xmb-entry.is-active{color:#fff;opacity:1;transform:translate(15px);background:linear-gradient(90deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.02) 80%,transparent 100%);border-left-color:var(--theme-accent);box-shadow:-10px 0 20px #ffffff05}.xmb-entry.is-active .entry-icon{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,255,255,.65)) drop-shadow(0 0 12px var(--theme-accent))}.xmb-entry.is-active .entry-copy small{color:#ffffffb3}.xmb-entry.is-active .entry-open{opacity:1;transform:translate(0)}.selection-detail{width:100%;perspective:1000px}.details-card{width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0a,#fff0 50%),#020a1859;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.02);border-radius:14px;padding:26px;box-shadow:0 20px 50px #00000080;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);transform-style:preserve-3d;transform-origin:left center;animation:cardFlyIn .45s cubic-bezier(.15,.85,.35,1.05) forwards}.details-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff14,#fff0 45%);pointer-events:none;z-index:1}@keyframes cardFlyIn{0%{opacity:0;transform:rotateY(-10deg) translate(25px)}to{opacity:1;transform:rotateY(0) translate(0)}}.details-card h2{margin:0 0 10px;font-size:20px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.15)}.details-card-divider{width:100%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,transparent 100%);margin-bottom:15px}.details-card-desc{margin:0;font-size:13.5px;line-height:1.6;color:#ffffffb3;font-weight:300;letter-spacing:.02em}.details-category-tag{font-size:9px;font-weight:500;letter-spacing:.25em;color:var(--theme-accent);text-transform:uppercase;margin:0 0 4px}.project-tag{display:inline-block;font-size:9px;font-weight:500;letter-spacing:.15em;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 8px;margin-bottom:12px;text-transform:uppercase;color:var(--theme-accent)}.project-screenshot-container{position:relative;width:100%;height:180px;border-radius:8px;overflow:hidden;margin:16px 0;border:1px solid rgba(255,255,255,.12)}.project-screenshot{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.15,.85,.35,1)}.details-card:hover .project-screenshot{transform:scale(1.05)}.screenshot-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65) 100%);box-shadow:inset 0 0 20px #0006;pointer-events:none}.project-detail-text{font-size:13px;line-height:1.55;color:#ffffffb8;margin:12px 0 20px;font-weight:300}.project-action-prompt{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;font-weight:400}.sysinfo-table{width:100%;border-collapse:collapse;margin-top:10px}.sysinfo-table td{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px;letter-spacing:.02em}.sysinfo-table tr:last-child td{border-bottom:0}.sysinfo-table td:first-child{color:#ffffff6b;font-weight:300}.sysinfo-table td:last-child{text-align:right;color:#ffffffe0;font-weight:400}.xmb-footer{display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-top:auto;color:#ffffff80;font-size:10.5px;font-weight:300;letter-spacing:.08em;text-transform:uppercase;height:25px}.xmb-footer span{display:flex;align-items:center;gap:5px}.xmb-footer>span:last-child{min-width:72px;justify-content:flex-end}.action-button-svg{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;vertical-align:middle}.action-button-svg .icon{width:100%;height:100%}.btn-cross{color:#5dade2!important;filter:drop-shadow(0 0 3px rgba(93,173,226,.6))}.btn-circle{color:#ec7063!important;filter:drop-shadow(0 0 3px rgba(236,112,99,.6))}.btn-triangle{color:#58d68d!important;filter:drop-shadow(0 0 3px rgba(88,214,141,.6))}.btn-square{color:#f5b041!important;filter:drop-shadow(0 0 3px rgba(245,176,65,.6))}@media(max-width:900px){:root{--xmb-x-intersection: 36px;--xmb-y-intersection: 120px;--xmb-category-step: 76px;--xmb-entry-step: 59px}.xmb-shell{padding:30px 24px 20px}.top-bar{font-size:12px}.system-meta time{min-width:auto}.copy-toast{top:70px;right:24px}.xmb-navigation{margin-top:calc(var(--xmb-y-intersection) - 60px)}.category-row-viewport{height:70px;margin-bottom:15px}.category-row{gap:16px}.category{width:60px;flex:0 0 60px;font-size:10px}.category .icon{font-size:26px}.category-row{transition:transform .4s cubic-bezier(.1,.9,.2,1)}.xmb-content{grid-template-columns:1fr;gap:30px;margin-left:0}.entry-list-viewport{height:280px}.xmb-entry{height:54px;flex:0 0 54px;padding:6px 12px}.xmb-entry.is-active{transform:translate(8px)}.entry-icon{width:32px;height:32px;font-size:22px}.entry-copy strong{font-size:13.5px}.entry-copy small{font-size:10.5px;max-width:220px}.selection-detail{display:none}.xmb-footer{justify-content:space-between;font-size:9px;gap:10px}.xmb-footer span:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}