#root,body,html{height:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.data-menu-container{position:relative;z-index:50}.data-menu-trigger{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fff9;border-radius:100px;box-shadow:0 4px 12px #0f172a0d;box-sizing:border-box;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:50px;padding:0 20px;transition:all .2s ease}.dark-mode .data-menu-trigger{background:#0f172a80;border-color:#ffffff1a}.data-menu-trigger:hover{background:#fffc;transform:translateY(-1px)}.dark-mode .data-menu-trigger:hover{background:#1e293bcc}.user-avatar-small{border:1px solid #ffffff80;border-radius:50%;height:26px;object-fit:cover;width:26px}.trigger-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-icon{color:#3b82f6}.chevron{color:var(--text-light);transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.data-dropdown{background:var(--bg-color);border:1px solid var(--info-box-border);border-radius:16px;box-shadow:0 10px 40px #0f172a1a;display:flex;flex-direction:column;gap:4px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:260px}.dark-mode .data-dropdown{box-shadow:0 10px 40px #00000080}.dropdown-header{align-items:flex-start;background:var(--info-box-bg);border-radius:10px;display:flex;gap:12px;margin-bottom:4px;padding:12px}.text-blue{color:#3b82f6}.text-gray{color:#64748b}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-user-info strong{color:var(--text-color);font-size:.85rem}.dropdown-user-info span{color:var(--text-light);font-size:.75rem;word-break:break-all}.dropdown-divider{background:var(--info-box-border);height:1px;margin:4px 0}.dropdown-section-title{color:var(--text-light);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:8px 12px 4px;text-transform:uppercase}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease;width:100%}.dropdown-item:hover{background:var(--info-box-bg)}.dropdown-item.highlight{color:#3b82f6}.dropdown-item.danger{color:#ef4444}.dropdown-item.highlight:hover{background:#3b82f61a}.dropdown-item.danger:hover{background:#ef44441a}@media (max-width:980px){.data-menu-container{width:100%}.data-menu-trigger{justify-content:center;width:100%}.data-dropdown{left:0;right:0;width:100%}}:root{--bg-color:#f4f7fb;--text-color:#1f2937;--header-color:#111827;--input-bg:#ffffffe6;--task-item-bg:#fffc;--border-color:#0f172a14;--info-box-bg:#fff;--info-box-border:#e5e7eb;--toggle-bg:#e5e7eb;--toggle-active:#2563eb;--transition-speed:0.3s;--color-red-rgb:225,82,82;--color-orange-rgb:235,125,25;--color-green-rgb:46,160,115;--color-blue-rgb:59,130,246;--color-purple-rgb:147,90,225}.container.dark-mode{--bg-color:#0f172a;--text-color:#e2e8f0;--header-color:#fff;--input-bg:#ffffff14;--task-item-bg:#ffffff12;--border-color:#94a3b829;--info-box-bg:#111827;--info-box-border:#1e293b;--toggle-bg:#334155;--toggle-active:#60a5fa}.container{box-sizing:border-box;color:#1f2937;color:var(--text-color);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:18px;height:100dvh;margin:0;overflow:hidden;padding:24px 20px;transition:background .3s ease,color .3s ease;transition:background var(--transition-speed) ease,color var(--transition-speed) ease;width:100%}.container,.container.dark-mode{background:#f4f7fb;background:var(--bg-color)}.header{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:14px;box-shadow:0 4px 15px #0f172a08;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:10px 18px;transition:all .2s ease}.header-brand-block{display:flex;flex-direction:column;gap:3px;min-width:0}.header-title-row{align-items:center;display:flex;gap:8px}.header-logo-badge{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:7px;box-shadow:0 2px 6px #2563eb40;color:#fff;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.header-title{color:#111827;color:var(--header-color);font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0}.header-datetime{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:.8rem;font-weight:500;gap:6px;line-height:1.2;opacity:.72}.datetime-item{align-items:center;display:inline-flex;gap:4px}.datetime-icon{opacity:.75}.datetime-dot{font-size:.75rem;opacity:.4}.header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.header-action-btn{align-items:center;background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 5px #0f172a0a;color:#1f2937;color:var(--text-color);cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.header-action-btn:hover{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 4px 10px #2563eb1f;color:#2563eb;color:var(--toggle-active);transform:translateY(-1px)}.header-action-btn:active{transform:translateY(0)}.theme-toggle-btn .theme-icon.sun{color:#f59e0b}.theme-toggle-btn .theme-icon.moon{color:#818cf8}.settings-header-btn:hover .settings-icon{transform:rotate(45deg);transition:transform .3s ease}.title-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}.editable-title{cursor:pointer;transition:opacity .2s ease}.editable-title:hover{opacity:.8}.title-input{background:#0000;border:2px solid #2563eb;border:2px solid var(--toggle-active);border-radius:8px;color:#111827;color:var(--header-color);font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.5px;min-width:200px;outline:none;padding:4px 8px}.edit-title-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.edit-title-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.header-description{color:#2d3748c7;font-size:.95rem;line-height:1.6;margin:8px 0 0;max-width:720px}.container.dark-mode .header-description{color:#e2e8f0c7}.theme-toggle-wrapper{display:none}.controls button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;min-height:44px;padding:11px 16px;transition:transform .15s ease,opacity .2s ease,box-shadow .2s ease}.controls button:hover{box-shadow:0 14px 28px #2563eb2e;transform:translateY(-1px)}.controls button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.info-bar-container{display:none}.save-info-box{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:18px;box-shadow:0 14px 30px #0f172a14;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.save-info-box.sync-local{background:#6b728014;border-color:#6b72804d}.save-info-box.sync-local .info-icon{background:#6b728026;color:#6b7280}.save-info-box.sync-active{background:#22c55e14;border-color:#22c55e4d}.save-info-box.sync-active .info-icon{background:#22c55e26;color:#22c55e}.save-info-box[role=button]{cursor:pointer}.save-info-box[role=button]:hover{transform:translateY(-1px)}.save-info-box.sync-local[role=button]:hover{background:#6b72801f;border-color:#6b728080;box-shadow:0 18px 35px #6b72801f}.save-info-box.sync-local[role=button]:hover .info-text{color:#6b7280}.info-content{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:.9rem;gap:8px;min-width:0}.info-icon{align-items:center;background:#3b82f61f;border-radius:10px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.info-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.file-options{border-left:1px solid #6b728033;display:flex;gap:8px;margin-left:12px;padding-left:12px}.file-option-btn{border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.file-option-btn.load-btn{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.file-option-btn.load-btn:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-1px)}.file-option-btn.save-btn{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.file-option-btn.save-btn:hover{background:#22c55e26;border-color:#22c55e4d;transform:translateY(-1px)}.container.dark-mode .file-option-btn.load-btn{background:#60a5fa26;border-color:#60a5fa4d;color:#60a5fa}.container.dark-mode .file-option-btn.load-btn:hover{background:#60a5fa33;border-color:#60a5fa66}.container.dark-mode .file-option-btn.save-btn{background:#34d39926;border-color:#34d3994d;color:#34d399}.container.dark-mode .file-option-btn.save-btn:hover{background:#34d39933;border-color:#34d3994d}.matrix-grid{grid-gap:18px;align-items:stretch;display:grid;flex:1 1 auto;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}.quadrant{background:linear-gradient(0deg,#0000,#0000),#fff;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#fff;border:1px solid #e5e7eb;border-radius:12px;border-top:4px solid #cbd5e1;border:1px solid var(--info-box-border);border-top:4px solid var(--accent-color,#cbd5e1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.container.dark-mode .quadrant{background:linear-gradient(0deg,#0000,#0000),#1e293b;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#1e293b;border-color:#ffffff14;box-shadow:0 4px 6px -1px #0003}.quadrant.color-red{--accent-color:rgb(var(--color-red-rgb));--quadrant-bg:rgba(var(--color-red-rgb),0.05)}.quadrant.color-orange{--accent-color:rgb(var(--color-orange-rgb));--quadrant-bg:rgba(var(--color-orange-rgb),0.05)}.quadrant.color-green{--accent-color:rgb(var(--color-green-rgb));--quadrant-bg:rgba(var(--color-green-rgb),0.05)}.quadrant.color-blue{--accent-color:rgb(var(--color-blue-rgb));--quadrant-bg:rgba(var(--color-blue-rgb),0.05)}.quadrant.color-purple{--accent-color:rgb(var(--color-purple-rgb));--quadrant-bg:rgba(var(--color-purple-rgb),0.05)}.container.dark-mode .quadrant.color-red{--quadrant-bg:rgba(var(--color-red-rgb),0.12)}.container.dark-mode .quadrant.color-orange{--quadrant-bg:rgba(var(--color-orange-rgb),0.12)}.container.dark-mode .quadrant.color-green{--quadrant-bg:rgba(var(--color-green-rgb),0.12)}.container.dark-mode .quadrant.color-blue{--quadrant-bg:rgba(var(--color-blue-rgb),0.12)}.container.dark-mode .quadrant.color-purple{--quadrant-bg:rgba(var(--color-purple-rgb),0.12)}.quadrant:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);transform:translateY(-2px)}.container.dark-mode .quadrant:hover{box-shadow:0 10px 15px -3px #0000004d}.quadrant-header{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px;min-height:42px}.quadrant-title{color:#1f2937;color:var(--text-color);flex:1 1 auto;font-size:1rem;font-weight:800;letter-spacing:.05em;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.quadrant-count{color:#64748b;font-size:.85rem;font-weight:600;white-space:nowrap}.container.dark-mode .quadrant-count{color:#94a3b8}.quadrant-actions{flex-shrink:0;gap:10px;position:relative}.config-btn,.quadrant-actions{align-items:center;display:flex}.config-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#1f2937;color:var(--text-color);cursor:pointer;justify-content:center;padding:6px;transition:all .2s ease}.config-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.config-section{margin-bottom:12px}.task-list{scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.task-list::-webkit-scrollbar{width:8px}.task-list::-webkit-scrollbar-track{background:#0000}.task-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.config-section:last-child{margin-bottom:0}.config-label{color:#1f2937;color:var(--text-color);display:block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.config-dropdown{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:12px;box-shadow:0 20px 40px #0f172a26;margin-top:8px;max-width:420px;min-width:360px;padding:16px;position:absolute;right:0;top:100%;z-index:100}.quadrant-title-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:#1f2937;color:var(--text-color);font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.quadrant-title-input:focus{border-color:#2563eb;border-color:var(--toggle-active)}.color-options{display:flex;flex-wrap:wrap;gap:8px}.color-dot{border:2px solid #0000;height:24px;transition:all .2s ease;width:24px}.color-dot:hover{transform:scale(1.1)}.color-dot.active{border-color:#1f2937;border-color:var(--text-color);box-shadow:0 0 0 2px #ffffff4d}.color-dot.color-red{background:#e15252;background:rgb(var(--color-red-rgb))}.color-dot.color-orange{background:#eb7d19;background:rgb(var(--color-orange-rgb))}.color-dot.color-green{background:#2ea073;background:rgb(var(--color-green-rgb))}.color-dot.color-blue{background:#3b82f6;background:rgb(var(--color-blue-rgb))}.color-dot.color-purple{background:#935ae1;background:rgb(var(--color-purple-rgb))}.task-list{flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.completed-section,.task-list{display:flex;margin-bottom:14px;min-height:0}.completed-section{flex:0 1 auto;flex-direction:column}.completed-task-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.completed-task-list::-webkit-scrollbar{width:8px}.completed-task-list::-webkit-scrollbar-track{background:#0000}.completed-task-list::-webkit-scrollbar-thumb{background:#94a3b8b3;border-radius:999px}.completed-toggle-wrapper{display:flex;justify-content:flex-start;margin:0 0 8px}.completed-toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--text-light,#64748b);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 8px;transition:background .2s ease,color .2s ease}.completed-toggle-btn:hover{background:#0f172a0d;color:#1f2937;color:var(--text-color)}.dark-mode .completed-toggle-btn:hover{background:#ffffff0d}.task-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #0f172a0f;border-radius:10px;box-shadow:0 1px 3px #0f172a08;color:#1f2937;color:var(--text-color);cursor:grab;display:flex;font-size:.95rem;gap:14px;justify-content:space-between;padding:12px 14px;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.task-item:active{cursor:grabbing}.task-item:hover{background:#ffffffeb;border-color:#3b82f640;box-shadow:0 4px 12px #0f172a0f;transform:translateY(-1px)}.dark-mode .task-item{background:#1e293b8c;border-color:#ffffff14;box-shadow:0 1px 3px #0003}.dark-mode .task-item:hover{background:#1e293bcc;border-color:#60a5fa4d}.task-content{align-items:center;display:flex;flex:1 1 auto;gap:12px;min-width:0}.task-content span{min-width:0;overflow-wrap:anywhere}.task-checkbox{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;transition:transform .15s ease,color .15s ease}.task-checkbox:hover{color:#2563eb;color:var(--toggle-active);transform:scale(1.1)}.task-checkbox:focus-visible{border-radius:4px;outline:2px solid #2563eb;outline:2px solid var(--toggle-active);outline-offset:2px}.task-icon{flex-shrink:0;opacity:.8}.task-item.completed span{opacity:.55;text-decoration:line-through}.task-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.delete-task,.edit-task{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;opacity:.4;padding:4px;transition:opacity .2s ease,background-color .2s ease,color .2s ease,transform .1s ease}.task-item:hover .delete-task,.task-item:hover .edit-task{opacity:.7}.edit-task:hover{background-color:#3b82f61a;color:#2563eb;color:var(--toggle-active)}.delete-task:hover,.edit-task:hover{opacity:1!important;transform:scale(1.1)}.delete-task:hover{background-color:#ef44441a;color:#ef4444}.edit-task.editing{background-color:#10b9811a;color:#10b981;opacity:1!important}.edit-task.editing:hover{background-color:#10b98133}.task-item.dragging{background:#3b82f61a;box-shadow:0 8px 16px #3b82f64d;cursor:grabbing;opacity:.5;transform:scale(.98)!important}.task-list.drag-over{background:#3b82f614;border:2px dashed #3b82f666;border-radius:18px;padding:8px;transition:all .2s ease}.drop-indicator{animation:dropPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6cc,#3b82f666,#3b82f6cc);border-radius:1px;height:2px;margin:8px 0}@keyframes dropPulse{0%,to{box-shadow:0 0 0 0 #3b82f666;opacity:.6}50%{box-shadow:0 0 8px 2px #3b82f633;opacity:1}}.task-input-container{position:relative;width:100%}.task-input-container input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px dashed #0f172a29;border-radius:10px;box-sizing:border-box;color:#1f2937;color:var(--text-color);min-height:44px;outline:none;padding:12px 14px 12px 40px;transition:all .2s ease;width:100%}.task-input-container input::placeholder{color:#1f29378c}.container.dark-mode .task-input-container input{background:#ffffff0a;border:1px dashed #ffffff29}.container.dark-mode .task-input-container input::placeholder{color:#e2e8f08c}.task-input-container input:hover{background:#ffffffbf;border-color:#0f172a47}.container.dark-mode .task-input-container input:hover{background:#ffffff14;border-color:#ffffff47}.task-input-container input:focus{background:#fffffff2;border:1px solid #2563eb;border:1px solid var(--toggle-active);box-shadow:0 0 0 3px #2563eb24}.container.dark-mode .task-input-container input:focus{background:#1e293be6;border:1px solid #2563eb;border:1px solid var(--toggle-active);box-shadow:0 0 0 3px #60a5fa33}.task-edit-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #3b82f680;border-radius:6px;color:#1f2937;color:var(--text-color);font-family:inherit;font-size:.95rem;outline:none;padding:6px 10px;transition:all .2s ease;width:100%}.task-edit-input:focus{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 0 0 3px #2563eb26}.input-icon{left:14px;opacity:.55;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.color-presets{display:flex;gap:8px}.color-dot{border:2px solid #ffffffbf;border-radius:50%;cursor:pointer;height:18px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:18px}.color-dot.active{border-color:#0f172ae6;box-shadow:0 0 0 3px #3b82f62e;transform:scale(1.15)}.dark-mode .color-dot.active{border-color:#fff}.color-red{background-color:var(--color-red)}.color-orange{background-color:var(--color-orange)}.color-green{background-color:var(--color-green)}.color-blue{background-color:var(--color-blue)}.color-purple{background-color:var(--color-purple)}.status-bar{color:#1f2937;color:var(--text-color);font-size:.8rem;margin-top:10px;text-align:right}.save-toast{background:#10b981;border-radius:12px;bottom:24px;box-shadow:0 10px 25px #10b98140;color:#fff;font-size:.95rem;font-weight:600;padding:14px 20px;pointer-events:none;position:fixed;right:24px;z-index:9999}@media (max-width:980px){.matrix-grid{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;padding-right:8px;scrollbar-color:#94a3b8b3 #0000;scrollbar-width:thin}.matrix-grid::-webkit-scrollbar{width:6px}.matrix-grid::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.quadrant{max-height:500px;min-height:400px}}@media (max-width:680px){.container{padding:16px 12px}.header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;padding-bottom:10px}.header h1{font-size:1.15rem;font-weight:800;letter-spacing:-.3px}.header-description{color:#64748bd9;display:block!important;font-size:.72rem;margin-top:2px}.header-right{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-end;width:auto}.header{gap:10px;padding:10px 14px}.header-action-btn{height:34px;width:34px}.header-datetime{font-size:.72rem}.data-menu-container,.data-menu-trigger{width:auto!important}.data-menu-trigger{border-radius:999px!important;font-size:.8rem;height:36px!important;padding:0 10px!important}.data-menu-trigger span{display:none!important}.data-dropdown{left:auto!important;right:0!important;width:260px!important}.save-info-box{flex:1 1;justify-content:center;min-width:220px}}@media (max-width:520px){.quadrant{border-radius:20px;padding:16px}.task-input-container input{font-size:16px;min-height:46px}.header h1{font-size:1.4rem}.header-description{font-size:.85rem}.file-options{flex-direction:column;gap:6px;margin-left:8px;padding-left:8px}.file-option-btn{text-align:center;width:100%}.config-dropdown{max-width:calc(100vw - 40px);min-width:260px;right:-10px}}.mobile-quadrant-tabs{display:none}@media (max-width:980px){.mobile-quadrant-tabs{-ms-overflow-style:none;display:flex;flex-shrink:0;gap:8px;margin-bottom:2px;overflow-x:auto;padding:6px 4px 10px;scrollbar-width:none}.mobile-quadrant-tabs::-webkit-scrollbar{display:none}.mobile-tab-btn{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:999px;box-shadow:0 2px 5px #0000000a;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:8px;padding:8px 14px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.mobile-tab-btn.color-red .tab-dot{background-color:#e15252;background-color:rgb(var(--color-red-rgb))}.mobile-tab-btn.color-orange .tab-dot{background-color:#eb7d19;background-color:rgb(var(--color-orange-rgb))}.mobile-tab-btn.color-green .tab-dot{background-color:#2ea073;background-color:rgb(var(--color-green-rgb))}.mobile-tab-btn.color-blue .tab-dot{background-color:#3b82f6;background-color:rgb(var(--color-blue-rgb))}.mobile-tab-btn.color-purple .tab-dot{background-color:#935ae1;background-color:rgb(var(--color-purple-rgb))}.mobile-tab-btn.active{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.mobile-tab-btn.color-red.active{background-color:#e152521f;background-color:rgba(var(--color-red-rgb),.12);border-color:#e15252;border-color:rgb(var(--color-red-rgb));color:#e15252;color:rgb(var(--color-red-rgb))}.mobile-tab-btn.color-orange.active{background-color:#eb7d191f;background-color:rgba(var(--color-orange-rgb),.12);border-color:#eb7d19;border-color:rgb(var(--color-orange-rgb));color:#eb7d19;color:rgb(var(--color-orange-rgb))}.mobile-tab-btn.color-green.active{background-color:#2ea0731f;background-color:rgba(var(--color-green-rgb),.12);border-color:#2ea073;border-color:rgb(var(--color-green-rgb));color:#2ea073;color:rgb(var(--color-green-rgb))}.mobile-tab-btn.color-blue.active{background-color:#3b82f61f;background-color:rgba(var(--color-blue-rgb),.12);border-color:#3b82f6;border-color:rgb(var(--color-blue-rgb));color:#3b82f6;color:rgb(var(--color-blue-rgb))}.mobile-tab-btn.color-purple.active{background-color:#935ae11f;background-color:rgba(var(--color-purple-rgb),.12);border-color:#935ae1;border-color:rgb(var(--color-purple-rgb));color:#935ae1;color:rgb(var(--color-purple-rgb))}.mobile-tab-btn.all-tab.active{background-color:#2563eb;background-color:var(--toggle-active);border-color:#2563eb;border-color:var(--toggle-active);color:#fff}.tab-count{background:#0f172a0f;border-radius:999px;color:#1f2937;color:var(--text-color);font-size:.72rem;font-weight:700;min-width:14px;padding:1px 6px;text-align:center;transition:all .2s ease}.mobile-tab-btn.active .tab-count{background:#ffffff59}.mobile-tab-btn.all-tab.active .tab-count{background:#ffffff40;color:#fff}.dark-mode .tab-count{background:#ffffff1a}.dark-mode .mobile-tab-btn.all-tab.active .tab-count{background:#ffffff40}.quadrant.mobile-hidden{display:none!important}.matrix-grid.single-tab-active{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding-bottom:8px}.matrix-grid.single-tab-active .quadrant{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;max-height:none;min-height:0}}.game-bar-container{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:14px;box-shadow:0 4px 15px #0f172a0a;gap:16px;justify-content:space-between;padding:10px 16px;transition:all .2s ease}.game-badge-group,.game-bar-container{align-items:center;display:flex;flex-shrink:0}.game-badge-group{gap:10px}.game-level-tag{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:999px;box-shadow:0 2px 8px #d977064d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:800;gap:5px;letter-spacing:.5px;padding:4px 10px}.level-trophy-icon{color:#fef3c7}.game-rank-name{color:#1f2937;color:var(--text-color);font-size:.88rem;font-weight:700;white-space:nowrap}.game-xp-wrapper{display:flex;flex:1 1;flex-direction:column;gap:5px;max-width:480px;min-width:140px}.game-xp-labels{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between}.xp-text{align-items:center;color:#8b5cf6;display:inline-flex;font-weight:700;gap:3px}.xp-fraction{opacity:.75}.game-xp-track{background:#94a3b833;border-radius:999px;height:8px;overflow:hidden;position:relative;width:100%}.game-xp-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:999px;box-shadow:0 0 10px #8b5cf666;height:100%}.game-stats-group{align-items:center;display:flex;flex-shrink:0;gap:8px}.game-stat-chip{align-items:center;background:#0f172a0a;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:999px;color:#1f2937;color:var(--text-color);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.dark-mode .game-stat-chip{background:#ffffff0d}.streak-chip.active{background:#f973161a;border-color:#f9731659;color:#f97316}.streak-flame-icon{color:#f97316;filter:drop-shadow(0 0 4px rgba(249,115,22,.5))}.streak-multiplier-tag{background:#f97316;border-radius:999px;color:#fff;font-size:.68rem;font-weight:800;padding:1px 5px}.coins-chip{border-color:#d9770633;color:#d97706}.daily-check-icon{color:#10b981;font-weight:800}.reward-overlay-container{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;z-index:99999}.reward-floating-pill{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172aeb;border:1px solid #f59e0b66;border-radius:999px;box-shadow:0 10px 25px #0000004d,0 0 15px #f59e0b33;color:#fff;display:flex;font-size:.92rem;font-weight:700;gap:12px;padding:10px 16px;pointer-events:auto}.reward-xp-group{align-items:center;color:#fbbf24;display:flex;gap:6px}.reward-multiplier-badge{background:#ea580c;border-radius:999px;color:#fff;font-size:.7rem;margin-left:4px;padding:1px 6px}.reward-divider{background:#fff3;height:16px;width:1px}.reward-coins-group{color:#fef08a}.reward-close-btn{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .15s ease}.reward-close-btn:hover{color:#fff}.level-up-card{background:#fff;background:var(--info-box-bg);border:2px solid #f59e0b;border-radius:18px;box-shadow:0 20px 45px #00000040,0 0 25px #f59e0b33;color:#1f2937;color:var(--text-color);padding:24px;pointer-events:auto;text-align:center;width:300px}.level-up-header{color:#d97706;font-size:.9rem;font-weight:900;gap:8px;letter-spacing:1px;margin-bottom:12px}.level-up-header,.level-up-icon-wrapper{align-items:center;display:flex;justify-content:center}.level-up-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 8px 18px #d9770659;color:#fff;height:64px;margin:0 auto 12px;width:64px}.level-up-number{font-size:1.35rem;font-weight:800;margin:0 0 4px}.level-up-title{color:#8b5cf6;font-size:1rem;font-weight:700;margin:0 0 8px}.level-up-cheer{font-size:.85rem;margin:0 0 16px;opacity:.8}.level-up-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 6px 14px #d9770640;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 16px;transition:transform .15s ease,opacity .2s ease;width:100%}.level-up-btn:hover{opacity:.95;transform:translateY(-1px)}@media (max-width:680px){.game-bar-container{align-items:stretch;flex-direction:column;gap:10px;padding:10px 12px}.game-badge-group{justify-content:space-between}.game-xp-wrapper{max-width:none}.game-stats-group{justify-content:space-between}.reward-overlay-container{align-items:center;bottom:16px;left:16px;right:16px}.reward-floating-pill{justify-content:space-between;width:100%}}.plan-today-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;opacity:.35;padding:4px;transition:all .2s ease}.task-item:hover .plan-today-btn{opacity:.65}.plan-today-btn:hover{background:#f59e0b1f;transform:scale(1.1)}.plan-today-btn.active,.plan-today-btn:hover{color:#f59e0b;opacity:1!important}.game-action-btn{align-items:center;background:#0f172a0d;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:999px;color:#1f2937;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.dark-mode .game-action-btn{background:#ffffff14}.game-action-btn:hover{background:#3b82f61f;border-color:#3b82f64d;color:#2563eb;color:var(--toggle-active);transform:translateY(-1px)}.view-toggle-btn.active-daily{background:#f59e0b26;border-color:#f59e0b;color:#d97706}.analytics-btn:hover{background:#8b5cf61f;border-color:#8b5cf64d;color:#8b5cf6}.daily-focus-container{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.daily-focus-header{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:14px 18px}.focus-title-group{align-items:center;display:flex;gap:12px}.focus-title-group h2{font-size:1.25rem;font-weight:800;letter-spacing:-.3px;margin:0}.focus-subtitle{font-size:.82rem;margin:2px 0 0;opacity:.75}.back-matrix-btn{align-items:center;background:#2563eb;background:var(--toggle-active);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 14px;transition:opacity .2s ease,transform .15s ease}.back-matrix-btn:hover{opacity:.92;transform:translateY(-1px)}.daily-progress-card{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 18px}.progress-card-info{color:#1f2937;color:var(--text-color);display:flex;font-size:.85rem;justify-content:space-between}.daily-progress-track{background:#94a3b833;border-radius:999px;height:8px;overflow:hidden;width:100%}.daily-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;height:100%}.daily-task-list{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding-right:4px}.daily-task-item{align-items:center;background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.daily-task-item.completed{opacity:.6}.daily-task-checkbox{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.daily-task-content{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between}.daily-task-text{font-size:.95rem;font-weight:500;word-break:break-word}.daily-task-item.completed .daily-task-text{text-decoration:line-through}.daily-task-quadrant-tag{background:#0f172a0d;border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 8px;white-space:nowrap}.remove-from-today-btn{background:#0000;border:none;color:#1f2937;color:var(--text-color);cursor:pointer;font-size:.9rem;opacity:.4;padding:4px;transition:opacity .2s ease}.remove-from-today-btn:hover{color:#ef4444;opacity:1}.daily-empty-state{align-items:center;background:#fff;background:var(--info-box-bg);border:1px dashed #0f172a14;border:1px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:460px;padding:48px 20px;text-align:center}.empty-sun-icon{color:#f59e0b;margin-bottom:16px;opacity:.85}.empty-action-btn{background:#2563eb;background:var(--toggle-active);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:16px;padding:10px 20px}.analytics-backdrop,.settings-backdrop{align-items:center!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;background:#0f172a8c!important;box-sizing:border-box!important;display:flex!important;height:100vh!important;inset:0!important;justify-content:center!important;left:0!important;padding:16px!important;position:fixed!important;top:0!important;width:100vw!important;z-index:999999!important}.analytics-modal{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:18px;box-shadow:0 25px 60px #00000040;color:#1f2937;color:var(--text-color);display:flex;flex-direction:column;max-height:85vh;max-width:580px;overflow:hidden;width:100%}.analytics-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--info-box-border);display:flex;justify-content:space-between;padding:18px 24px}.analytics-title-group{align-items:center;display:flex;gap:10px}.analytics-title-group h2{font-size:1.25rem;font-weight:800;margin:0}.analytics-icon{color:#8b5cf6}.analytics-close-btn{background:#0000;border:none;color:#1f2937;color:var(--text-color);cursor:pointer;opacity:.6;padding:4px}.analytics-close-btn:hover{opacity:1}.analytics-tabs{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:12px 24px 0}.analytics-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#1f2937;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:700;opacity:.7;padding:8px 16px;transition:all .2s ease}.analytics-tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--toggle-active);color:#2563eb;color:var(--toggle-active);opacity:1}.analytics-body{flex:1 1;overflow-y:auto;padding:20px 24px}.analytics-summary-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.summary-card{background:#0f172a0a;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.dark-mode .summary-card{background:#ffffff0a}.card-label{font-size:.72rem;font-weight:600;opacity:.75}.card-value{font-size:1.15rem;font-weight:800}.section-subtitle{font-size:.9rem;font-weight:800;margin:16px 0 10px}.completed-log-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.completed-log-item{align-items:center;background:#0f172a05;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:8px;display:flex;font-size:.88rem;gap:10px;padding:8px 12px}.log-badge{color:#10b981;font-weight:900}.log-text{flex:1 1}.log-quadrant{font-size:.7rem;font-weight:700;opacity:.7}.empty-log-text{font-size:.85rem;opacity:.6;padding:24px;text-align:center}.monthly-summary-info,.weekly-header-info{display:flex;font-size:.88rem;justify-content:space-between;margin-bottom:16px}.weekly-chart-container{align-items:flex-end;display:flex;gap:8px;height:160px;justify-content:space-between;padding:16px 0 0}.weekly-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%}.bar-count{font-size:.75rem;font-weight:700;opacity:.8}.bar-track{align-items:flex-end;background:#94a3b826;display:flex;flex:1 1;max-width:32px;overflow:hidden}.bar-fill,.bar-track{border-radius:8px;width:100%}.bar-fill{background:linear-gradient(180deg,#3b82f6,#2563eb);transition:height .4s ease}.weekly-bar-col.today .bar-fill{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.bar-label{font-size:.78rem;font-weight:700;opacity:.8}.heatmap-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin:14px 0}.heatmap-cell{aspect-ratio:1;background:#94a3b826;border-radius:6px;transition:transform .15s ease}.heatmap-cell:hover{transform:scale(1.15)}.heatmap-cell.level-1{background:#86efac}.heatmap-cell.level-2{background:#22c55e}.heatmap-cell.level-3{background:#15803d}.dark-mode .heatmap-cell.level-1{background:#166534}.dark-mode .heatmap-cell.level-2{background:#22c55e}.dark-mode .heatmap-cell.level-3{background:#4ade80}.heatmap-cell.today{outline:2px solid #2563eb;outline:2px solid var(--toggle-active);outline-offset:1px}.heatmap-legend{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:10px}.heatmap-legend .heatmap-cell{height:14px;width:14px}.legend-label{font-size:.72rem;opacity:.7}@media (max-width:600px){.analytics-summary-cards{grid-template-columns:1fr}}.settings-header-btn:hover{border-color:#2563eb;border-color:var(--toggle-active);color:#2563eb;color:var(--toggle-active);transform:rotate(30deg) scale(1.05)}.container.has-custom-bg{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;position:relative}.app-bg-overlay{inset:0;pointer-events:none;position:absolute;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease,background-color .3s ease;transition:backdrop-filter .3s ease,background-color .3s ease,-webkit-backdrop-filter .3s ease;z-index:0}.container.has-custom-bg>.daily-focus-container,.container.has-custom-bg>.game-bar-container,.container.has-custom-bg>.header,.container.has-custom-bg>.matrix-grid,.container.has-custom-bg>.mobile-quadrant-tabs{position:relative;z-index:1}.container.has-custom-bg .daily-focus-header,.container.has-custom-bg .daily-progress-card,.container.has-custom-bg .game-bar-container,.container.has-custom-bg .header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc2;border:1px solid #fff9;box-shadow:0 4px 20px #0000000a}.container.dark-mode.has-custom-bg .daily-focus-header,.container.dark-mode.has-custom-bg .daily-progress-card,.container.dark-mode.has-custom-bg .game-bar-container,.container.dark-mode.has-custom-bg .header{background:#0f172ac7;border:1px solid #ffffff14;box-shadow:0 4px 20px #00000040}.container.has-custom-bg .header-action-btn{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #ffffffb3}.container.has-custom-bg .header-action-btn:hover{background:#ffffffe6}.container.dark-mode.has-custom-bg .header-action-btn{background:#1e293b8c;border:1px solid #ffffff1a}.container.dark-mode.has-custom-bg .header-action-btn:hover{background:#1e293bd9}.container.has-custom-bg .quadrant{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(0deg,#0000,#0000),#ffffffb8;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#ffffffb8;border:1px solid #fff9;border-top:4px solid #cbd5e1;border-top:4px solid var(--accent-color,#cbd5e1);box-shadow:0 8px 24px #0000000d}.container.dark-mode.has-custom-bg .quadrant{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(0deg,#0000,#0000),#0f172ab8;background:linear-gradient(0deg,var(--quadrant-bg,#0000),var(--quadrant-bg,#0000)),#0f172ab8;border:1px solid #ffffff14;border-top:4px solid #cbd5e1;border-top:4px solid var(--accent-color,#cbd5e1);box-shadow:0 8px 24px #00000040}.container.has-custom-bg .task-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #ffffffb3;box-shadow:0 2px 6px #00000008}.container.has-custom-bg .task-item:hover{background:#fffc;border-color:#fffffff2;box-shadow:0 4px 12px #0000000f}.container.dark-mode.has-custom-bg .task-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a8c;border:1px solid #ffffff1a;box-shadow:0 2px 6px #0003}.container.dark-mode.has-custom-bg .task-item:hover{background:#0f172abf;border-color:#60a5fa4d}.container.has-custom-bg .task-input-container input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff61;border:1px dashed #0f172a2e}.container.has-custom-bg .task-input-container input:hover{background:#ffffffa6;border-color:#0f172a47}.container.has-custom-bg .task-input-container input:focus{background:#ffffffeb;border:1px solid #2563eb;border:1px solid var(--toggle-active);box-shadow:0 0 0 3px #2563eb26}.container.dark-mode.has-custom-bg .task-input-container input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a66;border:1px dashed #ffffff2e}.container.dark-mode.has-custom-bg .task-input-container input:hover{background:#0f172a99;border-color:#ffffff47}.container.dark-mode.has-custom-bg .task-input-container input:focus{background:#0f172ad9;border:1px solid #2563eb;border:1px solid var(--toggle-active);box-shadow:0 0 0 3px #60a5fa33}.container.has-custom-bg .daily-task-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff7a;border:1px solid #ffffffb3;box-shadow:0 2px 6px #00000008}.container.has-custom-bg .daily-task-item:hover{background:#fffc}.container.dark-mode.has-custom-bg .daily-task-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a8c;border:1px solid #ffffff1a}.container.dark-mode.has-custom-bg .daily-task-item:hover{background:#0f172abf}.settings-modal{background:#fff;background:var(--info-box-bg);border:1px solid #e5e7eb;border:1px solid var(--info-box-border);border-radius:18px;box-shadow:0 25px 60px #00000040;color:#1f2937;color:var(--text-color);display:flex;flex-direction:column;max-height:85vh;max-width:620px;overflow:hidden;width:100%}.settings-body{flex:1 1;overflow-y:auto;padding:20px 24px}.wallpaper-picker{display:flex;flex-direction:column;gap:20px}.setting-subgroup{display:flex;flex-direction:column;gap:8px}.setting-label{color:#1f2937;color:var(--text-color);font-size:.85rem;font-weight:700}.wallpaper-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wallpaper-card{align-items:flex-end;aspect-ratio:16/10;border:2px solid #0000;border-radius:10px;box-shadow:0 3px 8px #0000001f;cursor:pointer;display:flex;overflow:hidden;padding:8px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.wallpaper-card:hover{box-shadow:0 6px 16px #0000002e;transform:translateY(-2px)}.wallpaper-card.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666}.wallpaper-name{background:#00000073;border-radius:4px;color:#fff;font-size:.72rem;font-weight:700;padding:2px 6px;text-shadow:0 1px 3px #000c}.wallpaper-check-badge{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:6px;top:6px;width:20px}.custom-wallpaper-form{display:flex;gap:8px}.custom-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.custom-input-icon{left:12px;opacity:.5;pointer-events:none;position:absolute}.custom-url-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-color);font-size:.88rem;outline:none;padding:10px 14px 10px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.custom-url-input:focus{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 0 0 3px #2563eb26}.custom-apply-btn{background:#2563eb;background:var(--toggle-active);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;padding:10px 18px;white-space:nowrap}.sliders-subgroup{background:#0f172a08;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:12px;gap:14px;padding:14px 16px}.dark-mode .sliders-subgroup{background:#ffffff08}.setting-slider-item{display:flex;flex-direction:column;gap:6px}.slider-header{font-size:.82rem;font-weight:600;justify-content:space-between}.slider-header,.slider-title{align-items:center;display:flex}.slider-title{gap:6px}.slider-value{color:#2563eb;color:var(--toggle-active);font-weight:700}.settings-range{accent-color:#2563eb;accent-color:var(--toggle-active);cursor:pointer;width:100%}.general-settings-pane{display:flex;flex-direction:column;gap:16px}.general-setting-item{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.setting-info{display:flex;flex-direction:column;gap:3px}.setting-name{align-items:center;display:flex;font-size:.92rem;font-weight:700;gap:8px}.setting-desc{font-size:.78rem;opacity:.7}.settings-divider{background:#0f172a14;background:var(--border-color);height:1px}.general-setting-item.danger-zone .setting-name{color:#ef4444}.reset-settings-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 14px;transition:all .2s ease}.reset-settings-btn:hover{background:#ef444433}.settings-tab-bar{overflow-x:auto;scrollbar-width:none;white-space:nowrap}.settings-tab-bar::-webkit-scrollbar{display:none}.settings-tab-bar .analytics-tab-btn{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.settings-pane-desc{color:#1f2937;color:var(--text-color);font-size:.85rem;line-height:1.5;margin:0 0 16px;opacity:.72}.quadrant-settings-list,.quadrant-settings-pane{display:flex;flex-direction:column}.quadrant-settings-list{gap:14px}.quadrant-setting-card{background:#0f172a08;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px 16px;transition:border-color .2s ease,background .2s ease}.container.dark-mode .quadrant-setting-card{background:#ffffff0a}.quadrant-card-header{align-items:center;display:flex;justify-content:space-between}.quadrant-badge{border-radius:6px;color:#fff;font-size:.75rem;font-weight:700;padding:3px 9px}.quadrant-badge.color-red{background:#e15252;background:rgb(var(--color-red-rgb))}.quadrant-badge.color-orange{background:#eb7d19;background:rgb(var(--color-orange-rgb))}.quadrant-badge.color-green{background:#2ea073;background:rgb(var(--color-green-rgb))}.quadrant-badge.color-blue{background:#3b82f6;background:rgb(var(--color-blue-rgb))}.quadrant-badge.color-purple{background:#935ae1;background:rgb(var(--color-purple-rgb))}.quadrant-id-label{font-size:.78rem;font-weight:600;opacity:.55}.quadrant-input-group{display:flex;flex-direction:column;gap:6px}.quadrant-setting-label{color:#1f2937;color:var(--text-color);font-size:.8rem;font-weight:700}.quadrant-title-setting-input{background:#ffffffe6;background:var(--input-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--text-color);font-family:inherit;font-size:.9rem;outline:none;padding:9px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.quadrant-title-setting-input:focus{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 0 0 3px #2563eb24}.quadrant-color-group{align-items:center;display:flex;gap:12px;justify-content:space-between}.backup-settings-pane{display:flex;flex-direction:column;gap:20px}.backup-section{display:flex;flex-direction:column;gap:12px}.backup-section-title{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:.95rem;font-weight:700;gap:8px;margin:0}.backup-status-card{align-items:center;background:#2563eb0f;border:1px solid #2563eb29;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.container.dark-mode .backup-status-card{background:#2563eb1f;border-color:#60a5fa40}.backup-status-icon{flex-shrink:0}.backup-status-info{display:flex;flex-direction:column;gap:2px}.backup-status-info strong{color:#1f2937;color:var(--text-color);font-size:.85rem}.backup-status-info span{font-size:.75rem;opacity:.7}.backup-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.backup-action-btn{align-items:flex-start;background:#fff;background:var(--info-box-bg);border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #00000008;color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;gap:12px;padding:14px;text-align:left;transition:all .2s ease}.backup-action-btn:hover{border-color:#2563eb;border-color:var(--toggle-active);box-shadow:0 6px 16px #2563eb1a;transform:translateY(-2px)}.backup-action-btn .btn-icon{color:#2563eb;color:var(--toggle-active);flex-shrink:0;margin-top:2px}.action-btn-text{display:flex;flex-direction:column;gap:3px}.action-btn-text strong{font-size:.88rem}.action-btn-text span{font-size:.75rem;line-height:1.35;opacity:.7}.cloud-user-card{align-items:center;background:#0f172a08;border:1px solid #0f172a14;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.container.dark-mode .cloud-user-card{background:#ffffff0a}.cloud-user-details{align-items:center;display:flex;gap:10px}.cloud-text{display:flex;flex-direction:column;gap:2px}.cloud-text strong{font-size:.85rem}.cloud-text span{font-size:.75rem;opacity:.7}.cloud-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444440;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s ease}.cloud-logout-btn:hover{background:#ef44442e}.cloud-login-prompt{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.cloud-login-btn{align-items:center;background:#2563eb;background:var(--toggle-active);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.cloud-login-btn:hover{box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}
/*# sourceMappingURL=main.7dea4e35.css.map*/