:root{--text-light:#fff;--text-light-secondary:hsla(0,0%,100%,0.85);--text-light-tertiary:hsla(0,0%,100%,0.7);--bg-overlay:rgba(0,0,0,0.5);--bg-overlay-light:hsla(0,0%,100%,0.1);--glass-bg:hsla(0,0%,100%,0.15);--glass-bg-strong:hsla(0,0%,100%,0.25);--glass-border:hsla(0,0%,100%,0.18);--hover-bg:hsla(0,0%,100%,0.25);--focus-ring:rgba(64,156,255,0.5);--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--header-height:60px;--search-box-height:48px;--icon-size:1.25rem;--footer-font-size:0.9rem;--sidebar-width:360px;--time-font-size:3rem;--time-font-size-mobile:2.2rem;--shadow-sm:0 2px 10px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.15);--shadow-xl:0 16px 40px rgba(0,0,0,0.2);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--blur-sm:blur(6px);--blur-md:blur(12px);--blur-lg:blur(18px);--select-bg:hsla(0,0%,100%,0.1);--select-bg-hover:hsla(0,0%,100%,0.2);--select-bg-focus:hsla(0,0%,100%,0.25);--select-border:hsla(0,0%,100%,0.25);--select-border-focus:hsla(0,0%,100%,0.5)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;background-color:var(--bg-overlay);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--text-light);transition:var(--transition-fast)}a:focus,a:hover{color:var(--text-light-secondary);outline:none}a:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:brightness(.75) blur(0);z-index:-1;transition:var(--transition-slow);transform:scale(1);will-change:transform,filter}.bg-image.blurred{filter:brightness(.3) blur(6px)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.icon-button{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:var(--text-light);border-radius:50%;width:2.5rem;height:2.5rem;font-size:var(--icon-size);position:relative;overflow:hidden}.icon-button,.icon-button:before{transition:var(--transition-fast)}.icon-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text-light);opacity:0}.icon-button:hover:before{opacity:.1}.icon-button:hover{background:var(--hover-bg);transform:translateY(-1px)}.icon-button:active{transform:translateY(0)}.icon-button:focus{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}#app{min-height:100vh;flex-direction:column;justify-content:flex-start;overflow-x:hidden;position:relative;padding:0 1rem}#app,header{display:flex;align-items:center}header{justify-content:flex-end;width:100%;padding:15px 20px;height:var(--header-height)}header.scrolled{background:rgba(0,0,0,.4);box-shadow:var(--shadow-md)}header nav{display:flex;gap:15px;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.top-button{width:2.5rem;height:2.5rem;border-radius:50%}main{width:100%;flex:1;gap:2rem;flex-direction:column;justify-content:flex-start;transition:var(--transition-normal);margin-top:15vh}.time-container,main{display:flex;align-items:center}.time-container{gap:1rem;flex-direction:column;text-align:center;max-width:90vw}.time-display{color:var(--text-light);font-size:var(--time-font-size);text-shadow:0 2px 8px rgba(0,0,0,.3);font-weight:600;letter-spacing:1px;transition:var(--transition-bounce);will-change:transform,opacity;line-height:1.1;margin:0}.time-display.blurred{transform:scale(.98);opacity:.9}.time-container p{color:var(--text-light-tertiary);font-size:1.1rem;text-shadow:0 1px 4px rgba(0,0,0,.3);font-weight:400;letter-spacing:1px;transition:var(--transition-normal);margin:0}.search-container{width:100%;max-width:37.5rem;text-align:center;position:relative}.search-wrapper{display:flex;width:100%;height:var(--search-box-height);flex-direction:row;justify-content:center;border-radius:50px;background-color:var(--glass-bg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);transition:var(--transition-normal);overflow:hidden}.search-wrapper:focus-within{background-color:var(--glass-bg-strong);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.search-box{width:100%;height:var(--search-box-height);border:none;font-size:1rem;outline:0;transition:var(--transition-normal);background:transparent;text-align:left;color:var(--text-light);padding:0 .6rem;font-weight:400}.search-box::placeholder{text-align:center;color:var(--text-light-tertiary);font-weight:300;transition:var(--transition-fast)}.search-box:focus::placeholder{color:transparent}.engines-icon{width:4rem;height:var(--search-box-height);border-radius:50px 0 0 50px;padding:0;border:none;background:transparent;color:var(--text-light-tertiary);font-size:1.2rem;transition:var(--transition-fast);position:relative;z-index:2}.engines-icon:hover{color:var(--text-light);background:hsla(0,0%,100%,.1)}.search-icon{width:4rem;height:var(--search-box-height);border-radius:0 50px 50px 0;padding:0;border:none;background:transparent;color:var(--text-light-tertiary);font-size:1.2rem;transition:var(--transition-fast)}.search-icon:hover{color:var(--text-light);background:hsla(0,0%,100%,.1)}.glass-container{background:var(--glass-bg);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);overflow:hidden;animation:fadeInScale .3s ease forwards;@supports not (backdrop-filter:blur(10px)){background:hsla(0,0%,100%,.2)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.engine-list{display:none;margin-top:12px;width:180px;z-index:2;position:absolute;left:0;top:100%}.engine-list.show{display:block}.engine-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:var(--transition-fast);color:var(--text-light);font-size:.95rem}.engine-item.highlighted,.engine-item:hover{background:var(--hover-bg)}.engine-item-icon{margin-right:12px;width:20px;text-align:center;color:var(--text-light)}.suggestions-list{margin-top:12px;width:100%;z-index:2;display:none;max-height:300px;font-size:1rem;overflow:auto;position:absolute;top:100%;left:0;-ms-overflow-style:none;scrollbar-width:none}.suggestions-list::-webkit-scrollbar{display:none}.suggestions-list.show{display:block}.suggestion-item{padding:14px 24px;cursor:pointer;transition:var(--transition-fast);color:var(--text-light);text-align:left;border-bottom:1px solid hsla(0,0%,100%,.05)}.suggestion-item:last-child{border-bottom:none}.suggestion-item.highlighted,.suggestion-item:hover{background:var(--hover-bg)}aside{position:fixed;top:0;right:calc(var(--sidebar-width)*-1);width:var(--sidebar-width);height:100%;background:var(--glass-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);border-right:none;transition:var(--transition-slow);z-index:100;padding:24px;color:var(--text-light);overflow:auto;display:flex;flex-direction:column}aside.open{right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.2);flex-shrink:0}.sidebar-header h4{margin:0;font-size:1.25rem;font-weight:500}.sidebar-header h4 a{color:var(--text-light);transition:var(--transition-fast);padding:8px 16px;border-radius:8px;display:inline-block}.sidebar-header h4 a:hover{background:var(--hover-bg);transform:translateY(-1px)}.close-sidebar{cursor:pointer;font-size:var(--icon-size);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border:none;background:transparent;color:var(--text-light)}.close-sidebar:hover{background:var(--hover-bg);transform:rotate(90deg)}.sidebar-content{display:flex;flex-direction:column;gap:20px;flex:1;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-item{padding:12px 16px;border-radius:10px;transition:var(--transition-fast);cursor:pointer}.sidebar-item:hover{background:var(--hover-bg)}.quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.2rem;list-style:none;margin:0;padding:0}.quick-link{display:block;padding:12px;background:hsla(0,0%,100%,.1);border-radius:10px;text-align:center;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:var(--text-light);border:1px solid transparent;font-weight:400}.quick-link:hover{background:hsla(0,0%,100%,.2);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:hsla(0,0%,100%,.2)}footer{margin-top:auto;padding:.5rem;text-align:center;color:var(--text-light-tertiary);font-size:var(--footer-font-size);width:100%}footer.blurred{display:none;opacity:.7}footer a{color:var(--text-light-tertiary);transition:var(--transition-fast);border-radius:4px}footer a:hover{color:var(--text-light);background:hsla(0,0%,100%,.1)}.name:after{content:"|";font-size:11px;margin:0 8px;color:var(--text-light-tertiary)}@media (max-width:768px){:root{--sidebar-width:300px}main{margin-top:15vh;gap:2rem}.search-container{width:90%}.time-display{font-size:2.5rem}.quick-links{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.quick-link{padding:10px;font-size:.9rem}.search-wrapper{height:44px}.search-box{height:44px;padding:0 1.2rem}.engines-icon,.search-icon{width:3rem;height:44px}}@media (max-width:480px){:root{--time-font-size:var(--time-font-size-mobile);--header-height:56px;--sidebar-width:100vw}main{margin-top:15vh;gap:1.8rem}.time-display{font-size:var(--time-font-size-mobile)}.time-container p{font-size:1rem}.search-container{width:95%}.quick-links{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.8rem}.quick-link{padding:8px;font-size:.85rem}.sidebar-header h4{font-size:1.1rem}}#settingsModal{padding:0;border:none;background:transparent;width:90%;max-width:620px;border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;margin:auto;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}#settingsModal::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#settingsModal+.modal-overlay{display:none}.modal-container{position:relative;display:flex;flex-direction:column;max-height:85vh;background:hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px;border-bottom:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);flex-shrink:0}.modal-header h4{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-light);letter-spacing:1px}.close-button{width:2.8rem;height:2.8rem;border-radius:50%;font-size:1.3rem;background:hsla(0,0%,100%,.1);border:none;cursor:pointer;color:var(--text-light);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-button:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1;background:hsla(0,0%,100%,.05)}.setting-group{margin-bottom:32px;background:hsla(0,0%,100%,.08);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.05)}.setting-group:last-child{margin-bottom:0}.setting-group h3{margin:0 0 24px;color:var(--text-light);font-size:1.3rem;font-weight:500;display:flex;align-items:center;gap:12px}.setting-group h3 i{font-size:1.5rem;opacity:.9}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;border-radius:12px;background:hsla(0,0%,100%,.05);transition:var(--transition-fast);border:1px solid hsla(0,0%,100%,.05)}.setting-item:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.setting-item:last-child{margin-bottom:0}.setting-item label{color:var(--text-light);font-size:1.1rem;margin:0;font-weight:400;flex:1;padding-right:16px}.setting-item input[type=text],.setting-item select{width:220px;padding:12px 16px;border-radius:10px;border:1px solid var(--select-border);background:var(--select-bg);color:var(--text-light);font-size:1rem;outline:none;transition:var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.setting-item select:hover{background:var(--select-bg-hover);border-color:var(--select-border-focus)}.setting-item input[type=text]:focus,.setting-item select:focus{border-color:var(--select-border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--select-bg-focus)}.setting-item select option{background:rgba(30,30,30,.95);color:var(--text-light)}.setting-item input[type=text]::placeholder{color:hsla(0,0%,100%,.6)}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px}.toggle-input{opacity:0;width:0;height:0}.toggle-label{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.15);border-radius:28px;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.toggle-label,.toggle-label:before{position:absolute;transition:var(--transition-fast)}.toggle-label:before{content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-input:checked+.toggle-label{background-color:var(--success-color)}.toggle-input:checked+.toggle-label:before{transform:translateX(28px)}.modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:28px;border-top:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.08);flex-shrink:0}.btn{padding:12px 28px;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);min-width:110px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;box-shadow:0 4px 15px rgba(67,97,238,.3)}.btn-primary:hover{background:linear-gradient(135deg,#3a0ca3,#4361ee);transform:translateY(-2px);box-shadow:0 6px 20px rgba(67,97,238,.4)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.15);color:var(--text-light);border:1px solid hsla(0,0%,100%,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-secondary:active{transform:translateY(0)}@media (max-width:768px){#settingsModal{width:95%;max-height:90vh;border-radius:16px}.modal-header{padding:24px}.modal-header h4{font-size:1.5rem}.modal-body{padding:24px}.setting-group{padding:20px}.setting-group h3{font-size:1.25rem;margin-bottom:20px}.setting-item{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px}.setting-item label{font-size:1.05rem}.setting-item input[type=text],.setting-item select{width:100%}.modal-footer{flex-direction:column;padding:24px;gap:12px}.modal-footer .btn{width:100%}}@media (max-width:480px){.modal-body,.modal-footer,.modal-header{padding:20px}.setting-group{padding:16px}.setting-group h3{font-size:1.15rem}.setting-item{padding:14px;gap:12px}.btn{padding:10px 24px;font-size:.95rem}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:20px;color:var(--text-light-tertiary);font-size:1rem}.loading-indicator:after{content:"";width:20px;height:20px;margin-left:10px;border:2px solid transparent;border-top:2px solid var(--text-light-tertiary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=/style.32028521.css.map */