:root{--shell-bg:#070b10;--shell-text:#eef4fb;--shell-muted:#9fb0c4;--shell-line:rgba(155,184,220,.18);--shell-accent:#cce7ff;--shell-shadow:0 18px 46px rgba(0,0,0,.38)}
.skip-link{position:fixed;left:16px;top:10px;z-index:10000;transform:translateY(-160%);padding:10px 14px;border-radius:999px;background:#ffffff;color:#07101a!important;font-weight:700;box-shadow:var(--shell-shadow);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}
.gallery-topbar{position:sticky;top:0;z-index:900;background:rgba(6,10,15,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--shell-line);box-shadow:0 8px 26px rgba(0,0,0,.22)}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;max-width:1520px;margin:0 auto}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.nav-links a,.nav-links button,.nav-toggle{font:600 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--shell-accent)!important;background:none;border:0;text-decoration:none;padding:10px 0;cursor:pointer}.nav-divider{color:rgba(200,220,243,.28)}.nav-toggle{display:none;border:1px solid var(--shell-line);padding:10px 14px;border-radius:999px;background:rgba(18,28,41,.74)!important}.index-link-emphasis,[aria-current=page]{color:#ffffff!important}.music-toggle.is-playing,.music-toggle:hover{background:rgba(135,189,233,.12)!important;border:1px solid var(--shell-line)!important;border-radius:999px;padding:9px 13px!important}
.gallery-footer{margin-top:34px;padding:28px 22px 42px;border-top:1px solid var(--shell-line);background:rgba(5,8,12,.42);color:var(--shell-muted)}.gallery-footer p{max-width:1200px;margin:0 auto 10px;line-height:1.7}.gallery-footer a{color:var(--shell-accent)!important;text-decoration:none}
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;background:rgba(255,255,255,.04)}.reading-progress span{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#87bde9,#dff4ff)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #87bde9!important;outline-offset:3px}
@media(max-width:760px){.site-nav{padding:12px 14px}.nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:12px;right:12px;flex-direction:column;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(6,10,15,.97);border:1px solid var(--shell-line);box-shadow:var(--shell-shadow)}body.nav-open .nav-links{display:flex}.nav-divider{display:none}.nav-links a,.nav-links button{padding:8px 0;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}