.nav{position:sticky;top:0;z-index:50;background:#f4efe6e8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid var(--ink)}
.nav-in{max-width:1180px;margin:0 auto;padding:.65rem 1.4rem;display:flex;align-items:center;gap:1.2rem}
.nav .logo{cursor:pointer}
.links{display:flex;gap:.2rem;flex:1}
.links a{position:relative;padding:.45rem .9rem;cursor:pointer;font-weight:500;font-size:.95rem;text-decoration:none}
.links a::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.15rem;height:2.5px;background:var(--ac);transform:scaleX(0);transform-origin:left;transition:transform .25s}.links a:hover::after,.links a.on::after{transform:scaleX(1)}
.nav-r{display:flex;gap:.6rem;align-items:center;position:relative;margin-left:auto}
.avatar{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);background:var(--hl);color:var(--ink);font:400 1.5rem var(--serif);cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s}.avatar:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.menu{position:absolute;right:0;top:calc(100% + .7rem);min-width:250px;background:var(--paper);border:1.5px solid var(--ink);border-radius:16px;padding:.4rem;box-shadow:var(--sh);animation:pop .18s ease-out}.menu[hidden]{display:none}
.menu a{display:block;padding:.6rem .8rem;border-radius:10px;cursor:pointer;text-decoration:none;font-size:.95rem}.menu a:hover{background:var(--soft)}.menu a.dg{color:var(--bad)}
.mh{padding:.6rem .8rem .7rem;border-bottom:1.5px dashed #15120f33;margin-bottom:.3rem;display:flex;flex-direction:column;min-width:0}.mh b{overflow:hidden;text-overflow:ellipsis;font-size:.92rem}.mh small{color:var(--mut)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px}.burger i{display:block;width:22px;height:2.5px;background:var(--ink);border-radius:2px}