body{background:var(--bg,#04040a);color:var(--text,#fff);font-family:var(--font,"Segoe UI",Tahoma,Geneva,Verdana,sans-serif);line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;position:relative}.infos{align-items:center;display:flex;font-size:22px;justify-content:center;margin:30px 0;text-align:center;width:100%}.infos-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(4,4,10,.85);border:3px solid var(--teal);border-radius:15px;box-shadow:0 8px 32px rgba(0,0,0,.5);color:var(--text);font-family:var(--font);font-weight:500;line-height:1.7;margin:0 auto;max-width:900px;padding:30px;position:relative;text-align:center;text-decoration:none;transition:all .4s ease;width:85%;z-index:var(--z-base)}.infos-box:hover{background:var(--bg);border-color:var(--pink);box-shadow:0 15px 40px rgba(0,0,0,.6);transform:translateY(-5px)}.centered-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(4,4,10,.85);border:3px solid var(--teal);border-radius:12px;color:var(--text);font-family:var(--font);font-size:20px;font-weight:600;padding:25px 40px;text-align:center;text-decoration:none;transition:all .4s ease}.centered-box:hover{background:var(--bg);box-shadow:0 8px 25px rgba(0,0,0,.4);transform:translateY(-3px)}.button-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px;position:relative;z-index:var(--z-dropdown)}.control-button{align-items:center;border:2px solid var(--teal);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.control-button,.control-button:hover{background:linear-gradient(135deg,var(--bg),var(--bg-raised))}.control-button:hover{box-shadow:0 8px 25px rgba(0,0,0,.4);transform:translateY(-3px)}.control-button.logout-button,.control-button:hover{border-color:var(--pink)}.control-button.logout-button:hover{background:linear-gradient(135deg,var(--pink),var(--danger));border-color:var(--text)}.control-buttons-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:25px;top:25px;z-index:var(--z-modal-backdrop)}.backgrounds-btn,.logout-btn,.setting-btn{background:linear-gradient(135deg,var(--pink),var(--teal));border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4);color:var(--text);cursor:pointer;display:inline-block;font-size:14px;font-weight:700;min-width:180px;padding:12px 24px;text-align:center;text-decoration:none;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:all .3s ease}.backgrounds-btn:hover,.logout-btn:hover,.setting-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.5);color:var(--text);transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,var(--pink),var(--teal))}.setting-btn{background:linear-gradient(135deg,var(--accent),var(--accent-soft))}.backgrounds-btn{background:linear-gradient(135deg,var(--accent),var(--accent))}.backgrounds-btn:disabled,.logout-btn:disabled,.setting-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-remove-background,.btn-set-background{border:none;border-radius:8px;color:var(--text);cursor:pointer;flex:1;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.btn-set-background{background:linear-gradient(135deg,var(--accent),var(--accent))}.btn-remove-background{background:linear-gradient(135deg,var(--danger),var(--danger))}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}@media (max-width:768px){.control-buttons-container{flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px auto;padding:0 10px;position:relative;right:0;top:0}.backgrounds-btn,.logout-btn,.setting-btn{font-size:12px;min-width:140px;padding:10px 15px}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}