:root{--bg:#f7f5f0;--surface:#fefcf9;--surface2:#f0ede8;--border:#e2ddd6;--text:#2c2a27;--text2:#7a7670;--text3:#b0aca6;--urgent-dot:#e8604a;--week-dot:#d4960a;--later-dot:#aaa;--accent:#7c6fcd;--accent-light:#eeedfe;--accent-text:#3c3489;--tag-work:#e8f4ee;--tag-work-t:#0f6e56;--tag-pja:#faeeda;--tag-pja-t:#854f0b;--tag-home:#fbeaf0;--tag-home-t:#993556;--tag-aikido:#e6f1fb;--tag-aikido-t:#0c447c;--hi-t:#c94a30;--hi-bg:#fff0ee;--hi-border:#f0c0b8;--mid-t:#a07010;--mid-bg:#fffbf0;--mid-border:#e8d898;--lo-t:#888;--lo-bg:#f3f3f3;--lo-border:#ddd;--pin-bg:#fff8f0;--pin-border:#f0d8c0;--input-bg:#f3f0fe}@media (prefers-color-scheme:dark){:root{--bg:#1e1c1a;--surface:#2a2724;--surface2:#322f2b;--border:#3d3a36;--text:#e8e4de;--text2:#9e9a94;--text3:#5a5652;--urgent-dot:#e8806a;--week-dot:#d4a830;--later-dot:#666260;--accent:#9d92e8;--accent-light:#2a2650;--accent-text:#cec8f6;--tag-work:#0f2e20;--tag-work-t:#5dcaa5;--tag-pja:#2e2010;--tag-pja-t:#ef9f27;--tag-home:#2e1020;--tag-home-t:#ed93b1;--tag-aikido:#0a2040;--tag-aikido-t:#85b7eb;--hi-t:#e8806a;--hi-bg:#2e1a16;--hi-border:#5a2a20;--mid-t:#d4a830;--mid-bg:#2a2010;--mid-border:#4a3a10;--lo-t:#666;--lo-bg:#242220;--lo-border:#3a3836;--pin-bg:#2a2010;--pin-border:#4a3820;--input-bg:#2a2650}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}input,button,textarea{font-family:inherit}.sidebar{background:var(--surface);border-right:.5px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow-y:auto}.sidebar-logo{color:var(--accent);padding:20px 16px 12px;font-size:15px;font-weight:500}.sb-section{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;margin-bottom:3px;padding:4px 16px;font-size:11px}.nav-item{cursor:pointer;color:var(--text2);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:calc(100% - 12px);margin:1px 6px;padding:7px 14px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface2)}.nav-item.active{background:var(--accent-light);color:var(--accent-text);font-weight:500}.nav-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-count{color:var(--text3);margin-left:auto;font-size:11px}.pri-nav{border:.5px solid var(--border);border-radius:8px;margin:2px 6px;overflow:hidden}.pri-nav-item{cursor:pointer;color:var(--text2);border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.pri-nav-item:last-child{border-bottom:none}.pri-nav-item:hover{background:var(--surface2)}.pri-label-text{min-width:14px;font-size:10px;font-weight:500}.pri-label-text.hi{color:var(--hi-t)}.pri-label-text.mid{color:var(--mid-t)}.pri-label-text.lo{color:var(--lo-t)}.pri-bar-wrap{background:var(--surface2);border-radius:2px;flex:1;height:4px;margin-left:2px;overflow:hidden}.pri-bar{border-radius:2px;height:100%}.pri-num{text-align:right;flex-shrink:0;min-width:18px;font-size:11px}.pri-num.hi{color:var(--hi-t)}.pri-num.mid{color:var(--mid-t)}.pri-num.lo{color:var(--lo-t)}.sidebar-footer{border-top:.5px solid var(--border);margin-top:auto;padding:12px 6px}.settings-link{align-items:center;gap:8px;width:auto;display:flex;color:var(--text3)!important;font-size:12px!important;font-weight:400!important}.settings-link:hover{color:var(--text2)!important}.bottomnav{background:var(--surface);border-top:.5px solid var(--border);z-index:10;justify-content:space-between;align-items:flex-start;padding:10px 0 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.nav-btn-label{color:var(--text3);font-size:10px}.nav-btn-label.active{color:var(--accent-text);font-weight:500}.nav-icon-wrap{border-radius:9px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.nav-icon-wrap.active{background:var(--accent-light)}.fab-wrap{z-index:20;flex:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.fab{background:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-38px;display:flex;box-shadow:0 4px 16px #7c6fcd66}.fab-sheet-overlay{z-index:50;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.fab-sheet{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:480px;margin:0 auto;padding:20px 20px 40px}.fab-sheet-title{color:var(--text3);text-align:center;margin-bottom:14px;font-size:12px}.fab-option{cursor:pointer;border:.5px solid var(--border);background:var(--surface2);border-radius:14px;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:background .15s;display:flex}.fab-option:not(.fab-option-disabled):hover{background:var(--accent-light);border-color:var(--accent)}.fab-option-disabled{opacity:.5;cursor:default}.fab-option-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.fab-option-title{color:var(--text);font-size:15px;font-weight:500}.fab-option-sub{color:var(--text3);margin-top:2px;font-size:12px}.fab-cancel{color:var(--text2);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:14px;display:flex}.fab-cancel:hover{color:var(--text)}.label-picker{margin-top:10px}.tag-area{border:.5px solid var(--border);background:var(--surface2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:10px 12px;display:flex}.tag-chip{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:flex}.tag-chip-x{opacity:.5;cursor:pointer}.tag-chip-x:hover{opacity:1}.tag-add-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:12px;display:flex}.tag-add-btn:hover{background:var(--accent-light)}.search-wrap{align-items:center;gap:6px;margin-top:8px;display:flex}.search-box{border:.5px solid var(--accent);background:var(--surface);border-radius:10px;flex:1;align-items:center;gap:8px;padding:7px 11px;display:flex}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search-input::placeholder{color:var(--text3)}.ai-suggest-btn{background:var(--accent-light);border:.5px solid var(--accent);cursor:pointer;white-space:nowrap;color:var(--accent-text);border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:7px 11px;font-size:12px;font-weight:500;display:flex}.ai-suggest-btn:hover{background:var(--accent);color:#fff}.dropdown{background:var(--surface);border:.5px solid var(--border);border-radius:10px;margin-top:4px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.drop-item{cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.drop-item:hover{background:var(--surface2)}.drop-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.drop-area-name{color:var(--text3);margin-left:auto;font-size:10px}.drop-new{cursor:pointer;color:var(--accent);border-top:.5px solid var(--border);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.drop-new:hover{background:var(--accent-light)}.drop-close{text-align:center;color:var(--text3);cursor:pointer;border-top:.5px solid var(--border);padding:8px;font-size:11px}.drop-empty{color:var(--text3);text-align:center;padding:10px 12px;font-size:12px}.label-picker-scope{text-transform:none;letter-spacing:0;color:var(--text3);margin-left:4px;font-size:10px;font-weight:400}.label-picker-empty{color:var(--text3);font-size:11px;font-style:italic}.tag-chip{border:.5px solid #0000}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-wrap{background:var(--bg);border:.5px solid var(--border);border-radius:16px;width:100%;max-width:520px;font-size:13px;overflow:hidden;box-shadow:0 10px 30px #00000026}.modal-header{border-bottom:.5px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header-title{color:var(--text);font-size:15px;font-weight:500}.btn-ghost{border:.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:13px}.btn-ghost:hover{background:var(--surface2)}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:500}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-body{background:var(--surface);max-height:70vh;padding:20px;overflow-y:auto}.field{margin-bottom:18px}.field-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.task-name-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:18px;font-weight:500;line-height:1.4}.memo-input{border:.5px solid var(--border);width:100%;color:var(--text);background:var(--surface2);resize:none;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;line-height:1.6}.divider{border:none;border-top:.5px solid var(--border);margin:4px 0 18px}.pri-selector{gap:8px;display:flex}.pri-btn{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:10px;flex:1;padding:10px 6px;font-size:12px;font-weight:500;transition:all .15s}.pri-btn.hi{background:var(--hi-bg);color:var(--hi-t);border-color:var(--hi-border)}.pri-btn.mid{background:var(--mid-bg);color:var(--mid-t);border-color:var(--mid-border)}.pri-btn.lo{background:var(--lo-bg);color:var(--lo-t);border-color:var(--lo-border)}.pri-btn.selected{outline:2px solid var(--accent);outline-offset:2px}.pri-sub{opacity:.8;margin-top:2px;font-size:10px;font-weight:400}.due-selector{flex-wrap:wrap;gap:6px;display:flex}.due-btn{border:.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:12px}.due-btn.selected{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent);font-weight:500}.area-selector{flex-wrap:wrap;gap:6px;display:flex}.area-chip{border:.5px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.area-chip.selected{font-weight:600}.area-chip:not(.selected):hover{background:var(--surface);border-color:var(--text3)}.area-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.modal-footer{border-top:.5px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-footer-right{align-items:center;gap:8px;display:flex}.btn-continue{border:1px dashed var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500}.btn-continue:disabled{opacity:.4;cursor:default}.pending-tasks-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.pending-pri-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.pending-pri-dot.hi{background:var(--urgent-dot)}.pending-pri-dot.mid{background:var(--week-dot)}.pending-pri-dot.lo{background:var(--later-dot)}.pending-title-static{color:var(--text);word-break:break-word;padding:2px 4px;font-size:14px;font-weight:500;line-height:1.4}.delete-btn{color:var(--hi-t);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.delete-btn:hover{background:var(--hi-bg)}.date-picker-row{align-items:center;gap:8px;margin-top:10px;display:flex}.date-input{border:.5px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:13px}.date-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent)}.date-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.date-clear-btn{border:.5px solid var(--border);color:var(--text3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}.date-clear-btn:hover{color:var(--danger,#ef4444);border-color:var(--danger,#ef4444)}.recurrence-interval{color:var(--text2);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.recurrence-interval-input{border:.5px solid var(--border);background:var(--surface);width:60px;color:var(--text);text-align:center;border-radius:8px;outline:none;padding:5px 8px;font-size:13px}.recurrence-interval-input:focus{border-color:var(--accent)}.weekday-selector{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.weekday-btn{cursor:pointer;border:.5px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--text2);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .15s;display:flex}.weekday-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}@media (width<=767px){.modal-overlay{align-items:flex-end;padding:0}.modal-wrap{border-radius:20px 20px 0 0;max-width:none}}.ai-modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ai-modal-wrap{background:var(--bg);border:.5px solid var(--border);font-size:13px;font-family:var(--font-sans,sans-serif);border-radius:16px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0003}.ai-modal-header{border-bottom:.5px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.ai-modal-title{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.ai-pulse-dots{align-items:center;gap:3px;margin-left:4px;display:inline-flex}.ai-pulse-dots span{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ai-pulse;display:inline-block}.ai-pulse-dots span:nth-child(2){animation-delay:.2s}.ai-pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.ai-btn-ghost{border:.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:13px}.ai-btn-ghost:hover:not(:disabled){background:var(--surface2)}.ai-btn-ghost:disabled{opacity:.4;cursor:default}.ai-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:5px 16px;font-size:13px;font-weight:500}.ai-btn-primary:disabled{opacity:.4;cursor:default}.ai-input-section{background:var(--input-bg,#f3f0fe);border-bottom:.5px solid var(--border);flex-shrink:0;padding:14px 16px}.ai-input-label{color:var(--accent-text);opacity:.8;font-size:11px;font-weight:500}.ai-input-image-thumb{object-fit:cover;border:.5px solid var(--border);border-radius:10px;width:100%;max-height:140px;margin-bottom:8px}.ai-input-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-input-label{margin-bottom:0!important}.ai-input-toggle{color:var(--accent-text);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:11px}.ai-input-bubble{background:var(--surface);border:.5px solid var(--border);color:var(--text2);word-break:break-all;border-radius:12px;padding:10px 13px;font-size:13px;font-style:italic;line-height:1.6}.ai-input-bubble-collapsed{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-result-section{flex:1;padding:14px 16px;overflow-y:auto}.ai-result-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ai-result-label{color:var(--accent-text);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ai-result-count{color:var(--text3);font-size:11px;font-weight:400}.ai-select-all{color:var(--accent);cursor:pointer;font-size:12px}.ai-task-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;margin-bottom:8px;transition:opacity .2s;overflow:hidden}.ai-task-card.ai-task-unchecked{opacity:.5}.ai-task-top{align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.ai-task-check{border:1.5px solid var(--accent);cursor:pointer;background:var(--accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.ai-task-check.unchecked{border-color:var(--border);background:0 0}.ai-task-check-inner{border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}.ai-task-body{flex:1;min-width:0}.ai-task-name-edit{width:100%;color:var(--text);font-size:14px;font-weight:500;font-family:var(--font-sans,sans-serif);cursor:text;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:2px 4px;line-height:1.4;transition:background-color .15s,border-color .15s}.ai-task-name-edit:hover:not(:disabled){border-color:var(--border);background-color:#7c6fcd14}.ai-task-name-edit:focus{background-color:var(--input-bg);border-color:var(--accent)}.ai-task-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.ai-date-chip{background:var(--surface2);color:var(--text2);border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;display:flex}.ai-label-chip{background:var(--accent-light);color:var(--accent-text);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.ai-area-chip{border:.5px solid;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.ai-pri-chip{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.ai-pri-chip.pri-hi{background:var(--hi-bg);color:var(--hi-t);border:.5px solid var(--hi-border)}.ai-pri-chip.pri-mid{background:var(--mid-bg);color:var(--mid-t);border:.5px solid var(--mid-border)}.ai-pri-chip.pri-lo{background:var(--lo-bg);color:var(--lo-t);border:.5px solid var(--lo-border)}.ai-badge{background:var(--accent-light);color:var(--accent-text);border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.ai-dismiss-btn{color:var(--text3);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px;font-size:16px;line-height:1}.ai-dismiss-btn:hover{background:var(--surface2)}.ai-task-edit-hint{border-top:.5px solid var(--border);background:var(--surface2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:7px 13px;display:flex}.ai-task-edit-hint:hover{background:var(--surface2);filter:brightness(.96)}.ai-edit-hint{color:var(--accent);font-size:11px}.ai-task-edit-panel{border-top:.5px solid var(--border);background:var(--surface2);flex-direction:column;gap:8px;padding:10px 13px;display:flex}.ai-edit-row{align-items:center;gap:6px;display:flex}.ai-edit-row-wrap{flex-wrap:wrap}.ai-edit-section-label{color:var(--text3);flex-shrink:0;min-width:36px;font-size:10px;font-weight:500}.ai-edit-pill{border:.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;font-size:11px;font-family:var(--font-sans,sans-serif);border-radius:10px;padding:3px 10px;transition:background .1s,color .1s,border-color .1s}.ai-edit-pill:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.ai-edit-pill.selected{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.ai-edit-pill.pri-hi.selected{background:var(--hi-bg);border-color:var(--hi-border);color:var(--hi-t)}.ai-edit-pill.pri-mid.selected{background:var(--mid-bg);border-color:var(--mid-border);color:var(--mid-t)}.ai-edit-pill.pri-lo.selected{background:var(--lo-bg);border-color:var(--lo-border);color:var(--lo-t)}.ai-label-picker-wrap .label-picker{padding:0}.ai-label-picker-wrap .field-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600}.ai-edit-date-input{border:.5px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-family:var(--font-sans,sans-serif);border-radius:8px;outline:none;padding:3px 8px}.ai-edit-date-input:focus{border-color:var(--accent)}.ai-edit-date-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px}.ai-edit-date-clear:hover{background:var(--surface2);color:var(--text)}.ai-sk-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;margin-bottom:8px;padding:12px 13px}.ai-sk-card.ai-sk-faded{opacity:.55}.ai-sk-row{align-items:flex-start;gap:10px;display:flex}.ai-sk-check{background:var(--surface2);border-radius:6px;flex-shrink:0;width:20px;height:20px;animation:1.6s linear infinite ai-shimmer}.ai-sk-lines{flex:1}.ai-sk-line{background:var(--surface2);border-radius:6px;height:12px;margin-bottom:8px;animation:1.6s linear infinite ai-shimmer}.ai-sk-line-title{width:70%}.ai-sk-tags{gap:6px;display:flex}.ai-sk-tag{background:var(--surface2);border-radius:10px;width:48px;height:18px;animation:1.6s linear infinite ai-shimmer}.ai-sk-tag-sm{width:32px}@keyframes ai-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ai-error-section{text-align:center;flex:1;padding:24px 16px}.ai-error-text{color:var(--hi-t);margin-bottom:12px;font-size:13px}.ai-modal-footer{border-top:.5px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.ai-footer-note{color:var(--text3);font-size:12px}.ai-footer-btns{gap:8px;display:flex}.ai-sheet-overlay{z-index:500;background:#0006;position:fixed;inset:0}.ai-sheet{z-index:501;background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;gap:12px;padding:16px 16px 32px;animation:.22s sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-sheet-header{justify-content:space-between;align-items:center;display:flex}.ai-sheet-title{color:var(--text);font-size:15px;font-weight:600}.ai-sheet-close{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.ai-sheet-textarea{border:.5px solid var(--border);width:100%;color:var(--text);background:var(--surface2);resize:none;box-sizing:border-box;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.ai-sheet-textarea::placeholder{color:var(--text3)}.ai-sheet-textarea:focus{border-color:var(--accent)}.ai-sheet-img-row{align-items:center;gap:8px;display:flex}.ai-sheet-img-thumb{object-fit:cover;border-radius:8px;width:56px;height:56px}.ai-sheet-img-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;font-size:14px}.ai-sheet-actions{justify-content:space-between;align-items:center;display:flex}.ai-sheet-icon-group{gap:8px;display:flex}.ai-sheet-icon-btn{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;padding:8px;transition:background .12s;display:flex}.ai-sheet-icon-btn:hover{background:var(--surface2)}.ai-sheet-icon-btn.recording{color:#e05252}.ai-sheet-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .15s}.ai-sheet-submit:disabled{opacity:.4;cursor:default}.ai-sheet-submit.loading{opacity:.7}.ai-sheet-toast{color:var(--text3);text-align:center;font-size:12px}.app-layout{background-color:var(--bg);height:100vh;color:var(--text);font-family:system-ui,sans-serif;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;padding-bottom:90px;display:flex;position:relative;overflow-y:auto}@media (width>=768px){.main-content{padding-bottom:0}}@media (width<=767px){.app-layout{flex-direction:column}}.task-item{background:var(--surface);border:.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:4px;padding:8px 10px;display:flex}.task-item:hover{background:var(--surface2)}.task-item.done{opacity:.4}.task-item.hi-l{background:var(--hi-bg)}.check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;display:flex}.check.checked{background:var(--text3);border-color:var(--text3)}.cm{border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:7px;height:4px;transform:rotate(-45deg)translateY(-1px)}.task-body{flex:1;min-width:0}.task-name{color:var(--text);align-items:center;gap:5px;font-size:13px;line-height:1.4;display:flex}.recurrence-icon{color:var(--accent);opacity:.7;flex-shrink:0}.task-name.done-text{color:var(--text3);text-decoration:line-through}.task-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;display:flex}.task-date{color:var(--text3);font-size:11px}.task-date.red{color:var(--urgent-dot)}.task-date.amber{color:var(--week-dot)}.task-tag{border-radius:10px;padding:2px 6px;font-size:10px;font-weight:500}.task-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border:.5px solid #0000;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:500;transition:filter .12s,opacity .12s}.task-badge:hover{filter:brightness(.88)}.task-badge--area{border-style:solid;border-radius:6px;font-weight:700}.task-badge--label{border-style:dashed}.pri-badge{border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:500}.pri-hi{background:var(--hi-bg);color:var(--hi-t);border:.5px solid var(--hi-border)}.pri-mid{background:var(--mid-bg);color:var(--mid-t);border:.5px solid var(--mid-border)}.pri-lo{background:var(--lo-bg);color:var(--lo-t);border:.5px solid var(--lo-border)}@media (width<=767px){.task-item{border-radius:12px;padding:9px 11px}.task-name{font-size:14px}.check{width:18px;height:18px}}.pin-btn{width:22px;height:22px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:2px;padding:0;transition:color .15s;display:flex}.pin-btn--active{color:#e05252}.empty-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:40px 16px 60px;display:flex}.empty-text{color:var(--text3);text-align:center;letter-spacing:.01em;font-size:14px;line-height:1.8}.empty-hint{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.hint-examples{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.hint-bubble{background:var(--surface2);border:.5px solid var(--border);color:var(--text2);cursor:pointer;border-radius:10px;padding:8px 13px;font-size:12px;font-style:italic;line-height:1.5;transition:background .15s}.hint-bubble:hover{background:var(--border)}.hint-label{color:var(--text3);text-align:center;font-size:11px}.task-list{flex-direction:column;display:flex}.expand-btn-wrap{justify-content:center;margin-top:10px;margin-bottom:4px;display:flex}.expand-btn{background:var(--surface);border:.5px solid var(--border);color:var(--text2);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 18px;font-size:11px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.expand-btn:hover{background:var(--surface2);border-color:var(--text3);color:var(--text);transform:translateY(-1px)}.overdue-section{background:color-mix(in srgb, #ef4444 8%, var(--bg));border:.5px solid #ef44444d;border-radius:12px;margin-bottom:14px;padding:9px 11px}.overdue-dot{background:#ef4444!important}.overdue-label{font-weight:600;color:#ef4444!important}.pin-section{background:var(--pin-bg);border:.5px solid var(--pin-border);border-radius:12px;margin-bottom:14px;padding:9px 11px}.pin-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.pin-label{color:var(--hi-t);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.pin-toggle{color:var(--text3);cursor:pointer;font-size:11px}.pin-toggle:hover{color:var(--text2)}.group{margin-bottom:16px}.group-header{cursor:pointer;align-items:center;gap:7px;margin-bottom:6px;display:flex}.group-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.group-label{color:var(--text2);font-size:12px;font-weight:500}.group-count{color:var(--text3);font-size:11px}.collapse-row{border:.5px dashed var(--border);cursor:pointer;color:var(--text3);border-radius:10px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:flex}.collapse-row:hover{background:var(--surface2)}.filter-bar{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:relative}.fb-dropdown-wrap{position:relative}.fb-btn{border:.5px solid var(--border);background:var(--surface2);min-width:70px;max-width:108px;color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;flex:1 1 0;justify-content:flex-start;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.fb-btn:hover{background:var(--surface);border-color:var(--text3);color:var(--text)}.fb-label-text,.fb-area-text{text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:flex-start;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.fb-btn-clear{color:currentColor;opacity:.6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;transition:opacity .15s,background .15s;display:inline-flex}.fb-btn-clear:hover{opacity:1;background:#ffffff26}.fb-btn-clear--inactive{opacity:.25;pointer-events:none}.fb-btn--active{font-weight:600}.fb-chevron{color:var(--text3);flex-shrink:0;transition:transform .15s}.fb-chevron.open{transform:rotate(180deg)}.fb-btn-clear{color:currentColor;opacity:.6;border-radius:50%;flex-shrink:0}.fb-btn-clear:hover{opacity:1}.fb-area-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.fb-dropdown{background:var(--surface);border:.5px solid var(--border);z-index:200;border-radius:12px;min-width:160px;animation:.12s fb-open;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes fb-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fb-option{cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:9px 14px;font-size:13px;transition:background .1s;display:flex}.fb-option:hover{background:var(--surface2)}.fb-option.selected{background:var(--accent-light);color:var(--accent-text)}.fb-label-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.fb-option-area{color:var(--text3);margin-left:auto;padding-left:8px;font-size:10px}.fb-check{color:var(--accent);margin-left:auto;font-size:11px}.fb-option-empty{color:var(--text3);text-align:center;padding:10px 14px;font-size:12px}.fb-clear-all{border:.5px solid var(--border);background:var(--surface2);width:28px;height:28px;color:var(--text3);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.fb-clear-all:hover:not(:disabled){background:var(--surface);color:var(--text)}.fb-clear-all--inactive{opacity:.4;cursor:default}.fb-count{color:var(--text3);text-align:right;min-width:16px;margin-left:auto;padding-left:6px;font-size:10px}@media (width<=767px){.filter-bar{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow:visible}.fb-dropdown{min-width:unset;z-index:1000;position:fixed;top:90px;left:8px;right:8px}}.topbar{border-bottom:.5px solid var(--border);background:var(--surface);align-items:center;gap:8px;min-width:0;padding:11px 16px;display:flex}.topbar-logo{color:var(--accent);letter-spacing:-.3px;flex:1;font-size:16px;font-weight:700}.filterbar-row{border-bottom:.5px solid var(--border);background:var(--surface);align-items:center;padding:6px 16px;display:flex;overflow:visible}.add-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:500;display:flex}.content{flex:1;padding:13px 16px;overflow-y:auto}.ai-bar{border-top:.5px solid var(--border);background:var(--surface);padding:9px 16px}.ai-wrap{background:var(--surface2);border:.5px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:7px 11px;display:flex}.ai-input{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px;line-height:1.4;overflow:hidden}.ai-input::placeholder{color:var(--text3)}.ai-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;padding:4px 11px;font-size:12px;font-weight:500;transition:opacity .15s}.ai-btn:disabled{opacity:.4;cursor:default}.ai-input:disabled{opacity:.6;cursor:default}.ai-icon-btn{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 4px;transition:color .15s,background .15s;display:flex}.ai-icon-btn:hover:not(:disabled){color:var(--accent);background:var(--accent-light)}.ai-icon-btn:disabled{opacity:.35;cursor:default}.ai-mic-recording{color:#e54d4d;animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-img-preview-row{align-items:center;gap:6px;padding:0 0 6px;display:flex}.ai-img-thumb{object-fit:cover;border:.5px solid var(--border);border-radius:8px;width:48px;height:48px}.ai-img-clear{background:var(--surface2);border:.5px solid var(--border);cursor:pointer;width:18px;height:18px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.ai-img-clear:hover{background:var(--surface);color:var(--text)}.ai-toast{background:var(--hi-bg);color:var(--hi-t);border:.5px solid var(--hi-border);text-align:center;border-radius:8px;margin-top:6px;padding:7px 12px;font-size:12px}@media (width<=767px){.topbar{padding:10px 16px}.filterbar-row{padding:6px 16px}.content{padding-bottom:80px}.ai-bar{display:none}}.search-bar-wrap{background:var(--surface);border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.search-bar-input{border:.5px solid var(--border);background:var(--surface2);color:var(--text);border-radius:20px;outline:none;flex:1;padding:8px 12px;font-size:14px}.search-bar-input:focus{border-color:var(--accent)}.search-bar-clear{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:13px}.areas-page{box-sizing:border-box;width:600px;max-width:100%;margin:0 auto;padding:24px}.areas-list,.preset-section,.settings-section,.area-card,.preset-card,.settings-group{box-sizing:border-box;width:100%}.areas-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.areas-title{color:var(--text);font-size:20px;font-weight:600}.add-area-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.add-area-btn svg{width:14px;height:14px}.section-action-row{justify-content:flex-end;margin-bottom:12px;display:flex}.add-section-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.add-section-btn:hover{opacity:.9}.add-section-btn svg{width:14px;height:14px}.add-area-btn:hover{opacity:.9}.area-card{background:var(--surface);border:.5px solid var(--border);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px #00000005}.tabs{border-bottom:.5px solid var(--border);margin-bottom:20px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--text2);white-space:nowrap;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:13px;transition:all .2s}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab:hover:not(.active){background:var(--surface2)}.area-item-header{cursor:pointer;align-items:center;gap:12px;padding:16px;transition:background .2s;display:flex}.area-item-header:hover{background:var(--surface2)}.area-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.area-name{color:var(--text);flex:1;font-size:15px;font-weight:500}.area-meta{color:var(--text3);margin-right:8px;font-size:12px}.area-actions{gap:4px;display:flex}.area-chevron{color:var(--text3);transition:transform .2s}.area-chevron.open{transform:rotate(90deg)}.area-body{border-top:.5px solid var(--border);background:var(--bg);padding:8px 16px 16px}.label-list{flex-direction:column;gap:4px;display:flex}.label-row{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s;display:flex}.label-row:hover{background:var(--surface)}.label-dot{border-radius:50%;width:8px;height:8px}.label-text{color:var(--text);flex:1;font-size:14px}.label-count{color:var(--text3);font-size:12px}.label-actions{gap:2px;display:flex}.action-btn{border:.5px solid var(--border);background:var(--surface2);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.action-btn.edit{background:color-mix(in srgb, var(--accent) 10%, var(--surface2));border-color:color-mix(in srgb, var(--accent) 25%, var(--border));color:var(--accent)}.action-btn.edit:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-text)}.action-btn.danger{background:color-mix(in srgb, var(--hi-t) 8%, var(--surface2));border-color:color-mix(in srgb, var(--hi-border) 60%, var(--border));color:var(--hi-t);opacity:.85}.action-btn.danger:hover{background:var(--hi-bg);border-color:var(--hi-border);color:var(--hi-t);opacity:1}.area-actions,.label-actions,.preset-header-actions{gap:6px}.add-label-btn{color:var(--text3);cursor:pointer;border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:10px 12px;font-size:13px;display:flex}.add-label-btn:hover{background:var(--surface);color:var(--accent)}.ai-suggest-bar{background:var(--accent-light);border:.5px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.ai-suggest-text{color:var(--accent-text);flex:1;font-size:13px;line-height:1.5}.ai-suggest-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.empty-state{text-align:center;color:var(--text3);padding:40px;font-size:14px}.section-row{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.section-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.add-link{color:var(--accent);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.preset-card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.preset-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.preset-name{color:var(--text);font-size:14px;font-weight:600}.preset-date{color:var(--text3);font-size:11px}.preset-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preset-chip{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.preset-task-list{color:var(--text2);margin-bottom:12px;font-size:12px;line-height:1.8}.preset-task-item{align-items:center;gap:8px;display:flex}.preset-task-dot{background:var(--text3);border-radius:50%;flex-shrink:0;width:5px;height:5px}.preset-actions{justify-content:flex-end;gap:8px;display:flex}.preset-btn{cursor:pointer;border:.5px solid var(--border);color:var(--text2);background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500}.preset-btn.apply{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.preset-btn.apply:hover{background:var(--accent);color:#fff}.preset-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.preset-empty{text-align:center;color:var(--text3);padding:48px 0;font-size:14px;line-height:2}.preset-header-actions{align-items:center;gap:10px;display:flex}.preset-task-title{color:var(--text2);flex:1;font-size:12px}.preset-task-meta{color:var(--text3);font-size:11px}.preset-btn{align-items:center;gap:5px;display:flex}.apply-modal-desc{color:var(--text2);margin:0 0 16px;font-size:13px;line-height:1.6}.apply-task-list{background:var(--surface2);border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.apply-task-row{align-items:center;gap:8px;display:flex}.apply-task-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.apply-task-title{color:var(--text);flex:1;font-size:13px}.apply-task-meta{color:var(--text3);font-size:11px}.preset-item-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.preset-item-title{background:var(--surface);border:.5px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:13px}.preset-item-title:focus{border-color:var(--accent)}.preset-item-select{background:var(--surface);border:.5px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;outline:none;padding:7px 6px;font-size:12px}.preset-item-remove{border:.5px solid var(--border);width:28px;height:28px;color:var(--text3);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preset-item-remove:hover{color:var(--danger);border-color:var(--danger)}.inline-add-card{border:.5px dashed var(--accent);background:var(--accent-light)}.inline-input-row{align-items:center;gap:6px;padding:10px 16px;display:flex}.inline-input-row.flex1{flex:1;padding:0}.inline-input{background:var(--surface);border:.5px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:14px}.inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 15%, transparent)}.inline-ok{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.inline-cancel{background:var(--surface2);width:28px;height:28px;color:var(--text3);border:.5px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inline-cancel:hover{color:var(--text2)}.settings-section,.areas-list,.preset-section{padding:0}.settings-group{background:var(--surface);border:.5px solid var(--border);border-radius:12px;margin-bottom:14px;padding:16px 18px}.settings-label{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:500}.settings-desc{color:var(--text3);font-size:12px}@media (width<=767px){.areas-page{padding:16px}}.stripe-wrapper{border-radius:12px;min-height:600px;transition:background-color .3s}@media (prefers-color-scheme:light){.stripe-wrapper{background-color:#f7f5f0!important}}@media (prefers-color-scheme:dark){.stripe-wrapper{background-color:#1e1c1a!important}}:root[data-theme=light] .stripe-wrapper{background-color:#f7f5f0!important}:root[data-theme=dark] .stripe-wrapper{background-color:#1e1c1a!important}@media (width<=768px){.stripe-wrapper{border-radius:8px;min-height:auto;padding:16px!important}.stripe-wrapper>stripe-pricing-table{width:100%!important}}