:root{--nav-bg:#070707;--nav-line:#292929;--nav-text:#b9b9b9;--nav-active:#fff}
header .app-nav{display:flex;align-items:stretch;justify-content:flex-end;gap:8px;margin-left:auto;height:100%}
header .app-nav>a,header .profile-menu>summary{min-width:92px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:0;background:transparent;color:var(--nav-text);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-sizing:border-box}
header .app-nav svg{display:block;width:27px;height:27px;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
header .app-nav>a:hover,header .profile-menu>summary:hover,header .profile-menu[open]>summary{color:var(--nav-active);background:#121212}
.profile-menu{position:relative;height:100%}.profile-menu>summary{list-style:none;position:relative}.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu>summary i{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;gap:3px}.profile-menu>summary i b{display:block;width:12px;height:2px;background:currentColor}
.profile-menu-panel{position:absolute;z-index:1000;top:calc(100% + 1px);right:0;width:230px;padding:8px;background:#0a0a0a;border:1px solid #303030;box-shadow:0 18px 50px #000}.profile-menu-panel>a,.profile-menu-panel form button{width:100%;min-height:52px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;margin:0;padding:12px;border:0;background:transparent;color:#d0d0d0;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-sizing:border-box}.profile-menu-panel>a:hover,.profile-menu-panel form button:hover{background:#181818;color:#fff}.profile-menu-panel form{margin:0}.profile-menu-panel svg{width:21px!important;height:21px!important;flex:0 0 auto}
.social-action-error{position:fixed;z-index:2000;left:50%;bottom:30px;transform:translateX(-50%);max-width:min(90vw,520px);padding:14px 18px;border:1px solid #ff315f;background:#16060a;color:#fff;font-weight:800;box-shadow:0 15px 45px #000}
.heart.is-loading{opacity:.45;pointer-events:none}.comment-form.is-loading{opacity:.55;pointer-events:none}
@media(max-width:760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}body>header{height:64px!important;padding:0 16px!important}header .app-nav{position:fixed!important;z-index:1200!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:calc(68px + env(safe-area-inset-bottom))!important;padding:0 10px env(safe-area-inset-bottom)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;background:#070707f7!important;border-top:1px solid #333!important;box-shadow:0 -12px 35px #000b!important;backdrop-filter:blur(14px)}header .app-nav>a,header .profile-menu>summary{min-width:0!important;width:100%!important;height:68px!important;padding:7px 4px!important;font-size:9px!important;line-height:1!important}header .app-nav svg{width:25px!important;height:25px!important}.profile-menu{position:static!important;height:68px!important}.profile-menu>summary i{right:max(9px,12%);top:18px;transform:none}.profile-menu-panel{position:fixed!important;z-index:1250!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;padding:9px!important;border-color:#3b3b3b!important}.profile-menu-panel>a,.profile-menu-panel form button{min-height:58px!important;font-size:12px!important}.social-action-error{bottom:calc(88px + env(safe-area-inset-bottom))}}

/* v26: the navigation is moved outside the filtered sticky header on mobile. */
@media(max-width:760px){body>header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body>.app-nav{position:fixed!important;z-index:1200!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:calc(68px + env(safe-area-inset-bottom))!important;margin:0!important;padding:0 10px env(safe-area-inset-bottom)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;background:#070707!important;border-top:1px solid #333!important;box-shadow:0 -12px 35px #000b!important}body>.app-nav>a,body>.app-nav .profile-menu>summary{display:flex!important;min-width:0!important;width:100%!important;height:68px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:7px 4px!important;border:0!important;background:transparent!important;color:#bcbcbc!important;font-size:9px!important;font-weight:900!important;line-height:1!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-decoration:none!important}body>.app-nav svg{display:block!important;width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important}body>.app-nav .profile-menu{position:static!important;height:68px!important;margin:0!important}body>.app-nav .profile-menu>summary i{right:max(9px,12%)!important;top:18px!important;transform:none!important}body>.app-nav .profile-menu-panel{position:fixed!important;z-index:1250!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:calc(100dvh - 100px)!important;overflow:auto!important;padding:9px!important;background:#0a0a0a!important;border:1px solid #3b3b3b!important;box-shadow:0 18px 50px #000!important}body>.app-nav .profile-menu:not([open]) .profile-menu-panel{display:none!important}body>.app-nav .profile-menu[open] .profile-menu-panel{display:block!important}body>.app-nav .profile-menu-panel>a,body>.app-nav .profile-menu-panel form button{display:flex!important;min-height:58px!important;font-size:12px!important}}