*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);height:100vh;padding:20px;overflow:hidden;position:relative;-webkit-tap-highlight-color:transparent}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.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);backface-visibility:hidden}.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:10px 16px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-color),rgba(var(--primary-color-rgb),.85));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;box-shadow:0 3px 12px rgba(var(--primary-color-rgb),.3);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.primary-btn:after{content:"";position:absolute;top:1px;left:4px;right:4px;height:40%;background:linear-gradient(180deg,#fff3,#fff0);border-radius:var(--radius-sm);pointer-events:none}.primary-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(var(--primary-color-rgb),.4)}.primary-btn:active{transform:scale(.97);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.25)}.settings-btn{position:fixed;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);box-shadow:0 4px 16px #0000000f,0 1px 3px #00000014,inset 0 1px #ffffff1a;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,color .2s ease,background .2s ease;z-index:1000;-webkit-tap-highlight-color:transparent}.settings-btn:hover{transform:scale(1.1) rotate(30deg);color:var(--text-color);background:#ffffff24;box-shadow:0 8px 24px #0000001a,0 2px 6px #00000014,inset 0 1px #ffffff1f}.settings-btn:active{transform:scale(.95) rotate(30deg)}.header{text-align:center;margin-bottom:60px}.header h1{color:var(--text-color);font-size:clamp(1.8em,4vw,2.8em);font-weight:300;margin-bottom:10px;letter-spacing:.02em}.header p{color:var(--text-secondary);font-size:clamp(14px,2vw,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}.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(--primary-color);box-shadow:0 8px 32px #00000026;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;z-index:1000}.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}.theme-btn.light{background-color:#fff}.theme-btn.dark{background-color:#1e1e1e}.theme-btn.red{background-color:#f87171}.theme-btn.purple{background-color:#a78bfa}.theme-btn.gold{background-color:#fbbf24}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.search-container{position:relative;margin:30px 0;transition:transform .3s ease;z-index:10}.search-container.focused{transform:translateY(-30px)}.search-box{display:flex;align-items:center;background:#ffffff26;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:6px 14px 6px 16px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000000f,0 1px 3px #00000014,inset 0 1px #ffffff1a,inset 0 -1px #00000008;position:relative;overflow:hidden}@property --flow-x{syntax: "<percentage>"; initial-value: 0%; inherits: false;}.search-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#667eea00,#667eea22,#6b7cea25,#7080ea28,#7588ea2a,#8494ec2a,#93a0ee28,#a2acee25,#b1b8f022,#c0c4f220,#cfd0f420,#dee0f622,#edf0f825,#f0e8e828,#f0d8d42a,#eec8c428,#eab8b825,#e6a8b022,#e098a820,#d888a020,#ce78a022,#c4689825,#b8588e28,#a848842a,#96387a28,#667eea00);background-size:600% 100%;background-position-x:var(--flow-x);mix-blend-mode:plus-lighter;animation:flow 32s linear infinite}@keyframes flow{0%{--flow-x: 600%}to{--flow-x: -600%}}.search-box:hover{background:#ffffff38;border-color:#ffffff40;box-shadow:0 8px 32px #0000001a,0 2px 6px #00000014,inset 0 1px #ffffff1f,inset 0 -1px #00000008}.search-box:focus-within{background:#ffffff38;border-color:rgba(var(--primary-color-rgb),.4);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.08),0 8px 32px rgba(var(--primary-color-rgb),.12),0 0 40px #ffffff0d,inset 0 1px #ffffff1f;transform:translateY(-8px)}.engine-selector{display:flex;align-items:center;padding:6px 0;cursor:pointer;min-width:20px;transition:transform .15s ease;position:relative}.engine-selector:hover{transform:scale(1.05)}.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 .35s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.engine-icon:hover{transform:scale(1.1)}.engine-icon.mode-switching{animation:engineIconSwitch .4s cubic-bezier(.34,1.56,.64,1)}@keyframes engineIconSwitch{0%{transform:scale(.5) rotate(0);opacity:0}30%{transform:scale(.6) rotate(180deg);opacity:.5}60%{transform:scale(1.2) rotate(360deg);opacity:1}to{transform:scale(1) rotate(360deg)}}.mode-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:var(--text-color);font-size:24px;line-height:1;opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;z-index:3;pointer-events:none}.mode-indicator.show{transform:translate(-50%,-50%) scale(1);opacity:1}.mode-indicator.fade-out{transform:translate(-50%,-50%) scale(.5);opacity:0;transition:transform .25s ease-in,opacity .2s ease-in}.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://www.qwant.com/public/apple-touch-icon-144x144.6fdb01169d8537aeadd4f95dce2982e4.png)}.aol-icon{background-image:url(https://s.yimg.com/pv/static/img/aol_touch_icon_dkblue_120.png)}.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::placeholder{color:var(--text-secondary);animation:placeholder-breathe 3s ease-in-out infinite}@keyframes placeholder-breathe{0%,to{opacity:.4}50%{opacity:.85}}.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:38px;height:38px;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.15);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff1a;-webkit-tap-highlight-color:transparent}.search-btn:hover{transform:scale(1.1);background:#ffffff2e;box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffff1f}.search-btn:active{transform:scale(.95)}.header-controls{display:flex;gap:12px;align-items:center}.engine-dropdown{position:absolute;top:100%;left:0;width:300px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 64px var(--glass-shadow),0 4px 16px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);padding:0 8px;margin-top:8px;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),visibility .25s ease,max-height .25s ease,padding .25s ease;display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:0;overflow:hidden}.engine-dropdown::-webkit-scrollbar{width:0;background:transparent}.engine-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);padding:8px;max-height:250px;overflow-y:auto}.engine-option{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease,transform .15s ease;gap:10px;text-shadow:var(--glass-text-shadow)}.engine-option:hover{background:#ffffff1a;transform:scale(1.02)}.engine-option:active{transform:scale(.98)}.suggestions-container{position:absolute;top:100%;left:0;width:100%;background:var(--glass-bg);backdrop-filter:blur(32px) saturate(1.8);-webkit-backdrop-filter:blur(32px) saturate(1.8);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 64px var(--glass-shadow),0 4px 16px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);padding:8px;margin-top:8px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1),visibility .25s ease;max-height:400px;overflow-y:hidden}.suggestions-container.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.suggestion-item{padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-color);font-size:16px;display:flex;justify-content:space-between;align-items:center;transition:background .15s ease,color .15s ease;text-shadow:var(--glass-text-shadow)}.suggestion-item:hover{background:#ffffff14}.suggestion-item.active{background:var(--primary-color);color:#fff}.suggestion-source{font-size:12px;color:var(--text-secondary);background:#ffffff14;padding:2px 8px;border-radius:var(--radius-xs);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;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.settings-modal.show{opacity:1;visibility:visible}.modal-content{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-radius:var(--radius-xl);padding:28px;max-width:500px;width:90%;height:70vh;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 24px 80px var(--glass-shadow),0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.settings-modal.show .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:600;letter-spacing:-.02em;text-shadow:var(--glass-text-shadow)}.close-btn{background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--text-secondary);width:auto;height:auto;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.close-btn:hover{color:#e53e3e;transform:scale(1.1)}.close-btn:active{transform:scale(.9)}.add-link-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.add-link-input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:13px;background:#ffffff0f;color:var(--text-color);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.add-link-input:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5);background:#ffffff1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.add-link-input::placeholder{color:var(--text-secondary);opacity:.7}[data-theme=dark] .add-link-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .add-link-input:focus{background:#ffffff1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.links-list{margin-top:12px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.links-list::-webkit-scrollbar{display:none}.link-item{background:#ffffff0f;padding:12px 14px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;margin-bottom:6px;border:1px solid rgba(255,255,255,.08);transition:background .2s ease,border-color .2s ease,transform .15s ease}.link-item:hover{background:#ffffff1a;border-color:#ffffff26}[data-theme=dark] .link-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .link-item:hover{background:#ffffff14;border-color:#ffffff1f}.link-favicon{width:24px;height:24px;border-radius:6px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;box-shadow:0 2px 6px #00000026;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:6px;box-shadow:inset 0 0 0 1px #fff3;pointer-events:none;z-index:1}.link-details{flex:1;min-width:0}.link-name{font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--glass-text-shadow)}.link-url{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.link-actions{display:flex;gap:6px;flex-shrink:0}.edit-btn,.delete-btn{border:none;padding:5px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:11px;font-weight:500;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.edit-btn{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.2)}.edit-btn:hover{background:rgba(var(--primary-color-rgb),.25);transform:scale(1.05)}.delete-btn{background:#e53e3e1f;color:#e53e3e;border:1px solid rgba(229,62,62,.2)}.delete-btn:hover{background:#e53e3e38;transform:scale(1.05)}.save-btn,.cancel-btn{border:none;padding:5px 10px;border-radius:var(--radius-xs);cursor:pointer;font-size:11px;font-weight:500;transition:background .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.save-btn{background:#38a16926;color:#38a169;border:1px solid rgba(56,161,105,.2)}.save-btn:hover{background:#38a16940;transform:scale(1.05)}.cancel-btn{background:#a0a0a01f;color:var(--text-secondary);border:1px solid rgba(160,160,160,.2)}.cancel-btn:hover{background:#a0a0a038;transform:scale(1.05)}.tab-nav{display:flex;gap:0;margin-bottom:20px;position:relative;padding:3px;background:#ffffff0a;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08)}.tab-btn{border:none;padding:7px 12px;border-radius:var(--radius-full);cursor:pointer;font-size:12px;font-weight:400;background:transparent;color:var(--text-secondary);transition:color .25s ease,background .25s ease,transform .15s ease;position:relative;z-index:2;flex:1;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;letter-spacing:.01em;text-shadow:var(--glass-text-shadow)}.tab-btn.active{background:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 2px 10px rgba(var(--primary-color-rgb),.35)}.wallpaper-option{text-align:center;cursor:pointer;padding:10px;border-radius:var(--radius-sm);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.wallpaper-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0f,#ffffff05);opacity:0;transition:opacity .3s ease}.wallpaper-option:hover{background:#ffffff14;box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.wallpaper-option:hover:before{opacity:1}.wallpaper-option:active{transform:translateY(0) scale(.98)}.wallpaper-preview{width:72px;height:45px;border-radius:var(--radius-xs);margin:0 auto 6px;border:2px solid rgba(255,255,255,.15);transition:transform .2s ease,border-color .2s ease;position:relative;overflow:hidden}.wallpaper-option:hover .wallpaper-preview{border-color:rgba(var(--primary-color-rgb),.5);transform:scale(1.05)}.wallpaper-option span{font-size:11px;color:var(--text-secondary);transition:color .2s ease}.wallpaper-option:hover span{color:var(--text-color)}.direction-btn{width:26px;height:26px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;font-size:12px;transition:background .2s ease,border-color .2s ease,transform .15s ease,color .2s ease;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.direction-btn:hover{background:#ffffff1f;border-color:rgba(var(--primary-color-rgb),.4);transform:scale(1.1);color:var(--text-color)}.direction-btn:active{transform:scale(.95)}.direction-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.35)}.confirm-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirm-dialog.show{opacity:1;visibility:visible}.confirm-content{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-radius:var(--radius-lg);padding:24px;max-width:380px;width:90%;border:1px solid var(--glass-border);box-shadow:0 24px 80px var(--glass-shadow),0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transform:scale(.92) translateY(20px);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.confirm-dialog.show .confirm-content{transform:scale(1) translateY(0)}.confirm-header{margin-bottom:12px}.confirm-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color);letter-spacing:-.01em;text-shadow:var(--glass-text-shadow)}.confirm-body{margin-bottom:20px}.confirm-body p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5;text-shadow:var(--glass-text-shadow)}.confirm-footer{display:flex;justify-content:flex-end;gap:8px}.confirm-btn{padding:7px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.confirm-btn.cancel{background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.12)}.confirm-btn.cancel:hover{background:#ffffff24;color:var(--text-color)}.confirm-btn.confirm{background:#e53e3ed9;color:#fff;border:1px solid rgba(229,62,62,.3)}.confirm-btn.confirm:hover{background:#e53e3e;transform:scale(1.02)}.confirm-btn:active{transform:scale(.97)}.edit-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.edit-input{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);font-size:13px;background:#ffffff0f;color:var(--text-color);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.edit-input:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5);background:#ffffff1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}[data-theme=dark] .edit-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .edit-input:focus{background:#ffffff1a;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:10px 20px;border-radius:var(--radius-full);background:var(--glass-bg);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);color:var(--text-color);font-size:13px;font-weight:500;box-shadow:0 8px 32px var(--glass-shadow),0 2px 8px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);border:1px solid var(--glass-border);opacity:0;transform:translateY(-12px) scale(.95);transition:opacity .3s var(--ease-out),transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast.toast-success{border-left:3px solid #38a169}.toast.toast-error{border-left:3px solid #e53e3e}.toast.toast-info{border-left:3px solid var(--primary-color)}.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);backface-visibility:hidden}.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;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}.quick-link:hover{background:var(--hover-color);transform:scale(1.05)}.quick-link-icon{width:56px;height:56px;border-radius:50%;background-color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 0 0 1px #0000000d,0 4px 16px #0000001f;background-size:75%;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;overflow:hidden;will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.quick-link-icon:after{content:attr(data-initial);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#333;text-shadow:none;pointer-events:none;transition:opacity .2s ease}.quick-link-icon.loaded:after{opacity:0}.quick-link-icon:hover{transform:scale(1.1);box-shadow:0 0 0 1px #00000014,0 8px 24px #0000002e}.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:20px;background:#ffffff0a;border-radius:var(--radius-full);padding:3px;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .tab-nav{background:#ffffff08;border-color:#ffffff0f}.tab-btn{flex:1;padding:7px 16px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);font-size:12px;font-weight:400;letter-spacing:.02em;transition:color .25s ease,background .25s ease,transform .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:2;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:#fff;font-weight:500;background:var(--primary-color);box-shadow:0 2px 10px rgba(var(--primary-color-rgb),.35)}.tab-content{display:none;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.tab-content::-webkit-scrollbar{display:none}.tab-content.active{display:flex;flex-direction:column;flex:1;animation:tabFadeIn .3s var(--ease-out) both}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.built-in-engines{display:flex;flex-direction:column;gap:8px}.engine-section{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .2s ease}.engine-section:hover{border-color:#ffffff24}.engine-section-header{display:flex;align-items:center;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.engine-section-header:hover{background:#ffffff0a}.engine-section-title{font-size:13px;font-weight:500;color:var(--text-color);display:flex;align-items:center;gap:8px}.engine-section-title i{font-size:12px;color:var(--primary-color);width:14px;text-align:center}.engine-section-default{margin-left:auto;font-size:11px;color:var(--text-secondary);margin-right:10px}.engine-section-arrow{font-size:10px;color:var(--text-secondary);transition:transform .25s ease}.engine-section.expanded .engine-section-arrow{transform:rotate(180deg)}.engine-section-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 14px}.engine-section.expanded .engine-section-content{max-height:300px;overflow-y:auto;padding:0 14px 12px}.engine-section.expanded .engine-section-content::-webkit-scrollbar{width:4px}.engine-section.expanded .engine-section-content::-webkit-scrollbar-track{background:transparent}.engine-section.expanded .engine-section-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.engine-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;font-size:13px;color:var(--text-color)}.engine-item:hover{background:#ffffff0f}.engine-item.active{background:rgba(var(--primary-color-rgb),.12);color:var(--primary-color)}.engine-item .engine-icon{width:18px;height:18px;border-radius:3px;flex-shrink:0}.engine-item .engine-name{flex:1;text-shadow:var(--glass-text-shadow)}.engine-item .engine-check{font-size:11px;color:var(--text-secondary);opacity:.4;transition:opacity .15s ease,color .15s ease;cursor:pointer}.engine-item:hover .engine-check{opacity:.7;color:var(--primary-color)}.engine-item:hover .engine-check:hover{opacity:1}.engine-item .engine-delete{font-size:11px;color:#ef4444;opacity:.5;transition:opacity .15s ease;cursor:pointer;margin-left:4px}.engine-item:hover .engine-delete{opacity:.8}.engine-item:hover .engine-delete:hover{opacity:1}.link-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.link-action-edit{font-size:11px;color:var(--text-secondary);opacity:.4;transition:opacity .15s ease,color .15s ease;cursor:pointer}.link-item:hover .link-action-edit{opacity:.7;color:var(--primary-color)}.link-item:hover .link-action-edit:hover{opacity:1}.link-action-delete{font-size:11px;color:#ef4444;opacity:.4;transition:opacity .15s ease;cursor:pointer}.link-item:hover .link-action-delete{opacity:.8}.link-item:hover .link-action-delete:hover{opacity:1}.add-engine-form{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:14px;display:flex;flex-direction:column;gap:10px}.add-engine-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-color)}.add-engine-header i{color:var(--primary-color);font-size:14px}.add-engine-fields{display:flex;flex-direction:column;gap:8px}.add-engine-category{width:100%;padding:10px 32px 10px 12px;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-color);font-size:13px;font-family:inherit;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s ease}.add-engine-category:focus{border-color:rgba(var(--primary-color-rgb),.5)}.add-engine-category option{background:#2a2a3e;color:#fff}.resource-divider{height:1px;background:#ffffff14;margin:16px 0}.data-section{padding:16px;flex:1;min-height:0;display:flex;flex-direction:column}.data-section h3{margin-bottom:16px;color:var(--text-color);font-size:16px;font-weight:500}.data-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.data-preview{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:14px;flex:1;min-height:80px;overflow-y:auto;overflow-x:auto;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11px;line-height:1.5;color:var(--text-color);white-space:pre;margin-bottom:16px;resize:none;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.data-preview:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.data-preview::placeholder{color:var(--text-secondary);opacity:.6}.data-url-import{display:flex;gap:8px;margin-bottom:16px}.data-url-input{flex:1;padding:9px 14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-color);border-radius:var(--radius-sm);font-size:13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.data-url-input:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.data-url-input::placeholder{color:var(--text-secondary);opacity:.6}.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}.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}.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}.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}.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}.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}.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:40px;border-radius:8px;border:2px solid var(--border-color);transition:background .15s ease}.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}.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}.quick-links{margin-top:0}.search-container{margin-top:160px}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--surface-glass: rgba(255, 255, 255, .1);--surface-elevated: rgba(255, 255, 255, .15);--surface-solid: rgba(255, 255, 255, .92);--glass-bg: rgba(25, 25, 40, .65);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: rgba(0, 0, 0, .3);--glass-highlight: rgba(255, 255, 255, .1);--glass-text-shadow: 0 1px 3px rgba(0, 0, 0, .4);--placeholder-stroke-color: rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 32px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 60px rgba(0, 0, 0, .2);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{--surface-glass: rgba(255, 255, 255, .06);--surface-elevated: rgba(255, 255, 255, .1);--surface-solid: rgba(30, 30, 30, .92);--glass-bg: rgba(25, 25, 40, .65);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: rgba(0, 0, 0, .3);--glass-highlight: rgba(255, 255, 255, .1);--glass-text-shadow: 0 1px 3px rgba(0, 0, 0, .5);--placeholder-stroke-color: rgba(0, 0, 0, .4)}[data-theme=red]{--surface-solid: rgba(255, 245, 245, .92);--glass-bg: rgba(60, 15, 15, .75);--glass-border: rgba(220, 38, 38, .25);--glass-shadow: rgba(40, 10, 10, .4);--glass-highlight: rgba(255, 200, 200, .08);--glass-text-shadow: 0 1px 4px rgba(0, 0, 0, .6);--placeholder-stroke-color: rgba(0, 0, 0, .45)}[data-theme=purple]{--surface-solid: rgba(250, 245, 255, .92);--glass-bg: rgba(30, 15, 60, .75);--glass-border: rgba(124, 58, 237, .25);--glass-shadow: rgba(20, 10, 40, .4);--glass-highlight: rgba(200, 180, 255, .08);--glass-text-shadow: 0 1px 4px rgba(0, 0, 0, .6);--placeholder-stroke-color: rgba(0, 0, 0, .45)}[data-theme=gold]{--surface-solid: rgba(255, 250, 240, .92);--glass-bg: rgba(50, 30, 5, .75);--glass-border: rgba(217, 119, 6, .25);--glass-shadow: rgba(30, 15, 0, .4);--glass-highlight: rgba(255, 220, 150, .08);--glass-text-shadow: 0 1px 4px rgba(0, 0, 0, .6);--placeholder-stroke-color: rgba(0, 0, 0, .45)}[data-theme=light]{--glass-bg: rgba(240, 240, 245, .72);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(0, 0, 0, .12);--glass-highlight: rgba(255, 255, 255, .6);--glass-text-shadow: none;--placeholder-stroke-color: rgba(255, 255, 255, .5)}.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}body{padding:clamp(10px,3vw,20px)}.container{width:100%;max-width:800px;margin:0 auto;padding:0 clamp(10px,3vw,20px)}.search-container{width:100%;max-width:600px}@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}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[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: 480px){.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}}[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}