:root,[data-theme=obsidian]{--page-bg:#050510;--card-bg:#0c0f23cc;--glass-bg:#141937ad;--accent-500:#7b5cff;--accent-400:#9f87ff;--accent-300:#c8bbff;--text-primary:#f4f5ff;--text-muted:#ebeeffc7;--border-glow:#7b5cff73;--shadow-lg:0 28px 80px #14122fa6;--shadow-md:0 18px 50px #0e0c2273;--max-content-width:1120px;--gradient-brand:linear-gradient(135deg,#c8bbff,#00c4ff,#9f87ff,#ff55c7);--bg-radial-1:#7b5cff73;--bg-radial-2:#00c4ff59;--bg-radial-3:#ff55c740;--code-accent:#00f0ff;--theme-transition:background-color 0.35s ease,color 0.35s ease,border-color 0.35s ease}[data-theme=cyberpunk]{--page-bg:#090414;--card-bg:#180a24d6;--glass-bg:#240c36bd;--accent-500:#f05;--accent-400:#fcee0a;--accent-300:#00f0ff;--text-primary:#fff8f0;--text-muted:#ffe6f0bf;--border-glow:#ff00558c;--shadow-lg:0 28px 80px #2d001ecc;--shadow-md:0 18px 50px #2300148c;--gradient-brand:linear-gradient(135deg,#fcee0a,#f05,#00f0ff,#f70);--bg-radial-1:#ff005573;--bg-radial-2:#00f0ff59;--bg-radial-3:#fcee0a40;--code-accent:#fcee0a}[data-theme=matrix]{--page-bg:#030a04;--card-bg:#05180ad9;--glass-bg:#08240fbf;--accent-500:#0f6;--accent-400:#3f8;--accent-300:#8fb;--text-primary:#d4ffd8;--text-muted:#a0f0afb8;--border-glow:#00ff6673;--shadow-lg:0 28px 80px #001e0abf;--shadow-md:0 18px 50px #00190880;--gradient-brand:linear-gradient(135deg,#8fb,#0f6,#3f8,#0d5);--bg-radial-1:#0f66;--bg-radial-2:#00c8504d;--bg-radial-3:#32ff8c33;--code-accent:#0f6}[data-theme=dracula]{--page-bg:#1e1f29;--card-bg:#282a36d9;--glass-bg:#323444bf;--accent-500:#bd93f9;--accent-400:#ff79c6;--accent-300:#8be9fd;--text-primary:#f8f8f2;--text-muted:#dcdef0b8;--border-glow:#bd93f973;--shadow-lg:0 28px 80px #0a0a12bf;--shadow-md:0 18px 50px #0c0c1480;--gradient-brand:linear-gradient(135deg,#ff79c6,#bd93f9,#8be9fd,#50fa7b);--bg-radial-1:#bd93f966;--bg-radial-2:#ff79c64d;--bg-radial-3:#8be9fd40;--code-accent:#50fa7b}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050510;background-color:var(--page-bg);color:#f4f5ff;color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;transition:background-color .35s ease,color .35s ease}body:after,body:before{background-repeat:no-repeat;content:"";inset:0;pointer-events:none;position:fixed;z-index:-2}body:before{background-image:radial-gradient(closest-side at 12% 18%,#7b5cff73,#0000 65%),radial-gradient(closest-side at 88% 24%,#00c4ff59,#0000 60%),radial-gradient(closest-side at 50% 100%,#ff55c740,#0000 70%);background-image:radial-gradient(closest-side at 12% 18%,var(--bg-radial-1),#0000 65%),radial-gradient(closest-side at 88% 24%,var(--bg-radial-2),#0000 60%),radial-gradient(closest-side at 50% 100%,var(--bg-radial-3),#0000 70%);filter:blur(0);transition:background-image .5s ease}body:after{background:linear-gradient(180deg,#05051000,#050510 86%);background:linear-gradient(180deg,#05051000 0,var(--page-bg) 86%);transition:background .35s ease;z-index:-1}a{color:inherit}a:focus,a:hover{color:#c8bbff;color:var(--accent-300)}:focus-visible{outline:2px solid #00c4ff!important;outline-offset:3px!important}[role=button]:focus-visible,[role=tab]:focus-visible,[tabindex="0"]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #00c4ff!important;outline-offset:3px!important}::selection{background:#7b5cff59;color:#f4f5ff;color:var(--text-primary)}code{font-family:Space Grotesk,Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #7b5cff4d}50%{box-shadow:0 0 24px #7b5cffb3,0 0 48px #7b5cff4d}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes border-rotate{0%{--border-angle:0deg}to{--border-angle:360deg}}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease infinite;background:linear-gradient(135deg,#c8bbff,#00c4ff,#9f87ff,#ff55c7);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.glass-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#141937ad;background:var(--glass-bg);border:1px solid #7b5cff2e}.noise-overlay{background-image:radial-gradient(#ffffff12 1px,#0000 0);background-size:28px 28px;contain:strict;inset:0;opacity:.35;pointer-events:none;position:fixed;transform:translateZ(0);z-index:9990}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes counter-glow{0%,to{text-shadow:0 0 20px #7b5cff4d}50%{text-shadow:0 0 40px #7b5cff99,0 0 80px #00c4ff33}}.App{display:flex;flex-direction:column;isolation:isolate;min-height:100vh;position:relative}main{flex:1 0 auto;padding-top:108px}.section-wrapper{margin:0 auto;width:min(var(--max-content-width),calc(100% - 48px))}@media (max-width:768px){main{padding-top:88px}.section-wrapper{width:min(var(--max-content-width),calc(100% - 32px))}}.footer{background:#060814e0;border-top:none;margin-top:4rem;overflow:hidden;padding:4rem 0 1.8rem;position:relative}.footer-wave{left:0;line-height:0;position:absolute;right:0;top:-1px;z-index:1}.footer-wave svg{display:block;height:60px;width:100%}.footer-gradient{background:radial-gradient(circle,#7b5cff4d,#0000 60%);filter:blur(38px);height:240px;inset:-120px 0 auto;opacity:.85;position:absolute;z-index:0}.footer-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:space-between;position:relative;z-index:1}.footer-brand{gap:1rem}.footer-brand,.footer-marker{align-items:center;display:flex}.footer-marker{animation:pulse-glow 4s ease-in-out infinite;background:linear-gradient(135deg,#7b5cff40,#00c4ff2e);border:1px solid #7b5cff4d;border-radius:16px;box-shadow:0 16px 35px #0e0c2a8c;flex-shrink:0;height:48px;justify-content:center;width:48px}.footer-eyebrow{color:#c9c1ffb3;font-size:.82rem;letter-spacing:.26em;text-transform:uppercase}.footer-brand h3{font-size:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.2rem}.footer-links a{color:#dae1ffcc;font-size:.95rem;letter-spacing:.02em;text-decoration:none}.footer-links a:focus,.footer-links a:hover{color:var(--text-primary)}.footer-socials{display:flex;flex-wrap:wrap;gap:.8rem}.footer-socials a{align-items:center;background:#10142ea6;border:1px solid #7b5cff38;border-radius:14px;color:#dae1ffe6;display:inline-flex;font-size:.92rem;gap:.55rem;padding:.65rem .9rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.footer-socials a:focus,.footer-socials a:hover{border-color:#7b5cff80;box-shadow:0 22px 45px #0e0d288c;transform:translateY(-2px)}.footer-meta{border-top:1px solid #7b5cff1f;color:#c4ccf099;font-size:.85rem;margin-top:2.2rem;padding-top:1.2rem}.footer-meta-inner{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between}@media (max-width:768px){.footer-content{grid-template-columns:1fr;justify-items:flex-start}.footer-links,.footer-socials{gap:.75rem}}@media (max-width:640px){.footer{padding:3rem 0 1.5rem}.footer-meta-inner{align-items:center;flex-direction:column;text-align:center}.footer-socials a{min-height:44px;min-width:44px}}.navbar{border-bottom:1px solid #7b5cff2e;inset:0 0 auto 0;position:fixed;transition:border-color .3s ease;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;min-height:88px}.brand-icon{justify-content:center}.brand,.brand-icon{align-items:center;display:inline-flex}.brand{color:var(--text-primary);font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:1.68rem;font-weight:600;gap:.45rem;position:relative;text-decoration:none}.brand-glow{background:radial-gradient(circle,#7b5cff59,#0000 65%);filter:blur(24px);height:120px;inset:50% auto auto 50%;opacity:.8;position:absolute;transform:translate(-50%,-58%);width:120px;z-index:-1}.brand-dot{background:var(--accent-400);border-radius:999px;box-shadow:0 0 14px #7b5cffcc;height:10px;width:10px}.nav-links{align-items:center;display:flex;gap:1.6rem;list-style:none}.nav-links a{color:var(--text-muted);font-weight:500;letter-spacing:.24px;padding:.35rem 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-links a.active,.nav-links a:focus,.nav-links a:hover{color:var(--text-primary)}.nav-active-pill{background:linear-gradient(90deg,var(--accent-500),#00c4ff);border-radius:99px;box-shadow:0 0 12px #7b5cff80;height:3px;inset:auto 0 -.35rem 0;position:absolute}.brand:hover .brand-dot{animation:pulse-glow 1.5s ease infinite}.nav-toggle{align-items:center;background:linear-gradient(135deg,#181830e6,#1818308c);border:1px solid #7b5cff59;border-radius:12px;cursor:pointer;display:none;gap:6px;height:44px;justify-content:center;padding:.55rem .7rem;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:44px}.nav-toggle span{background:var(--accent-300);border-radius:99px;display:block;height:2px;transition:transform .2s ease,opacity .2s ease;width:100%}.nav-toggle:hover{box-shadow:0 10px 30px #7b5cff40;transform:translateY(-1px)}.nav-toggle.is-open span:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-actions{align-items:center;display:flex;gap:.65rem}.nav-action-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:99px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:500;gap:.35rem;justify-content:center;padding:.4rem .65rem;transition:all .2s ease}.nav-action-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.sound-btn{border-radius:50%;height:34px;padding:0;width:34px}.sound-btn.sound-active{background:#10b98126;border-color:#10b98166}.nav-equalizer{align-items:flex-end;display:flex;gap:2px;height:14px;width:14px}.eq-bar{animation:eq-bounce 1s ease infinite alternate;background:#10b981;border-radius:1px;flex:1 1}.bar-1{animation-delay:0s;height:50%}.bar-2{animation-delay:.2s;height:100%}.bar-3{animation-delay:.4s;height:70%}@keyframes eq-bounce{0%{height:20%}to{height:100%}}.sound-muted-icon{font-size:.82rem;opacity:.7}.theme-btn{font-size:.78rem}.theme-icon{font-size:.82rem}.hud-launcher-btn{background:#7b5cff1a;border-color:#7b5cff59;color:var(--accent-300);font-size:.72rem;font-weight:700;letter-spacing:.05em}.hud-badge-dot{background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;height:6px;width:6px}.nav-cmd-btn{align-items:center;background:#7b5cff1f;border:1px solid #7b5cff47;border-radius:99px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.5rem;padding:.4rem .75rem;transition:all .2s ease}.nav-cmd-btn:hover{background:#7b5cff38;border-color:var(--accent-400);box-shadow:0 4px 15px #7b5cff33;color:var(--text-primary);transform:translateY(-1px)}.nav-cmd-icon{color:var(--accent-300);font-size:.8rem}.nav-cmd-kbd{background:#ffffff14;border:1px solid #ffffff24;border-radius:4px;color:var(--text-primary);font-family:monospace;font-size:.68rem;padding:.1rem .35rem}.nav-mobile-tools{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.nav-mobile-tool-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.78rem;gap:6px;justify-content:center;min-width:120px;padding:8px 12px}.nav-links-mobile,.nav-mobile{display:none}@media (max-width:960px){.hud-launcher-btn,.nav-cmd-btn,.nav-links{display:none}.nav-toggle{display:inline-flex}.nav-links-mobile,.nav-mobile{grid-gap:.4rem;display:grid;gap:.4rem;list-style:none;margin-top:-14px;max-height:calc(100vh - 90px);overflow-y:auto;padding:0 0 16px}.nav-links-mobile li,.nav-mobile li{display:contents}.nav-links-mobile a,.nav-mobile a{align-items:center;background:#0f1226d9;border:1px solid #7b5cff2e;border-radius:16px;color:var(--text-muted);display:flex;justify-content:space-between;padding:.95rem 1.1rem;text-decoration:none;transition:border-color .2s ease,color .2s ease}.nav-links-mobile a.active,.nav-links-mobile a:focus,.nav-links-mobile a:hover,.nav-mobile a.active,.nav-mobile a:focus,.nav-mobile a:hover{border-color:#7b5cff73;box-shadow:0 22px 45px #110e288c;color:var(--text-primary)}.nav-mobile-cmd-btn{align-items:center;background:linear-gradient(135deg,#7b5cff40,#00c4ff26);border:1px solid #7b5cff66;border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.6rem;justify-content:center;margin-bottom:.25rem;padding:.85rem 1.1rem;width:100%}}@media (max-width:768px){.nav-actions{gap:.45rem}.theme-btn{display:none}.nav-mobile-tools{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:6px 0 10px}.nav-mobile-tool-btn{font-size:.76rem;min-width:0;padding:10px 8px}}@media (max-width:640px){.brand-name{font-size:1.15rem}.nav-links-mobile a,.nav-mobile a{font-size:.92rem;min-height:44px;padding:.9rem 1rem}.nav-toggle{height:40px;width:40px}.nav-toggle span{width:20px}}.animated-bg{inset:0;pointer-events:none;position:fixed;z-index:-3}.animated-bg-canvas{display:block;height:100%;width:100%}.cursor-dot{background:#fff;border-radius:50%;box-shadow:0 0 8px #7b5cff,0 0 2px #fff;box-shadow:0 0 8px var(--accent-500,#7b5cff),0 0 2px #fff;height:6px;margin-left:-3px;margin-top:-3px;transition:opacity .15s ease;width:6px;will-change:transform;z-index:2147483647}.cursor-dot,.cursor-ring{left:0;opacity:0;pointer-events:none;position:fixed;top:0}.cursor-ring{align-items:center;background:#7b5cff0f;border:1.5px solid #9f87ffb3;border:1.5px solid var(--accent-400,#9f87ffb3);border-radius:50%;box-shadow:0 0 14px #7b5cff33;display:flex;height:32px;justify-content:center;margin-left:-16px;margin-top:-16px;transition:width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1),margin .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,background-color .2s ease,box-shadow .2s ease,opacity .15s ease;width:32px;will-change:transform,width,height;z-index:2147483646}.cursor-dot.visible,.cursor-ring.visible{opacity:1}.cursor-ring.link{background:#7b5cff29;box-shadow:0 0 20px #7b5cff61;height:48px;margin-left:-24px;margin-top:-24px;width:48px}.cursor-ring.link,.cursor-ring.project{border-color:#c8bbff;border-color:var(--accent-300,#c8bbff)}.cursor-ring.project{background:#7b5cff38;box-shadow:0 0 26px #7b5cff7a;height:72px;margin-left:-36px;margin-top:-36px;width:72px}.cursor-text{color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 4px #000000d9;text-transform:uppercase}@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}@media (hover:hover) and (pointer:fine){body.has-custom-cursor :not(input):not(textarea):not(select):not([data-native-cursor]){cursor:none!important}input,select,textarea{cursor:text!important}}.cmd-backdrop{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#04040ebf;display:flex;inset:0;justify-content:center;padding:10vh 1.25rem 2rem;position:fixed;z-index:9999}.cmd-dialog{background:#0f122af2;border:1px solid #7b5cff59;border-radius:16px;box-shadow:0 24px 60px #000000b3,0 0 30px #7b5cff33;display:flex;flex-direction:column;max-width:620px;overflow:hidden;width:100%}.cmd-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:.85rem;padding:1rem 1.25rem}.cmd-search-icon{color:var(--accent-400);flex-shrink:0;font-size:1.15rem}.cmd-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1.05rem;outline:none}.cmd-input::placeholder{color:#e3e5ff73}.cmd-esc-badge{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:monospace;font-size:.72rem;padding:.25rem .5rem}.cmd-esc-badge:hover{background:#ffffff24;color:var(--text-primary)}.cmd-copy-alert{align-items:center;background:#22c55e26;border-bottom:1px solid #22c55e4d;color:#4ade80;display:flex;font-size:.88rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem}.cmd-list{display:flex;flex-direction:column;gap:.25rem;max-height:360px;overflow-y:auto;padding:.6rem}.cmd-list::-webkit-scrollbar{width:6px}.cmd-list::-webkit-scrollbar-thumb{background:#7b5cff4d;border-radius:4px}.cmd-item{align-items:center;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:space-between;padding:.7rem .85rem;transition:all .15s ease}.cmd-item.selected,.cmd-item:hover{background:#7b5cff2e;border-left:3px solid var(--accent-400);color:var(--text-primary)}.cmd-item-left{gap:.85rem}.cmd-icon-wrap,.cmd-item-left{align-items:center;display:flex}.cmd-icon-wrap{background:#ffffff0d;border-radius:8px;color:var(--accent-300);font-size:.95rem;height:30px;justify-content:center;width:30px}.cmd-item.selected .cmd-icon-wrap{background:#7b5cff4d;color:#fff}.cmd-item-title{font-size:.95rem;font-weight:500}.cmd-item-section{color:#e3e5ff66;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.cmd-empty{color:var(--text-muted);font-size:.95rem;padding:2rem;text-align:center}.cmd-footer{background:#080a1899;border-top:1px solid #ffffff0f;color:#e3e5ff80;font-size:.78rem;gap:1.25rem;padding:.65rem 1.25rem}.cmd-footer,.cmd-hint{align-items:center;display:flex}.cmd-hint{gap:.35rem}.cmd-hint kbd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;color:var(--text-muted);font-size:.7rem;padding:.15rem .35rem}.arch-modal-overlay{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#04050fd9;display:flex;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;padding:24px;position:fixed;z-index:99999}.arch-modal-container{-webkit-overflow-scrolling:touch;background:#0e1020f2;border:1px solid #7b5cff59;border-radius:20px;box-shadow:0 30px 90px #000c,0 0 40px #7b5cff33;color:#f1f5f9;display:flex;flex-direction:column;gap:24px;max-height:88vh;max-width:1040px;overflow-y:auto;overscroll-behavior:contain;padding:32px;width:100%}[data-theme=cyberpunk] .arch-modal-container{background:#14081ef2;border-color:#ff005573;box-shadow:0 30px 90px #000c,0 0 40px #ff005540}[data-theme=matrix] .arch-modal-container{background:#041008f5;border-color:#00ff6673;box-shadow:0 30px 90px #000c,0 0 40px #00ff6640}.arch-modal-container::-webkit-scrollbar{width:8px}.arch-modal-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.arch-modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.arch-header-pill{background:#7b5cff26;border:1px solid #7b5cff4d;border-radius:20px;color:var(--accent-400);display:inline-block;font-family:Space Grotesk,monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;padding:4px 10px}.arch-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:6px}.arch-summary{color:var(--text-muted);font-size:.92rem;line-height:1.5;max-width:800px}.arch-close-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.arch-close-btn:hover{background:#fff3;transform:rotate(90deg)}.arch-tabs{display:flex;flex-wrap:wrap;gap:12px}.arch-tab-btn{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:260px;padding:12px 18px;transition:all .25s ease}.arch-tab-btn:hover{background:#ffffff0f;border-color:#fff3}.arch-tab-btn.active{background:#7b5cff26;border-color:var(--accent-400);box-shadow:0 0 20px #7b5cff40}[data-theme=cyberpunk] .arch-tab-btn.active{background:#ff005526;border-color:#f05;box-shadow:0 0 20px #ff005540}[data-theme=matrix] .arch-tab-btn.active{background:#00ff6626;border-color:#0f6;box-shadow:0 0 20px #00ff6640}.arch-tab-badge{color:var(--accent-300);font-family:monospace;font-size:.7rem;text-transform:uppercase}.arch-tab-name{color:#fff;font-size:.92rem;font-weight:600}.arch-sla-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.arch-sla-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px}.arch-sla-label{color:var(--text-muted);font-family:monospace;font-size:.68rem;letter-spacing:.08em}.arch-sla-value{color:var(--accent-300);font-size:1.25rem;font-weight:700}.arch-diagram-section{background:#0006;border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.arch-section-heading{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:8px;justify-content:space-between}.arch-hint{color:var(--accent-300);font-size:.78rem;font-weight:400}.arch-nodes-flow{align-items:center;display:flex;gap:8px;overflow-x:auto;padding:16px 4px 20px}.arch-nodes-flow::-webkit-scrollbar{height:6px}.arch-nodes-flow::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.arch-node-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;flex-shrink:0;padding:12px;position:relative;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;width:155px}.arch-node-card:hover{background:#ffffff12;border-color:var(--accent-400)}.arch-node-card.selected{background:#7b5cff26;border-color:var(--accent-400);box-shadow:0 0 16px var(--accent-400)}.arch-node-card.client{border-left:3px solid #38bdf8}.arch-node-card.transport{border-left:3px solid #facc15}.arch-node-card.server{border-left:3px solid #a855f7}.arch-node-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.arch-node-tag{color:var(--text-muted);font-size:.62rem;font-weight:700;letter-spacing:.08em}.arch-beacon-pill{align-items:center;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:99px;display:inline-flex;gap:4px;padding:1px 5px}.arch-beacon-dot{animation:beacon-pulse 1.8s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;height:5px;width:5px}@keyframes beacon-pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.arch-beacon-label{color:#4ade80;font-family:Space Grotesk,monospace;font-size:.55rem;font-weight:700;letter-spacing:.08em}.arch-node-title{color:#fff;font-size:.82rem;font-weight:600;line-height:1.3;margin-bottom:4px}.arch-node-sub{color:var(--text-muted);display:block;font-size:.7rem}.arch-pipe-arrow{align-items:center;color:var(--accent-400);display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:0 4px}.arch-pipe-protocol{background:#7b5cff26;border:1px solid #7b5cff40;border-radius:4px;color:var(--accent-300);font-family:Space Grotesk,monospace;font-size:.58rem;font-weight:700;letter-spacing:.08em;padding:1px 5px;white-space:nowrap}.arch-pipe-line{background:#ffffff26;border-radius:2px;height:2.5px;overflow:hidden;position:relative;width:32px}.arch-pipe-pulse{animation:pipe-pulse 1.2s linear infinite;background:linear-gradient(90deg,#0000,var(--accent-400),#00c4ff);box-shadow:0 0 10px #00c4ff,0 0 18px var(--accent-400);height:100%;left:0;position:absolute;top:0;width:14px}.arch-pipe-particle{animation:pipe-particle 1.2s linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff;height:4.5px;left:0;position:absolute;top:-1px;width:4px}@keyframes pipe-pulse{0%{transform:translateX(-14px)}to{transform:translateX(38px)}}@keyframes pipe-particle{0%{transform:translateX(-4px)}to{transform:translateX(36px)}}.arch-arrow-head{font-size:.65rem;line-height:1;opacity:.8}.arch-node-inspector{background:#0e122ad9;border:1px solid var(--accent-400);border-radius:14px;box-shadow:0 8px 30px #0006,0 0 20px #7b5cff26;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px 20px}.arch-inspector-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.arch-inspector-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.arch-inspector-title{color:#fff;font-size:.88rem}.arch-inspector-proto-badge{background:#00c4ff26;border:1px solid #00c4ff59;border-radius:6px;color:#00c4ff;font-family:Space Grotesk,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:2px 7px}.arch-inspector-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:2px 6px;transition:color .2s}.arch-inspector-close:hover{color:#fff}.arch-inspector-tabs{border-bottom:1px solid #ffffff14;display:flex;gap:8px;padding-bottom:8px}.arch-insp-tab{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:4px 10px;transition:all .2s ease}.arch-insp-tab:hover{background:#ffffff0d;color:var(--text-primary)}.arch-insp-tab.active{background:#7b5cff38;border:1px solid #7b5cff66;color:#fff}.arch-inspector-desc{color:var(--text-primary);font-size:.88rem;line-height:1.6;margin:0}.arch-contract-box{background:#060814d9;border:1px solid #7b5cff40;border-radius:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.arch-contract-topbar{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:6px 12px}.arch-contract-file{color:var(--accent-300);font-family:Space Grotesk,monospace;font-size:.72rem}.arch-contract-copy-btn{background:#7b5cff33;border:1px solid #7b5cff59;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;padding:3px 8px;transition:all .2s ease}.arch-contract-copy-btn:hover{background:var(--accent-500)}.arch-contract-code{color:#7dd3fc;font-family:Space Grotesk,Fira Code,monospace;font-size:.78rem;line-height:1.5;margin:0;overflow-x:auto;padding:12px 14px;white-space:pre}.arch-tradeoffs-section{display:flex;flex-direction:column;gap:14px}.arch-tradeoffs-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.arch-tradeoff-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:18px}.arch-tradeoff-title{align-items:center;color:#fff;display:flex;font-size:.92rem;font-weight:600;gap:8px}.arch-tradeoff-num{color:var(--accent-400);font-family:monospace;font-size:.78rem}.arch-tradeoff-decision{background:#7b5cff14;border-left:3px solid var(--accent-400);border-radius:8px;color:var(--accent-300);font-size:.82rem;padding:6px 10px}.arch-tradeoff-rationale{color:var(--text-muted);font-size:.82rem;line-height:1.5}@media (max-width:960px){.arch-modal-container{max-height:85vh;padding:24px 20px}.arch-tab-btn{min-width:200px;padding:10px 14px}.arch-sla-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.arch-modal-overlay{align-items:flex-start;padding:10px}.arch-modal-container{border-radius:16px;gap:16px;margin:auto 0;max-height:90vh;padding:16px 14px}.arch-header-pill{font-size:.64rem;padding:3px 8px}.arch-title{font-size:1.15rem;line-height:1.25}.arch-summary{font-size:.8rem;line-height:1.45}.arch-close-btn{font-size:.85rem;height:30px;width:30px}.arch-tabs{flex-direction:column;gap:8px}.arch-tab-btn{min-width:0;padding:10px 12px;width:100%}.arch-sla-grid{gap:8px;grid-template-columns:1fr 1fr}.arch-sla-card{padding:10px}.arch-sla-label{font-size:.62rem}.arch-sla-value{font-size:1.05rem}.arch-diagram-section{gap:12px;padding:14px 10px}.arch-section-heading{font-size:.84rem}.arch-hint{font-size:.7rem}.arch-nodes-flow{-webkit-overflow-scrolling:touch;gap:6px;padding:10px 4px 14px}.arch-node-card{padding:10px 8px;width:130px}.arch-node-title{font-size:.74rem}.arch-node-sub{font-size:.64rem}.arch-pipe-line{width:16px}.arch-tradeoffs-grid{gap:10px;grid-template-columns:1fr}.arch-tradeoff-card{padding:12px 10px}.arch-tradeoff-title{font-size:.84rem}.arch-tradeoff-decision,.arch-tradeoff-rationale{font-size:.76rem}}.hud-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a0c1af0;border:1px solid #7b5cff59;border-radius:16px;bottom:24px;box-shadow:0 20px 60px #000000bf,0 0 30px #7b5cff33;color:#f1f5f9;font-family:Space Grotesk,system-ui,monospace;max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:380px;z-index:99990}[data-theme=cyberpunk] .hud-panel{background:#12061af0;border-color:#ff005573;box-shadow:0 20px 60px #000000bf,0 0 30px #ff005540}[data-theme=matrix] .hud-panel{background:#041006f5;border-color:#00ff6673;box-shadow:0 20px 60px #000000bf,0 0 30px #00ff6640}.hud-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:12px 16px}.hud-header,.hud-title-group{align-items:center;display:flex}.hud-title-group{gap:8px}.hud-live-pill{background:#10b98133;border:1px solid #10b98166;border-radius:4px;color:#10b981;font-size:.64rem;font-weight:700;letter-spacing:.08em;padding:2px 6px}.hud-title{color:#fff;font-size:.8rem;font-weight:600}.hud-tabs{align-items:center;display:flex;gap:6px}.hud-tab-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.72rem;padding:3px 8px;transition:all .2s}.hud-tab-btn:hover{color:#fff}.hud-tab-btn.active{background:#7b5cff33;border-color:var(--accent-400);color:#fff}[data-theme=cyberpunk] .hud-tab-btn.active{background:#f053;border-color:#f05}[data-theme=matrix] .hud-tab-btn.active{background:#0f63;border-color:#0f6}.hud-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:2px 6px}.hud-close-btn:hover{color:#fff}.hud-body{display:flex;flex-direction:column;gap:14px;padding:16px}.hud-metric-row{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:12px 14px}.hud-label{color:var(--text-muted);display:block;font-size:.65rem;font-weight:600;letter-spacing:.08em;margin-bottom:2px}.hud-fps-val{align-items:baseline;display:flex;gap:4px}.fps-number{font-size:1.6rem;font-weight:700;line-height:1}.fps-number.good{color:#10b981}.fps-number.warn{color:#f59e0b}.fps-number.bad{color:#ef4444}.fps-unit{color:var(--text-muted);font-size:.75rem;font-weight:500}.hud-sparkline{align-items:flex-end;background:#00000040;border-radius:6px;display:flex;gap:3px;height:38px;padding:4px 6px;width:140px}.hud-spark-bar{border-radius:1px;flex:1 1;transition:height .2s ease,background-color .2s ease}.hud-grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.hud-stat-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px}.hud-stat-number{color:#fff;display:block;font-size:1.15rem;font-weight:700;margin-top:4px}.hud-sub-label{color:var(--text-muted);display:block;font-size:.68rem;margin-top:2px}.hud-features-list{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:6px;padding-top:10px}.hud-feature-item{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:8px}.hud-feat-dot{background:var(--accent-400);border-radius:50%;height:4px;width:4px}.spring-lab{gap:12px}.spring-controls{display:flex;flex-direction:column;gap:8px}.spring-slider-group{display:flex;flex-direction:column;gap:3px}.slider-header{color:var(--text-muted);display:flex;font-size:.72rem;justify-content:space-between}.slider-val{color:var(--accent-300);font-weight:600}.spring-slider-group input[type=range]{accent-color:var(--accent-400);cursor:pointer;height:4px}.spring-preview-area{background:#00000059;border:1px dashed #ffffff26;border-radius:10px;cursor:pointer;height:100px}.spring-preview-area,.spring-test-orb{align-items:center;display:flex;justify-content:center}.spring-test-orb{background:linear-gradient(135deg,var(--accent-400),#00c4ff);border-radius:16px;box-shadow:0 10px 25px #7b5cff66;color:#fff;font-size:.7rem;font-weight:700;height:72px;text-align:center;-webkit-user-select:none;user-select:none;width:72px}.spring-copy-btn{background:#7b5cff2e;border:1px solid var(--accent-400);border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:600;padding:8px;transition:all .2s}.spring-copy-btn:hover{background:var(--accent-500)}@media (max-width:640px){.hud-panel{border-radius:14px;bottom:12px;left:12px;max-width:none;right:12px;width:auto}.hud-header{padding:10px 14px}.hud-body{gap:10px;padding:12px}.hud-metric-row{padding:10px 12px}.hud-sparkline{height:32px;width:90px}.fps-number{font-size:1.35rem}.hud-stat-box{padding:8px 10px}.hud-stat-number{font-size:1rem}.spring-preview-area{height:80px}.spring-test-orb{font-size:.65rem;height:60px;width:60px}}.route-loader-wrap{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;min-height:60vh}.route-loader-spinner{height:48px;position:relative;width:48px}.route-loader-ring{animation:routeSpin .85s cubic-bezier(.5,.1,.5,.9) infinite;border-bottom:3px solid #7b5cff26;border-left:3px solid #7b5cff26;border-radius:50%;border-right:3px solid #00c4ff;border-top:3px solid #7b5cff26;border-top-color:var(--accent-400);height:100%;width:100%}.route-loader-glow{border-radius:50%;box-shadow:0 0 20px #7b5cff66;inset:0;position:absolute}.route-loader-text{color:var(--text-muted);font-size:.88rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}@keyframes routeSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ce702364.css.map*/