.mode-buttons[data-v-4dbb8c89]{width:100%;height:100%;display:flex;justify-content:space-between;flex-wrap:nowrap}.mode-button[data-v-4dbb8c89]{background:#f5f5f5;border:none;border-radius:8px;padding:8px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s;font-size:12px;height:62px;width:42px;box-shadow:0 4px 8px rgba(0,0,0,.15),inset 0 -2px 3px rgba(0,0,0,.1);position:relative}.mode-button[data-v-4dbb8c89]:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.1)}.mode-button:first-child.active[data-v-4dbb8c89]{background:linear-gradient(135deg,#4a90e2,#6bb4ff)}.mode-button:first-child.active[data-v-4dbb8c89],.mode-button:nth-child(2).active[data-v-4dbb8c89]{color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.2);transform:translateY(2px)}.mode-button:nth-child(2).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#ff5e62,#f96)}.mode-button:nth-child(3).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#43cea2,#185a9d)}.mode-button:nth-child(3).active[data-v-4dbb8c89],.mode-button:nth-child(4).active[data-v-4dbb8c89]{color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 -2px 3px rgba(0,0,0,.2);transform:translateY(2px)}.mode-button:nth-child(4).active[data-v-4dbb8c89]{background:linear-gradient(135deg,#d7d2cc,#304352)}.mode-button span[data-v-4dbb8c89]:first-child{margin-bottom:6px}.mode-icon[data-v-4dbb8c89]{font-size:16px;background-size:contain;background-repeat:no-repeat;background-position:50%}