.topnav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.topnav__inner{max-width:1180px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand .mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:linear-gradient(135deg,var(--mocha),var(--mocha-d));color:#fff}.topnav__search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 14px;color:var(--sub);font-size:14px}.topnav__search input{border:0;outline:0;background:transparent;flex:1;color:var(--ink);font-size:14px}.topnav__links{display:flex;align-items:center;gap:4px;margin-left:auto}.topnav__links a{padding:8px 12px;border-radius:10px;color:var(--sub);font-weight:600;font-size:14px}.topnav__links a:hover{color:var(--ink);background:var(--beige)}.topnav__links a.active{color:var(--mocha-d)}.btn-write{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--mocha),var(--mocha-d));color:#fff;padding:9px 16px;border-radius:12px;font-weight:700;font-size:14px;border:0}.btn-write:hover{filter:brightness(1.05)}.nav-ava{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--beige);color:var(--mocha-d)}.appbar{position:sticky;top:0;z-index:50;display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:#faf7f2e6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.site-foot{margin-top:48px;border-top:1px solid var(--line);background:var(--card);padding:26px 16px;text-align:center}.site-foot__note{color:var(--sub);font-size:13px;line-height:1.65;margin:0 auto 8px;max-width:660px}.site-foot__copy{color:var(--sub);font-size:12px;opacity:.75;margin:0}.appbar .brand{font-size:1.05rem}.appbar__nav{display:flex;gap:2px;margin-left:auto;margin-right:10px}.appbar__nav a{padding:6px 11px;border-radius:9px;color:var(--sub);font-weight:600;font-size:13.5px;white-space:nowrap}.appbar__nav a.active{color:var(--mocha-d);background:var(--beige)}.appbar__acts{display:flex;gap:8px;align-items:center;margin-left:auto}.appbar__acts .ico,.menu-drawer__head .ico{width:38px;height:38px;border-radius:11px;padding:0;display:grid;place-items:center;font-size:17px;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:pointer;flex:0 0 auto}.menu-drawer__head .ico{width:34px;height:34px;font-size:15px}[data-theme=dark] .topnav{background:#1a1614d9}[data-theme=dark] .appbar{background:#1a1614e6}.a2hs{display:none;position:fixed;left:12px;right:12px;z-index:55;bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:11px 12px;box-shadow:0 8px 30px #3d35302e;animation:a2hs-up .25s ease}@keyframes a2hs-up{0%{transform:translateY(120%)}to{transform:translateY(0)}}.a2hs__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;flex:0 0 auto;background:linear-gradient(135deg,var(--mocha),var(--mocha-d));color:#fff}.a2hs__txt{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}.a2hs__txt b{font-size:14.5px}.a2hs__txt span{font-size:12px;color:var(--sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a2hs__btn{flex:0 0 auto;border:0;border-radius:11px;padding:9px 15px;font-weight:700;font-size:13.5px;color:#fff;background:linear-gradient(135deg,var(--mocha),var(--mocha-d))}.a2hs__x{flex:0 0 auto;border:0;background:transparent;color:var(--sub);font-size:14px;padding:4px 2px}.a2hs-hint{display:none;position:fixed;left:12px;right:12px;z-index:55;bottom:calc(80px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;font-size:12.5px;line-height:1.5;padding:10px 14px;border-radius:12px;text-align:center}.a2hs-hint b{color:#fff}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border:0;padding:0;background:#3d353066;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;animation:fade-in .15s ease}.menu-drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(78%,300px);background:var(--bg);box-shadow:-8px 0 30px #3d35302e;padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 12px);display:flex;flex-direction:column;gap:4px;animation:menu-in .2s ease}@keyframes menu-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.menu-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 14px}.menu-drawer__head .brand{font-weight:800;font-size:1.15rem}.menu-drawer a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;font-weight:600;font-size:15.5px;color:var(--ink)}.menu-drawer a:hover{background:var(--beige)}.menu-drawer a.active{color:var(--mocha-d);background:var(--beige)}.menu-drawer a .mi{font-size:18px}.menu-drawer .drawer-install{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-top:8px;padding:14px;border:0;border-radius:12px;font-weight:800;font-size:15.5px;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--mocha),var(--mocha-d))}.install-pill{flex:0 0 auto;border:1px solid var(--mocha);background:var(--beige);color:var(--mocha-d);border-radius:20px;padding:7px 14px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap}.install-pill:hover{background:var(--mocha);color:#fff}@media(max-width:768px){.topnav{display:none}.appbar,.a2hs{display:flex}.a2hs-hint{display:block}.chips{position:sticky;top:62px;z-index:40;background:var(--bg);margin:0 -16px;padding:10px 16px;border-bottom:1px solid var(--line)}}.theme-pill{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--card);flex:0 0 auto}.theme-pill button{width:30px;height:30px;padding:0;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:var(--sub);font-size:14px;cursor:pointer;line-height:1}.theme-pill button:hover{color:var(--ink)}.theme-pill button.is-active{background:var(--beige);color:var(--mocha-d)}.drawer-theme{margin-top:12px;align-self:flex-start}.nav-ava i[class^=fi-]{font-size:17px;line-height:1}