.quick-nav{position:fixed;z-index:42;right:14px;top:50%;transform:translateY(-50%);font-family:'JetBrains Mono',monospace}
.quick-nav-toggle{display:none;align-items:center;gap:7px;background:rgba(17,17,20,.96);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:9px 11px;font:600 .67rem 'JetBrains Mono',monospace;letter-spacing:.04em;cursor:pointer}
.quick-nav-links{display:grid;gap:3px;padding:7px;background:rgba(10,10,12,.9);border:1px solid var(--border);border-radius:5px;box-shadow:0 14px 35px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.quick-nav a{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:30px;padding:6px 8px;color:var(--muted);font-size:.62rem;letter-spacing:.035em;white-space:nowrap;border:1px solid transparent;border-radius:3px;transition:color .25s,border-color .25s,background .25s}
.quick-nav a:after{content:'';width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg)}
.quick-nav a:hover,.quick-nav a:focus-visible,.quick-nav a.active{color:var(--red);border-color:rgba(237,28,36,.45);background:rgba(237,28,36,.06)}
.tech-panel{transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.tech-panel:hover,.tech-panel:focus-within{transform:translateY(-4px);border-color:rgba(237,28,36,.8)!important;background-color:var(--card)!important;box-shadow:0 14px 35px rgba(237,28,36,.1)}
@media(max-width:1180px){.quick-nav{right:8px}.quick-nav a{font-size:0;width:31px}.quick-nav a:after{margin:auto}}
@media(max-width:880px){
  .quick-nav{top:78px;right:12px;transform:none}.quick-nav-toggle{display:flex}.quick-nav-links{display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:190px}.quick-nav.open .quick-nav-links{display:grid}.quick-nav a{font-size:.68rem;width:auto;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.quick-nav a,.tech-panel{transition:none}.tech-panel:hover,.tech-panel:focus-within{transform:none}}