.gradient-surface{background:var(--theme-gradient);width:100%;min-height:100dvh;animation:gradientShift var(--theme-anim-speed,16s) ease-in-out infinite;background-size:220% 220%;position:relative;overflow-x:clip}.gradient-surface[data-mode=dark] .header-glass{background:#ffffff14;border-color:#ffffff1f}@keyframes gradientShift{0%{background-position:90% 0}50%{background-position:10% 100%}to{background-position:90% 0}}@media (prefers-reduced-motion:reduce){.gradient-surface{background-position:60% 10%;animation:none}}.menu-btn-action{border-radius:12px;justify-content:center;align-items:center;height:40px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);display:flex}.menu-btn-action:active{transform:scale(.95)}.menu-btn-glass{-webkit-backdrop-filter:blur(24px);color:var(--color-primary);background-color:#0000000d;border:1px solid #0000001a;box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a,inset 0 1px 1px #fff9}.menu-btn-glass:hover{background-color:#00000014;box-shadow:0 4px 12px #0000001f,0 1px 3px #0000000f,inset 0 1px 1px #ffffffb3}.gradient-surface[data-mode=dark] .menu-btn-glass,[data-mode=dark] .menu-btn-glass,.menu-btn-glass[data-mode=dark]{color:#fff;background-color:#ffffff1a;border-color:#ffffff26;box-shadow:0 2px 6px #0003,inset 0 1px 1px #ffffff26}.gradient-surface[data-mode=dark] .menu-btn-glass:hover,[data-mode=dark] .menu-btn-glass:hover,.menu-btn-glass[data-mode=dark]:hover{background-color:#fff3;box-shadow:0 4px 12px #0000004d,inset 0 1px 1px #ffffff40}.menu-btn-glass-inverted{color:#fff;background-color:#000000f2;border:1px solid #000;box-shadow:0 4px 14px #00000040,0 1px 3px #00000026,inset 0 1px .5px #fff3}.menu-btn-glass-inverted:hover{background-color:#000;box-shadow:0 6px 18px #0000004d,0 2px 4px #0000002e}.gradient-surface[data-mode=dark] .menu-btn-glass-inverted,[data-mode=dark] .menu-btn-glass-inverted,.menu-btn-glass-inverted[data-mode=dark]{color:#000000e6;background-color:#fff;border-color:#fff;box-shadow:0 4px 14px #0000004d,inset 0 1px .5px #fff6}.gradient-surface[data-mode=dark] .menu-btn-glass-inverted:hover,[data-mode=dark] .menu-btn-glass-inverted:hover,.menu-btn-glass-inverted[data-mode=dark]:hover{background-color:#fff;box-shadow:0 6px 18px #00000059}