/* Standalone state hooks only; all visual styling remains in the original stylesheet. */
[hidden] { display: none !important; }
.export-header-hidden { transform: translateY(-100%); }
.export-header-paper { border-color: var(--hairline); background: color-mix(in srgb, var(--paper) 95%, transparent); backdrop-filter: blur(4px); }
.menu-bar-first { transform: translateY(6px) rotate(45deg); }
.menu-bar-last { width: 20px; transform: translateY(-6px) rotate(-45deg); }
html.motion .fade-up[data-in] { opacity: 1; transform: none; }