*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;line-height:1.6;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.search-input{-webkit-user-select:text!important;user-select:text!important}.page{min-height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;position:relative}.page:not(.with-wallpaper){background:#fff}.wallpaper-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.nav-bar{padding:1.2rem 2rem;background:#ffffff1a;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:-.5px}.nav-actions{display:flex;gap:12px;align-items:center}.settings-btn,.login-btn{width:40px;height:40px;border:none;color:#fff;font-size:1.3rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);background:#fff3}.settings-btn:hover,.login-btn:hover{background:#ffffff4d;transform:scale(1.08)}.settings-btn:active,.login-btn:active{transform:scale(.96)}.dynamic-island{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:32px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d;-webkit-font-smoothing:antialiased;animation:slideInUp .4s cubic-bezier(.34,1.8,.64,1) forwards}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.7)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes slideOutUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.7)}}.dynamic-island.hiding{animation:slideOutUp .3s ease forwards}.dynamic-island:hover{cursor:pointer;transform:translate(-50%) scale(1.05) translateY(-2px);box-shadow:0 14px 40px #00000059}.dynamic-island:active{transform:translate(-50%) scale(.98) translateY(0);box-shadow:0 6px 20px #00000040}.dynamic-island.type-success{background:#28b450eb}.dynamic-island.type-error{background:#ff3c3ceb}.dynamic-island.type-warning{background:#ffa500eb}.notification-icon{font-size:18px;line-height:1}.notification-message{white-space:nowrap}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;gap:2.2rem}.datetime{text-align:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.datetime:hover{transform:scale(1.02)}.search-form{width:100%;max-width:620px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.search-form:hover{transform:scale(1.01)}.search-input{width:100%;padding:1.1rem 1.6rem;font-size:1.15rem;border:none;border-radius:32px;background:#f9f9fb;outline:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000000f}.search-input:focus{background:#fff;box-shadow:0 6px 24px #0000001f,0 0 0 2px #4a90e24d;transform:scale(1.01)}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:1.4rem;max-width:620px;width:100%}.bookmark-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#222;transition:all .3s cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.bookmark-item:hover{transform:translateY(-8px)}.bookmark-item:active{transform:translateY(-4px) scale(.98)}.bookmark-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-weight:700;font-size:1.6rem;margin-bottom:.7rem;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bookmark-item:hover .bookmark-icon{transform:scale(1.12);box-shadow:0 6px 16px #0000001a}.bookmark-name{font-size:.95rem;text-align:center;font-weight:500;color:#333}.context-menu{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px #00000026;padding:6px 0;z-index:1000;min-width:160px;font-size:14px;transform:scale(.95);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.context-menu.show{transform:scale(1);opacity:1;pointer-events:auto}.context-menu-item{padding:10px 16px;cursor:pointer;color:#333;display:flex;align-items:center;gap:8px;transition:background .15s ease}.context-menu-item:hover{background:#007bff14;color:#007aff}.panel-actions{display:flex;gap:12px;margin-top:16px}.btn-primary,.btn-danger{flex:1;padding:10px;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0062cc}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#d63329}.settings-modal{position:fixed;top:70px;right:2rem;width:320px;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000d;padding:1.4rem;z-index:1000;border:1px solid rgba(0,0,0,.04);opacity:0;transform:translateY(-10px);animation:slideIn .3s cubic-bezier(.34,1.56,.64,1) forwards;max-height:calc(100vh - 120px);overflow-y:auto}.bookmark-modal,.login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:320px;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;box-shadow:0 10px 30px #0000001f;padding:1.4rem;z-index:1000;border:1px solid rgba(0,0,0,.04);opacity:0;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.auth-error{color:#ff3b30;font-size:.85rem;margin:8px 0;text-align:center}.auth-toggle{text-align:center;margin-top:16px;color:#007aff;cursor:pointer;font-size:.9rem;text-decoration:underline}.form-group{margin-bottom:1rem}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}@keyframes modalIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.settings-header h3{font-size:1.15rem;font-weight:600;color:#111}.close-btn{width:28px;height:28px;border:none;background:transparent;color:#999;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.close-btn:hover{background:#0000000d;color:#000}.settings-section{display:flex;flex-direction:column;gap:.7rem}.settings-label{font-size:.95rem;color:#555;font-weight:500}.engine-select{padding:.6rem .9rem;font-size:1rem;border:none;border-radius:14px;background:#ffffffd9;color:#222;cursor:text;outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000000d;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.engine-select:hover{background:#fffffff2;box-shadow:0 4px 12px #00000014}.engine-select:focus{box-shadow:0 0 0 2px #007aff4d;background:#fff}.custom-select{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:1rem;border:none;border-radius:14px;background:#ffffffd9;color:#222;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000000d;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:100%;font-weight:500}.custom-select:hover{background:#fffffff2;box-shadow:0 4px 12px #00000014}.select-arrow{font-size:12px;color:#777;transition:transform .2s ease}.custom-select:hover .select-arrow{color:#000}.custom-select-menu{position:fixed;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 6px 20px #0000001f;overflow:hidden;z-index:1001;min-width:160px;transform:translateY(-8px);opacity:0;animation:slideDown .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideDown{to{transform:translateY(0);opacity:1}}.custom-select-item{padding:10px 16px;cursor:pointer;color:#333;transition:background .15s ease}.custom-select-item:hover{background:#007aff14;color:#007aff}.custom-select-item.active{background:#007aff26;color:#007aff;font-weight:600}.style-group{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(0,0,0,.05)}.style-group h4{font-size:1rem;margin-bottom:.8rem;color:#222}.style-row{display:flex;align-items:center;gap:12px;margin-bottom:.8rem}.style-row label{width:80px;font-size:.9rem;color:#555}.slider{flex:1;height:6px;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#007aff;cursor:pointer}.color-picker{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;background:#fff;box-shadow:0 2px 6px #0000001a}.file-input{display:none}.file-input-label{display:inline-block;padding:6px 12px;background:#f0f0f5;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.file-input-label:hover{background:#e0e0eb}