#search-input::-webkit-search-cancel-button,
#search-input::-webkit-search-decoration,
#search-input::-webkit-search-results-button,
#search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none;display:none;width:0;height:0}
#search-input::-ms-clear{display:none;width:0;height:0}

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@700&family=Open+Sans:wght@400;600&display=swap');
:root{--bg:#f7f8fa;--bg-secondary:#fff;--primary:#18181b;--primary-muted:#232323;--border:#e5e7eb;--border-light:#f3f4f6;--text:#18181b;--text-muted:#7b7b8b;--shadow:0 10px 32px 0 rgba(30,41,59,0.08);--radius:1.5rem;--radius-lg:2rem;--radius-full:9999px;--accent:#18181b;--accent-muted:#bdbdbd;--panel-bg:#fff;--panel-border:#e5e7eb;--logo-gradient:linear-gradient(90deg,#232323 0%,#18181b 100%);--logo-gradient-span:linear-gradient(90deg,#18181b 0%,#232323 100%);--switch-bg:#cfd1d6;--switch-bg-checked:#9fa2b0;}
@media (prefers-color-scheme: dark){:root{--bg:#18181b;--bg-secondary:#232323;--primary:#fff;--primary-muted:#bdbdbd;--border:#333;--border-light:#444;--text:#fff;--text-muted:#bdbdbd;--shadow:0 10px 32px 0 rgba(0,0,0,0.18);--accent:#fff;--accent-muted:#bdbdbd;--panel-bg:#1a1a1a;--panel-border:#232323;--logo-gradient:linear-gradient(90deg,#fff 0%,#bdbdbd 100%);--logo-gradient-span:linear-gradient(90deg,#bdbdbd 0%,#fff 100%)}}
@keyframes logoFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Open Sans',Arial,sans-serif;min-height:100vh;font-size:16px;line-height:1.5;font-feature-settings:"calt" 1,"liga" 1}
body{display:flex;flex-direction:column}
.top-bar{position:absolute;top:2rem;right:2.5rem;left:0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;z-index:40;gap:.4rem;width:100%;pointer-events:none}
.top-bar .search-engine-selector,.top-bar .settings-btn{pointer-events:auto}
.top-bar .search-engine-selector select{background:var(--bg-secondary);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:.7rem 2.2rem .7rem 1.1rem;font-size:1.08rem;outline:none;transition:border .2s,box-shadow .2s;box-shadow:var(--shadow);appearance:none;font-weight:500;min-width:160px;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23bdbdbd' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.2rem;font-family:'Open Sans',Arial,sans-serif;line-height:1.5}
.top-bar .search-engine-selector select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}
.top-bar .search-engine-selector select option{background:var(--bg-secondary);color:var(--text);font-size:1.05rem;padding:.9rem 1.4rem;font-weight:500;font-family:'Open Sans',Arial,sans-serif;line-height:1.5}
.top-bar .search-engine-selector select option:hover,.top-bar .search-engine-selector select option:focus{background:var(--border-light);color:var(--accent)}
.settings-btn{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:var(--radius-full);width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border .2s,background .2s;box-shadow:var(--shadow);color:var(--accent-muted);margin-right:1.5rem}
.settings-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--border-light)}
.side-panel{position:fixed;top:0;right:-370px;width:340px;height:100vh;background:var(--panel-bg);border-left:1.5px solid var(--panel-border);box-shadow:-8px 0 32px 0 rgba(0,0,0,0.08);z-index:100;transition:right .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.side-panel.open{right:0}
.side-panel-header{display:flex;align-items:center;justify-content:space-between;padding:2.2rem 2rem 1.2rem 2rem;font-size:1.5rem;font-weight:700;color:var(--accent);border-bottom:1px solid var(--panel-border);font-family:'PT Serif',serif;letter-spacing:-.5px;background:var(--bg)}
.close-panel{background:none;border:none;color:var(--accent-muted);border-radius:var(--radius-full);width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.close-panel:hover{background:var(--border-light);color:var(--accent)}
.side-panel-content{padding:2rem 2rem 0 2rem;display:flex;flex-direction:column;gap:2.2rem;font-family:'Open Sans',Arial,sans-serif}
.setting-group{display:flex;flex-direction:column;gap:.7rem}
.setting-group label{font-size:1.08rem;color:var(--text-muted);font-weight:600;margin-bottom:.2rem;font-family:'PT Serif',serif;letter-spacing:-.2px}
.setting-group select{background:var(--bg-secondary);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-full);padding:.7rem 2.2rem .7rem 1.1rem;font-size:1.08rem;outline:none;transition:border .2s,box-shadow .2s;box-shadow:var(--shadow);appearance:none;font-weight:500;min-width:120px;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23bdbdbd' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:1.2rem;font-family:'Open Sans',Arial,sans-serif;line-height:1.5}
.setting-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}
.switch-group{flex-direction:row;align-items:center;justify-content:space-between}
.switch-group label:first-child{margin-bottom:0}
.switch{position:relative;display:inline-block;width:44px;height:26px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;border-radius:26px;transition:background .2s}
.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--primary);border-radius:50%;transition:transform .2s}
.switch input:checked + .slider{background-color:#d1d5db}
.switch input:checked + .slider:before{transform:translateX(18px)}
.overlay{display:none;position:fixed;z-index:90;inset:0;background:rgba(0,0,0,0.12);transition:opacity .2s}
.overlay.open{display:block}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80vh;margin-top:19vh}
.logo{font-size:3.2rem;font-weight:700;letter-spacing:-1.5px;margin-bottom:2.8rem;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'PT Serif',serif;line-height:1.1;background-size:200% 200%;animation:logoFlow 12s linear infinite}
.logo span{font-weight:700;background:var(--logo-gradient-span);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'PT Serif',serif;background-size:200% 200%;animation:logoFlow 12s linear infinite}
#search-form{display:flex;align-items:center;background:var(--bg-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow);padding:.32rem .7rem .32rem 1.4rem;border:1.5px solid var(--border);transition:border .2s;width:100%;max-width:520px;font-family:'Open Sans',Arial,sans-serif;line-height:1.5}
#search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}
#search-input{background:transparent;border:none;outline:none;color:var(--text);font-size:1.18rem;flex:1;padding:.9rem 0;font-weight:400;font-family:'Open Sans',Arial,sans-serif;line-height:1.5;font-feature-settings:"calt" 1,"liga" 1}
#search-input::placeholder{color:var(--text-muted);opacity:1;font-family:'Open Sans',Arial,sans-serif;font-size:1.08rem;line-height:1.5}
#search-form button{border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,box-shadow .2s}
.clear-btn{background:transparent;width:2.4rem;height:2.4rem;color:var(--accent-muted);display:none}
.clear-btn:hover{background:var(--border-light);color:var(--accent)}
#search-form > button[type="submit"]{background:var(--bg-secondary);width:2.7rem;height:2.7rem;margin-left:.5rem;box-shadow:0 2px 8px 0 rgba(0,0,0,0.06)}
#search-form > button[type="submit"]:hover{background:var(--border-light)}
#search-form svg{stroke:var(--accent-muted);width:1.5rem;height:1.5rem}
@media (max-width:900px){.top-bar{right:1rem;top:1.2rem;gap:.3rem}.top-bar .search-engine-selector select{min-width:110px;font-size:.98rem;padding-right:2rem}.settings-btn{margin-right:.3rem}}
@media (max-width:600px){.logo{font-size:2rem}.settings-btn{width:2.4rem;height:2.4rem;margin-right:.2rem}.side-panel{width:100vw;min-width:0;max-width:100vw}.side-panel-header,.side-panel-content{padding-left:1.1rem;padding-right:1.1rem}#search-form{max-width:98vw;padding-left:.7rem}main{margin-top:11vh}}
.switch input:checked + .slider{background-color:#d1d5db}
.switch input:checked + .slider:before{transform:translateX(18px)}
@media (prefers-color-scheme: dark){
  :root{
    --switch-bg:#3d3d3d;
    --switch-bg-checked:#5b5b5b;
  }
}

.slider{background-color:var(--switch-bg)}
.switch input:checked + .slider{background-color:var(--switch-bg-checked)}