*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--deep: #040e1a;--deep2: #071828;--deep3: #0a2035;--cyan: #00d4ff;--cyan2: #00a8cc;--cyan-dim: rgba(0,212,255,.12);--text: #e8f4fb;--text-muted: #7eaac8;--text-dim: #3d6a8a;--border: rgba(0,212,255,.15);--border-dim: rgba(0,212,255,.07);--mono: "Space Mono", monospace;--sans: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 4rem;height:64px;background:#040e1aeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dim)}.nav-logo{font-family:var(--mono);font-size:1rem;font-weight:700;letter-spacing:.08em;color:var(--text);text-decoration:none;white-space:nowrap}.nav-logo span{color:var(--cyan)}.nav-search{position:relative;flex:1;max-width:420px;min-width:90px}.nav-search-input{width:100%;background:var(--deep2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:.88rem;padding:.5rem 2.2rem .5rem .9rem;outline:none;transition:border-color .2s}.nav-search-input:focus{border-color:var(--cyan)}.nav-search-input::placeholder{color:var(--text-dim)}.nav-search-icon{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none;font-size:.85rem}.search-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--deep2);border:1px solid var(--border);z-index:300;max-height:420px;overflow-y:auto}.search-dropdown.visible{display:block}.sd-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;cursor:pointer;border-bottom:1px solid var(--border-dim);text-decoration:none;transition:background .15s}.sd-item:last-child{border-bottom:none}.sd-item:hover{background:var(--deep3)}.sd-img{width:40px;height:40px;min-width:40px;object-fit:cover;border:1px solid var(--border-dim)}.sd-img-ph{width:40px;height:40px;min-width:40px;background:var(--deep3);border:1px solid var(--border-dim)}.sd-name{font-size:.85rem;font-weight:500;color:var(--text);line-height:1.3}.sd-meta{font-family:var(--mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:.1rem}.sd-more{display:flex;align-items:center;justify-content:center;padding:.6rem;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);cursor:pointer;background:var(--deep3);border-top:1px solid var(--border);transition:background .15s}.sd-more:hover{background:var(--deep2)}.sd-empty{padding:1rem;font-family:var(--mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.08em;text-align:center}.nav-right{display:flex;align-items:center;gap:1rem;white-space:nowrap}.nav-link{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--cyan)}.nav-menu-btn{display:none;background:none;border:none;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:.2rem;transition:color .2s}.nav-menu-btn:hover{color:var(--cyan)}.nav-menu-dropdown{display:none;position:absolute;top:64px;right:1.5rem;background:var(--deep2);border:1px solid var(--border);z-index:250;flex-direction:column;min-width:160px}.nav-menu-dropdown.visible{display:flex}.nav-menu-item{padding:.9rem 1.25rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border-dim);transition:color .2s,background .2s}.nav-menu-item:last-child{border-bottom:none}.nav-menu-item:hover{color:var(--cyan);background:var(--deep3)}.nav-cart{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-decoration:none;border:1px solid var(--cyan);padding:.35rem .9rem;display:flex;align-items:center;gap:.4rem;transition:background .2s,color .2s}.nav-cart:hover{background:var(--cyan);color:var(--deep)}.cart-count{background:var(--cyan);color:var(--deep);font-size:.6rem;font-weight:700;padding:.1rem .35rem;min-width:16px;text-align:center;display:none}.nav-cart:hover .cart-count{background:var(--deep);color:var(--cyan)}.nav-cart-icon{display:none;font-size:.95rem}.search-modal-bg{display:none;position:fixed;inset:0;background:#040e1ad9;z-index:400;backdrop-filter:blur(4px)}.search-modal-bg.visible{display:flex;align-items:flex-start;justify-content:center;padding-top:100px}.search-modal{background:var(--deep2);border:1px solid var(--border);width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;margin:0 1rem}.sm-header{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border-dim);flex-shrink:0}.sm-query{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--text-muted);flex:1}.sm-close{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:none;border:none;cursor:pointer;padding:.2rem .5rem;transition:color .2s}.sm-close:hover{color:var(--cyan)}.sm-results{overflow-y:auto;flex:1}.sm-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;cursor:pointer;border-bottom:1px solid var(--border-dim);text-decoration:none;transition:background .15s}.sm-item:last-child{border-bottom:none}.sm-item:hover{background:var(--deep3)}.sm-img{width:52px;height:52px;min-width:52px;object-fit:cover;border:1px solid var(--border-dim)}.sm-img-ph{width:52px;height:52px;min-width:52px;background:var(--deep3);border:1px solid var(--border-dim)}.sm-name{font-size:.92rem;font-weight:500;color:var(--text)}.sm-meta{font-family:var(--mono);font-size:.62rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:.15rem}.sm-empty{padding:2rem;text-align:center;font-family:var(--mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.08em}.sm-count{padding:.6rem 1.1rem;font-family:var(--mono);font-size:.62rem;color:var(--text-dim);letter-spacing:.08em;border-bottom:1px solid var(--border-dim);flex-shrink:0}footer{position:relative;z-index:1;padding:2rem 4rem;border-top:1px solid var(--border-dim)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em}.footer-logo span{color:var(--cyan)}.footer-note{font-size:.8rem;color:var(--text-dim)}.footer-note a{color:var(--text-dim);text-decoration:underline}@media(max-width:768px){nav{padding:0 1.5rem}footer{padding:2rem 1.5rem}.nav-search{max-width:180px}.nav-link{display:none}.nav-menu-btn{display:block}.nav-search{max-width:none}.nav-cart-label{display:none}.nav-cart-icon{display:inline}.nav-cart{padding:.4rem .6rem}.search-dropdown{position:fixed;top:68px;left:1rem;right:1rem}}