.shell{width:min(1440px,100%);margin:auto;padding:24px clamp(16px,4vw,56px) 104px}
.nav-wrap{position:sticky;top:8px;z-index:20;display:flex;justify-content:center;margin-bottom:32px}
.nav{width:min(100%,1080px);min-height:64px;display:flex;align-items:center;gap:16px;padding:8px 12px;
  border:1px solid var(--line);border-radius:var(--r-card);
  background:rgba(22,21,31,.65);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:15px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.brand-mark{width:32px;height:32px;border-radius:var(--r-micro);background:var(--grad);display:grid;place-items:center;color:#fff;font-size:14px}
.brand-logo{display:block;width:40px;height:40px;object-fit:contain;flex:none}
.search{flex:1;min-width:120px;position:relative}
.search input{width:100%;height:42px;border:1px solid var(--line);border-radius:var(--r-btn);padding:0 14px 0 40px;background:var(--glass);outline:none;color:var(--text);transition:border-color .2s,background .2s,box-shadow .2s}
.search input::placeholder{color:var(--muted)}
.search input:focus{background:var(--glass-hover);border-color:rgba(255,46,99,.6);box-shadow:0 0 0 4px rgba(255,46,99,.12)}
.search svg{position:absolute;left:13px;top:12.5px;color:var(--muted);pointer-events:none}
.nav-links{display:flex;gap:4px}
.chip{border-radius:var(--r-chip);padding:10px 14px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--muted);transition:background .2s,color .2s}
.chip:hover{color:var(--text);background:var(--glass-hover)}
.chip.active{color:#fff;background:var(--grad);box-shadow:var(--glow);font-weight:700}

.dock{display:none}

footer{display:none}
.foot{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px;font-size:12px}
.foot a{color:var(--muted);text-decoration:none;padding:8px 0;transition:color .2s}
.foot a:hover{color:var(--accent)}