.hamburger-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);z-index:1000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:8px;transition:all .3s;display:flex}.hamburger-button:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.hamburger-button:focus{box-shadow:0 0 0 3px var(--color-accent-surface);outline:none}.hamburger-line{background:var(--color-ink);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s}.hamburger-line:first-child.open{transform:rotate(45deg)translate(6px,6px)}.hamburger-line:nth-child(2).open{opacity:0}.hamburger-line:nth-child(3).open{transform:rotate(-45deg)translate(6px,-6px)}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#00000080;animation:.2s ease-out fadeIn;position:fixed;inset:0}.hamburger-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#1a1510f7;border-left:1px solid #ffffff1f;width:280px;height:100vh;padding:80px 24px 24px;transition:transform .3s ease-out;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 32px #1a15104d}.hamburger-menu.open{transform:translate(0)}.menu-list{flex-direction:column;gap:8px;list-style:none;display:flex}.menu-link{color:#f0ede6;font-family:var(--font-ui);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;padding:14px 18px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.menu-link:hover{color:#c8d8ff;background:#2d4a8f4d;border-color:#2d4a8f80;transform:translate(4px)}.menu-link:active{transform:translate(2px)}@media (max-width:768px){.hamburger-button{width:36px;height:36px}.hamburger-menu{width:260px}}
.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--color-ink-muted);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-ink);box-shadow:var(--shadow-md)}.theme-toggle:focus{box-shadow:0 0 0 3px var(--color-accent-surface);outline:none}@media (max-width:768px){.theme-toggle{width:36px;height:36px}}