body{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box;overflow:hidden}.app-container{position:relative;height:100vh;width:100vw;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:fill;z-index:-1}.overlay{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.clock-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100vw;padding:10px 0;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.clock{color:#fff;font-size:6rem;font-weight:700;font-family:monospace;text-align:center;text-shadow:3px 3px 5px rgba(0,0,0,.75)}@media (max-width: 768px){.clock-container{font-size:2rem}}.lock-btn{position:fixed;bottom:20px;right:20px;background:#fff3;color:#fff;font-size:1.2rem;padding:10px 16px;border:none;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:2}.lock-btn:hover{background:#ffffff59}.top-controls{position:fixed;top:15px;left:15px;display:flex;gap:10px;z-index:2}.nav-btn{padding:8px 12px;background-color:#fff3;border:none;color:#fff;border-radius:8px;font-size:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.nav-btn:hover{background-color:#ffffff59}.bg-dropdown select{padding:8px;border-radius:6px;font-size:1rem;background-color:#fff3;color:#fff;border:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;margin-left:10px}.bg-dropdown select option{background-color:#222;color:#fff}.home-panel{color:#fff;padding:2rem;overflow-y:auto;max-height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section{margin-bottom:2rem}.section input[type=text],.section input[type=number]{padding:8px;margin:5px 0;border-radius:6px;border:none;width:60%}.section button{padding:6px 12px;margin-left:10px;border:none;background-color:#fff3;color:#fff;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section ul{list-style:none;padding:0}.section li{margin:5px 0}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:400px;padding:20px;background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;border-radius:20px;z-index:999;box-shadow:0 0 20px #000000b3}.settings-header{display:flex;justify-content:space-between;align-items:center}.close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.settings-content{margin-top:15px;line-height:1.5}kbd{background:#222;padding:2px 6px;border-radius:4px;font-size:.9rem}