@font-face{font-family:Kaushan Script;src:url(../Kaushan_Script/KaushanScript-Regular.ttf) format("truetype")}:root{font-size:15px;--primary-color: #e493d0;--gradient-1: rgba(235, 105, 78, 1);--gradient-2: rgba(243, 11, 164, 1);--gradient-3: rgba(254, 234, 131, 1);--gradient-4: rgba(170, 142, 245, 1);--gradient-5: rgba(248, 192, 147, 1);--button-gradient-start: #e493d0;--button-gradient-end: #d17dbd;--button-hover-start: #d17dbd;--button-hover-end: #e493d0;--button-shadow: rgba(228, 147, 208, .3);--button-hover-shadow: rgba(228, 147, 208, .4)}[data-theme=pink]{--primary-color: #e493d0;--gradient-1: rgba(235, 105, 78, 1);--gradient-2: rgba(243, 11, 164, 1);--gradient-3: rgba(254, 234, 131, 1);--gradient-4: rgba(170, 142, 245, 1);--gradient-5: rgba(248, 192, 147, 1);--button-gradient-start: #e493d0;--button-gradient-end: #d17dbd;--button-hover-start: #d17dbd;--button-hover-end: #e493d0;--button-shadow: rgba(228, 147, 208, .3);--button-hover-shadow: rgba(228, 147, 208, .4)}[data-theme=forest]{--primary-color: #1e293b;--gradient-1: #12001B;--gradient-2: #000000;--gradient-3: #040EFF;--gradient-4: #8000FF;--gradient-5: #00B6B6;--button-gradient-start: #1e293b;--button-gradient-end: #040EFF;--button-hover-start: #8000FF;--button-hover-end: #00B6B6;--button-shadow: rgba(0, 0, 0, .6);--button-hover-shadow: rgba(0, 0, 0, .8)}[data-theme=deep-ocean]{--primary-color: #1a237e;--gradient-1: rgba(26, 35, 126, 1);--gradient-2: rgba(13, 71, 161, 1);--gradient-3: rgba(25, 118, 210, 1);--gradient-4: rgba(2, 136, 209, 1);--gradient-5: rgba(0, 188, 212, 1);--button-gradient-start: #1a237e;--button-gradient-end: #0d47a1;--button-hover-start: #0d47a1;--button-hover-end: #1a237e;--button-shadow: rgba(26, 35, 126, .3);--button-hover-shadow: rgba(26, 35, 126, .4)}[data-theme=sunset]{--primary-color: #d32f2f;--gradient-1: rgba(211, 47, 47, 1);--gradient-2: rgba(244, 67, 54, 1);--gradient-3: rgba(255, 87, 34, 1);--gradient-4: rgba(255, 152, 0, 1);--gradient-5: rgba(255, 193, 7, 1);--button-gradient-start: #d32f2f;--button-gradient-end: #b71c1c;--button-hover-start: #b71c1c;--button-hover-end: #d32f2f;--button-shadow: rgba(211, 47, 47, .3);--button-hover-shadow: rgba(211, 47, 47, .4)}[data-theme=neon]{--primary-color: #00e5ff;--gradient-1: rgba(0, 229, 255, 1);--gradient-2: rgba(0, 255, 128, 1);--gradient-3: rgba(255, 0, 255, 1);--gradient-4: rgba(255, 255, 0, 1);--gradient-5: rgba(255, 0, 128, 1);--button-gradient-start: #00e5ff;--button-gradient-end: #00b8d4;--button-hover-start: #00b8d4;--button-hover-end: #00e5ff;--button-shadow: rgba(0, 229, 255, .3);--button-hover-shadow: rgba(0, 229, 255, .4)}[data-theme=royal]{--primary-color: #4a148c;--gradient-1: rgba(74, 20, 140, 1);--gradient-2: rgba(123, 31, 162, 1);--gradient-3: rgba(156, 39, 176, 1);--gradient-4: rgba(186, 104, 200, 1);--gradient-5: rgba(233, 30, 99, 1);--button-gradient-start: #4a148c;--button-gradient-end: #7b1fa2;--button-hover-start: #7b1fa2;--button-hover-end: #4a148c;--button-shadow: rgba(74, 20, 140, .3);--button-hover-shadow: rgba(74, 20, 140, .4)}[data-theme=desert]{--primary-color: #bf360c;--gradient-1: rgba(191, 54, 12, 1);--gradient-2: rgba(230, 81, 0, 1);--gradient-3: rgba(255, 112, 67, 1);--gradient-4: rgba(255, 171, 145, 1);--gradient-5: rgba(255, 204, 188, 1);--button-gradient-start: #bf360c;--button-gradient-end: #e65100;--button-hover-start: #e65100;--button-hover-end: #bf360c;--button-shadow: rgba(191, 54, 12, .3);--button-hover-shadow: rgba(191, 54, 12, .4)}[data-theme=aurora]{--primary-color: #006064;--gradient-1: rgba(0, 96, 100, 1);--gradient-2: rgba(0, 188, 212, 1);--gradient-3: rgba(0, 229, 255, 1);--gradient-4: rgba(77, 208, 225, 1);--gradient-5: rgba(178, 235, 242, 1);--button-gradient-start: #006064;--button-gradient-end: #00838f;--button-hover-start: #00838f;--button-hover-end: #006064;--button-shadow: rgba(0, 96, 100, .3);--button-hover-shadow: rgba(0, 96, 100, .4)}[data-theme=cherry]{--primary-color: #880e4f;--gradient-1: rgba(136, 14, 79, 1);--gradient-2: rgba(194, 24, 91, 1);--gradient-3: rgba(233, 30, 99, 1);--gradient-4: rgba(244, 143, 177, 1);--gradient-5: rgba(248, 187, 208, 1);--button-gradient-start: #880e4f;--button-gradient-end: #c2185b;--button-hover-start: #c2185b;--button-hover-end: #880e4f;--button-shadow: rgba(136, 14, 79, .3);--button-hover-shadow: rgba(136, 14, 79, .4)}[data-theme=emerald]{--primary-color: #004d40;--gradient-1: rgba(0, 77, 64, 1);--gradient-2: rgba(0, 105, 92, 1);--gradient-3: rgba(0, 150, 136, 1);--gradient-4: rgba(38, 166, 154, 1);--gradient-5: rgba(77, 182, 172, 1);--button-gradient-start: #004d40;--button-gradient-end: #00695c;--button-hover-start: #00695c;--button-hover-end: #004d40;--button-shadow: rgba(0, 77, 64, .3);--button-hover-shadow: rgba(0, 77, 64, .4)}[data-theme=dark-night]{--primary-color: #1a1a1a;--gradient-1: rgba(26, 26, 26, 1);--gradient-2: rgba(45, 45, 45, 1);--gradient-3: rgba(66, 66, 66, 1);--gradient-4: rgba(97, 97, 97, 1);--gradient-5: rgba(158, 158, 158, 1);--button-gradient-start: #424242;--button-gradient-end: #212121;--button-hover-start: #212121;--button-hover-end: #424242;--button-shadow: rgba(0, 0, 0, .3);--button-hover-shadow: rgba(0, 0, 0, .4)}[data-theme=pure-white]{--primary-color: #ffffff;--gradient-1: rgba(255, 255, 255, 1);--gradient-2: rgba(245, 245, 245, 1);--gradient-3: rgba(238, 238, 238, 1);--gradient-4: rgba(224, 224, 224, 1);--gradient-5: rgba(189, 189, 189, 1);--button-gradient-start: #e0e0e0;--button-gradient-end: #bdbdbd;--button-hover-start: #bdbdbd;--button-hover-end: #e0e0e0;--button-shadow: rgba(0, 0, 0, .1);--button-hover-shadow: rgba(0, 0, 0, .15)}[data-theme=cyberpunk]{--primary-color: #ff00ff;--gradient-1: rgba(255, 0, 255, 1);--gradient-2: rgba(0, 255, 255, 1);--gradient-3: rgba(255, 255, 0, 1);--gradient-4: rgba(0, 255, 0, 1);--gradient-5: rgba(255, 0, 0, 1);--button-gradient-start: #ff00ff;--button-gradient-end: #00ffff;--button-hover-start: #00ffff;--button-hover-end: #ff00ff;--button-shadow: rgba(255, 0, 255, .3);--button-hover-shadow: rgba(255, 0, 255, .4)}[data-theme=pastel]{--primary-color: #ffb3ba;--gradient-1: rgba(255, 179, 186, 1);--gradient-2: rgba(255, 223, 186, 1);--gradient-3: rgba(255, 255, 186, 1);--gradient-4: rgba(186, 255, 201, 1);--gradient-5: rgba(186, 225, 255, 1);--button-gradient-start: #ffb3ba;--button-gradient-end: #ff8a98;--button-hover-start: #ff8a98;--button-hover-end: #ffb3ba;--button-shadow: rgba(255, 179, 186, .3);--button-hover-shadow: rgba(255, 179, 186, .4)}[data-theme=midnight]{--primary-color: #0a192f;--gradient-1: rgba(10, 25, 47, 1);--gradient-2: rgba(17, 34, 64, 1);--gradient-3: rgba(24, 43, 81, 1);--gradient-4: rgba(31, 52, 98, 1);--gradient-5: rgba(38, 61, 115, 1);--button-gradient-start: #0a192f;--button-gradient-end: #172a45;--button-hover-start: #172a45;--button-hover-end: #0a192f;--button-shadow: rgba(10, 25, 47, .3);--button-hover-shadow: rgba(10, 25, 47, .4)}[data-theme=lavender]{--primary-color: #e6e6fa;--gradient-1: rgba(230, 230, 250, 1);--gradient-2: rgba(216, 191, 216, 1);--gradient-3: rgba(221, 160, 221, 1);--gradient-4: rgba(218, 112, 214, 1);--gradient-5: rgba(199, 21, 133, 1);--button-gradient-start: #e6e6fa;--button-gradient-end: #d8bfd8;--button-hover-start: #d8bfd8;--button-hover-end: #e6e6fa;--button-shadow: rgba(230, 230, 250, .3);--button-hover-shadow: rgba(230, 230, 250, .4)}[data-theme=ocean]{--primary-color: #0077be;--gradient-1: rgba(0, 119, 190, 1);--gradient-2: rgba(0, 105, 148, 1);--gradient-3: rgba(0, 91, 106, 1);--gradient-4: rgba(0, 77, 64, 1);--gradient-5: rgba(0, 63, 22, 1);--button-gradient-start: #0077be;--button-gradient-end: #005f94;--button-hover-start: #005f94;--button-hover-end: #0077be;--button-shadow: rgba(0, 119, 190, .3);--button-hover-shadow: rgba(0, 119, 190, .4)}[data-theme=autumn]{--primary-color: #d35400;--gradient-1: rgba(211, 84, 0, 1);--gradient-2: rgba(230, 126, 34, 1);--gradient-3: rgba(243, 156, 18, 1);--gradient-4: rgba(241, 196, 15, 1);--gradient-5: rgba(211, 84, 0, 1);--button-gradient-start: #d35400;--button-gradient-end: #e67e22;--button-hover-start: #e67e22;--button-hover-end: #d35400;--button-shadow: rgba(211, 84, 0, .3);--button-hover-shadow: rgba(211, 84, 0, .4)}[data-theme=mint]{--primary-color: #98ff98;--gradient-1: rgba(152, 255, 152, 1);--gradient-2: rgba(144, 238, 144, 1);--gradient-3: rgba(0, 255, 127, 1);--gradient-4: rgba(0, 255, 0, 1);--gradient-5: rgba(50, 205, 50, 1);--button-gradient-start: #98ff98;--button-gradient-end: #90ee90;--button-hover-start: #90ee90;--button-hover-end: #98ff98;--button-shadow: rgba(152, 255, 152, .3);--button-hover-shadow: rgba(152, 255, 152, .4)}[data-theme=galaxy]{--primary-color: #2c003e;--gradient-1: rgba(44, 0, 62, 1);--gradient-2: rgba(72, 0, 72, 1);--gradient-3: rgba(100, 0, 82, 1);--gradient-4: rgba(128, 0, 92, 1);--gradient-5: rgba(156, 0, 102, 1);--button-gradient-start: #2c003e;--button-gradient-end: #4a004a;--button-hover-start: #4a004a;--button-hover-end: #2c003e;--button-shadow: rgba(44, 0, 62, .3);--button-hover-shadow: rgba(44, 0, 62, .4)}[data-theme=black-yellow]{--primary-color: #ffd700;--gradient-1: rgba(0, 0, 0, 1);--gradient-2: rgba(51, 51, 51, 1);--gradient-3: rgba(102, 102, 102, 1);--gradient-4: rgba(255, 215, 0, 1);--gradient-5: rgba(255, 223, 0, 1);--button-gradient-start: #ffd700;--button-gradient-end: #ffc800;--button-hover-start: #ffc800;--button-hover-end: #ffd700;--button-shadow: rgba(255, 215, 0, .3);--button-hover-shadow: rgba(255, 215, 0, .4)}[data-theme=blue-yellow]{--primary-color: #ffd700;--gradient-1: rgba(0, 51, 102, 1);--gradient-2: rgba(0, 76, 153, 1);--gradient-3: rgba(0, 102, 204, 1);--gradient-4: rgba(255, 215, 0, 1);--gradient-5: rgba(255, 223, 0, 1);--button-gradient-start: #ffd700;--button-gradient-end: #ffc800;--button-hover-start: #ffc800;--button-hover-end: #ffd700;--button-shadow: rgba(255, 215, 0, .3);--button-hover-shadow: rgba(255, 215, 0, .4)}[data-theme=orange-red]{--primary-color: #ff4500;--gradient-1: rgba(255, 69, 0, 1);--gradient-2: rgba(255, 99, 71, 1);--gradient-3: rgba(255, 127, 80, 1);--gradient-4: rgba(255, 160, 122, 1);--gradient-5: rgba(255, 182, 193, 1);--button-gradient-start: #ff4500;--button-gradient-end: #ff6347;--button-hover-start: #ff6347;--button-hover-end: #ff4500;--button-shadow: rgba(255, 69, 0, .3);--button-hover-shadow: rgba(255, 69, 0, .4)}[data-theme=black-blue]{--primary-color: #1e90ff;--gradient-1: rgba(0, 0, 0, 1);--gradient-2: rgba(30, 144, 255, 1);--gradient-3: rgba(0, 191, 255, 1);--gradient-4: rgba(135, 206, 250, 1);--gradient-5: rgba(176, 224, 230, 1);--button-gradient-start: #1e90ff;--button-gradient-end: #00bfff;--button-hover-start: #00bfff;--button-hover-end: #1e90ff;--button-shadow: rgba(30, 144, 255, .3);--button-hover-shadow: rgba(30, 144, 255, .4)}[data-theme=purple-gold]{--primary-color: #ffd700;--gradient-1: rgba(75, 0, 130, 1);--gradient-2: rgba(128, 0, 128, 1);--gradient-3: rgba(147, 112, 219, 1);--gradient-4: rgba(255, 215, 0, 1);--gradient-5: rgba(255, 223, 0, 1);--button-gradient-start: #ffd700;--button-gradient-end: #ffc800;--button-hover-start: #ffc800;--button-hover-end: #ffd700;--button-shadow: rgba(255, 215, 0, .3);--button-hover-shadow: rgba(255, 215, 0, .4)}[data-theme=emerald-gold]{--primary-color: #ffd700;--gradient-1: rgba(0, 128, 128, 1);--gradient-2: rgba(32, 178, 170, 1);--gradient-3: rgba(64, 224, 208, 1);--gradient-4: rgba(255, 215, 0, 1);--gradient-5: rgba(255, 223, 0, 1);--button-gradient-start: #ffd700;--button-gradient-end: #20b2aa;--button-hover-start: #20b2aa;--button-hover-end: #ffd700;--button-shadow: rgba(32, 178, 170, .3);--button-hover-shadow: rgba(32, 178, 170, .4)}[data-theme=ruby-silver]{--primary-color: #dc143c;--gradient-1: rgba(220, 20, 60, 1);--gradient-2: rgba(192, 192, 192, 1);--gradient-3: rgba(169, 169, 169, 1);--gradient-4: rgba(128, 128, 128, 1);--gradient-5: rgba(220, 20, 60, .7);--button-gradient-start: #dc143c;--button-gradient-end: #c0c0c0;--button-hover-start: #c0c0c0;--button-hover-end: #dc143c;--button-shadow: rgba(220, 20, 60, .3);--button-hover-shadow: rgba(220, 20, 60, .4)}[data-theme=jade-purple]{--primary-color: #00a86b;--gradient-1: rgba(0, 168, 107, 1);--gradient-2: rgba(147, 112, 219, 1);--gradient-3: rgba(138, 43, 226, 1);--gradient-4: rgba(0, 168, 107, .7);--gradient-5: rgba(147, 112, 219, .7);--button-gradient-start: #00a86b;--button-gradient-end: #9370db;--button-hover-start: #9370db;--button-hover-end: #00a86b;--button-shadow: rgba(0, 168, 107, .3);--button-hover-shadow: rgba(0, 168, 107, .4)}[data-theme=crimson-gold]{--primary-color: #dc143c;--gradient-1: rgba(220, 20, 60, 1);--gradient-2: rgba(255, 215, 0, 1);--gradient-3: rgba(255, 223, 0, 1);--gradient-4: rgba(220, 20, 60, .7);--gradient-5: rgba(255, 215, 0, .7);--button-gradient-start: #dc143c;--button-gradient-end: #ffd700;--button-hover-start: #ffd700;--button-hover-end: #dc143c;--button-shadow: rgba(220, 20, 60, .3);--button-hover-shadow: rgba(220, 20, 60, .4)}body{font-family:Quicksand,sans-serif;margin:0;min-height:100vh;background-color:var(--primary-color);background-image:radial-gradient(closest-side,var(--gradient-1),transparent),radial-gradient(closest-side,var(--gradient-2),transparent),radial-gradient(closest-side,var(--gradient-3),transparent),radial-gradient(closest-side,var(--gradient-4),transparent),radial-gradient(closest-side,var(--gradient-5),transparent);background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;background-repeat:no-repeat;animation:10s movement linear infinite;overflow:hidden}@keyframes movement{0%,to{background-size:130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax}25%{background-size:100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax;background-position:-60vmax -90vmax,50vmax -40vmax,0vmax -20vmax,-40vmax -20vmax,40vmax 60vmax}50%{background-size:80vmax 80vmax,110vmax 110vmax,80vmax 80vmax,60vmax 60vmax,80vmax 80vmax;background-position:-50vmax -70vmax,40vmax -30vmax,10vmax 0vmax,20vmax 10vmax,30vmax 70vmax}75%{background-size:90vmax 90vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,70vmax 70vmax;background-position:-50vmax -40vmax,50vmax -30vmax,20vmax 0vmax,-10vmax 10vmax,40vmax 60vmax}}#main{position:relative;z-index:1;transform:translateY(-5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:visible}#clock{font-size:4rem;color:#fff;font-family:Kaushan Script,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.1),4px 4px 8px rgba(0,0,0,.05);transition:all .3s ease}#clock .separator{display:inline-block;opacity:1}#clock span.blink-separator .separator{animation:separatorBlink 1s ease-in-out infinite}@keyframes separatorBlink{0%,to{opacity:1}50%{opacity:.2}}.search-container{margin-top:2rem;width:100%;max-width:600px;padding:0 1rem;position:relative;z-index:9999}#search-form{position:relative;z-index:9998;display:flex;gap:.8rem;background:#ffffff26;padding:.6rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}#search-form:hover{background:#fff3;box-shadow:0 8px 25px #00000026;transform:translateY(-1px)}#search-input{flex:1;padding:.8rem 1.5rem;border:none;border-radius:25px;background:#fffffff2;color:#333;font-family:Quicksand,sans-serif;font-size:1rem;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 5px #0000000d}#search-input:focus{background:#fff;box-shadow:inset 0 2px 5px #0000000d,0 0 0 3px #e493d033}#search-input::placeholder{color:#999;font-weight:500}#search-form button{border:none;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));color:#fff;font-family:Quicksand,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px var(--button-shadow)}#engine-btn{width:3rem;border-radius:25px}#search-form #search-btn{width:45px;height:45px;border-radius:50%}#search-form #search-btn:hover{background:linear-gradient(135deg,var(--button-hover-start),var(--button-hover-end));transform:scale(1.05) rotate(360deg);box-shadow:0 6px 20px var(--button-hover-shadow)}#search-form button svg{width:20px;height:20px;transition:all .3s ease}#search-form button:hover svg{transform:scale(1.1)}.engine-dropdown{position:relative;z-index:9999}.engine-btn{padding:.7rem 2.5rem .7rem 1.8rem;border:none;border-radius:25px;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:Quicksand,sans-serif;cursor:pointer;outline:none;min-width:120px;font-size:1rem;height:45px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px var(--button-shadow);font-weight:500;letter-spacing:.5px;position:relative}.engine-btn:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;transition:transform .3s ease}.engine-btn:hover{background:linear-gradient(135deg,var(--button-hover-start),var(--button-hover-end));transform:translateY(-1px);box-shadow:0 4px 12px var(--button-hover-shadow)}.engine-menu-container{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:80vh;overflow-y:auto;background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:10000;display:none;transition:all .2s ease-in-out;scrollbar-width:none;-ms-overflow-style:none}.engine-menu-container::-webkit-scrollbar{display:none}.engine-menu-container.show{display:block;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.engine-menu{list-style:none;padding:0;margin:0;width:100%;position:relative;z-index:10000}.engine-menu li{padding:10px 16px;cursor:pointer;transition:all .2s ease;color:#333;border:none;background:none;font-size:.95rem;display:flex;align-items:center;gap:12px}.engine-menu li:hover{background:rgba(var(--primary-color-rgb, 228, 147, 208),.1);color:var(--primary-color)}.engine-menu li svg{width:20px;height:20px;opacity:.8}@media (prefers-color-scheme: dark){.engine-menu-container{background:#1e1e1ef2}.engine-menu li{color:#fff}.engine-menu li:hover{background:#ffffff1a}}.engine-menu li:hover{background:#e493d01a;color:#e493d0}.engine-menu li svg{width:18px;height:18px;opacity:.8}.context-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;z-index:9999;opacity:0;transition:opacity .01s ease}.context-menu.active{display:block;opacity:1}.context-menu-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;background:#ffffff1a;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;z-index:10000}.shortcuts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:20px;max-width:800px;margin:0 auto}.shortcut-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:var(--card-bg, rgba(255, 255, 255, .1));border-radius:12px;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;gap:8px;min-height:90px;width:100%}.shortcut-item:hover{transform:translateY(-2px);background:var(--card-hover-bg, rgba(255, 255, 255, .15))}.shortcut-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--icon-bg, rgba(255, 255, 255, .1));transition:all .3s ease;flex-shrink:0}.shortcut-item:hover .shortcut-icon{background:var(--icon-hover-bg, rgba(255, 255, 255, .2))}.shortcut-item span{font-size:13px;color:var(--text-color, #fff);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px;display:block;padding:0 2px}.delete-shortcut{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:none;color:var(--text-color, #fff);font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:50%;padding:0;opacity:.7;transition:all .2s ease}.shortcut-item:hover .delete-shortcut{display:flex}.delete-shortcut:hover{opacity:1;background:#ffffff1a}.add-shortcut{border:2px dashed var(--border-color, rgba(255, 255, 255, .2));background:transparent;color:var(--text-color, #fff)}.add-shortcut:hover{border-color:var(--border-hover-color, rgba(255, 255, 255, .4));background:var(--card-hover-bg, rgba(255, 255, 255, .05))}.shortcut-item.dragging{opacity:.5;cursor:move}.shortcuts-grid.drag-over{background:var(--drag-over-bg, rgba(255, 255, 255, .05));border-radius:12px}.context-menu.active~#main #clock,.context-menu.active~#main .search-container{filter:blur(5px);transition:filter .3s ease}#main.blurred{filter:blur(8px);transition:filter .3s}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;opacity:0;transition:opacity .3s ease;align-items:center;justify-content:center}.modal.show{display:flex;opacity:1}.modal-content{background:#fffffff2;border-radius:16px;width:90%;max-width:600px;max-height:90vh;box-shadow:0 8px 32px #0000001a;transform:translateY(-20px);transition:transform .3s ease;overflow:auto;position:relative;z-index:100000}.modal.show .modal-content{transform:translateY(0)}.modal-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;background:#fffffff2;position:sticky;top:0;z-index:100001}.modal-header h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.close-modal{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-modal:hover{background:#0000000d;color:#333}.modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 140px);position:relative;z-index:100000}.preset-colors-section{margin-bottom:2rem;position:relative;z-index:100000}.preset-colors-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative;z-index:100000}.preset-color-item{background:#ffffff1a;border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:100000}.preset-color-item:hover{background:#fff3;transform:translateY(-2px)}.preset-preview{height:100px;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 12px #0000001a;overflow:hidden}@media (prefers-color-scheme: dark){.modal-content{background:#1e1e1ef2}.modal-header{background:#1e1e1ef2;border-bottom-color:#ffffff1a}.preset-color-item{background:#ffffff0d}.preset-color-item:hover{background:#ffffff1a}}@media screen and (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-body{max-height:calc(95vh - 140px)}.preset-colors-grid{grid-template-columns:1fr}}.input-group{margin-bottom:16px;position:relative}.input-group input{width:97%;padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .2s ease;background:#ffffffe6}.input-group input.auto-filled{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb, 228, 147, 208),.05)}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e493d033}.auto-fetch-hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#999;font-size:.85rem;pointer-events:none}.icon-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.icon-preview:hover{background:#00000005}#icon-display{width:48px;height:48px;background:#0000000d;border-radius:8px;display:flex;align-items:center;justify-content:center}#icon-display svg{width:24px;height:24px;color:#666}.icon-preview span{color:#666;font-size:.9rem}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-button{padding:8px 24px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.modal-button.cancel{background:#0000000d;color:#666}.modal-button.cancel:hover{background:#0000001a}.modal-button.confirm{background:var(--primary-color);color:#fff}.modal-button.confirm:hover{filter:brightness(1.1)}@media screen and (max-width: 920px){:root{font-size:14px}#clock{font-size:5rem}.search-container{max-width:90%;padding:0 .5rem}#search-form{gap:.5rem;padding:.4rem}#search-input{padding:.6rem 1rem;font-size:.9rem}#search-form #search-btn{width:40px;height:40px}.engine-btn{padding:.5rem 1.2rem;min-width:100px;font-size:.9rem;height:40px}.shortcuts-grid{grid-template-columns:repeat(4,1fr);gap:15px;padding:15px}.theme-grid{grid-template-columns:repeat(4,1fr);gap:8px}.shortcut-item{padding:8px 6px;min-height:80px}.shortcut-icon{width:36px;height:36px}.shortcut-item span{font-size:12px;width:70px}}@media screen and (max-width: 480px){:root{font-size:13px}#clock{font-size:5rem}.search-container{max-width:98%;padding:0}.shortcuts-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.shortcut-item{padding:6px 4px;min-height:70px}.shortcut-icon{width:32px;height:32px}.shortcut-item span{font-size:11px;width:60px}}@media (prefers-color-scheme: dark){.modal-content{background:#1e1e1ef2}.modal-header h3{color:#fff}.input-group input{background:#323232e6;color:#fff;border-color:#ffffff1a}.input-group input.auto-filled{background:rgba(var(--primary-color-rgb, 228, 147, 208),.1);border-color:var(--primary-color)}.input-group input:focus{border-color:var(--primary-color)}.auto-fetch-hint{color:#888}.close-modal{color:#999}.close-modal:hover,.modal-button.cancel{background:#ffffff1a;color:#fff}.modal-button.cancel:hover{background:#ffffff26}}@media print{body{background:none}#main{transform:none}.search-container,.shortcuts-grid{display:none}}.settings-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;box-shadow:0 2px 10px #0000001a}.settings-btn:hover{background:#ffffff40;transform:rotate(30deg)}.settings-btn svg{width:20px;height:20px;color:#fff}.login-btn{position:fixed;top:20px;right:70px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;box-shadow:0 2px 10px #0000001a}.login-btn:hover{background:#ffffff40}.login-btn svg{width:23px;height:23px;color:#fff}.user-dropdown{position:absolute;top:120%;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:10px 0;box-shadow:0 5px 15px #0003;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001}.login-btn:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown .user-name{padding:8px 15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:5px;font-weight:500;color:var(--primary-color)}.user-dropdown-item{display:block;padding:8px 15px;color:#333;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:14px}.user-dropdown-item:hover{background:#0000000d;color:var(--primary-color)}@media (prefers-color-scheme: dark){.user-dropdown{background:#1e1e1ef2}.user-dropdown .user-name{border-bottom:1px solid rgba(255,255,255,.1);color:var(--primary-color)}.user-dropdown-item{color:#eee}.user-dropdown-item:hover{background:#ffffff1a}}.login-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:20px}.login-tab{padding:10px 15px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.7;transition:all .3s ease;color:var(--primary-color)}.login-tab.active{opacity:1;border-bottom:2px solid var(--primary-color)}.login-tab:hover{opacity:1}.login-tab-content{display:none}.login-tab-content input{display:block;width:95%}.login-tab-content.active{display:block}.login-button{width:100%;padding:10px 15px;margin-top:15px;border:none;border-radius:5px;background:linear-gradient(to right,var(--button-gradient-start),var(--button-gradient-end));color:#fff;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--button-shadow)}.login-button:hover{background:linear-gradient(to right,var(--button-hover-start),var(--button-hover-end));box-shadow:0 6px 20px var(--button-hover-shadow)}.login-message{margin-top:15px;font-size:14px;text-align:center;min-height:20px}.login-message.error{color:#f44336}.login-message.success{color:#4caf50}.settings-section{margin-bottom:24px}.settings-section h4{margin:0 0 12px;color:var(--text-color, #333);font-size:1.1rem;font-weight:600}.setting-item{margin-bottom:16px;display:flex;align-items:center;gap:8px}.setting-item label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-color, #666)}.setting-item input[type=checkbox],.setting-item input[type=radio]{width:18px;height:18px;cursor:pointer}.settings-button{padding:8px 16px;border:none;border-radius:6px;background:var(--button-gradient-start);color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.settings-button:hover{background:var(--button-gradient-end)}@media (prefers-color-scheme: dark){.settings-section h4{color:#fff}.setting-item label{color:#ccc}}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:8px 0}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border:none;border-radius:8px;background:none;cursor:pointer;transition:all .2s ease}.theme-option:hover{transform:translateY(-2px)}.theme-option:hover .theme-preview:before{transform:scale(1.2) translate(-25%,-25%)}.theme-option.active{background:rgba(var(--primary-color-rgb, 0, 0, 0),.1)}.theme-option.active .theme-preview{box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 0, 0, 0),.2)}.theme-preview{width:48px;height:48px;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.theme-preview:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:inherit;border-radius:inherit;transition:all .3s ease;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%{transform:translate(0)}50%{transform:translate(-25%,-25%)}to{transform:translate(0)}}.theme-preview.pink{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));background-size:200% 200%}.theme-preview.deep-ocean{background:linear-gradient(135deg,#1a237e,#0d47a1,#1976d2);background-size:200% 200%}.theme-preview.forest{background:linear-gradient(135deg,#12001b,#000,#040eff);background-size:200% 200%}.theme-preview.sunset{background:linear-gradient(135deg,#d32f2f,#f44336,#ff5722);background-size:200% 200%}.theme-preview.neon{background:linear-gradient(135deg,#00e5ff,#00ff80,#f0f);background-size:200% 200%}.theme-preview.royal{background:linear-gradient(135deg,#4a148c,#7b1fa2,#9c27b0);background-size:200% 200%}.theme-preview.desert{background:linear-gradient(135deg,#bf360c,#e65100,#ff7043);background-size:200% 200%}.theme-preview.cherry{background:linear-gradient(135deg,#880e4f,#c2185b,#e91e63);background-size:200% 200%}.theme-preview.emerald{background:linear-gradient(135deg,#004d40,#00695c,#00897b);background-size:200% 200%}.theme-preview.dark-night{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#424242);background-size:200% 200%}.theme-preview.pure-white{background:linear-gradient(135deg,#fff,#f5f5f5,#eee);border:1px solid #eee;background-size:200% 200%}.theme-preview.cyberpunk{background:linear-gradient(135deg,#f0f,#0ff,#ff0);background-size:200% 200%}.theme-preview.pastel{background:linear-gradient(135deg,#ffb3ba,#ffdeba,#ffffba);background-size:200% 200%}.theme-preview.midnight{background:linear-gradient(135deg,#0a192f,#112240,#182a51);background-size:200% 200%}.theme-preview.lavender{background:linear-gradient(135deg,#e6e6fa,#d8bfd8,plum);background-size:200% 200%}.theme-preview.ocean{background:linear-gradient(135deg,#0077be,#006994,#005b6a);background-size:200% 200%}.theme-preview.autumn{background:linear-gradient(135deg,#d35400,#e67e22,#f39c12);background-size:200% 200%}.theme-preview.mint{background:linear-gradient(135deg,#98ff98,#90ee90,#00ff7f);background-size:200% 200%}.theme-preview.galaxy{background:linear-gradient(135deg,#2c003e,#480048,#640052);background-size:200% 200%}.theme-preview.black-yellow{background:linear-gradient(135deg,#000,#333,gold);background-size:200% 200%}.theme-preview.blue-yellow{background:linear-gradient(135deg,#036,#004c99,gold);background-size:200% 200%}.theme-preview.orange-red{background:linear-gradient(135deg,#ff4500,tomato,coral);background-size:200% 200%}.theme-preview.black-blue{background:linear-gradient(135deg,#000,#1e90ff,#00bfff);background-size:200% 200%}.theme-preview.purple-gold{background:linear-gradient(135deg,indigo,purple,gold);background-size:200% 200%}.theme-preview.emerald-gold{background:linear-gradient(135deg,teal,#20b2aa,gold);background-size:200% 200%}.theme-preview.ruby-silver{background:linear-gradient(135deg,#dc143c,silver,#a9a9a9);background-size:200% 200%}.theme-preview.jade-purple{background:linear-gradient(135deg,#00a86b,#9370db,#8a2be2);background-size:200% 200%}.theme-preview.crimson-gold{background:linear-gradient(135deg,#dc143c,gold,#dc143c);background-size:200% 200%}.theme-preview.custom{background:linear-gradient(135deg,var(--custom-gradient-1, #ffffff),var(--custom-gradient-3, #f0f0f0),var(--custom-gradient-5, #e0e0e0));background-size:200% 200%;border:2px dashed #ccc}.theme-option span{font-size:.85rem;color:var(--text-color, #666)}.setting-item{display:flex;align-items:center;margin:10px 0}.setting-item label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px;background-color:#0003;border-radius:20px;margin-right:10px;transition:all .3s ease}.toggle-switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.setting-item input[type=checkbox]:checked+.toggle-switch{background-color:var(--primary-color);box-shadow:0 0 8px rgba(var(--primary-color-rgb, 228, 147, 208),.4)}.setting-item input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px);box-shadow:0 2px 4px #0000004d}.toggle-switch:hover{opacity:.9}.setting-item input[type=checkbox]:focus+.toggle-switch{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb, 228, 147, 208),.3)}.setting-item input[type=checkbox]:disabled+.toggle-switch{opacity:.5;cursor:not-allowed}.setting-item span{margin-left:8px;color:var(--text-color)}.language-toggle{display:flex;background:#0000000d;padding:4px;border-radius:30px;gap:4px;width:fit-content;position:relative;z-index:1}.language-btn{border:none;background:none;padding:8px 20px;border-radius:25px;cursor:pointer;font-size:.9rem;color:var(--text-color, #666);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:80px;-webkit-user-select:none;user-select:none}.language-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);opacity:0;transition:opacity .3s ease;z-index:-1}.language-btn:hover:before{opacity:.1}.language-btn:active{transform:scale(.95)}.language-btn.active{background:#fff;color:var(--primary-color);font-weight:500;box-shadow:0 2px 8px #0000001a}.language-btn.active:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (prefers-color-scheme: dark){.language-toggle{background:#ffffff1a}.language-btn{color:#ffffffb3}.language-btn.active{background:#ffffffe6;color:var(--primary-color)}.language-btn:hover:before{background:#ffffff1a;opacity:1}}.opacity-toggle{display:flex;background:#0000000d;padding:4px;border-radius:30px;gap:4px;width:fit-content;position:relative;z-index:1}.opacity-btn{border:none;background:none;padding:8px 20px;border-radius:25px;cursor:pointer;font-size:.9rem;color:var(--text-color, #666);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:60px;-webkit-user-select:none;user-select:none}.opacity-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);opacity:0;transition:opacity .3s ease;z-index:-1}.opacity-btn:hover:before{opacity:.1}.opacity-btn:active{transform:scale(.95)}.opacity-btn.active{background:#fff;color:var(--primary-color);font-weight:500;box-shadow:0 2px 8px #0000001a}.opacity-btn.active:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (prefers-color-scheme: dark){.opacity-toggle{background:#ffffff1a}.opacity-btn{color:#ffffffb3}.opacity-btn.active{background:#ffffffe6;color:var(--primary-color)}.opacity-btn:hover:before{background:#ffffff1a;opacity:1}}.settings-section .setting-item:not(:last-child){margin-bottom:16px}.custom-theme-section{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:12px}@keyframes gradientMove{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.custom-preview{background-size:200% 200%;overflow:hidden;animation:gradientMove 10s ease infinite}.color-inputs{display:grid;gap:1rem;margin-bottom:1.5rem}.color-inputs .input-group{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin:0}.color-inputs input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:none;padding:0}.color-inputs input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-inputs input[type=color]::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a}.color-inputs .color-hex{width:80px;padding:8px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-family:monospace;font-size:.9rem;text-transform:uppercase}.theme-preview-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.save-theme-btn{padding:8px 24px;border:none;border-radius:25px;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px var(--button-shadow)}.save-theme-btn:hover{background:linear-gradient(135deg,var(--button-hover-start),var(--button-hover-end));transform:translateY(-1px);box-shadow:0 4px 12px var(--button-hover-shadow)}@media (prefers-color-scheme: dark){.custom-theme-section{background:#ffffff14}.color-inputs .color-hex{background:#ffffff1a;color:#fff;border-color:#fff3}}.custom-preview.big{width:100%;height:100px;border-radius:12px;margin:0;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}