@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0;padding:0}.app-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);overflow:hidden}.settings-button{position:absolute;top:30px;right:30px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 6px 16px #0003}@media(max-width:768px){.settings-button{top:20px;right:20px;width:40px;height:40px}.search-container{margin-bottom:40px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.add-icon-button-container{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000}.add-icon-button{width:140px;height:48px;border-radius:24px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 8px #00000026;outline:none}.add-icon-button:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.05);box-shadow:0 4px 12px #0003}.add-icon-button:active{transform:scale(.98);box-shadow:0 2px 6px #00000026}.search-container{text-align:center;animation:fadeInUp .8s ease .2s both;width:30%;transition:width .3s ease;margin:0 auto;padding-bottom:20px}.search-container.focused{width:40%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-wrapper{display:flex;align-items:center;position:relative;width:100%;background:#ffffff14;border-radius:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:1}.search-engine-dropdown{position:relative;z-index:9999}.search-engine-button{width:56px;height:56px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:0;margin:0;flex-shrink:0}.search-engine-button:hover{background:#0006;transform:scale(1.05)}.search-engine-button:focus{outline:none;box-shadow:none}.search-engine-button:active{transform:scale(.95)}.search-engine-icon{font-size:16px}.search-engine-favicon{width:24px;height:24px;border-radius:50%}.search-engine-fallback{font-size:14px;font-weight:700;color:#fffc}.search-engine-list{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:9999;overflow:hidden}.search-engine-option{width:100%;padding:8px 12px;background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.search-engine-option:hover{background:#ffffff1a}.search-engine-option:focus{outline:none;background:#ffffff26}.search-input{flex:1;height:56px;padding:0 16px;background:transparent;border:none;color:#fff;font-size:16px;font-weight:400;outline:none;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{padding-right:20px}.search-submit-button{height:40px;padding:0 20px;margin-right:8px;background:#fff3;border:none;border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-submit-button:hover{background:#ffffff4d;transform:scale(1.05)}.search-submit-button:focus{outline:none;box-shadow:none}.search-submit-button:active{transform:scale(.95)}@media(max-width:768px){.search-wrapper{width:90%;margin:0 auto}.search-input{font-size:14px}.search-submit-button{padding:0 16px;font-size:13px}}@media(max-width:480px){.search-container{margin-bottom:40px}.search-wrapper{width:95%}.search-engine-button{width:48px;height:48px}.search-input{height:48px;font-size:13px}.search-submit-button{height:32px;padding:0 12px;font-size:12px}}.settings-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999}.settings-panel{position:fixed;top:0;right:0;width:400px;height:100%;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;box-shadow:-8px 0 32px #0006;animation:settings-slide-in .4s ease;border-left:1px solid rgba(255,255,255,.08);z-index:1000;transition:transform .4s ease;overflow-y:auto}.settings-panel::-webkit-scrollbar{width:6px}.settings-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.settings-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.settings-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.settings-panel.closing{animation:settings-slide-out .4s ease forwards}@keyframes settings-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes settings-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.settings-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-panel h2{font-size:24px;font-weight:700;margin:0;font-family:Poppins,sans-serif;color:#fff}.back-button{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff14;color:#fff;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;line-height:1}.back-button:hover{background:#ffffff1f;border-color:#6464ff80;transform:scale(1.1)}.settings-section{margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.grid-settings{margin-top:15px;display:flex;gap:15px}.setting-item{display:flex;flex-direction:column;gap:8px;flex:1}.setting-item label{font-size:14px;font-weight:500;color:#fffc}.setting-item input{padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.setting-item input:focus{outline:none;border-color:#6464ff80;background:#ffffff14}.tool-buttons{display:flex;flex-direction:column;gap:12px;margin-top:15px}.tool-buttons button{padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.tool-buttons button:hover{background:#ffffff14;border-color:#6464ff4d;transform:translateY(-1px)}.settings-section h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff;font-family:Poppins,sans-serif}.settings-section button{padding:10px 16px;border:1px solid rgba(6,182,212,.3);border-radius:8px;background:#06b6d41a;color:#06b6d4;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.settings-section button:hover{background:#06b6d433;border-color:#06b6d480;transform:translateY(-1px)}.settings-section button:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-panel input[type=text],.settings-panel input[type=number]{padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;width:100%;box-sizing:border-box}.settings-panel input[type=text]:focus,.settings-panel input[type=number]:focus{outline:none;border-color:#6464ff80;background:#ffffff14}.settings-panel input[type=text]::placeholder,.settings-panel input[type=number]::placeholder{color:#ffffff80}.settings-panel button{padding:10px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-panel button:hover{background:#ffffff14;border-color:#6464ff4d;transform:translateY(-1px)}.settings-panel button:active{transform:translateY(0)}.settings-panel button.primary{background:#667eeacc;border-color:#667eea80}.settings-panel button.primary:hover{background:#667eea;border-color:#667eeacc}.settings-panel input[type=range]{width:100%;cursor:pointer;margin:8px 0;-webkit-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#3b82f6cc;border-radius:50%;cursor:pointer;transition:all .3s ease}.settings-panel input[type=range]::-webkit-slider-thumb:hover{background:#3b82f6;transform:scale(1.1)}.setting-item label{display:flex;flex-direction:column;gap:8px}.option-item{margin-bottom:15px}.option-item label{display:flex;flex-direction:column;gap:8px;font-size:14px;cursor:pointer}.option-item label>.toggle-switch{margin-top:8px;align-self:flex-start}.option-item .reset-button{width:100%;padding:10px 16px;border:1px solid rgba(6,182,212,.3);border-radius:8px;background:#06b6d41a;color:#06b6d4;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.option-item .reset-button:hover{background:#06b6d433;border-color:#06b6d466;transform:translateY(-1px)}.settings-panel .form-group{margin-bottom:16px}.settings-panel .form-group label{display:block;font-size:14px;font-weight:500;color:#fffc;margin-bottom:8px}.settings-panel .form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.settings-panel .card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;margin-bottom:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.settings-panel .card:hover{border-color:#6464ff4d;box-shadow:0 4px 12px #0000001a}.save-section{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:16px}.unsaved-indicator{background:#facc151a;border:1px solid rgba(250,204,21,.3);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.unsaved-indicator span{color:#facc15;font-size:14px;font-weight:500;flex:1}.save-button{padding:14px 24px;border:none;border-radius:8px;background:#3b82f6cc;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.save-button:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 16px #3b82f64d}.save-button:disabled{background:#9ca3af80;cursor:not-allowed;transform:none;box-shadow:none}.save-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:16px;color:#10b981;font-size:14px;font-weight:500;text-align:center;animation:settingsFadeIn .3s ease-out}.save-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:16px;color:#ef4444;font-size:14px;font-weight:500;text-align:center;animation:settingsFadeIn .3s ease-out}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.logout-button{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444!important}.logout-button:hover{background:#ef444440!important;border-color:#ef444480!important}.folder-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .3s ease}.folder-overlay.closing{animation:fadeOut .3s ease forwards}.folder-window{background:#fff6;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;min-width:63vw;max-width:63vw;max-height:80vh;display:flex;flex-direction:column;animation:scaleIn .3s ease}.folder-overlay.closing .folder-window{animation:scaleOut .3s ease forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.folder-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.folder-name-container{display:flex;align-items:center;gap:12px;position:relative;flex:1}.folder-name-display{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;transition:all .3s ease}.folder-name-display:hover{background:#ffffff0d}.folder-title{margin:0;font-size:22px;font-weight:600;color:#fff;font-family:Poppins,sans-serif;transition:all .3s ease}.folder-edit-btn{width:32px;height:32px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff14;color:#ffffffb3;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;opacity:0;animation:fadeIn .2s ease forwards}.folder-name-display:hover .folder-edit-btn{opacity:1}.folder-edit-btn:hover{background:#ffffff26;color:#fff;border-color:#6496ff4d;transform:translateY(-1px);box-shadow:0 2px 8px #6496ff33}.folder-name-edit{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(100,150,255,.3);border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.folder-name-input{flex:1;padding:10px 16px;border:2px solid rgba(100,150,255,.4);border-radius:8px;background:#ffffff1a;color:#fff;font-size:18px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease;min-width:200px}.folder-name-input:focus{border-color:#6496ffcc;background:#ffffff26;box-shadow:0 0 0 3px #6496ff26;transform:translateY(-1px)}.folder-name-input::placeholder{color:#fff6;font-style:italic}.edit-actions{display:flex;gap:8px}.edit-action-btn{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.edit-action-btn.save-btn{background:linear-gradient(135deg,#00c86433,#00b4504d);color:#0f8;border-color:#00c8644d}.edit-action-btn.save-btn:hover{background:linear-gradient(135deg,#00c8644d,#00b45066);border-color:#00c86480;transform:translateY(-2px);box-shadow:0 4px 12px #00c8644d}.edit-action-btn.cancel-btn{background:linear-gradient(135deg,#c8505033,#b43c3c4d);color:#ff6b6b;border-color:#c850504d}.edit-action-btn.cancel-btn:hover{background:linear-gradient(135deg,#c850504d,#b43c3c66);border-color:#c8505080;transform:translateY(-2px);box-shadow:0 4px 12px #c850504d}.folder-close-btn{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff14;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.folder-close-btn:hover{background:#ffffff26;border-color:#6464ff80;transform:scale(1.1)}.folder-content{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.folder-content::-webkit-scrollbar{width:6px}.folder-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.folder-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.folder-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.folder-icons-grid{width:100%}.folder-icons-grid.dragging-out{opacity:.5}.folder-icon-item{text-align:center;display:flex;flex-direction:column;align-items:center}.folder-actions{display:flex;justify-content:center;gap:16px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d}.folder-action-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.folder-action-btn:hover{background:#fff3;transform:translateY(-2px)}.disband-btn:hover{border-color:#64c86480;background:#64c86426}.delete-btn:hover{border-color:#ff646480;background:#ff646426}.confirm-dialog-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease}.confirm-dialog{background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px 32px;max-width:400px;width:90%;text-align:center;animation:scaleIn .3s ease}.confirm-dialog h4{margin:0 0 12px;font-size:18px;color:#fff;font-weight:600}.confirm-dialog p{margin:0 0 24px;font-size:14px;color:#ffffffb3;line-height:1.6}.confirm-dialog-buttons{display:flex;gap:12px;justify-content:center}.confirm-dialog-buttons .confirm-btn,.confirm-dialog-buttons .cancel-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;width:auto;height:auto}.confirm-dialog-buttons .confirm-btn{background:#6496ffcc;color:#fff}.confirm-dialog-buttons .confirm-btn.danger{background:#ff6464cc}.confirm-dialog-buttons .confirm-btn:hover{background:#6496ff;transform:translateY(-2px)}.confirm-dialog-buttons .confirm-btn.danger:hover{background:#ff6464}.confirm-dialog-buttons .cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.confirm-dialog-buttons .cancel-btn:hover{background:#fff3;transform:translateY(-2px)}.rename-input-container{margin:20px 0}.rename-input{width:100%;padding:12px 16px;border:2px solid rgba(100,150,255,.4);border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease}.rename-input:focus{border-color:#6496ffcc;background:#ffffff26;box-shadow:0 0 0 3px #6496ff26;transform:translateY(-1px)}.rename-input::placeholder{color:#fff6;font-style:italic}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@media(max-width:768px){.folder-window{min-width:90vw;max-width:90vw;max-height:70vh}}@media(min-width:769px)and (max-width:1024px){.folder-window{min-width:63vw;max-width:63vw}}.icon-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;padding:1vw 0;border-radius:12px;position:relative}.icon-item.dragging{opacity:.5;transform:scale(.95)}.website-item-wrapper{display:inline-block;transition:all .3s ease}.icon-item:hover{transform:translateY(-.6vw)}.icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.6vw;padding:1vw;border-radius:10px;transition:all .3s ease;width:10vw;max-width:120px;justify-content:center}.icon-wrapper:active{cursor:grabbing}.icon-wrapper.drag-over{background:#6464ff26;border-radius:12px;transform:scale(1.05)}.icon-item:hover .icon-wrapper{transform:translateY(-.3vw)}.icon-circle{width:10vw;height:10vw;max-width:120px;max-height:120px;border-radius:22%;display:flex;align-items:center;justify-content:center;margin-bottom:1vw;font-size:4vw;transition:all .3s ease;background:#fff6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.icon-item:hover .icon-circle{transform:scale(1.1)}.icon-label{font-size:1.1vw;font-weight:500;text-align:center;max-width:12.5vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffd9;margin-top:0}.delete-icon{position:absolute;top:-.4vw;right:-.4vw;width:1.6vw;height:1.6vw;border-radius:50%;border:none;background:#f009;color:#fff;font-size:1vw;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.delete-icon:hover{background:#f00c;transform:scale(1.1)}.icon-image{width:6.2vw;height:6.2vw;max-width:75px;max-height:75px;border-radius:16px;object-fit:cover}.icon-fallback{font-size:24px;font-weight:700;color:#fffc;text-align:center}.icon-wrapper.drag-over-before{border-left:4px solid #6495ED;transform:translate(10px);transition:all .2s ease}.icon-wrapper.drag-over-after{border-right:4px solid #6495ED;transform:translate(-10px);transition:all .2s ease}.icon-wrapper.drag-over-center{box-shadow:0 0 0 4px #4caf50;background:#4caf5026;transition:all .2s ease;border-radius:16px}.icon-item.dragging{opacity:.5;transform:scale(1.1);z-index:1000;position:relative}.icon-wrapper.drag-over-invalid{box-shadow:0 0 0 4px #ff4757;background:#ff47571a;cursor:not-allowed;transition:all .2s ease;border-radius:16px;position:relative;animation:shake .5s ease-in-out}.icon-wrapper.drag-over-invalid:before{content:"✖";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#ff4757;background:#ffffffe6;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10}.icon-drop-zone{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80%;cursor:pointer;z-index:5}.icon-drop-zone-left{right:100%;margin-right:5px}.icon-drop-zone-right{left:100%;margin-left:5px}.icon-item.drag-over .icon-drop-zone-left{background:#6495ed33;border-left:3px solid #6495ED;border-radius:8px 0 0 8px}.icon-item.drag-over .icon-drop-zone-right{background:#6495ed33;border-right:3px solid #6495ED;border-radius:0 8px 8px 0}.website-item-wrapper{position:relative;display:inline-block}.context-menu{position:absolute;top:0;left:0;z-index:1000;background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{padding:8px 16px;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s ease}.context-menu li:hover{background-color:#0000000d}.context-menu-item{padding:8px 16px;cursor:pointer;color:#333;font-size:14px;transition:background-color .2s ease}.context-menu-item:hover{background-color:#0000000d}.context-menu-item-danger{color:#dc3545}.context-menu-item-danger:hover{background-color:#dc35451a}.folder-icon-grid{display:flex;align-items:center;justify-content:center;overflow:hidden}.folder-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;width:100%;height:100%;padding:12px;box-sizing:border-box}.folder-preview-item{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;width:100%;height:100%}.folder-preview-image{width:85%;height:85%;object-fit:cover;border-radius:2px}.folder-empty-icon{font-size:32px;display:flex;align-items:center;justify-content:center}.folder-preview-item .icon-fallback{font-size:14px;font-weight:700;color:#ffffffb3;text-align:center}.icon-grid{display:grid;gap:20px;justify-content:flex-start;align-items:flex-start}.icons-container{margin-bottom:60px;width:70%;max-height:80vh;overflow-y:auto;overflow-x:hidden;padding:20px 32px 20px 20px;animation:fadeInUp .8s ease .4s both}.icons-container::-webkit-scrollbar{width:12px;opacity:0;transition:opacity .3s ease}.icons-container.show-scrollbar::-webkit-scrollbar{opacity:1}.icons-container.show-scrollbar::-webkit-scrollbar-track{background:#0000001a;border-radius:6px}.icons-container.show-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px;border:2px solid rgba(0,0,0,.1);transition:all .3s ease}.icons-container.show-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6;transform:scaleX(1.1)}.icons-container::-webkit-scrollbar-corner{background:transparent}.icons-container{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.icons-container.show-scrollbar{scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,.1)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px;justify-items:center}.icon-item .folder-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}@media(max-width:1024px){.icon-grid{grid-template-columns:repeat(5,1fr);gap:20px}}@media(max-width:768px){.icon-grid{grid-template-columns:repeat(4,1fr);gap:16px}.icon-circle{width:60px;height:60px;font-size:24px}.icons-container{margin-bottom:40px;max-height:70vh}}@media(max-width:480px){.icon-grid{grid-template-columns:repeat(3,1fr);gap:12px}.icons-container{max-height:60vh}}.background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:-1;transition:all .8s ease}.background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(100,100,255,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite;z-index:-1}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1;transition:all .8s ease}.edit-website-container{padding:24px;border-radius:16px;color:#fff;width:100%;box-sizing:border-box}.edit-website-header{margin-bottom:20px;font-size:18px;font-weight:600;color:#fffffff2;text-align:center}.edit-website-form{display:flex;flex-direction:column;gap:16px}.edit-website-preview{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;border-radius:12px;margin:0 auto;border:2px dashed rgba(255,255,255,.3);transition:all .3s ease}.edit-website-preview:hover{border-color:#ffffff80;background:#fff3}.edit-website-preview-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.edit-website-preview-placeholder{font-size:32px;opacity:.5}.edit-website-input-group{display:flex;flex-direction:column;gap:8px}.edit-website-label{font-size:13px;color:#ffffffb3;font-weight:500}.edit-website-fetching{font-size:12px;color:#64c8ffcc;margin-left:8px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.edit-website-input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:14px;transition:all .3s ease;outline:none;box-sizing:border-box}.edit-website-input::placeholder{color:#ffffff80}.edit-website-input:focus{border-color:#fff6;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.edit-website-input.error{border-color:#ff646499;background:#ff64641a}.edit-website-url-wrapper{display:flex;align-items:center;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;transition:all .3s ease}.edit-website-url-wrapper:focus-within{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;background:#ffffff14}.edit-website-url-wrapper.error{border-color:#ff646499;background:#ff64641a}.edit-website-url-protocol{padding:12px 2px 12px 8px;border:none;background:transparent;color:#ffffffb3;font-size:13px;font-weight:500;outline:none;cursor:pointer;min-width:65px;transition:all .3s ease;appearance:none;text-align:right;position:relative}.edit-website-url-protocol:after{content:"▼";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:8px;color:#fff6;pointer-events:none}.edit-website-url-protocol:hover{background:#ffffff1a;color:#ffffffe6}.edit-website-url-protocol:focus{background:#ffffff1a;color:#ffffffe6}.edit-website-url-protocol option{background:#1a1a2e;color:#fff;padding:8px 12px}.edit-website-url-wrapper .edit-website-input{border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding-left:2px!important;padding-right:16px!important;margin:0!important}.edit-website-url-wrapper .edit-website-input:focus{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.edit-website-error{color:#ff9696e6;font-size:12px;margin-top:4px;min-height:16px}.edit-website-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.edit-website-button{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.edit-website-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-website-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.edit-website-button-primary:active{transform:translateY(0)}.edit-website-button-secondary{background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.edit-website-button-secondary:hover{background:#ffffff40;border-color:#ffffff4d}.edit-website-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-website-button:disabled:hover{transform:none;box-shadow:none}.edit-website-button-upload{background:#ffffff26;color:#ffffffe6;border:1px dashed rgba(255,255,255,.3);padding:10px 24px}.edit-website-button-upload:hover{background:#ffffff40;border-color:#ffffff80}.edit-website-upload-group{display:flex;flex-direction:column;gap:8px}.edit-website-upload-button-wrapper{position:relative}.edit-website-file-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden}.edit-website-upload-progress{height:4px;background:#fff3;border-radius:2px;margin-top:8px;overflow:hidden}.edit-website-upload-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease}.edit-website-upload-hint{font-size:12px;color:#ffffff80;margin:4px 0 0}.edit-website-upload-hint:before{content:"支持 PNG、JPG、GIF、WebP、SVG 格式，最大100KB"}.toast{position:fixed;top:30px;left:50%;transform:translate(-50%) translateY(-100px);z-index:2000;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);min-width:280px;max-width:480px}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;position:relative}.toast-visible{transform:translate(-50%) translateY(0);opacity:1}.toast-icon-wrapper{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:all .3s ease}.toast-success .toast-icon-wrapper{background:#22c55e26;box-shadow:0 0 20px #22c55e4d}.toast-success .toast-icon{filter:drop-shadow(0 0 4px rgba(34,197,94,.6))}.toast-error .toast-icon-wrapper{background:#ef444426;box-shadow:0 0 20px #ef44444d}.toast-error .toast-icon{filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}.toast-warning .toast-icon-wrapper{background:#facc1526;box-shadow:0 0 20px #facc154d}.toast-warning .toast-icon{filter:drop-shadow(0 0 4px rgba(250,204,21,.6))}.toast-info .toast-icon-wrapper{background:#3b82f626;box-shadow:0 0 20px #3b82f64d}.toast-info .toast-icon{filter:drop-shadow(0 0 4px rgba(59,130,246,.6))}.toast-message{flex:1;font-size:14px;font-weight:500;color:#fffffff2;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.toast-continue-btn{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fffffff2;transition:all .3s ease;flex-shrink:0}.toast-continue-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.toast-continue-btn:active{transform:translateY(0)}.toast-progress{position:absolute;bottom:0;left:10%;width:80%;height:3px;border-radius:8px 8px 0 0;transform-origin:left;z-index:1}.toast-success .toast-progress{background:linear-gradient(90deg,#22c55ecc,#22c55e66)}.toast-error .toast-progress{background:linear-gradient(90deg,#ef4444cc,#ef444466)}.toast-warning .toast-progress{background:linear-gradient(90deg,#facc15cc,#facc1566)}.toast-info .toast-progress{background:linear-gradient(90deg,#3b82f6cc,#3b82f666)}@keyframes toastSlideIn{0%{transform:translate(-50%) translateY(-100px);opacity:0}60%{transform:translate(-50%) translateY(10px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.toast-visible .toast-icon-wrapper{animation:iconBounce .5s ease}@media(max-width:768px){.toast{top:20px;left:20px;right:20px;transform:translateY(-100px);min-width:auto;max-width:none}.toast-content{padding:14px 20px}.toast-visible{transform:translateY(0)}.toast-icon-wrapper{width:32px;height:32px;font-size:16px}.toast-message{font-size:13px}}@media(prefers-color-scheme:dark){.toast-content{background:#1e1e1ecc;border-color:#ffffff1a}}.wallpaper-manager{padding:20px;color:#fff}.wallpaper-manager h3{margin-bottom:24px;font-size:18px;font-weight:600}.wallpaper-sources{margin-bottom:32px}.wallpaper-sources h4{margin-bottom:16px;font-size:16px;font-weight:500;color:#fffc}.source-list{display:flex;flex-direction:column;gap:12px}.source-item{padding:14px 16px;border-radius:8px;background:#ffffff1a;cursor:pointer;transition:all .3s ease}.source-item:hover{background:#fff3}.source-item.selected{background:#ffffff4d;border-left:4px solid white}.local-upload{margin-top:12px;margin-bottom:32px}.local-upload input{color:#fff}.solid-color{margin-top:12px;margin-bottom:32px}.solid-color input{width:100%;height:40px;border:none;border-radius:8px;cursor:pointer}.wallpaper-options{margin-bottom:32px}.wallpaper-options h4{margin-bottom:16px;font-size:16px;font-weight:500;color:#fffc}.option-item{margin-bottom:20px}.option-item label{display:flex;flex-direction:column;gap:10px;font-size:14px;cursor:pointer}.option-item input[type=checkbox]{width:auto;cursor:pointer}.option-item input[type=range]{width:100%;cursor:pointer}.wallpaper-preview{margin-top:24px}.wallpaper-preview h4{margin-bottom:16px;font-size:16px;font-weight:500;color:#fffc}.preview-image{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.search-manager{padding:20px;color:#fff}.search-manager h3{margin-bottom:20px;font-size:18px;font-weight:600}.search-box{display:flex;gap:10px;margin-bottom:30px}.search-box input{flex:1;padding:12px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:14px}.search-box input::placeholder{color:#ffffffb3}.search-box button{padding:12px 20px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.search-box button:hover{background:#ffffff4d}.engine-selection{margin-bottom:30px}.engine-selection h4{margin-bottom:15px;font-size:16px;font-weight:500;color:#fffc}.engine-buttons{display:flex;flex-wrap:wrap;gap:10px}.engine-button{padding:8px 16px;border:none;border-radius:15px;background:#fff3;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.engine-favicon{width:16px;height:16px;border-radius:2px;object-fit:cover}.engine-button:hover{background:#ffffff4d}.engine-button.selected{background:#fff6;font-weight:600}.add-engine{margin-bottom:30px}.action-button{padding:10px 20px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.action-button:hover{background:#ffffff4d}.engine-form{background:#ffffff1a;padding:20px;border-radius:8px;margin-bottom:30px}.engine-form h4{margin-bottom:15px;font-size:16px;font-weight:500;color:#fffc}.engine-form input{width:100%;padding:10px;margin-bottom:15px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:14px}.engine-form input::placeholder{color:#ffffffb3}.form-buttons{display:flex;gap:10px;justify-content:flex-end}.form-buttons button{padding:8px 16px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.form-buttons button:hover{background:#ffffff4d}.engine-list{margin-top:30px}.engine-list h4{margin-bottom:15px;font-size:16px;font-weight:500;color:#fffc}.engine-items{display:flex;flex-direction:column;gap:10px}.engine-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;background:#ffffff1a;transition:all .3s ease}.engine-item:hover{background:#fff3}.engine-info{display:flex;align-items:center;gap:10px;flex:1}.engine-icon{font-size:18px}.engine-name{font-weight:500}.engine-actions{display:flex;gap:8px}.edit-engine{width:30px;height:30px;border-radius:50%;border:none;background:#6464ff99;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.edit-engine:hover{background:#6464ffcc;transform:scale(1.1)}.engine-url{font-size:12px;color:#fff9;flex:1;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.delete-engine{width:30px;height:30px;border-radius:50%;border:none;background:#f009;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.delete-engine:hover:not(:disabled){background:#f00c;transform:scale(1.1)}.delete-engine:disabled{background:#ff00004d;cursor:not-allowed}.global-confirm-dialog{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s ease-out}.global-confirm-dialog.parent-container{position:absolute;border-radius:inherit}.global-confirm-dialog .confirm-dialog-content{background-color:#181818f2;padding:30px;border-radius:12px;color:#fff;min-width:320px;box-shadow:0 10px 30px #0009;border:1px solid rgba(255,255,255,.1);animation:confirmSlideUp .3s ease-out}.global-confirm-dialog .confirm-dialog-body{display:flex;flex-direction:column;gap:20px}.global-confirm-dialog .confirm-dialog-title{margin:0;font-size:18px;font-weight:600;color:#fffffff2;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em}.global-confirm-dialog .confirm-dialog-message{margin:10px 0 0;font-size:14px;line-height:1.5;color:#ffffffb3;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.global-confirm-dialog .confirm-dialog-loading{display:flex;flex-direction:column;gap:16px;align-items:center}.global-confirm-dialog .confirm-dialog-loading-spinner{display:flex;align-items:center;gap:10px}.global-confirm-dialog .confirm-dialog-spinner-icon{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;border-radius:50%;animation:spin .8s linear infinite}.global-confirm-dialog .confirm-dialog-loading-text{font-size:14px;color:#fffc}.global-confirm-dialog .confirm-dialog-progress-bar{width:100%;height:3px;background-color:#fff3;border-radius:2px;overflow:hidden}.global-confirm-dialog .confirm-dialog-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#667eeacc,#764ba2cc);border-radius:2px;animation:progress 1.5s ease-in-out infinite}.global-confirm-dialog .confirm-dialog-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.global-confirm-dialog .confirm-dialog-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.global-confirm-dialog .confirm-dialog-btn-primary{background-color:#fffffff2;color:#000}.global-confirm-dialog .confirm-dialog-btn-primary:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.global-confirm-dialog .confirm-dialog-btn-secondary{border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#fffc}.global-confirm-dialog .confirm-dialog-btn-secondary:hover{background-color:#ffffff14;border-color:#ffffff4d}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progress{0%{width:0%;left:0%}to{width:100%;left:0%}}.notes{padding:16px 0}.notes h3{font-size:18px;font-weight:600;margin:0 0 24px;color:#fff;font-family:Poppins,sans-serif}.add-note-button{width:100%;padding:12px 16px;border:2px dashed rgba(100,150,255,.4);border-radius:8px;background:#6496ff1a;color:#6496ffcc;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:8px}.add-note-button:hover{background:#6496ff26;border-color:#6496ff99;color:#6496ff;transform:translateY(-1px);box-shadow:0 4px 12px #6496ff33}.note-form{background:#ffffff0d;border:1px solid rgba(100,150,255,.3);border-radius:8px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.note-form h4{font-size:16px;font-weight:600;margin:0 0 16px;color:#fff;font-family:Poppins,sans-serif}.note-form input{width:100%;padding:12px 16px;border:2px solid rgba(100,150,255,.4);border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease;margin-bottom:12px;box-sizing:border-box}.note-form input:focus{border-color:#6496ffcc;background:#ffffff26;box-shadow:0 0 0 3px #6496ff26;transform:translateY(-1px)}.note-form input::placeholder{color:#fff6;font-style:italic}.note-form textarea{width:100%;padding:12px 16px;border:2px solid rgba(100,150,255,.4);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;font-family:Poppins,sans-serif;outline:none;transition:all .3s ease;resize:vertical;min-height:120px;margin-bottom:16px;box-sizing:border-box}.note-form textarea:focus{border-color:#6496ffcc;background:#ffffff26;box-shadow:0 0 0 3px #6496ff26;transform:translateY(-1px)}.note-form textarea::placeholder{color:#fff6;font-style:italic}.form-buttons{display:flex;gap:12px;justify-content:flex-end}.form-buttons button{padding:10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.form-buttons button:first-child{background:linear-gradient(135deg,#6496ff33,#5078c84d);color:#fff;border-color:#6496ff66}.form-buttons button:first-child:hover{background:linear-gradient(135deg,#6496ff4d,#5078c866);border-color:#6496ff99;transform:translateY(-2px);box-shadow:0 4px 12px #6496ff4d}.form-buttons button:last-child{background:#ffffff0d;color:#fffc;border-color:#ffffff1a}.form-buttons button:last-child:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-list{display:flex;flex-direction:column;gap:16px}.note-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.note-item:hover{border-color:#6496ff4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.note-header h4{font-size:16px;font-weight:600;margin:0;color:#fff;font-family:Poppins,sans-serif;flex:1}.note-header .delete-note{width:28px;height:28px;padding:0;border:1px solid rgba(200,80,80,.3);border-radius:6px;background:#c8505033;color:#ff6b6b;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px}.note-header .delete-note:hover{background:#c850504d;border-color:#c8505080;transform:scale(1.1);box-shadow:0 2px 8px #c850504d}.note-item p{font-size:14px;line-height:1.5;margin:0 0 12px;color:#fffc;word-break:break-word}.note-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.note-footer span{font-size:12px;color:#ffffff80;font-family:Poppins,sans-serif}.import-dialog-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.import-dialog{width:90%;max-width:600px;max-height:80vh;background:#1e1e1ef2;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.import-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.import-dialog-header h2{margin:0;font-size:18px;font-weight:600;color:#fffffff2}.close-btn{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#fffc;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#fff3;color:#fff}.import-dialog-body{flex:1;overflow-y:auto;padding:20px 24px}.select-all-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.select-all-btn{padding:8px 16px;border:none;border-radius:8px;background:#06b6d433;color:#06b6d4e6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.select-all-btn:hover{background:#06b6d44d;color:#06b6d4}.selected-count{font-size:13px;color:#fff9}.tree-container{display:flex;flex-direction:column;gap:2px}.tree-item{display:flex;flex-direction:column}.tree-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.tree-row:hover{background:#ffffff0d}.tree-row.folder{font-weight:500}.checkbox-wrapper{flex-shrink:0}.checkbox{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkbox.checked{background:#06b6d4e6;border-color:#06b6d4e6}.checkbox.partial{background:#06b6d466;border-color:#06b6d499}.checkmark{font-size:12px;color:#fff;font-weight:600}.item-icon{font-size:14px;flex-shrink:0}.item-name{font-size:14px;color:#ffffffe6}.tree-children{display:flex;flex-direction:column}.import-dialog-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.footer-options{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:rgba(6,182,212,.9)}.label-text{font-size:14px;color:#fffc;white-space:nowrap}.action-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 20px;border:none;border-radius:8px;background:#ffffff1a;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#fff3}.import-btn{padding:10px 24px;border:none;border-radius:8px;background:#06b6d4e6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.import-btn:hover:not(:disabled){background:#06b6d4;transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.import-btn:disabled{background:#fff3;cursor:not-allowed}.duplicate-dialog-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.duplicate-dialog{width:90%;max-width:480px;background:#232323fa;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);overflow:hidden}.duplicate-dialog-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.duplicate-dialog-header h3{margin:0;font-size:16px;font-weight:600;color:#fffffff2}.duplicate-dialog-body{padding:20px}.duplicate-dialog-body p{margin:0 0 16px;font-size:14px;color:#ffffffb3}.duplicate-list{margin:0 0 20px;padding:0;list-style:none;max-height:150px;overflow-y:auto}.duplicate-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;margin-bottom:8px}.duplicate-list li:last-child{margin-bottom:0}.site-name{font-size:14px;color:#ffffffe6;font-weight:500}.site-location{font-size:12px;color:#ffffff80}.action-radio-group{display:flex;flex-direction:column;gap:10px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border-radius:8px;transition:background .2s ease}.radio-label:hover{background:#ffffff0d}.radio-label input[type=radio]{width:18px;height:18px;accent-color:rgba(6,182,212,.9)}.radio-label span{font-size:14px;color:#fffc}.duplicate-dialog-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.confirm-btn{padding:10px 24px;border:none;border-radius:8px;background:#06b6d4e6;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-btn:hover{background:#06b6d4;transform:translateY(-1px);box-shadow:0 4px 12px #06b6d44d}.folder-name-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.folder-name-dialog{background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px 32px;max-width:400px;width:90%;text-align:center;animation:scaleIn .3s ease}.folder-name-dialog h3{margin:0 0 20px;color:#fff;font-size:18px;font-weight:600}.folder-name-input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:16px;margin-bottom:24px;outline:none;transition:all .3s ease}.folder-name-input:focus{border-color:#fff6;background:#ffffff1a}.folder-name-buttons{display:flex;gap:12px;justify-content:center}.folder-name-button{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.folder-name-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.folder-name-button-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.folder-name-button-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.folder-name-button-secondary:hover{background:#ffffff26;transform:translateY(-2px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.save-prompt-icon-only{position:fixed;top:30px;right:120px;z-index:1000;display:flex;align-items:center;justify-content:center;animation:slideIn .5s ease-out;transition:opacity .5s ease,transform .5s ease}.save-prompt-icon-only.exiting{opacity:0;transform:scale(.8) translateY(-20px)}@media(max-width:768px){.save-prompt-icon-only{top:20px;right:100px}}.save-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.countdown-ring{position:absolute;top:-4px;left:-4px;z-index:1}.countdown-circle{transform:rotate(-90deg);background:transparent;overflow:visible}.countdown-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:2}.countdown-circle-progress{fill:none;stroke:#facc15cc;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(250,204,21,.5))}.save-icon{width:48px;height:48px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;position:relative;z-index:2}.save-icon:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 6px 16px #0003}.save-prompt-icon-only.has-changes .save-icon{background:#facc1533;border-color:#facc1566;animation:pulse 2s infinite}.save-icon.saving{background:#64b5f633!important;border-color:#64b5f666!important;animation:pulse-blue 1.5s infinite;cursor:not-allowed}.save-icon.saved{background:#4caf5033!important;border-color:#4caf5066!important;cursor:not-allowed;animation:none!important}.save-icon.error{background:#ef444433!important;border-color:#ef444466!important;animation:pulse-red 1.5s infinite;cursor:pointer}.save-prompt-icon-only:hover .save-icon:not(.saving):not(.saved){transform:scale(1.1);box-shadow:0 6px 20px #0006}.save-prompt-icon-only:hover .save-icon.error{transform:scale(1.1);box-shadow:0 6px 20px #ef444466}.save-tooltip{position:absolute;top:60px;right:0;width:300px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;box-shadow:0 8px 32px #0000004d;animation:savePromptFadeIn .3s ease-out;pointer-events:auto}.tooltip-content{display:flex;flex-direction:column;gap:12px}.tooltip-content h3{margin:0;font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tooltip-content p{margin:0;font-size:14px;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4}.tooltip-content.error{background:#ef44441a;border-color:#ef44444d}.save-button{padding:10px 20px;border:none;border-radius:8px;background:#3b82f6cc;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-self:flex-start}.save-button:hover:not(:disabled){background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.save-button:disabled{background:#3b82f666;cursor:not-allowed;transform:none;box-shadow:none}.auto-save-control{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.auto-save-control span{font-size:14px;color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.5)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6cc}input:checked+.toggle-slider:before{transform:translate(26px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes savePromptFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #facc1566}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 #facc1500}}@keyframes pulse-blue{0%{box-shadow:0 0 #64b5f666}70%{box-shadow:0 0 0 10px #64b5f600}to{box-shadow:0 0 #64b5f600}}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@media(max-width:480px){.save-prompt-icon-only{top:15px;right:15px}.save-icon{width:44px;height:44px;font-size:20px}.save-tooltip{width:260px;padding:16px;top:54px}.tooltip-content h3{font-size:14px}.tooltip-content p{font-size:12px}.save-button{padding:8px 16px;font-size:12px}}.save-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:12px;overflow:hidden}.save-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6cc,#64b5f6);border-radius:2px;transition:width .3s ease}.save-progress-indicator{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;background:#1e1e1ef2;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #0006;z-index:10;animation:fadeIn .2s ease;border:1px solid rgba(255,255,255,.1)}.progress-text{font-size:13px;color:#fffffff2;font-weight:500;white-space:nowrap}.progress-bar-container{width:60px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4e6,#3b82f6e6);border-radius:2px;transition:width .3s ease}.progress-bar.loading{background:linear-gradient(90deg,#3b82f64d,#64b5f699,#3b82f64d);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;width:30%!important}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-modal{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:40px;width:90%;max-width:400px;box-shadow:0 8px 32px #0000004d;animation:loginFadeIn .3s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-icon{font-size:48px;margin-bottom:16px}.login-title{font-size:24px;font-weight:600;color:#fff;margin:0}.login-subtitle{font-size:14px;color:#ffffffb3;margin-top:8px}.login-form{display:flex;flex-direction:column;gap:20px}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:14px;font-weight:500;color:#ffffffe6}.login-input{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:16px;outline:none;transition:all .3s ease;box-sizing:border-box}.login-input:focus{border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.login-input::placeholder{color:#ffffff80}.login-button{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-error{color:#ff6b6b;font-size:14px;text-align:center;margin-top:8px;animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.fullscreen-progress-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.progress-container{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px 56px;min-width:420px;max-width:480px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;text-align:center;animation:slideUp .4s ease-out}.progress-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;position:relative;box-shadow:0 10px 30px -5px #667eea66,0 0 0 1px #ffffff1a inset;animation:iconPulse 2s ease-in-out infinite}.progress-icon:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1;opacity:.5;filter:blur(8px);animation:glowPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.progress-title{margin:0 0 12px;font-size:24px;font-weight:600;color:#fff;letter-spacing:-.02em}.progress-message{margin:0 0 32px;font-size:15px;color:#a0a0b0;font-weight:500}.progress-message strong{background:linear-gradient(90deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.import-progress-bar-container{display:flex;align-items:center;gap:16px;margin-bottom:20px;width:100%}.import-progress-bar-large{flex:1;height:8px;background:#ffffff0f;border-radius:100px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000004d}.import-progress-fill-large{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:100px;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #667eea80}.import-progress-fill-large:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerProgress 2s infinite}@keyframes shimmerProgress{0%{left:-100%}to{left:100%}}.import-progress-percentage{font-size:18px;font-weight:700;color:#667eea;min-width:48px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(102,126,234,.5)}.progress-hint{margin:0;font-size:13px;color:#606070;display:flex;align-items:center;justify-content:center;gap:6px}.progress-hint:before{content:"•";color:#667eea;font-size:20px;line-height:0;animation:blinkProgress 2s infinite}@keyframes blinkProgress{0%,to{opacity:1}50%{opacity:.3}}.weather-info{position:absolute;top:1vw;left:1vw;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5);z-index:100;background:#0000004d;padding:.8vw;border-radius:.6vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:35vw}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6vw}.date{font-size:.9vw;font-weight:500;position:relative;cursor:pointer}.lunar-info{position:absolute;background:#000c;color:#fff;padding:.3vw .6vw;border-radius:.3vw;font-size:.8vw;z-index:1000;pointer-events:none}.city{font-size:.8vw;opacity:.9}.time-weather-row{display:flex;justify-content:space-between;align-items:center;width:100%}.time{font-size:1.8vw;font-weight:700;margin-right:1.5vw;width:7vw;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;height:100%}.time-text{display:inline-block;vertical-align:middle}.weather-content{display:flex;align-items:center;cursor:pointer;padding:.3vw 0;border-radius:.3vw;transition:background .2s;flex-wrap:nowrap;justify-content:flex-end;min-height:2.5vw;text-align:right}.temperature-section{margin-left:.8vw;display:flex;align-items:center;height:100%;justify-content:flex-end}.temperature{font-size:1.4vw;font-weight:700;margin-left:.6vw;line-height:1}.weather-section{display:flex;align-items:center;margin-left:.8vw;height:100%;line-height:1;justify-content:flex-end}.weather-icon{font-size:1.4vw;margin-left:.6vw;margin-right:.3vw}.weather-desc{font-size:1.1vw}.details-section{display:flex;gap:1vw;align-items:center;justify-content:flex-end;margin-left:.8vw}.detail-item{display:flex;align-items:center;font-size:.8vw}.detail-icon{font-size:.9vw;margin-right:.3vw}.detail-value{font-weight:500}@media(max-width:768px){.weather-info{top:1vw;left:1vw;max-width:35vw}.time-weather-row{flex-direction:column;align-items:flex-start;gap:1vw}.time{font-size:1.6vw;margin-right:0;text-align:center}.temperature,.weather-icon{font-size:1.4vw}}@font-face{font-family:qweather-icons;src:url(/assets/qweather-icons-CwoLFlcr.woff2?3696017a726a77099c2617f87a3367ac) format("woff2"),url(/assets/qweather-icons-DxjWjVe0.woff?3696017a726a77099c2617f87a3367ac) format("woff"),url(/assets/qweather-icons-JLuyVbgl.ttf?3696017a726a77099c2617f87a3367ac) format("truetype")}[class^=qi-]:before,[class*=" qi-"]:before{display:inline-block;font-family:qweather-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qi-100:before{content:""}.qi-101:before{content:""}.qi-102:before{content:""}.qi-103:before{content:""}.qi-104:before{content:""}.qi-150:before{content:""}.qi-151:before{content:""}.qi-152:before{content:""}.qi-153:before{content:""}.qi-300:before{content:""}.qi-301:before{content:""}.qi-302:before{content:""}.qi-303:before{content:""}.qi-304:before{content:""}.qi-305:before{content:""}.qi-306:before{content:""}.qi-307:before{content:""}.qi-308:before{content:""}.qi-309:before{content:""}.qi-310:before{content:""}.qi-311:before{content:""}.qi-312:before{content:""}.qi-313:before{content:""}.qi-314:before{content:""}.qi-315:before{content:""}.qi-316:before{content:""}.qi-317:before{content:""}.qi-318:before{content:""}.qi-350:before{content:""}.qi-351:before{content:""}.qi-399:before{content:""}.qi-400:before{content:""}.qi-401:before{content:""}.qi-402:before{content:""}.qi-403:before{content:""}.qi-404:before{content:""}.qi-405:before{content:""}.qi-406:before{content:""}.qi-407:before{content:""}.qi-408:before{content:""}.qi-409:before{content:""}.qi-410:before{content:""}.qi-456:before{content:""}.qi-457:before{content:""}.qi-499:before{content:""}.qi-500:before{content:""}.qi-501:before{content:""}.qi-502:before{content:""}.qi-503:before{content:""}.qi-504:before{content:""}.qi-507:before{content:""}.qi-508:before{content:""}.qi-509:before{content:""}.qi-510:before{content:""}.qi-511:before{content:""}.qi-512:before{content:""}.qi-513:before{content:""}.qi-514:before{content:""}.qi-515:before{content:""}.qi-800:before{content:""}.qi-801:before{content:""}.qi-802:before{content:""}.qi-803:before{content:""}.qi-804:before{content:""}.qi-805:before{content:""}.qi-806:before{content:""}.qi-807:before{content:""}.qi-900:before{content:""}.qi-901:before{content:""}.qi-999:before{content:""}.qi-1001:before{content:""}.qi-1002:before{content:""}.qi-1003:before{content:""}.qi-1004:before{content:""}.qi-1005:before{content:""}.qi-1006:before{content:""}.qi-1007:before{content:""}.qi-1008:before{content:""}.qi-1009:before{content:""}.qi-1010:before{content:""}.qi-1011:before{content:""}.qi-1012:before{content:""}.qi-1013:before{content:""}.qi-1014:before{content:""}.qi-1015:before{content:""}.qi-1016:before{content:""}.qi-1017:before{content:""}.qi-1018:before{content:""}.qi-1019:before{content:""}.qi-1020:before{content:""}.qi-1021:before{content:""}.qi-1022:before{content:""}.qi-1023:before{content:""}.qi-1024:before{content:""}.qi-1025:before{content:""}.qi-1026:before{content:""}.qi-1027:before{content:""}.qi-1028:before{content:""}.qi-1029:before{content:""}.qi-1030:before{content:""}.qi-1031:before{content:""}.qi-1032:before{content:""}.qi-1033:before{content:""}.qi-1034:before{content:""}.qi-1035:before{content:""}.qi-1036:before{content:""}.qi-1037:before{content:""}.qi-1038:before{content:""}.qi-1039:before{content:""}.qi-1040:before{content:""}.qi-1041:before{content:""}.qi-1042:before{content:""}.qi-1043:before{content:""}.qi-1044:before{content:""}.qi-1045:before{content:""}.qi-1046:before{content:""}.qi-1047:before{content:""}.qi-1048:before{content:""}.qi-1049:before{content:""}.qi-1050:before{content:""}.qi-1051:before{content:""}.qi-1052:before{content:""}.qi-1053:before{content:""}.qi-1054:before{content:""}.qi-1055:before{content:""}.qi-1056:before{content:""}.qi-1057:before{content:""}.qi-1058:before{content:""}.qi-1059:before{content:""}.qi-1060:before{content:""}.qi-1061:before{content:""}.qi-1062:before{content:""}.qi-1063:before{content:""}.qi-1064:before{content:""}.qi-1065:before{content:""}.qi-1066:before{content:""}.qi-1067:before{content:""}.qi-1068:before{content:""}.qi-1069:before{content:""}.qi-1071:before{content:""}.qi-1072:before{content:""}.qi-1073:before{content:""}.qi-1074:before{content:""}.qi-1075:before{content:""}.qi-1076:before{content:""}.qi-1077:before{content:""}.qi-1078:before{content:""}.qi-1079:before{content:""}.qi-1080:before{content:""}.qi-1081:before{content:""}.qi-1082:before{content:""}.qi-1084:before{content:""}.qi-1085:before{content:""}.qi-1086:before{content:""}.qi-1087:before{content:""}.qi-1088:before{content:""}.qi-1089:before{content:""}.qi-1201:before{content:""}.qi-1202:before{content:""}.qi-1203:before{content:""}.qi-1204:before{content:""}.qi-1205:before{content:""}.qi-1206:before{content:""}.qi-1207:before{content:""}.qi-1208:before{content:""}.qi-1209:before{content:""}.qi-1210:before{content:""}.qi-1211:before{content:""}.qi-1212:before{content:""}.qi-1213:before{content:""}.qi-1214:before{content:""}.qi-1215:before{content:""}.qi-1216:before{content:""}.qi-1217:before{content:""}.qi-1218:before{content:""}.qi-1219:before{content:""}.qi-1221:before{content:""}.qi-1241:before{content:""}.qi-1242:before{content:""}.qi-1243:before{content:""}.qi-1244:before{content:""}.qi-1245:before{content:""}.qi-1246:before{content:""}.qi-1247:before{content:""}.qi-1248:before{content:""}.qi-1249:before{content:""}.qi-1250:before{content:""}.qi-1251:before{content:""}.qi-1271:before{content:""}.qi-1272:before{content:""}.qi-1273:before{content:""}.qi-1274:before{content:""}.qi-1601:before{content:""}.qi-1602:before{content:""}.qi-1603:before{content:""}.qi-1604:before{content:""}.qi-1605:before{content:""}.qi-1606:before{content:""}.qi-1607:before{content:""}.qi-1608:before{content:""}.qi-1609:before{content:""}.qi-1610:before{content:""}.qi-1701:before{content:""}.qi-1702:before{content:""}.qi-1703:before{content:""}.qi-1704:before{content:""}.qi-1705:before{content:""}.qi-1706:before{content:""}.qi-1707:before{content:""}.qi-1708:before{content:""}.qi-1709:before{content:""}.qi-1710:before{content:""}.qi-1801:before{content:""}.qi-1802:before{content:""}.qi-1803:before{content:""}.qi-1804:before{content:""}.qi-1805:before{content:""}.qi-2001:before{content:""}.qi-2002:before{content:""}.qi-2003:before{content:""}.qi-2004:before{content:""}.qi-2005:before{content:""}.qi-2006:before{content:""}.qi-2007:before{content:""}.qi-2029:before{content:""}.qi-2030:before{content:""}.qi-2031:before{content:""}.qi-2032:before{content:""}.qi-2033:before{content:""}.qi-2050:before{content:""}.qi-2051:before{content:""}.qi-2052:before{content:""}.qi-2053:before{content:""}.qi-2054:before{content:""}.qi-2070:before{content:""}.qi-2071:before{content:""}.qi-2072:before{content:""}.qi-2073:before{content:""}.qi-2074:before{content:""}.qi-2075:before{content:""}.qi-2076:before{content:""}.qi-2077:before{content:""}.qi-2078:before{content:""}.qi-2079:before{content:""}.qi-2080:before{content:""}.qi-2081:before{content:""}.qi-2082:before{content:""}.qi-2083:before{content:""}.qi-2084:before{content:""}.qi-2085:before{content:""}.qi-2100:before{content:""}.qi-2101:before{content:""}.qi-2102:before{content:""}.qi-2103:before{content:""}.qi-2104:before{content:""}.qi-2105:before{content:""}.qi-2106:before{content:""}.qi-2107:before{content:""}.qi-2108:before{content:""}.qi-2109:before{content:""}.qi-2111:before{content:""}.qi-2120:before{content:""}.qi-2121:before{content:""}.qi-2122:before{content:""}.qi-2123:before{content:""}.qi-2124:before{content:""}.qi-2125:before{content:""}.qi-2126:before{content:""}.qi-2127:before{content:""}.qi-2128:before{content:""}.qi-2129:before{content:""}.qi-2130:before{content:""}.qi-2131:before{content:""}.qi-2132:before{content:""}.qi-2133:before{content:""}.qi-2134:before{content:""}.qi-2135:before{content:""}.qi-2150:before{content:""}.qi-2151:before{content:""}.qi-2152:before{content:""}.qi-2153:before{content:""}.qi-2154:before{content:""}.qi-2155:before{content:""}.qi-2156:before{content:""}.qi-2157:before{content:""}.qi-2158:before{content:""}.qi-2159:before{content:""}.qi-2160:before{content:""}.qi-2161:before{content:""}.qi-2162:before{content:""}.qi-2163:before{content:""}.qi-2164:before{content:""}.qi-2165:before{content:""}.qi-2166:before{content:""}.qi-2167:before{content:""}.qi-2190:before{content:""}.qi-2191:before{content:""}.qi-2192:before{content:""}.qi-2193:before{content:""}.qi-2200:before{content:""}.qi-2201:before{content:""}.qi-2202:before{content:""}.qi-2203:before{content:""}.qi-2204:before{content:""}.qi-2205:before{content:""}.qi-2207:before{content:""}.qi-2208:before{content:""}.qi-2209:before{content:""}.qi-2210:before{content:""}.qi-2211:before{content:""}.qi-2212:before{content:""}.qi-2213:before{content:""}.qi-2214:before{content:""}.qi-2215:before{content:""}.qi-2216:before{content:""}.qi-2217:before{content:""}.qi-2218:before{content:""}.qi-2300:before{content:""}.qi-2301:before{content:""}.qi-2302:before{content:""}.qi-2303:before{content:""}.qi-2304:before{content:""}.qi-2305:before{content:""}.qi-2306:before{content:""}.qi-2307:before{content:""}.qi-2308:before{content:""}.qi-2309:before{content:""}.qi-2311:before{content:""}.qi-2312:before{content:""}.qi-2313:before{content:""}.qi-2314:before{content:""}.qi-2315:before{content:""}.qi-2316:before{content:""}.qi-2317:before{content:""}.qi-2318:before{content:""}.qi-2319:before{content:""}.qi-2320:before{content:""}.qi-2321:before{content:""}.qi-2322:before{content:""}.qi-2323:before{content:""}.qi-2324:before{content:""}.qi-2325:before{content:""}.qi-2326:before{content:""}.qi-2327:before{content:""}.qi-2328:before{content:""}.qi-2330:before{content:""}.qi-2331:before{content:""}.qi-2332:before{content:""}.qi-2333:before{content:""}.qi-2341:before{content:""}.qi-2343:before{content:""}.qi-2345:before{content:""}.qi-2346:before{content:""}.qi-2348:before{content:""}.qi-2349:before{content:""}.qi-2350:before{content:""}.qi-2351:before{content:""}.qi-2352:before{content:""}.qi-2353:before{content:""}.qi-2354:before{content:""}.qi-2355:before{content:""}.qi-2356:before{content:""}.qi-2357:before{content:""}.qi-2358:before{content:""}.qi-2359:before{content:""}.qi-2360:before{content:""}.qi-2361:before{content:""}.qi-2362:before{content:""}.qi-2363:before{content:""}.qi-2364:before{content:""}.qi-2365:before{content:""}.qi-2366:before{content:""}.qi-2367:before{content:""}.qi-2368:before{content:""}.qi-2369:before{content:""}.qi-2370:before{content:""}.qi-2371:before{content:""}.qi-2372:before{content:""}.qi-2373:before{content:""}.qi-2374:before{content:""}.qi-2375:before{content:""}.qi-2376:before{content:""}.qi-2377:before{content:""}.qi-2378:before{content:""}.qi-2379:before{content:""}.qi-2380:before{content:""}.qi-2381:before{content:""}.qi-2382:before{content:""}.qi-2383:before{content:""}.qi-2384:before{content:""}.qi-2385:before{content:""}.qi-2386:before{content:""}.qi-2387:before{content:""}.qi-2388:before{content:""}.qi-2389:before{content:""}.qi-2390:before{content:""}.qi-2391:before{content:""}.qi-2392:before{content:""}.qi-2393:before{content:""}.qi-2394:before{content:""}.qi-2395:before{content:""}.qi-2396:before{content:""}.qi-2397:before{content:""}.qi-2398:before{content:""}.qi-2399:before{content:""}.qi-2400:before{content:""}.qi-2409:before{content:""}.qi-2411:before{content:""}.qi-2412:before{content:""}.qi-2413:before{content:""}.qi-2414:before{content:""}.qi-2415:before{content:""}.qi-2416:before{content:""}.qi-2417:before{content:""}.qi-2418:before{content:""}.qi-2419:before{content:""}.qi-2420:before{content:""}.qi-2421:before{content:""}.qi-2422:before{content:""}.qi-2423:before{content:""}.qi-2424:before{content:""}.qi-2425:before{content:""}.qi-2426:before{content:""}.qi-2501:before{content:""}.qi-2502:before{content:""}.qi-2521:before{content:""}.qi-2522:before{content:""}.qi-2523:before{content:""}.qi-2524:before{content:""}.qi-2525:before{content:""}.qi-2526:before{content:""}.qi-2527:before{content:""}.qi-2528:before{content:""}.qi-2529:before{content:""}.qi-2530:before{content:""}.qi-2531:before{content:""}.qi-2532:before{content:""}.qi-2550:before{content:""}.qi-2551:before{content:""}.qi-2552:before{content:""}.qi-2553:before{content:""}.qi-2554:before{content:""}.qi-9999:before{content:""}.qi-100-fill:before{content:""}.qi-101-fill:before{content:""}.qi-102-fill:before{content:""}.qi-103-fill:before{content:""}.qi-104-fill:before{content:""}.qi-150-fill:before{content:""}.qi-151-fill:before{content:""}.qi-152-fill:before{content:""}.qi-153-fill:before{content:""}.qi-300-fill:before{content:""}.qi-301-fill:before{content:""}.qi-302-fill:before{content:""}.qi-303-fill:before{content:""}.qi-304-fill:before{content:""}.qi-305-fill:before{content:""}.qi-306-fill:before{content:""}.qi-307-fill:before{content:""}.qi-308-fill:before{content:""}.qi-309-fill:before{content:""}.qi-310-fill:before{content:""}.qi-311-fill:before{content:""}.qi-312-fill:before{content:""}.qi-313-fill:before{content:""}.qi-314-fill:before{content:""}.qi-315-fill:before{content:""}.qi-316-fill:before{content:""}.qi-317-fill:before{content:""}.qi-318-fill:before{content:""}.qi-350-fill:before{content:""}.qi-351-fill:before{content:""}.qi-399-fill:before{content:""}.qi-400-fill:before{content:""}.qi-401-fill:before{content:""}.qi-402-fill:before{content:""}.qi-403-fill:before{content:""}.qi-404-fill:before{content:""}.qi-405-fill:before{content:""}.qi-406-fill:before{content:""}.qi-407-fill:before{content:""}.qi-408-fill:before{content:""}.qi-409-fill:before{content:""}.qi-410-fill:before{content:""}.qi-456-fill:before{content:""}.qi-457-fill:before{content:""}.qi-499-fill:before{content:""}.qi-500-fill:before{content:""}.qi-501-fill:before{content:""}.qi-502-fill:before{content:""}.qi-503-fill:before{content:""}.qi-504-fill:before{content:""}.qi-507-fill:before{content:""}.qi-508-fill:before{content:""}.qi-509-fill:before{content:""}.qi-510-fill:before{content:""}.qi-511-fill:before{content:""}.qi-512-fill:before{content:""}.qi-513-fill:before{content:""}.qi-514-fill:before{content:""}.qi-515-fill:before{content:""}.qi-900-fill:before{content:""}.qi-901-fill:before{content:""}.qi-999-fill:before{content:""}.qi-qweather-fill:before{content:""}.qi-qweather:before{content:""}.qi-sunny:before{content:""}.qi-cloudy:before{content:""}.qi-few-clouds:before{content:""}.qi-partly-cloudy:before{content:""}.qi-overcast:before{content:""}.qi-clear-night:before{content:""}.qi-cloudy-night:before{content:""}.qi-few-clouds-night:before{content:""}.qi-partly-cloudy-night:before{content:""}.qi-shower-rain:before{content:""}.qi-heavy-shower-rain:before{content:""}.qi-thundershower:before{content:""}.qi-heavy-thunderstorm:before{content:""}.qi-thundershower-with-hail:before{content:""}.qi-light-rain:before{content:""}.qi-moderate-rain:before{content:""}.qi-heavy-rain:before{content:""}.qi-extreme-rain:before{content:""}.qi-drizzle-rain:before{content:""}.qi-storm:before{content:""}.qi-heavy-storm:before{content:""}.qi-severe-storm:before{content:""}.qi-freezing-rain:before{content:""}.qi-light-to-moderate-rain:before{content:""}.qi-moderate-to-heavy-rain:before{content:""}.qi-heavy-rain-to-storm:before{content:""}.qi-storm-to-heavy-storm:before{content:""}.qi-heavy-to-severe-storm:before{content:""}.qi-shower-rain-night:before{content:""}.qi-heavy-shower-rain-night:before{content:""}.qi-rain:before{content:""}.qi-light-snow:before{content:""}.qi-moderate-snow:before{content:""}.qi-heavy-snow:before{content:""}.qi-snowstorm:before{content:""}.qi-sleet:before{content:""}.qi-rain-and-snow:before{content:""}.qi-shower-snow:before{content:""}.qi-snow-flurry:before{content:""}.qi-light-to-moderate-snow:before{content:""}.qi-moderate-to-heavy-snow:before{content:""}.qi-heavy-snow-to-snowstorm:before{content:""}.qi-shower-snow-night:before{content:""}.qi-snow-flurry-night:before{content:""}.qi-snow:before{content:""}.qi-mist:before{content:""}.qi-foggy:before{content:""}.qi-haze:before{content:""}.qi-sand:before{content:""}.qi-dust:before{content:""}.qi-duststorm:before{content:""}.qi-sandstorm:before{content:""}.qi-dense-fog:before{content:""}.qi-strong-fog:before{content:""}.qi-moderate-haze:before{content:""}.qi-heavy-haze:before{content:""}.qi-severe-haze:before{content:""}.qi-heavy-fog:before{content:""}.qi-extra-heavy-fog:before{content:""}.qi-new-moon:before{content:""}.qi-waxing-crescent:before{content:""}.qi-first-quarter:before{content:""}.qi-waxing-gibbous:before{content:""}.qi-full-moon:before{content:""}.qi-waning-gibbous:before{content:""}.qi-last-quarter:before{content:""}.qi-waning-crescent:before{content:""}.qi-hot:before{content:""}.qi-cold:before{content:""}.qi-unknown:before{content:""}.qi-typhoon:before{content:""}.qi-tornado:before{content:""}.qi-rainstorm:before{content:""}.qi-snow-storm:before{content:""}.qi-cold-wave:before{content:""}.qi-gale:before{content:""}.qi-sandstorm-warning:before{content:""}.qi-low-temperature-freeze:before{content:""}.qi-high-temperature:before{content:""}.qi-heat-wave:before{content:""}.qi-dry-hot-wind:before{content:""}.qi-downburst:before{content:""}.qi-avalanche:before{content:""}.qi-lightning:before{content:""}.qi-hail:before{content:""}.qi-frost:before{content:""}.qi-heavy-fog-warning:before{content:""}.qi-low-level-wind-shearl:before{content:""}.qi-haze-warning:before{content:""}.qi-thunder-gust:before{content:""}.qi-road-icing:before{content:""}.qi-drought:before{content:""}.qi-gale-at-sea:before{content:""}.qi-heat-stroke:before{content:""}.qi-wildfire:before{content:""}.qi-grassland-fire:before{content:""}.qi-freeze:before{content:""}.qi-space-weather:before{content:""}.qi-heavy-air-pollution:before{content:""}.qi-low-temperature-rain-and-snow:before{content:""}.qi-strong-convection:before{content:""}.qi-ozone:before{content:""}.qi-heavy-snow-warning:before{content:""}.qi-cold-warning:before{content:""}.qi-continuous-rain:before{content:""}.qi-waterlogging:before{content:""}.qi-geological-hazard:before{content:""}.qi-heavy-rainfall:before{content:""}.qi-severely-falling-temperature:before{content:""}.qi-snow-disaster:before{content:""}.qi-wildfire-grassland:before{content:""}.qi-medical-meteorology:before{content:""}.qi-thunderstorm:before{content:""}.qi-school-closure:before{content:""}.qi-factory-closure:before{content:""}.qi-maritime-risk:before{content:""}.qi-spring-dust:before{content:""}.qi-falling-temperature:before{content:""}.qi-typhoon-and-rainstorm:before{content:""}.qi-severe-cold:before{content:""}.qi-sand-dust:before{content:""}.qi-sea-thunderstorms:before{content:""}.qi-sea-fog:before{content:""}.qi-sea-thunder:before{content:""}.qi-sea-typhoon:before{content:""}.qi-low-temperature:before{content:""}.qi-road-ice-and-snow:before{content:""}.qi-thunderstorm-and-gale:before{content:""}.qi-continuous-low-temperature:before{content:""}.qi-low-visibility:before{content:""}.qi-strong-dust:before{content:""}.qi-gale-in-sea-area:before{content:""}.qi-short-duration-heavy-shower-rain:before{content:""}.qi-short-lived-heavy-shower-rain:before{content:""}.qi-sea-area-fog:before{content:""}.qi-heat-stroke-conditions:before{content:""}.qi-heavy-pollution-weather:before{content:""}.qi-co-poisoning-weather-conditions:before{content:""}.qi-respiratory-disease-weather-wonditions:before{content:""}.qi-intestinal-disease-weather-wonditions:before{content:""}.qi-cardiovascular-disease-weather-wonditions:before{content:""}.qi-flooding-weather-risk:before{content:""}.qi-heavy-pollution-weather-conditions:before{content:""}.qi-urban-flooding-weather-risk:before{content:""}.qi-flooding-weather-risk-2:before{content:""}.qi-wildfire-weather-risk:before{content:""}.qi-meteorological-drought:before{content:""}.qi-agricultural-weather-risk:before{content:""}.qi-strong-monsoon:before{content:""}.qi-ice-accretion-on-wire:before{content:""}.qi-stroke-weather-risk:before{content:""}.qi-wildfire-grassland-risk:before{content:""}.qi-thunderstorm-and-strong-winds:before{content:""}.qi-low-temperature-freeze2:before{content:""}.qi-low-temperature-damage:before{content:""}.qi-national-agricultural-meteorological-risk:before{content:""}.qi-dry-hot-wind-risk-for-winter-wheat:before{content:""}.qi-flood:before{content:""}.qi-urban-flooding:before{content:""}.qi-reservoir-danger:before{content:""}.qi-dike-danger:before{content:""}.qi-ice-flood:before{content:""}.qi-waterlogging2:before{content:""}.qi-flood-and-waterlogging:before{content:""}.qi-dry-water:before{content:""}.qi-flood-and-flash-flood-in-small-and-medium-rivers:before{content:""}.qi-difficulty-drinking-water-for-rural-people-and-animals:before{content:""}.qi-flood-in-small-and-medium-rivers:before{content:""}.qi-flood-and-drought-advisory:before{content:""}.qi-urban-flood-risk:before{content:""}.qi-flash-flood:before{content:""}.qi-agricultural-drought:before{content:""}.qi-urban-water-shortage:before{content:""}.qi-ecological-drought:before{content:""}.qi-disaster-risk-early-warning:before{content:""}.qi-flash-flood-weather-risk:before{content:""}.qi-water-conservancy-and-drought:before{content:""}.qi-landslide:before{content:""}.qi-debris-flows:before{content:""}.qi-landslide-event:before{content:""}.qi-ground-collapses:before{content:""}.qi-ground-fissure:before{content:""}.qi-land-subsidence:before{content:""}.qi-volcanic-eruption:before{content:""}.qi-geological-hazard-weather-risk:before{content:""}.qi-geological-hazard-weather:before{content:""}.qi-geological-hazard2:before{content:""}.qi-geological-hazard-risk:before{content:""}.qi-air-pollution-incident:before{content:""}.qi-heavy-air-pollution-2:before{content:""}.qi-air-pollution:before{content:""}.qi-heavy-pollution-weather-2:before{content:""}.qi-very-hot-weather:before{content:""}.qi-strong-monsoon-signal:before{content:""}.qi-landslip:before{content:""}.qi-tropical-cyclone:before{content:""}.qi-fire-danger:before{content:""}.qi-flooding-in-the-northern-new-territories:before{content:""}.qi-cold-weather:before{content:""}.qi-thunderstorm2:before{content:""}.qi-rainstorm2:before{content:""}.qi-frost2:before{content:""}.qi-cold-surge-advisory:before{content:""}.qi-strong-wind-advisory:before{content:""}.qi-rainfall-advisory:before{content:""}.qi-typhoon2:before{content:""}.qi-dense-fog2:before{content:""}.qi-thunderstorm7:before{content:""}.qi-heat2:before{content:""}.qi-flood3:before{content:""}.qi-high-water:before{content:""}.qi-drought3:before{content:""}.qi-strong-monsoon-signal2:before{content:""}.qi-storm-surge2:before{content:""}.qi-tropical-cyclone2:before{content:""}.qi-rainstorm3:before{content:""}.qi-thunderstorm3:before{content:""}.qi-wind-warning:before{content:""}.qi-snow-ice:before{content:""}.qi-fog:before{content:""}.qi-coastal-event:before{content:""}.qi-forest-fire:before{content:""}.qi-rain-warning:before{content:""}.qi-rain-flood:before{content:""}.qi-thunderstorm4:before{content:""}.qi-high-temperature2:before{content:""}.qi-low-temperature2:before{content:""}.qi-avalanches:before{content:""}.qi-flooding:before{content:""}.qi-rain-warning2:before{content:""}.qi-wind:before{content:""}.qi-snow-warning:before{content:""}.qi-zonda-wind:before{content:""}.qi-storm-warning:before{content:""}.qi-dust-raising-winds2:before{content:""}.qi-strong-surface-winds2:before{content:""}.qi-hot-day2:before{content:""}.qi-warm-night2:before{content:""}.qi-cold-day2:before{content:""}.qi-thunderstorm-and-lightning2:before{content:""}.qi-hailstorm2:before{content:""}.qi-sea-area-warning2:before{content:""}.qi-fishermen-warning2:before{content:""}.qi-heavy-snow-warning2:before{content:""}.qi-dust-storm:before{content:""}.qi-heat-wave2:before{content:""}.qi-cold-wave2:before{content:""}.qi-fog2:before{content:""}.qi-heavy-rain-warning:before{content:""}.qi-ground-frost2:before{content:""}.qi-fog3:before{content:""}.qi-thunder-rain2:before{content:""}.qi-thunder-storm:before{content:""}.qi-light-rain-warning:before{content:""}.qi-heavy-rain-warning2:before{content:""}.qi-fresh-wind:before{content:""}.qi-thunderstorm-and-dust:before{content:""}.qi-dust-warning:before{content:""}.qi-high-wave:before{content:""}.qi-frost3:before{content:""}.qi-drop-in-visibility:before{content:""}.qi-low-humidity2:before{content:""}.qi-accumulated-rain2:before{content:""}.qi-cold-wave3:before{content:""}.qi-tornado2:before{content:""}.qi-thunderstorm5:before{content:""}.qi-hail2:before{content:""}.qi-heavy-rainfall2:before{content:""}.qi-gale2:before{content:""}.qi-heat-wave3:before{content:""}.qi-cold-warning2:before{content:""}.qi-frost4:before{content:""}.qi-drought2:before{content:""}.qi-forest-fire2:before{content:""}.qi-severely-falling-temperature2:before{content:""}.qi-rainstorm4:before{content:""}.qi-wind2:before{content:""}.qi-snow-ice2:before{content:""}.qi-freeze2:before{content:""}.qi-thunderstorms:before{content:""}.qi-fog4:before{content:""}.qi-high-temperature3:before{content:""}.qi-low-temperature3:before{content:""}.qi-coastal-event2:before{content:""}.qi-forest-fire3:before{content:""}.qi-avalanches2:before{content:""}.qi-flood2:before{content:""}.qi-rain-flood2:before{content:""}.qi-mudflow2:before{content:""}.qi-duststorm-warning:before{content:""}.qi-freezing-rain-and-icing:before{content:""}.qi-other-dangers:before{content:""}.qi-low-water:before{content:""}.qi-severe-thunderstorms:before{content:""}.qi-damaging-winds2:before{content:""}.qi-veld-fire-conditions2:before{content:""}.qi-weather-advisory2:before{content:""}.qi-thunderstorm6:before{content:""}.qi-squall:before{content:""}.qi-air-quality:before{content:""}.qi-rainfall:before{content:""}.qi-fog5:before{content:""}.qi-heat:before{content:""}.qi-wildfire2:before{content:""}.qi-wind3:before{content:""}.qi-freezing-rain-warning:before{content:""}.qi-tornado3:before{content:""}.qi-blizzard:before{content:""}.qi-weather-warning:before{content:""}.qi-winter-storm:before{content:""}.qi-freezing-drizzle:before{content:""}.qi-snowfall:before{content:""}.qi-blowing-snow:before{content:""}.qi-extreme-cold:before{content:""}.qi-frost5:before{content:""}.qi-hazardous-seas-warning:before{content:""}.qi-heavy-freezing-spray-warning:before{content:""}.qi-red-flag-warning:before{content:""}.qi-freeze-warning:before{content:""}.qi-hard-freeze-warning:before{content:""}.qi-extreme-cold-warning:before{content:""}.qi-wind-chill-warning:before{content:""}.qi-gale-warning:before{content:""}.qi-excessive-heat-warning:before{content:""}.qi-lake-effect-snow-warning:before{content:""}.qi-blowing-dust-warning:before{content:""}.qi-dust-storm-warning:before{content:""}.qi-storm-warning2:before{content:""}.qi-tropical-storm-warning:before{content:""}.qi-high-wind-warning:before{content:""}.qi-high-surf-warning:before{content:""}.qi-flood-warning:before{content:""}.qi-lakeshore-flood-warning:before{content:""}.qi-coastal-flood-warning:before{content:""}.qi-ashfall-warning:before{content:""}.qi-volcano-warning:before{content:""}.qi-earthquake-warning:before{content:""}.qi-avalanche-warning:before{content:""}.qi-winter-storm-warning:before{content:""}.qi-ice-storm-warning:before{content:""}.qi-snow-squall-warning:before{content:""}.qi-blizzard-warning:before{content:""}.qi-special-marine-warning:before{content:""}.qi-typhoon-warning:before{content:""}.qi-hurricane-warning:before{content:""}.qi-hurricane-force-wind-warning:before{content:""}.qi-storm-surge-warning:before{content:""}.qi-flash-flood-warning:before{content:""}.qi-severe-thunderstorm-warning:before{content:""}.qi-extreme-wind-warning:before{content:""}.qi-tornado-warning:before{content:""}.qi-tsunami-warning:before{content:""}.qi-fire-weather-watch:before{content:""}.qi-freeze-watch:before{content:""}.qi-hard-freeze-watch:before{content:""}.qi-wind-chill-watch:before{content:""}.qi-extreme-cold-watch:before{content:""}.qi-excessive-heat-watch:before{content:""}.qi-high-wind-watch:before{content:""}.qi-flood-watch:before{content:""}.qi-lakeshore-flood-watch:before{content:""}.qi-coastal-flood-watch:before{content:""}.qi-heavy-freezing-spray-watch:before{content:""}.qi-hazardous-seas-watch:before{content:""}.qi-winter-storm-watch:before{content:""}.qi-gale-watch:before{content:""}.qi-avalanche-watch:before{content:""}.qi-storm-watch:before{content:""}.qi-tropical-storm-watch:before{content:""}.qi-typhoon-watch:before{content:""}.qi-hurricane-force-wind-watch:before{content:""}.qi-hurricane-watch:before{content:""}.qi-storm-surge-watch:before{content:""}.qi-flash-flood-watch:before{content:""}.qi-severe-thunderstorm-watch:before{content:""}.qi-tornado-watch:before{content:""}.qi-tsunami-watch:before{content:""}.qi-air-stagnation-advisory:before{content:""}.qi-low-water-advisory:before{content:""}.qi-freezing-spray-advisory:before{content:""}.qi-freezing-fog-advisory:before{content:""}.qi-ashfall-advisory:before{content:""}.qi-frost-advisory:before{content:""}.qi-wind-advisory:before{content:""}.qi-lake-wind-advisory:before{content:""}.qi-blowing-dust-advisory:before{content:""}.qi-dust-advisory:before{content:""}.qi-brisk-wind-advisory:before{content:""}.qi-small-craft-advisory:before{content:""}.qi-small-craft-advisory-for-winds:before{content:""}.qi-small-craft-advisory-for-rough-bar:before{content:""}.qi-small-craft-advisory-for-hazardous-seas:before{content:""}.qi-dense-smoke-advisory:before{content:""}.qi-dense-fog-advisory:before{content:""}.qi-high-surf-advisory:before{content:""}.qi-coastal-flood-advisory:before{content:""}.qi-lakeshore-flood-advisory:before{content:""}.qi-hydrologic-advisory:before{content:""}.qi-flood-advisory:before{content:""}.qi-heat-advisory:before{content:""}.qi-wind-chill-advisory:before{content:""}.qi-winter-weather-advisory:before{content:""}.qi-avalanche-advisory:before{content:""}.qi-tsunami-advisory:before{content:""}.qi-flood-statement:before{content:""}.qi-hydrologic-outlook:before{content:""}.qi-hazardous-weather-outlook:before{content:""}.qi-air-quality-alert:before{content:""}.qi-extreme-fire-danger:before{content:""}.qi-marine-weather-statement:before{content:""}.qi-special-weather-statement:before{content:""}.qi-lakeshore-flood-statement:before{content:""}.qi-coastal-flood-statement:before{content:""}.qi-beach-hazards-statement:before{content:""}.qi-rip-current-statement:before{content:""}.qi-tropical-depression-local-statement:before{content:""}.qi-tropical-storm-local-statement:before{content:""}.qi-typhoon-local-statement:before{content:""}.qi-hurricane-local-statement:before{content:""}.qi-severe-weather-statement:before{content:""}.qi-flash-flood-statement:before{content:""}.qi-heavy-rain2:before{content:""}.qi-very-heavy-rain:before{content:""}.qi-moderate-rain2:before{content:""}.qi-light-rain2:before{content:""}.qi-heavy-rain3:before{content:""}.qi-light-mist:before{content:""}.qi-raised-dust:before{content:""}.qi-high-winds:before{content:""}.qi-dusty-plankton:before{content:""}.qi-active-winds:before{content:""}.qi-fog6:before{content:""}.qi-light-fog:before{content:""}.qi-heavy-rain4:before{content:""}.qi-strong-wind:before{content:""}.qi-heavy-snow2:before{content:""}.qi-road-snowfall:before{content:""}.qi-warning-default:before{content:""}.qi-sunny-fill:before{content:""}.qi-cloudy-fill:before{content:""}.qi-few-clouds-fill:before{content:""}.qi-partly-cloudy-fill:before{content:""}.qi-overcast-fill:before{content:""}.qi-clear-night-fill:before{content:""}.qi-cloudy-night-fill:before{content:""}.qi-few-clouds-night-fill:before{content:""}.qi-partly-cloudy-night-fill:before{content:""}.qi-shower-rain-fill:before{content:""}.qi-heavy-shower-rain-fill:before{content:""}.qi-thundershower-fill:before{content:""}.qi-heavy-thunderstorm-fill:before{content:""}.qi-thundershower-with-hail-fill:before{content:""}.qi-light-rain-fill:before{content:""}.qi-moderate-rain-fill:before{content:""}.qi-heavy-rain-fill:before{content:""}.qi-extreme-rain-fill:before{content:""}.qi-drizzle-rain-fill:before{content:""}.qi-storm-fill:before{content:""}.qi-heavy-storm-fill:before{content:""}.qi-severe-storm-fill:before{content:""}.qi-freezing-rain-fill:before{content:""}.qi-light-to-moderate-rain-fill:before{content:""}.qi-moderate-to-heavy-rain-fill:before{content:""}.qi-heavy-rain-to-storm-fill:before{content:""}.qi-storm-to-heavy-storm-fill:before{content:""}.qi-heavy-to-severe-storm-fill:before{content:""}.qi-shower-rain-night-fill:before{content:""}.qi-heavy-shower-rain-night-fill:before{content:""}.qi-rain-fill:before{content:""}.qi-light-snow-fill:before{content:""}.qi-moderate-snow-fill:before{content:""}.qi-heavy-snow-fill:before{content:""}.qi-snowstorm-fill:before{content:""}.qi-sleet-fill:before{content:""}.qi-rain-and-snow-fill:before{content:""}.qi-shower-snow-fill:before{content:""}.qi-snow-flurry-fill:before{content:""}.qi-light-to-moderate-snow-fill:before{content:""}.qi-moderate-to-heavy-snow-fill:before{content:""}.qi-heavy-snow-to-snowstorm-fill:before{content:""}.qi-shower-snow-night-fill:before{content:""}.qi-snow-flurry-night-fill:before{content:""}.qi-snow-fill:before{content:""}.qi-mist-fill:before{content:""}.qi-foggy-fill:before{content:""}.qi-haze-fill:before{content:""}.qi-sand-fill:before{content:""}.qi-dust-fill:before{content:""}.qi-duststorm-fill:before{content:""}.qi-sandstorm-fill:before{content:""}.qi-dense-fog-fill:before{content:""}.qi-strong-fog-fill:before{content:""}.qi-moderate-haze-fill:before{content:""}.qi-heavy-haze-fill:before{content:""}.qi-severe-haze-fill:before{content:""}.qi-heavy-fog-fill:before{content:""}.qi-extra-heavy-fog-fill:before{content:""}.qi-hot-fill:before{content:""}.qi-cold-fill:before{content:""}.qi-unknown-fill:before{content:""}:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary-color: #ec4899;--text-primary: #1e293b;--text-secondary: #64748b;--background-light: #f8fafc;--background-white: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}.todo-sidebar{position:fixed;right:-15vw;top:50%;transform:translateY(-50%);height:60vh;width:15vw;background:var(--background-white);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:.8vw 0 0 .8vw;transition:all var(--transition-normal);z-index:1002;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:visible}.todo-sidebar.expanded{right:0;box-shadow:var(--shadow-lg)}.todo-sidebar.animating{pointer-events:none}.sidebar-icon{position:fixed;right:-1.1vw;top:50%;transform:translateY(-50%);width:2.2vw;height:2.2vw;cursor:pointer;z-index:1000;transition:all var(--transition-normal);opacity:.3}.sidebar-icon:hover{right:0;opacity:1}.todo-sidebar.expanded~.sidebar-icon{right:0!important;transform:translateY(-50%) rotate(180deg);opacity:1!important;box-shadow:var(--shadow-md);z-index:1000}.todo-sidebar.expanded~.sidebar-icon:hover{transform:translateY(-50%) rotate(180deg) scale(1.1);box-shadow:var(--shadow-lg)}.icon-container{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);position:relative;transition:all var(--transition-normal);border:.16vw solid var(--background-white)}.icon-container:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.icon-container svg{color:#fff;width:.9vw;height:.9vw;transition:all var(--transition-fast)}.tooltip{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:#1e293bf2;color:#fff;padding:.4vw .8vw;border-radius:var(--border-radius-md);font-size:.65vw;font-weight:500;font-family:Inter,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;z-index:1001;margin-right:.6vw;box-shadow:var(--shadow-md)}.tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#1e293bf2}.sidebar-icon:hover .tooltip{opacity:1;visibility:visible}.badge{position:absolute;top:-.2vw;left:-.2vw;background:var(--secondary-color);color:#fff;border-radius:var(--border-radius-full);width:.9vw;height:.9vw;display:flex;align-items:center;justify-content:center;font-size:.45vw;font-weight:700;font-family:Inter,sans-serif;box-shadow:0 .12vw .25vw #ec48994d;animation:pulse 2s infinite;z-index:1002}@keyframes pulse{0%{box-shadow:0 0 #ec4899b3}70%{box-shadow:0 0 0 8px #ec489900}to{box-shadow:0 0 #ec489900}}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.1vw .9vw;opacity:0;visibility:hidden;transform:translate(20px);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:.9vw;margin-top:.8vw;position:relative;border-radius:inherit}.todo-sidebar.expanded .sidebar-content{opacity:1;visibility:visible;transform:translate(0);transition-delay:.15s}.sidebar-header{display:flex;flex-direction:column;gap:.3vw;margin-bottom:.6vw}.sidebar-header h2{margin:0;font-size:.9vw;font-weight:700;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.2}.todo-count{display:flex;align-items:baseline;gap:.15vw}.count-number{font-size:.7vw;font-weight:700;color:var(--primary-color);font-family:Inter,sans-serif}.count-label{font-size:.55vw;color:var(--text-secondary);font-family:Inter,sans-serif}.sidebar-content::-webkit-scrollbar{width:.3vw}.sidebar-content::-webkit-scrollbar-track{background:var(--background-light);border-radius:8px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px;transition:background var(--transition-fast)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes sidebarFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.todo-sidebar.expanded .sidebar-header{animation:sidebarFadeIn .4s ease-out}.todo-sidebar.expanded .sidebar-content>*:not(.sidebar-header){animation:sidebarFadeIn .4s ease-out;animation-delay:.2s;animation-fill-mode:both}@keyframes todo-slide-in{0%{transform:translate(100%) translateY(-50%)}to{transform:translate(0) translateY(-50%)}}@keyframes todo-slide-out{0%{transform:translate(0) translateY(-50%)}to{transform:translate(100%) translateY(-50%)}}.todo-sidebar.expanded{animation:todo-slide-in .3s ease-out}.todo-sidebar:not(.expanded){animation:todo-slide-out .3s ease-in}.todo-list{padding:.6vw 0;font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:.9vw}.todo-list h3{font-size:.7vw;font-weight:600;margin:0 0 .9vw;color:var(--text-primary);text-align:center}.add-todo{display:flex;gap:.5vw;align-items:center;position:relative}.add-todo input{flex:1;padding:.55vw .7vw;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--background-light);color:var(--text-primary);font-size:.55vw;font-family:Inter,sans-serif;outline:none;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0000000d}.add-todo input:focus{border-color:var(--primary-color);background:var(--background-white);box-shadow:0 0 0 3px #6366f126,inset 0 2px 4px #0000000d;transform:translateY(-1px)}.add-todo input::placeholder{color:var(--text-secondary);font-style:italic}.add-todo button{padding:.55vw .9vw;border:none;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:.55vw;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.add-todo button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-normal)}.add-todo button:hover:before{left:100%}.add-todo button:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.add-todo button:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.todo-items{display:flex;flex-direction:column;gap:.5vw;max-height:16vw;overflow-y:auto;padding-right:.3vw;position:relative}.todo-items::-webkit-scrollbar{width:.3vw}.todo-items::-webkit-scrollbar-track{background:var(--background-light);border-radius:8px}.todo-items::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px;transition:background var(--transition-fast)}.todo-items::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.todo-item{display:flex;align-items:center;gap:.55vw;padding:.55vw .7vw;background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;cursor:pointer}.todo-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);transform:scaleY(0);transform-origin:top;transition:transform var(--transition-normal)}.todo-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.todo-item:hover:before{transform:scaleY(1)}.todo-item input[type=checkbox]{width:.7vw;height:.7vw;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);position:relative}.todo-item input[type=checkbox]:hover{transform:scale(1.1)}.todo-item input[type=checkbox]:checked{box-shadow:0 0 0 2px #6366f133}.todo-item span{flex:1;color:var(--text-primary);font-size:.55vw;line-height:1.5;transition:all var(--transition-fast);font-weight:500;word-break:break-word}.todo-item span.completed{text-decoration:line-through;color:var(--text-secondary);font-style:italic}.todo-item .delete-todo{width:1.3vw;height:1.3vw;padding:0;border:none;border-radius:var(--border-radius-md);background:var(--background-light);color:var(--text-secondary);font-size:.55vw;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.todo-item .delete-todo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,72,153,.2),transparent);transition:left var(--transition-normal)}.todo-item .delete-todo:hover:before{left:100%}.todo-item .delete-todo:hover{background:#ffe6f0;color:var(--secondary-color);transform:scale(1.1);box-shadow:0 4px 8px #ec489933}.todo-footer{display:flex;justify-content:space-between;align-items:center;padding:.55vw .7vw;background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.todo-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.todo-footer span{color:var(--text-secondary);font-size:.5vw;font-weight:600;font-family:Inter,sans-serif}.todo-footer button{padding:.3vw .6vw;border:none;border-radius:var(--border-radius-md);background:var(--background-light);color:var(--text-secondary);font-size:.5vw;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.todo-footer button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,72,153,.2),transparent);transition:left var(--transition-normal)}.todo-footer button:hover:before{left:100%}.todo-footer button:hover{background:#ffe6f0;color:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 8px #ec489933}.todo-items:empty:before{content:"还没有待办事项，点击上方添加吧！";display:block;text-align:center;padding:2.2vw .7vw;color:var(--text-secondary);font-style:italic;font-size:.55vw;background:var(--background-light);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:.9vw;position:relative;transition:all var(--transition-normal)}.todo-items:empty:after{content:"✨";display:block;font-size:1.2vw;margin-bottom:.6vw;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.todo-item{animation:slideInUp .3s ease-out}@keyframes todoSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.todo-item span.completed{animation:todoSlideOut .3s ease-out}