.nav{z-index:50;height:68px;padding:0 var(--gutter);color:var(--ink);pointer-events:none;align-items:center;gap:20px;transition:color .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav>*{pointer-events:auto}.nav[data-dark]{color:var(--plate)}.nav-brand{margin-right:auto;text-decoration:none;display:inline-flex}.nav-brand svg{display:block}.nav-brand .wordmark-o{transition:transform .7s var(--ease-out);transform-box:fill-box;transform-origin:50%}.nav-brand:hover .wordmark-o{transform:rotate(60deg)}.nav-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#f4f3efb8;border-radius:999px;gap:2px;padding:4px;transition:background .35s,border-color .35s;display:flex}.nav[data-dark] .nav-links{border-color:var(--dark-line);background:#1c1c1ab8}.nav-links a{border-radius:999px;padding:7px 14px;font-size:14px;font-weight:560;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{background:var(--ink);color:var(--plate)}.nav[data-dark] .nav-links a:hover{background:var(--plate);color:var(--ink)}.nav-app{background:var(--ink);color:var(--plate);border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px 10px 18px;font-size:14px;font-weight:650;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.nav-app svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .35s var(--ease-out)}.nav-app:hover{background:var(--copper);color:var(--plate)}.nav-app:hover svg{transform:translate(3px)}.nav[data-dark] .nav-app{background:var(--plate);color:var(--ink)}.nav[data-dark] .nav-app:hover{background:var(--copper);color:var(--plate)}.nav-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#f4f3efb8;border-radius:50%;width:42px;height:42px;display:none;position:relative}.nav[data-dark] .nav-menu{border-color:var(--dark-line);background:#1c1c1ab8}.nav-menu i{height:1.7px;transition:transform .35s var(--ease-out);background:currentColor;border-radius:2px;position:absolute;left:13px;right:13px}.nav-menu i:first-of-type{top:17px}.nav-menu i:last-of-type{top:23px}.nav[data-open] .nav-menu i:first-of-type{transform:translateY(3px)rotate(45deg)}.nav[data-open] .nav-menu i:last-of-type{transform:translateY(-3px)rotate(-45deg)}.nav-sheet{background:var(--plate);color:var(--ink);border:1px solid var(--line);border-radius:22px;gap:2px;padding:10px;display:grid;position:absolute;top:64px;left:12px;right:12px;box-shadow:0 30px 60px -30px #13131273}.nav-sheet[hidden]{display:none}.nav-sheet a{border-radius:14px;padding:13px 14px;font-size:17px;font-weight:600;text-decoration:none}.nav-sheet a:hover{background:var(--wall)}@media (min-width:900px){.nav-sheet{display:none!important}}@media (max-width:1100px){.nav-lamp{display:none}}@media (max-width:899px){.nav-links{display:none}.nav-menu{display:block}.nav{gap:10px}}@media (max-width:420px){.nav-app{padding:10px 14px}.nav-app svg{display:none}}