:root{--bg-color:#121212;--card-bg:#1e1e1e;--card-border:#333;--text-main:#e3e3e3;--text-muted:#999;--accent-purple:#6965db;--accent-teal:#12b886;--accent-orange:#ff922b;--accent-pink:#f06595;--shadow-offset:4px 4px 0px #000;--shadow-hover:6px 6px 0px var(--accent-purple);--font-hand:"Patrick Hand", cursive, sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);-webkit-user-select:none;user-select:none;background-image:radial-gradient(#ffffff1f 1.5px,#0000 1.5px);background-size:24px 24px;min-height:100vh;overflow-x:hidden}#app{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}#background-image{z-index:-2;filter:sepia(.3)contrast(1.1);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}#background-image:before{content:"";z-index:-1;background:#121212b3;width:100%;height:100%;position:absolute;top:0;left:0}#loading{color:var(--text-main);text-align:center;z-index:9999;background:var(--card-bg);border:2px solid var(--card-border);box-shadow:var(--shadow-offset);font-size:1.5rem;font-family:var(--font-hand);border-radius:16px;padding:20px 30px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.loading #background-image,body.loading #clock,body.loading #search-container,body.loading #shortcuts,body.loading #settings-button,body.loading #info-panel{filter:blur(8px);pointer-events:none}#error{color:var(--accent-pink);text-align:center;background:var(--card-bg);border:2px solid var(--accent-pink);z-index:10;max-width:600px;box-shadow:var(--shadow-offset);border-radius:16px;padding:2rem;font-size:1.2rem;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}#clock{z-index:10;color:var(--accent-purple);font-size:4rem;font-weight:700;font-family:var(--font-hand);border:2px dashed var(--accent-purple);box-shadow:var(--shadow-offset);background:#6965db26;border-radius:8px;padding:15px 30px;position:fixed;top:18%;left:50%;transform:translate(-50%,-50%)}#search-container{z-index:10;width:100%;max-width:600px;padding:0 20px;position:fixed;top:35%;left:50%;transform:translate(-50%,-50%)}#search-form{width:100%}#search-input{border:2px solid var(--card-border);background:var(--card-bg);width:100%;color:var(--text-main);box-shadow:var(--shadow-offset);font-size:1.2rem;font-family:var(--font-body);border-radius:12px;padding:18px 24px;transition:all .2s}#search-input:focus{border-color:var(--accent-purple);box-shadow:var(--shadow-hover);outline:none;transform:translate(-2px,-2px)}#search-input::placeholder{color:var(--text-muted);font-style:italic}#shortcuts{z-index:8;flex-wrap:wrap;justify-content:center;gap:15px;max-width:800px;padding:0 20px;display:flex;position:fixed;top:calc(35% + 80px);left:50%;transform:translate(-50%)}.shortcut{background:var(--card-bg);border:2px solid var(--card-border);min-width:80px;box-shadow:var(--shadow-offset);border-radius:12px;flex-direction:column;align-items:center;padding:15px 20px;text-decoration:none;transition:all .2s;display:flex}.shortcut:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-purple);transform:translate(-2px,-2px)}.shortcut-icon{color:var(--text-main);justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;font-size:2rem;line-height:1;display:flex}.shortcut-icon img{object-fit:contain;border-radius:4px;width:32px;height:32px}.shortcut-name{color:var(--text-main);text-align:center;font-size:.85rem;font-weight:700;font-family:var(--font-body)}#info-panel{background:var(--card-bg);border:2px solid var(--card-border);z-index:6;max-width:400px;box-shadow:var(--shadow-offset);border-radius:16px;padding:20px;position:fixed;bottom:30px;right:30px}#info-panel h2{color:var(--text-main);font-size:1.3rem;font-weight:700;font-family:var(--font-hand);margin-bottom:.8rem}#explanation{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:.8rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}#copyright{color:var(--text-muted);font-size:.85rem;font-style:italic}.hidden{display:none!important}.settings-button{border:2px solid var(--card-border);background:var(--card-bg);width:50px;height:50px;color:var(--text-main);cursor:pointer;z-index:100;box-shadow:var(--shadow-offset);border-radius:12px;font-size:1.5rem;transition:all .2s;position:fixed;top:20px;right:20px}.settings-button:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-purple);transform:translate(-2px,-2px)}.settings-modal{z-index:200;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.settings-content{background:var(--card-bg);border:2px solid var(--card-border);width:100%;max-width:450px;max-height:90vh;box-shadow:var(--shadow-offset);border-radius:16px;padding:25px;overflow-y:auto}.settings-header{border-bottom:2px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.settings-header h2{color:var(--text-main);font-size:1.5rem;font-weight:700;font-family:var(--font-hand)}.close-button{border:2px solid var(--card-border);background:var(--card-bg);width:35px;height:35px;color:var(--text-main);cursor:pointer;border-radius:8px;font-size:1.2rem;transition:all .2s;box-shadow:2px 2px #000}.close-button:hover{background:var(--accent-pink);color:#fff;border-color:var(--accent-pink);box-shadow:3px 3px 0px var(--accent-pink);transform:translate(-1px,-1px)}.settings-section{margin-bottom:20px}.settings-section h3{color:var(--text-main);font-size:1.1rem;font-weight:700;font-family:var(--font-hand);margin-bottom:12px}.settings-option{margin-bottom:10px}.settings-option label{cursor:pointer;color:var(--text-main);align-items:center;gap:10px;font-size:1rem;display:flex}.settings-option input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-purple)}.shortcuts-list{max-height:250px;margin-bottom:12px;overflow-y:auto}.shortcut-item{border:2px solid var(--card-border);background:#141414;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex;box-shadow:2px 2px #000}.shortcut-item .shortcut-name{background:var(--card-bg);border:1px solid var(--card-border);min-width:120px;color:var(--text-main);font-family:var(--font-body);border-radius:6px;flex:1;padding:8px 12px;font-size:.9rem}.shortcut-item .shortcut-url{background:var(--card-bg);border:1px solid var(--card-border);min-width:200px;color:var(--text-main);font-family:var(--font-body);border-radius:6px;flex:2;padding:8px 12px;font-size:.9rem}.shortcut-item input:focus{border-color:var(--accent-purple);border-color:var(--accent-purple);outline:none}.remove-shortcut{background:var(--accent-pink);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:.85rem;transition:all .2s;box-shadow:2px 2px #000}.remove-shortcut:hover{box-shadow:3px 3px 0px var(--accent-pink);transform:translate(-1px,-1px)}.add-shortcut-button{background:var(--accent-purple);border:2px solid var(--accent-purple);color:#fff;width:100%;font-family:var(--font-hand);cursor:pointer;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:3px 3px #000}.add-shortcut-button:hover{box-shadow:4px 4px 0px var(--accent-teal);background:var(--accent-teal);border-color:var(--accent-teal);transform:translate(-2px,-2px)}.settings-footer{border-top:2px dashed var(--card-border);margin-top:20px;padding-top:15px}.save-button{background:var(--accent-teal);border:2px solid var(--accent-teal);color:#fff;width:100%;font-family:var(--font-hand);cursor:pointer;border-radius:8px;padding:12px 20px;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:3px 3px #000}.save-button:hover{box-shadow:4px 4px 0px var(--accent-purple);background:var(--accent-purple);border-color:var(--accent-purple);transform:translate(-2px,-2px)}