*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-color);height:100vh;padding:20px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent;transform:translateZ(0);-webkit-transform:translateZ(0)}.wallpaper-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--background-color);transform-origin:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94),filter .4s cubic-bezier(.25,.46,.45,.94);will-change:transform,filter;backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.search-focused .wallpaper-container{transform:scale(1.1);filter:blur(10px) brightness(.8)}body.settings-modal-open .wallpaper-container{filter:blur(8px) brightness(.7)}.container{max-width:800px;width:100%;margin:0 auto;padding:40px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 40px);overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.global-controls{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:16px;z-index:1000}.primary-btn{padding:12px 16px;border:none;border-radius:12px;background:rgba(var(--primary-color-rgb),.9);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .15s ease;box-shadow:0 6px 20px #00000026;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.primary-btn:hover{transform:scale(1.05);background:rgba(var(--primary-color-rgb),1)}.primary-btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 16px #0000001a}.settings-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-color);box-shadow:0 8px 32px #0000001a;transition:transform .2s ease,box-shadow .2s ease;z-index:1000;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.settings-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #00000026}.header{text-align:center;margin-bottom:60px}.header h1{color:var(--text-color);font-size:2.8em;font-weight:300;margin-bottom:10px;letter-spacing:-.5px}.header p{color:var(--text-secondary);font-size:16px;margin-bottom:20px;font-weight:300}.theme-switcher{display:flex;gap:8px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px;border-radius:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);position:absolute;top:0;left:50px;z-index:1001;transform:translate(-20px);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;will-change:transform,opacity}.theme-switcher.show{transform:translate(0);opacity:1;visibility:visible}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-color);box-shadow:0 8px 32px #00000026;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;z-index:1000;transform:translateZ(0);will-change:transform,background}.theme-toggle-btn:hover{transform:scale(1.1);background:#ffffff40;box-shadow:0 12px 40px #0003}.theme-btn{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #0000001a;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.theme-btn.light{background-color:#fff}.theme-btn.dark{background-color:#1e1e1e}.theme-btn.red{background-color:#fed7d7}.theme-btn.purple{background-color:#d6bcfa}.theme-btn.gold{background-color:#fbd38d}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.mode-switcher{display:flex;margin:20px 0;justify-content:center}.mode-switcher-container{position:relative;display:flex;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px;box-shadow:0 8px 32px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;will-change:transform,opacity}.mode-btn{padding:8px 20px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:16px;font-size:14px;transition:color .2s ease,background .2s ease;position:relative;z-index:2;min-width:100px;text-align:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;will-change:color,background}.mode-btn:hover{color:var(--text-color)}.mode-btn.active{color:#fff;font-weight:500}.mode-slider{position:absolute;height:calc(100% - 8px);width:100px;background:var(--primary-color);border-radius:16px;transition:transform .2s cubic-bezier(.4,0,.2,1);top:4px;left:4px;z-index:1;will-change:transform}.search-container{position:relative;margin:25px 0;transition:transform .3s ease;z-index:10;will-change:transform}.search-container.focused{transform:translateY(-30px)}.mode-switcher.collapsed .mode-switcher-container{opacity:0;visibility:hidden;transform:scale(.9) translateY(-20px);pointer-events:none}.search-box{display:flex;align-items:center;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:8px 16px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 8px 32px #0000001a;will-change:background,transform}.search-box:hover{background:#fff3;border-color:#fff6;box-shadow:0 0 0 1px #ffffff4d,0 4px 20px rgba(var(--primary-color-rgb),.3),0 0 30px #fff3}.search-box:focus-within{background:#fff3;box-shadow:0 0 0 1px #ffffff4d,0 4px 20px rgba(var(--primary-color-rgb),.3),0 0 30px #fff3;transform:translateY(-10px)}.engine-selector{display:flex;align-items:center;padding:6px 0;cursor:pointer;min-width:20px;transition:transform .15s ease;will-change:transform}.engine-selector:hover{transform:scale(1.03)}.engine-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease;transform:translateZ(0);will-change:transform}.engine-icon:hover{transform:scale(1.1)}.google-icon{background-image:url(https://favicone.com/google.com?s=256)}.bing-icon{background-image:url(https://favicone.com/bing.com?s=256)}.yandex-icon{background-image:url(https://favicone.com/yandex.com?s=256)}.duckduckgo-icon{background-image:url(https://favicone.com/duckduckgo.com?s=256)}.ecosia-icon{background-image:url(https://favicone.com/ecosia.org?s=256)}.deepl-icon{background-image:url(https://favicone.com/deepl.com?s=256)}.baidu-icon{background-image:url(https://www.baidu.com/favicon.ico)}.yahoo-icon{background-image:url(https://favicone.com/yahoo.com?s=256)}.brave-icon{background-image:url(https://favicone.com/brave.com?s=256)}.qwant-icon{background-image:url(https://favicone.com/qwant.com?s=256)}.aol-icon{background-image:url(https://favicone.com/aol.com?s=256)}.zhihu-icon{background-image:url(https://static.zhihu.com/heifetz/favicon.ico)}.wikipedia-icon{background-image:url(https://favicone.com/wikipedia.org?s=256)}.weibo-icon{background-image:url(https://weibo.com/favicon.ico)}.xiaohongshu-icon{background-image:url(https://www.xiaohongshu.com/favicon.ico)}.reddit-icon{background-image:url(https://favicone.com/www.redditstatic.com?s=256)}.x-icon{background-image:url(https://favicone.com/x.com?s=256)}.bilibili-icon{background-image:url(https://bilibili.com/favicon.ico)}.douyin-icon{background-image:url(https://www.douyin.com/favicon.ico)}.kuaishou-icon{background-image:url(https://m.kuaishou.com/favicon.ico)}.taobao-icon{background-image:url(https://www.taobao.com/favicon.ico)}.amazon-icon{background-image:url(https://www.amazon.com/favicon.ico)}.jingdong-icon{background-image:url(https://www.jd.com/favicon.ico)}.engine-name{font-size:14px;font-weight:500;color:var(--text-color)}.search-input{flex:1;border:none;outline:none;padding:12px 8px 12px 16px;font-size:16px;background:transparent;color:var(--text-color);-webkit-user-select:none;user-select:none;resize:none;height:48px;overflow-y:auto;line-height:24px;font-family:inherit;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;margin-right:8px}.search-input::-webkit-scrollbar{width:6px}.search-input::-webkit-scrollbar-track{background:transparent}.search-input::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.search-input::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.search-buttons{display:flex;gap:8px}.search-btn{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a,0 0 0 1px #0000001a;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.search-btn:hover{transform:scale(1.03)}.header-controls{display:flex;gap:12px;align-items:center}.engine-dropdown{position:absolute;top:100%;left:0;width:300px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:8px;margin-top:8px;z-index:1001;border:1px solid rgba(255,255,255,.2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:250px;overflow-y:auto;will-change:opacity,transform}.engine-dropdown::-webkit-scrollbar{width:0;background:transparent}.engine-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.engine-option{display:flex;align-items:center;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s ease;gap:12px}.engine-option:hover{background:var(--hover-color)}.suggestions-container{position:absolute;top:100%;left:0;width:100%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:8px;margin-top:8px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;max-height:400px;overflow-y:hidden;will-change:opacity}.suggestions-container.show{opacity:1;visibility:visible}.suggestion-item{padding:12px 16px;border-radius:12px;cursor:pointer;color:var(--text-color);font-size:16px;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease,color .2s ease;will-change:background,color}.suggestion-item:hover{background:var(--hover-color)}.suggestion-item.active{background:var(--primary-color);color:#fff}.suggestion-source{font-size:12px;color:var(--text-secondary);background:#0000001a;padding:2px 6px;border-radius:4px;margin-left:10px}.suggestion-item.active .suggestion-source{color:#fffc;background:#fff3}.suggestions-container::-webkit-scrollbar{width:0;background:transparent}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;will-change:opacity}.settings-modal.show{opacity:1;visibility:visible}.modal-content{background:#ffffff40;backdrop-filter:blur(25px) saturate(1.8);-webkit-backdrop-filter:blur(25px) saturate(1.8);border-radius:30px;padding:32px;max-width:500px;width:90%;height:500px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:0 16px 60px #0000004d,0 8px 32px #ffffff4d inset;transform:scale(.9) translateY(20px);transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;will-change:transform}.settings-modal.show .modal-content{transform:scale(1) translateY(0)}[data-theme=dark] .modal-content{background:#1e1e1e4d;border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 60px #00000080,0 8px 32px #ffffff1a inset}[data-theme=red] .modal-content{background:#fff5f540;border:1px solid rgba(229,62,62,.4);box-shadow:0 16px 60px #e53e3e26,0 8px 32px #ffffff4d inset}[data-theme=purple] .modal-content{background:#faf5ff40;border:1px solid rgba(159,122,234,.4);box-shadow:0 16px 60px #9f7aea26,0 8px 32px #ffffff4d inset}[data-theme=gold] .modal-content{background:#fffaf040;border:1px solid rgba(214,158,46,.4);box-shadow:0 16px 60px #d69e2e26,0 8px 32px #ffffff4d inset}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent;will-change:background-color}.close-btn:hover{background:var(--hover-color)}.add-link-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.add-link-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:12px;font-size:14px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color);transition:border-color .15s ease,background .15s ease;will-change:background,border-color}.add-link-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff4d}[data-theme=dark] .add-link-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .add-link-input:focus{background:#ffffff26}.links-list{margin-top:20px;max-height:240px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.links-list::-webkit-scrollbar{display:none}.link-item{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.3);transition:background .2s ease;will-change:background}.link-item:hover{background:#ffffff1a;transform:none}[data-theme=dark] .link-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .link-item:hover{background:#ffffff1a}.link-favicon{width:20px;height:20px;border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;box-shadow:0 1px 3px #0000004d,0 0 0 1px #0000001a;position:relative;overflow:hidden}.link-favicon:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:inherit;background-size:cover;filter:blur(10px);z-index:-1;transform:scale(1.2)}.link-favicon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff4d;pointer-events:none;z-index:1}.link-details{flex:1;min-width:0}.link-name{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-url{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-actions{display:flex;gap:8px;flex-shrink:0}.edit-btn,.delete-btn{border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;will-change:background,transform}.edit-btn{background:rgba(var(--primary-color-rgb),.9);color:#fff;border:1px solid rgba(var(--primary-color-rgb),.3)}.edit-btn:hover{background:rgba(var(--primary-color-rgb),1);transform:scale(1.05)}.delete-btn{background:#e53e3ee6;color:#fff;border:1px solid rgba(229,62,62,.3)}.delete-btn:hover{background:#c53030;transform:scale(1.05)}.save-btn,.cancel-btn{border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;will-change:background,transform}.save-btn{background:#38a169e6;color:#fff;border:1px solid rgba(56,161,105,.3)}.save-btn:hover{background:#2f855a;transform:scale(1.05)}.cancel-btn{background:#a0a0a0e6;color:#fff;border:1px solid rgba(160,160,160,.3)}.cancel-btn:hover{background:#787878;transform:scale(1.05)}.tab-btn{border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;will-change:background,transform}.tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.05));opacity:0;transition:opacity .3s ease}.tab-btn:hover{background:#ffffff26;color:var(--text-color);box-shadow:0 8px 24px #00000026}.tab-btn:hover:before{opacity:1}.tab-btn.active{background:rgba(var(--primary-color-rgb),.95);color:#fff;border-color:rgba(var(--primary-color-rgb),.4);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4),0 2px 8px #0000001a inset;transform:scale(1.02)}.tab-btn.active:before{opacity:1;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.3),rgba(var(--primary-color-rgb),.15))}.tab-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3),0 1px 4px #0003 inset;transition:all .1s ease}.tab-nav{display:flex;gap:8px;margin-bottom:24px;position:relative;padding:4px;background:#ffffff0d;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.wallpaper-option{text-align:center;cursor:pointer;padding:12px;border-radius:12px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;will-change:background,transform}.wallpaper-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.wallpaper-option:hover{background:#ffffff1a;box-shadow:0 8px 24px #0000001a}.wallpaper-option:hover:before{opacity:1}.wallpaper-preview{width:80px;height:50px;border-radius:8px;margin:0 auto 8px;border:2px solid rgba(255,255,255,.3);transition:transform .2s ease,border-color .2s ease;position:relative;overflow:hidden;transform:translateZ(0)}.direction-btn{width:28px;height:28px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:var(--text-color);border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;will-change:background,transform}.direction-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.1),rgba(var(--primary-color-rgb),.05));opacity:0;transition:opacity .3s ease}.direction-btn:hover{background:#ffffff26;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 4px 12px #0000001a}.direction-btn:hover:before{opacity:1}.direction-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.direction-btn.active:before{opacity:1;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.2),rgba(var(--primary-color-rgb),.1))}.confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;will-change:opacity}.confirm-dialog.show{opacity:1;visibility:visible}.confirm-content{background:#ffffff40;backdrop-filter:blur(25px) saturate(1.8);-webkit-backdrop-filter:blur(25px) saturate(1.8);border-radius:20px;padding:24px;max-width:400px;width:90%;border:1px solid rgba(255,255,255,.5);box-shadow:0 16px 60px #0000004d,0 8px 32px #ffffff4d inset;transform:scale(.9) translateY(20px);transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform}[data-theme=dark] .confirm-content{background:#1e1e1e4d;border:1px solid rgba(255,255,255,.3);box-shadow:0 16px 60px #00000080,0 8px 32px #ffffff1a inset}.confirm-header{margin-bottom:16px}.confirm-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.confirm-body{margin-bottom:24px}.confirm-body p{margin:0;font-size:14px;color:var(--text-secondary)}.confirm-footer{display:flex;justify-content:flex-end;gap:12px}.confirm-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s ease,transform .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;will-change:background,transform}.confirm-btn.cancel{background:#fff3;color:var(--text-color);border:1px solid rgba(255,255,255,.3)}.confirm-btn.cancel:hover{background:#ffffff4d}.confirm-btn.confirm{background:#e53e3ee6;color:#fff;border:1px solid rgba(229,62,62,.3)}.confirm-btn.confirm:hover{background:#c53030}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--text-color)}.edit-input{padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color);transition:border-color .15s ease,background .15s ease;will-change:background,border-color}.edit-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff4d}[data-theme=dark] .edit-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .edit-input:focus{background:#ffffff26}.quick-links{margin:16px 0;width:100%;max-width:800px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}.quick-links h3{font-size:17px;margin-bottom:15px;color:var(--text-color);font-weight:500;text-align:center}.quick-links-grid{display:grid;gap:8px;padding:6px;justify-content:center;margin:0 auto;max-width:576px;overflow-y:hidden;overflow-x:auto;border-radius:12px;isolation:isolate}.quick-links-grid.overflowing{max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.quick-links-grid.overflowing::-webkit-scrollbar{display:none}.quick-links.collapsed{opacity:0;transform:scale(.9) translateY(-20px);pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:12px;min-width:80px;flex-shrink:0;transition:background .2s ease,transform .2s ease;transform:translateZ(0);will-change:transform,background}.quick-link:hover{background:var(--hover-color);transform:scale(1.05)}.quick-link-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:2px solid #ffffff;box-shadow:0 0 0 2px #000,0 4px 20px #0006,0 0 20px #fff9;background-size:85%;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;transform:translateZ(0);will-change:transform}.quick-link-icon:hover{transform:scale(1.1);box-shadow:0 0 0 2px #000,0 6px 25px #00000080,0 0 25px #fffc}.quick-link-icon:active{transform:scale(.95)}.quick-link:hover .quick-link-icon{transform:scale(1.05)}.quick-link-name{font-size:13px;color:var(--text-color);text-align:center;line-height:1.2;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.quick-link:hover .quick-link-name{opacity:1;transform:scale(1)}.search-focused .quick-link-icon{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}.tab-nav{position:relative;display:flex;margin-bottom:24px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:4px}[data-theme=dark] .tab-nav{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:14px;transition:color .2s ease,background .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2;-webkit-tap-highlight-color:transparent;will-change:color,background}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:#fff;font-weight:500}.tab-content{display:none;flex:1;overflow-y:auto;padding:0 8px}.tab-content.active{display:block}.data-section{padding:20px}.data-section h3{margin-bottom:20px;color:var(--text-color);font-size:18px;font-weight:500}.data-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.data-preview{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;min-height:100px;max-height:200px;overflow-y:auto;overflow-x:auto;font-family:monospace;font-size:12px;color:var(--text-color);white-space:pre;margin-bottom:20px;resize:vertical;width:100%;box-sizing:border-box}.data-preview:focus{outline:none;border-color:#fff6}.data-preview::placeholder{color:var(--text-secondary)}.data-url-import{display:flex;gap:12px;margin-bottom:20px}.data-url-input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text-color);border-radius:8px;font-size:14px;transition:border-color .15s ease;will-change:border-color}.data-url-input:focus{outline:none;border-color:#fff6}.data-url-input::placeholder{color:var(--text-secondary)}.wallpaper-section h3{margin-bottom:16px;color:var(--text-color);font-size:16px}.wallpaper-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:24px}.wallpaper-option{text-align:center;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease,transform .2s ease;will-change:transform,background-color}.wallpaper-option:hover{background:var(--hover-color);transform:scale(1.02)}.wallpaper-preview{width:80px;height:50px;border-radius:6px;margin:0 auto 8px;border:2px solid var(--border-color);transition:transform .2s ease,border-color .2s ease;transform:translateZ(0)}.wallpaper-option:hover .wallpaper-preview{border-color:var(--primary-color);transform:scale(1.05)}.default-bg{background:var(--background-color)}.gradient1-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient2-bg{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient3-bg{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.gradient4-bg{background:linear-gradient(135deg,#ff6b6b,#45b7d1)}.gradient5-bg{background:linear-gradient(135deg,#667eea,#f093fb)}.custom-wallpaper h4{margin-bottom:12px;color:var(--text-color);font-size:14px}.custom-wallpaper-controls{display:flex;flex-direction:column;gap:12px}.wallpaper-input-group{display:flex;gap:8px;align-items:center}.wallpaper-url-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:#ffffff1a;color:var(--text-color);font-size:14px;min-width:0}.wallpaper-buttons{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border:none;border-radius:12px;background:rgba(var(--primary-color-rgb),.9);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;box-shadow:0 6px 20px #00000026;font-size:16px;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.icon-btn:hover{transform:scale(1.05)}.icon-btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 16px #0000001a}.svg-input-group{display:flex;flex-direction:column;gap:12px}.svg-code-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:#ffffff1a;color:var(--text-color);font-family:Courier New,monospace;font-size:12px;line-height:1.4;resize:vertical;min-height:120px}.svg-code-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.svg-wallpaper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.svg-wallpaper svg{width:100%;height:100%}.color-mixer{margin-bottom:20px}.color-controls-vertical{display:flex;flex-direction:row;gap:24px;margin-bottom:12px;align-items:stretch;justify-content:space-between;flex-wrap:wrap}.color-input-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);min-width:100px;min-height:120px;flex:0 0 auto}.color-input{width:50px;height:50px;border:none;border-radius:8px;cursor:pointer;border:2px solid var(--border-color);transition:transform .15s ease,border-color .15s ease;transform:translateZ(0);will-change:transform}.color-input:hover{border-color:var(--primary-color);transform:scale(1.05)}.color-label{font-size:12px;color:var(--text-secondary)}.gradient-direction{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);flex:1;max-width:200px;min-height:120px}.direction-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:75px;height:75px}.direction-btn{width:22px;height:22px;border:1px solid var(--border-color);background:#ffffff1a;color:var(--text-color);border-radius:3px;cursor:pointer;font-size:12px;transition:background .15s ease,color .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;padding:0;will-change:background,transform}.direction-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.direction-btn:hover{background:rgba(var(--primary-color-rgb),.2);transform:scale(1.05)}.direction-center{width:22px;height:22px;border-radius:50%;background:var(--border-color);opacity:.3}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:12px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:background,transform}.preview-btn{background:rgba(var(--primary-color-rgb),.9);color:#fff}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.gradient-preview{width:100%;height:60px;border-radius:8px;border:2px solid var(--border-color);margin:12px 0;transition:background .15s ease;transform:translateZ(0);will-change:background}.gradient-preview{width:100%;height:40px;border-radius:8px;border:2px solid var(--border-color);transition:background .15s ease;transform:translateZ(0);will-change:background}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.gradient-action-container{display:flex;align-items:center;gap:12px;margin:12px 0}.gradient-action-container .gradient-preview{flex:1;margin:0}.gradient-action-container .action-buttons{flex-shrink:0}.action-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:12px;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.icon-action-btn{width:40px;height:40px;border:none;border-radius:12px;background:rgba(var(--primary-color-rgb),.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;box-shadow:0 6px 20px #00000026;position:relative;overflow:hidden;font-size:16px;-webkit-tap-highlight-color:transparent;transform:translateZ(0);will-change:transform}.icon-action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity .3s ease}.icon-action-btn:hover{background:rgba(var(--primary-color-rgb),1);transform:scale(1.05);box-shadow:0 12px 32px #0003}.icon-action-btn:hover:before{opacity:1}.icon-action-btn:active{transform:translateY(0) scale(.98);box-shadow:0 4px 16px #0000001a}.random-btn{background:#ffa500e6;color:#fff}.random-btn:hover{background:orange}.apply-btn{background:#38a169e6;color:#fff}.apply-btn:hover{background:#38a169}*{transform:translateZ(0);will-change:auto}.wallpaper-container{will-change:transform,filter}.settings-modal .modal-content,.quick-links,.mode-switcher-container{will-change:transform,opacity}.quick-links{margin-top:0}.mode-switcher{margin-top:80px}.search-container{margin-top:20px}.theme-transitioning *{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-transitioning .settings-btn,.theme-transitioning .engine-selector,.theme-transitioning .search-box{transition:transform .2s ease,background .2s ease,box-shadow .2s ease,backdrop-filter .1s ease,-webkit-backdrop-filter .1s ease}.container{width:100%;max-width:800px;margin:0 auto;padding:0 20px}.search-container{width:100%;max-width:600px;min-width:300px}@media (prefers-color-scheme: dark){:root:not([data-theme]){--background-color: #121212;--card-background: #1e1e1e;--text-color: #ffffff;--text-secondary: #a1a1a6;--primary-color: #0071e3;--primary-color-rgb: 0, 113, 227;--border-color: #2c2c2e;--hover-color: #2c2c2e;--input-background: #2c2c2e}}[data-theme=light]{--background-color: #f5f5f7;--card-background: #ffffff;--text-color: #1d1d1f;--text-secondary: #86868b;--primary-color: #0071e3;--primary-color-rgb: 0, 113, 227;--border-color: #e5e5ea;--hover-color: #f2f2f2;--input-background: #f5f5f7}@media (max-width: 768px){.container{padding:0 15px}.header h1{font-size:2.2em}.search-container{width:100%}.quick-links-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}@media (max-width: 480px){body{padding:20px 10px}.container{padding:0 10px}.header h1{font-size:1.8em}.search-box{flex-direction:column;padding:12px}.engine-selector{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:8px}.search-input{width:100%}.search-buttons{width:100%;justify-content:center;margin-top:8px}.quick-links-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}}[data-theme=dark]{--background-color: #121212;--card-background: #1e1e1e;--text-color: #ffffff;--text-secondary: #a1a1a6;--primary-color: #0071e3;--primary-color-rgb: 0, 113, 227;--border-color: #2c2c2e;--hover-color: #2c2c2e;--input-background: #2c2c2e}[data-theme=red]{--background-color: #ffe6e6;--card-background: #fff0f0;--text-color: #7c2d2d;--text-secondary: #9b4d4d;--primary-color: #dc2626;--primary-color-rgb: 220, 38, 38;--border-color: #fecaca;--hover-color: #fee2e2;--input-background: #fff5f5}[data-theme=purple]{--background-color: #f3e8ff;--card-background: #faf5ff;--text-color: #4c1d95;--text-secondary: #6b46c1;--primary-color: #7c3aed;--primary-color-rgb: 124, 58, 237;--border-color: #ddd6fe;--hover-color: #ede9fe;--input-background: #faf5ff}[data-theme=gold]{--background-color: #fef3c7;--card-background: #fffbeb;--text-color: #78350f;--text-secondary: #92400e;--primary-color: #d97706;--primary-color-rgb: 217, 119, 6;--border-color: #fcd34d;--hover-color: #fef3c7;--input-background: #fffbeb}