.gradient-surface{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow-x:clip;background:var(--theme-gradient);background-size:220% 220%;animation:gradientShift var(--theme-anim-speed,16s) ease-in-out infinite}.gradient-surface[data-mode=dark] .header-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}@keyframes gradientShift{0%{background-position:90% 0}50%{background-position:10% 100%}to{background-position:90% 0}}@media (prefers-reduced-motion:reduce){.gradient-surface{animation:none;background-position:60% 10%}}.menu-btn-action{height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.3s}.menu-btn-action:active{transform:scale(.95)}.menu-btn-glass{background-color:rgba(0,0,0,.05);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04),inset 0 1px 1px rgba(255,255,255,.6);color:var(--color-primary)}.menu-btn-glass:hover{background-color:rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.06),inset 0 1px 1px rgba(255,255,255,.7)}.gradient-surface[data-mode=dark] .menu-btn-glass,.menu-btn-glass[data-mode=dark],[data-mode=dark] .menu-btn-glass{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 1px rgba(255,255,255,.15);color:white}.gradient-surface[data-mode=dark] .menu-btn-glass:hover,.menu-btn-glass[data-mode=dark]:hover,[data-mode=dark] .menu-btn-glass:hover{background-color:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.25)}.menu-btn-glass-inverted{background-color:rgba(0,0,0,.95);border:1px solid rgba(0,0,0,1);box-shadow:0 4px 14px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.15),inset 0 1px .5px rgba(255,255,255,.2);color:white}.menu-btn-glass-inverted:hover{background-color:rgba(0,0,0,1);box-shadow:0 6px 18px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.18)}.gradient-surface[data-mode=dark] .menu-btn-glass-inverted,.menu-btn-glass-inverted[data-mode=dark],[data-mode=dark] .menu-btn-glass-inverted{background-color:rgba(255,255,255,1);border-color:rgba(255,255,255,1);box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 1px .5px rgba(255,255,255,.4);color:rgba(0,0,0,.9)}.gradient-surface[data-mode=dark] .menu-btn-glass-inverted:hover,.menu-btn-glass-inverted[data-mode=dark]:hover,[data-mode=dark] .menu-btn-glass-inverted:hover{background-color:rgba(255,255,255,1);box-shadow:0 6px 18px rgba(0,0,0,.35)}