:root{--bg:oklch(97.3% .005 165);--surface:oklch(96% .012 180);--surface2:oklch(93.8% .02 189.2);--border:oklch(56% .055 220);--text:oklch(22.5% .057 271);--text2:oklch(38% .04 270);--text3:oklch(50% .03 260);--urgent-dot:oklch(53.5% .198 20.2);--week-dot:oklch(46.7% .13 264.6);--later-dot:oklch(55% .01 260);--accent:oklch(62.9% .104 194.8);--accent-light:oklch(93.8% .02 189.2);--accent-text:oklch(40% .08 194);--tag-work:oklch(92% .03 194);--tag-work-t:oklch(38% .08 194);--tag-pja:oklch(93% .025 80);--tag-pja-t:oklch(45% .1 60);--tag-home:oklch(93.5% .025 340);--tag-home-t:oklch(43% .12 340);--tag-aikido:oklch(93% .025 264);--tag-aikido-t:oklch(40% .12 264);--hi-t:oklch(53.5% .198 20.2);--hi-bg:oklch(94% .03 20);--hi-border:oklch(65% .15 20);--hi-bar:oklch(53.5% .198 20.2);--mid-t:oklch(46.7% .13 264.6);--mid-bg:oklch(95% .015 264);--mid-border:oklch(70% .08 264);--lo-t:oklch(55% .01 260);--lo-bg:oklch(94% .005 200);--lo-border:oklch(80% .01 260);--pin-bg:oklch(95.5% .018 194);--pin-border:oklch(80% .05 194);--input-bg:oklch(95% .015 264);--overdue-bg:oklch(94% .03 20);--overdue-border:oklch(65% .1 15);--overdue-text:oklch(48% .16 18);--badge-border:#00000012;--card-shadow:0 1px 4px #1219360f;--btn-bg:oklch(93.8% .02 189.2);--btn-border:oklch(72% .04 220)}@media (prefers-color-scheme:dark){:root{--bg:oklch(21% .045 271);--surface:oklch(24% .042 270);--surface2:oklch(27.5% .038 268);--border:oklch(100% 0 0/.35);--text:oklch(95% .005 165);--text2:oklch(78% .015 260);--text3:oklch(60% .02 260);--urgent-dot:oklch(65% .14 20);--week-dot:oklch(70% .08 194.5);--later-dot:oklch(55% .015 260);--accent:oklch(62.9% .104 194.8);--accent-light:oklch(28% .05 194);--accent-text:oklch(76.9% .095 194.5);--tag-work:oklch(28% .04 194);--tag-work-t:oklch(75% .06 194);--tag-pja:oklch(29% .035 80);--tag-pja-t:oklch(75% .06 70);--tag-home:oklch(28% .035 340);--tag-home-t:oklch(75% .05 340);--tag-aikido:oklch(28% .035 264);--tag-aikido-t:oklch(75% .06 264);--hi-t:oklch(65% .14 20);--hi-bg:oklch(25% .04 15);--hi-border:oklch(40% .1 18);--hi-bar:oklch(55% .15 20);--mid-t:oklch(70% .08 194.5);--mid-bg:oklch(25% .03 194);--mid-border:oklch(45% .06 194);--lo-t:oklch(55% .015 260);--lo-bg:oklch(27% .02 268);--lo-border:oklch(38% .02 268);--pin-bg:oklch(26% .035 194);--pin-border:oklch(40% .05 194);--input-bg:oklch(28% .05 194);--overdue-bg:oklch(24% .04 10);--overdue-border:oklch(38% .08 12);--overdue-text:oklch(70% .11 15);--badge-border:#ffffff1a;--card-shadow:0 1px 4px #0003;--btn-bg:oklch(31% .035 268);--btn-border:oklch(42% .03 268)}}:root[data-theme=light]{--bg:oklch(97.3% .005 165);--surface:oklch(96% .012 180);--surface2:oklch(93.8% .02 189.2);--border:oklch(56% .055 220);--text:oklch(22.5% .057 271);--text2:oklch(38% .04 270);--text3:oklch(50% .03 260);--urgent-dot:oklch(53.5% .198 20.2);--week-dot:oklch(46.7% .13 264.6);--later-dot:oklch(55% .01 260);--accent:oklch(62.9% .104 194.8);--accent-light:oklch(93.8% .02 189.2);--accent-text:oklch(40% .08 194);--hi-t:oklch(53.5% .198 20.2);--hi-bg:oklch(94% .03 20);--hi-border:oklch(65% .15 20);--hi-bar:oklch(53.5% .198 20.2);--mid-t:oklch(46.7% .13 264.6);--mid-bg:oklch(95% .015 264);--mid-border:oklch(70% .08 264);--lo-t:oklch(55% .01 260);--lo-bg:oklch(94% .005 200);--lo-border:oklch(80% .01 260);--pin-bg:oklch(95.5% .018 194);--pin-border:oklch(80% .05 194);--input-bg:oklch(95% .015 264);--overdue-bg:oklch(94% .03 20);--overdue-border:oklch(65% .1 15);--overdue-text:oklch(48% .16 18);--badge-border:#00000012;--card-shadow:0 1px 4px #1219360f;--btn-bg:oklch(93.8% .02 189.2);--btn-border:oklch(72% .04 220)}:root[data-theme=dark]{--bg:oklch(21% .045 271);--surface:oklch(24% .042 270);--surface2:oklch(27.5% .038 268);--border:oklch(100% 0 0/.35);--text:oklch(95% .005 165);--text2:oklch(78% .015 260);--text3:oklch(60% .02 260);--urgent-dot:oklch(65% .14 20);--week-dot:oklch(70% .08 194.5);--later-dot:oklch(55% .015 260);--accent:oklch(62.9% .104 194.8);--accent-light:oklch(28% .05 194);--accent-text:oklch(76.9% .095 194.5);--hi-t:oklch(65% .14 20);--hi-bg:oklch(25% .04 15);--hi-border:oklch(40% .1 18);--hi-bar:oklch(55% .15 20);--mid-t:oklch(70% .08 194.5);--mid-bg:oklch(25% .03 194);--mid-border:oklch(45% .06 194);--lo-t:oklch(55% .015 260);--lo-bg:oklch(27% .02 268);--lo-border:oklch(38% .02 268);--pin-bg:oklch(26% .035 194);--pin-border:oklch(40% .05 194);--input-bg:oklch(28% .05 194);--overdue-bg:oklch(24% .04 10);--overdue-border:oklch(38% .08 12);--overdue-text:oklch(70% .11 15);--badge-border:#ffffff1a;--card-shadow:0 1px 4px #0003;--btn-bg:oklch(31% .035 268);--btn-border:oklch(42% .03 268)}*{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;font-weight:400;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}input,button,textarea{font-family:inherit}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow-y:auto}.sidebar-logo{padding:20px 16px 12px;display:block}.sidebar-logo img{width:100%;height:auto;display:block}.sb-section{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-top:10px;margin-bottom:3px;padding:4px 16px;font-size:11px;font-weight:700}.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;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface2)}.nav-item.active{background:var(--accent-light);color:var(--accent-text);font-weight:600}.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:1px solid var(--border);border-radius:8px;margin:2px 6px;overflow:hidden}.pri-nav-item{cursor:pointer;color:var(--text2);border-bottom:1px 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)}.sb-section--view{flex-direction:column;gap:1px;margin-top:6px;padding:0;display:flex}.sidebar-filter-btn{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;display:flex}.sidebar-filter-btn:hover{background:var(--surface2)}.sidebar-filter-btn.active{background:var(--accent-light);color:var(--accent-text);font-weight:500}.sidebar-footer{border-top:1px 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:1px 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;font-weight:500}.nav-btn-label.active{color:var(--accent-text);font-weight:600}.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 #12193640}.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:1px 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:1px 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;gap:12px;padding:12px 16px;display:flex}.modal-header-title{color:var(--text);text-align:center;flex:1;font-size:15px;font-weight:500}.modal-header-actions{align-items:center;gap:8px;display:flex}.btn-ghost{border:1px 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{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface2);border-radius:10px;outline:none;padding:10px 12px;font-size:18px;font-weight:500;line-height:1.4;transition:border-color .15s}.task-name-input:focus{border-color:var(--accent)}.task-name-input::placeholder{color:var(--text3);font-weight:400}.memo-input{border:1px 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:1px 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:1px 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:1px 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:1px 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:1px 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:1px 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)}.modal-wrap--two-col{flex-direction:column;max-width:800px;display:flex}.modal-body-row{background:var(--surface);flex-direction:row;min-height:0;display:flex}.modal-form-col{border-right:.5px solid var(--border);flex:none;width:380px;padding:20px;overflow:visible}.modal-steps-col{flex-direction:column;flex:1;align-self:stretch;min-width:220px;display:flex;overflow:hidden}.steps-header{flex-shrink:0;align-items:center;gap:8px;padding:14px 16px 8px;display:flex}.steps-title{color:var(--text);flex:1;font-size:13px;font-weight:600}.steps-count{color:var(--text3);background:var(--surface2);border-radius:20px;padding:2px 7px;font-size:11px}.steps-progress{flex-shrink:0;padding:0 16px 8px}.steps-progress-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.steps-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.steps-progress-label{color:var(--text3);margin-top:4px;font-size:10px}.steps-add-area{border-bottom:.5px solid var(--border);flex-shrink:0;padding:0 10px 8px}.steps-add-row{border:.5px solid var(--border);background:var(--surface2);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.steps-add-row:focus-within{border-color:var(--accent);background:var(--accent-light)}.steps-add-icon{color:var(--accent);flex-shrink:0;font-size:16px;font-weight:300;line-height:1}.steps-add-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.steps-add-input::placeholder{color:var(--text3)}.steps-hint{color:var(--text3);text-align:right;margin-top:4px;padding-right:2px;font-size:10px}.steps-list{flex:1;padding:6px 8px 8px;overflow-y:auto}.step-item{cursor:default;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .12s;display:flex}.step-item:hover{background:var(--accent-light)}.step-item.done .step-text{color:var(--text3);text-decoration:line-through}.step-handle{width:16px;color:var(--text3);cursor:grab;opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s;display:flex}.step-item:hover .step-handle{opacity:1}.step-handle:active{cursor:grabbing}.step-check{border:1.5px solid var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.step-check:hover{border-color:var(--accent)}.step-item.done .step-check{background:var(--accent);border-color:var(--accent)}.step-check-tick{color:#fff;font-size:10px;line-height:1}.step-text{color:var(--text);flex:1;font-size:13px;line-height:1.4}.step-delete{cursor:pointer;opacity:0;width:22px;height:22px;color:var(--text3);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s,background .12s;display:flex}.step-item:hover .step-delete{opacity:1}.step-delete:hover{background:var(--surface2);color:var(--hi-t)}.steps-nav-btn{display:none}.step-edit-input{border:none;border-bottom:1px solid var(--accent);color:var(--text);background:0 0;outline:none;flex:1;padding:1px 2px;font-family:inherit;font-size:13px}.steps-back-btn{display:none}@media (width<=767px){.modal-overlay{justify-content:center;align-items:center;padding:0}.modal-wrap,.modal-wrap--two-col{border-radius:16px;flex-direction:column;width:auto;max-width:none;height:auto;max-height:none;display:flex;position:fixed;inset:20vh 10vw 15vh;overflow:hidden}.modal-header,.modal-footer{flex-shrink:0}.modal-body,.modal-body-row{flex:1;min-height:0;max-height:none;overflow-y:auto}.modal-body-row{flex-direction:column}.modal-form-col{border-bottom:none;border-right:none;flex:1;width:100%;min-height:0;overflow-y:auto}.mobile-form-hidden,.mobile-steps-hidden{display:none!important}.modal-steps-col{flex:1;min-height:0;max-height:none}.steps-nav-btn{border:none;border-bottom:.5px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;width:calc(100% + 40px);margin:-20px -20px 16px;padding:10px 16px;font-size:13px;display:flex}.steps-back-btn{border:none;border-bottom:.5px solid var(--border);color:var(--accent);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;width:100%;padding:10px 16px;font-size:13px;display:flex}.step-handle{opacity:.4}}.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{align-items:center;gap:8px;display:flex}.ai-sheet-voice-hint{color:var(--text3);white-space:nowrap;font-size:11px}.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-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}}.device-toast{background:var(--surface);color:var(--text1);border:1px solid var(--border);z-index:9999;pointer-events:none;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000026}@media (width<=767px){.device-toast,.battery-banner{bottom:96px}}.battery-banner{background:var(--surface);border:1px solid var(--accent);z-index:9999;border-radius:12px;width:360px;max-width:calc(100vw - 32px);padding:16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.battery-banner-title{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:600}.battery-banner-text{color:var(--text2);margin:0 0 8px;font-size:12px;line-height:1.6}.battery-banner-note{color:var(--text3);margin:0 0 12px;font-size:11px;line-height:1.5}.battery-banner-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:8px 24px;font-size:13px;font-weight:600}.task-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;box-shadow:var(--card-shadow);border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:4px;padding:8px 10px;transition:opacity .4s;display:flex}.task-item:hover{background:var(--surface2)}.task-item.done{opacity:.4}.task-item.hi-l{background:var(--hi-bg);border-left:4px solid var(--hi-bar)}.check{border:2px 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(--accent);border-color:var(--accent)}.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);flex-shrink:0;align-items:center;gap:5px;max-width:100%;font-size:13px;font-weight:600;line-height:1.4;display:flex}.task-item.hi-l .task-name{font-weight:700}.recurrence-icon{color:var(--accent);opacity:.7;flex-shrink:0}.task-name.done-text{color:var(--text3);text-decoration:line-through}.task-title-row{align-items:baseline;gap:8px;min-width:0;display:flex}.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{border:1px solid var(--badge-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;min-height:24px;padding:4px 10px;font-size:11px;font-weight:700;transition:filter .12s,opacity .12s,transform 80ms}.task-badge:active{transform:scale(.97)}.task-badge:hover{filter:brightness(.88)}.task-badge--area{border-style:solid;border-radius:6px;font-weight:700}.task-badge--label{border-style:dashed;font-weight:700}.pri-badge{border-radius:10px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.pri-hi{background:var(--hi-bg);color:var(--hi-t);border:1px solid var(--hi-border)}.pri-mid{background:var(--mid-bg);color:var(--mid-t);border:1px solid var(--mid-border)}.pri-lo{background:var(--lo-bg);color:var(--lo-t);border:1px 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}.task-badge{min-height:28px;padding:5px 11px}}.pin-bell-col{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.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;padding:0;transition:color .15s;display:flex}.pin-btn--active{color:#dc2626}.bell-wrap{flex-shrink:0;position:relative}.bell-btn{width:22px;height:22px;color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.bell-btn--active{color:#f97316}[data-theme=dark] .bell-btn--active{color:#eab308}.bell-toast{z-index:11;background:var(--surface);color:var(--text1);border:1px solid var(--border);white-space:nowrap;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;top:26px;left:0;box-shadow:0 2px 8px #0000001a}.task-step-panel{border-left:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:0;flex-direction:column;flex:0 0 38%;align-self:stretch;gap:3px;min-width:95px;max-width:200px;padding:6px 9px;transition:background .15s,transform 80ms;display:flex;overflow:hidden}.task-step-panel:hover{background:var(--accent-light)}.task-step-panel:active{transform:scale(.98)}.task-step-panel--done{background:var(--accent-light)}.task-step-panel--loading{cursor:default}.task-step-panel--loading:hover{background:0 0}.tsp-progress-bar{background:var(--border);border-radius:2px;height:3px;margin-bottom:2px;overflow:hidden}.tsp-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .28s cubic-bezier(.4,0,.2,1)}.tsp-percent{color:var(--accent-text);font-size:11px;font-weight:700;line-height:1.25}.tsp-fraction{color:var(--text3);font-size:10px;font-weight:400}.tsp-advance-btn{width:18px;height:18px;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;transition:background .12s,transform 80ms;display:inline-flex}.tsp-advance-btn:hover{background:var(--accent);color:#fff}.tsp-advance-btn:active{transform:scale(.88)}.tsp-current{align-items:center;gap:2px;min-width:0;display:flex}.tsp-step-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;line-height:1.35;overflow:hidden}.tsp-current-text{color:var(--text);font-weight:600}.tsp-all-done{color:var(--accent-text);margin-top:2px;font-size:11px;font-weight:700}.tsp-mobile-only{display:none}.tsp-desktop-only{display:contents}@keyframes tspSkeletonPulse{0%{opacity:.55}50%{opacity:.85}to{opacity:.55}}.tsp-skeleton{background:var(--border);border-radius:3px;animation:1.2s ease-in-out infinite tspSkeletonPulse}.tsp-skeleton--bar{width:100%;height:3px;margin-bottom:4px}.tsp-skeleton--label{width:50%;height:9px}.tsp-skeleton--line{width:80%;height:8px}@media (width<=767px){.task-step-panel{width:46px;min-width:unset;max-width:unset;text-align:center;flex:none;justify-content:center;align-items:center;padding:4px}.tsp-desktop-only{display:none}.tsp-mobile-only{flex-direction:column;align-items:center;gap:2px;display:flex}.tsp-percent{font-size:12px;line-height:1.2}.tsp-fraction{font-size:10px;line-height:1.2}}.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(--btn-bg);border:1px solid var(--btn-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:var(--overdue-bg);border:1px solid var(--overdue-border);border-radius:12px;margin-bottom:14px;padding:9px 11px}.overdue-dot{background:var(--overdue-text)!important}.overdue-label{font-weight:700;color:var(--overdue-text)!important}.pin-section{background:var(--pin-bg);border:1px 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:13px;font-weight:700}.group-count{color:var(--text3);font-size:11px}.collapse-row{border:1px 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:1px 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:600;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{background:var(--accent);color:#fff;border-color:var(--accent);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:1px 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:1px 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}}.inline-task-bar{background:var(--surface);border:.5px solid var(--border);z-index:20;border-radius:12px;margin:10px 16px 4px;position:relative;box-shadow:0 1px 4px #0000000d}.itb__title-row{border-bottom:.5px solid var(--border);align-items:center;padding:0 4px 0 12px;display:flex}.itb__circle{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-right:9px}.itb__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-family:inherit;font-size:13px}.itb__input::placeholder{color:var(--text3)}.itb__expand-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:0 10px 0 0;flex-shrink:0;padding:8px 12px;font-size:10px;transition:color .15s,transform .2s}.itb__expand-btn:hover{color:var(--accent)}.itb__expand-btn.is-open{color:var(--accent);transform:rotate(180deg)}.itb__pills-row{flex-wrap:wrap;gap:5px;padding:6px 10px 8px;display:flex}.itb-pill{border:.5px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.itb-pill:hover{border-color:var(--accent);color:var(--accent)}.itb-pill.is-active{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.itb-pill__text{white-space:nowrap}.itb-pill__chevron{color:var(--text3);font-size:9px;line-height:1}.itb-dropdown{background:var(--surface);border:.5px solid var(--border);z-index:200;border-radius:10px;min-width:120px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.itb-dropdown__item{color:var(--text);cursor:pointer;white-space:nowrap;padding:7px 14px;font-size:12px;transition:background .1s}.itb-dropdown__item:hover{background:var(--surface2)}.itb-dropdown__item.is-selected{background:var(--accent-light);color:var(--accent-text);font-weight:500}.itb-dropdown__item--hi.is-selected{background:var(--hi-bg);color:var(--hi-t)}.itb-dropdown__item--mid.is-selected{background:var(--mid-bg);color:var(--mid-t)}.itb-dropdown__item--lo.is-selected{background:var(--lo-bg);color:var(--lo-t)}.itb-dropdown__date-row{border-top:.5px solid var(--border);padding:6px 10px 4px}.itb-dropdown__date-input{border:.5px solid var(--border);background:var(--surface2);width:100%;color:var(--text);border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.itb-dropdown__date-input:focus{border-color:var(--accent)}.itb-dropdown__label-picker{min-width:200px;max-height:240px;padding:4px 6px;overflow-y:auto}.itb__detail-panel{border-top:.5px solid var(--border);flex-direction:column;gap:10px;padding:10px 14px 12px;display:flex}.itb__memo{border:.5px solid var(--border);background:var(--surface2);width:100%;color:var(--text);resize:none;box-sizing:border-box;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:12px;line-height:1.5}.itb__memo:focus{border-color:var(--accent)}.itb__memo::placeholder{color:var(--text3)}.itb__detail-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.itb__detail-label{color:var(--text3);white-space:nowrap;font-size:11px}.itb__detail-pills{flex-wrap:wrap;gap:4px;display:flex}.itb__detail-pill{border:.5px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:6px;padding:3px 9px;font-family:inherit;font-size:11px;transition:background .1s,border-color .1s}.itb__detail-pill:hover{border-color:var(--accent)}.itb__detail-pill.is-selected{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}.itb__recurrence-interval{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:flex}.itb__recurrence-interval input{border:.5px solid var(--border);background:var(--surface2);width:52px;color:var(--text);text-align:center;border-radius:6px;outline:none;padding:3px 6px;font-family:inherit;font-size:12px}.itb__recurrence-interval input:focus{border-color:var(--accent)}.itb__weekday-selector{gap:4px;display:flex}.itb__weekday-btn{border:.5px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:5px;padding:3px 7px;font-family:inherit;font-size:11px;transition:background .1s}.itb__weekday-btn.is-selected{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent)}@media (width<=767px){.inline-task-bar{border-radius:10px;margin:8px 12px 4px}.itb__pills-row{flex-wrap:wrap}.itb__detail-panel{max-height:60vh;overflow-y:auto}.itb-dropdown{min-width:140px}.itb-dropdown__label-picker{min-width:180px}}.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{flex:1;align-items:center;min-width:0;display:flex}.topbar-logo img{width:auto;max-width:180px;height:36px;display:block}.topbar-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s,transform 80ms;display:flex}.topbar-add-btn:hover{opacity:.85}.topbar-add-btn:active{transform:scale(.93)}.topbar-organize-btn{border:.5px solid var(--border);background:var(--surface2);height:30px;color:var(--accent);cursor:pointer;border-radius:16px;flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .15s,transform 80ms,background .15s;display:inline-flex}.topbar-organize-btn:hover:not(:disabled){background:var(--accent-soft,#7c6fcd1a)}.topbar-organize-btn:active:not(:disabled){transform:scale(.97)}.topbar-organize-btn:disabled{opacity:.5;cursor:not-allowed}.organize-confirm-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.organize-confirm{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:24px 20px 20px;display:flex;box-shadow:0 8px 32px #0000003d}.organize-confirm-title{color:var(--text);text-align:center;margin:0;font-size:14px;font-weight:700;line-height:1.5}.organize-confirm-usage{color:var(--text3);text-align:center;margin:0;font-size:13px}.organize-confirm-pro-note{color:var(--text3);margin-left:4px;font-size:11px}.organize-confirm-btns{gap:10px;margin-top:4px;display:flex}.organize-confirm-yes,.organize-confirm-no{cursor:pointer;border:none;border-radius:10px;flex:1;height:40px;font-size:14px;font-weight:700;transition:opacity .15s,transform 80ms}.organize-confirm-yes{background:var(--accent);color:#fff}.organize-confirm-no{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.organize-confirm-yes:hover,.organize-confirm-no:hover{opacity:.85}.organize-confirm-yes:active,.organize-confirm-no:active{transform:scale(.97)}.organize-toast{background:var(--hi-bg);color:var(--hi-t);border-bottom:.5px solid var(--hi-border);text-align:center;padding:8px 16px;font-size:12px}.filterbar-row{border-bottom:.5px solid var(--border);background:var(--surface);align-items:center;padding:6px 16px;display:flex;overflow:visible}.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}.theme-toggle-row{gap:8px;margin-top:8px;display:flex}.theme-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;border-radius:10px;flex:1;padding:8px 0;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.theme-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}@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}}.lp-page{--bg:oklch(98.5% .005 165);--bg-2:oklch(97.3% .005 165);--surface:oklch(96% .012 180);--surface-2:oklch(93.8% .02 189.2);--hairline:oklch(56% .055 220/.18);--hairline-strong:oklch(56% .055 220/.38);--text:oklch(22.5% .057 271);--text-2:oklch(38% .04 270);--text-3:oklch(50% .03 260);--text-4:oklch(62% .02 260);--accent:oklch(62.9% .104 194.8);--accent-deep:oklch(48% .09 194.8);--accent-soft:oklch(93.8% .02 189.2);--accent-text:oklch(40% .08 194);--hi-t:oklch(53.5% .198 20.2);--hi-bg:oklch(94% .03 20);--hi-border:oklch(65% .15 20);--mid-t:oklch(46.7% .13 264.6);--mid-bg:oklch(95% .015 264);--mid-border:oklch(70% .08 264);--lo-t:oklch(55% .01 260);--lo-bg:oklch(94% .005 200);--lo-border:oklch(80% .01 260);--drop-violet:oklch(70% .16 295);--drop-pink:oklch(72% .18 358);--drop-blue:oklch(68% .16 250);--drop-teal:oklch(72% .12 195);--drop-amber:oklch(78% .13 70);--shadow-sm:0 1px 2px #1219360f, 0 1px 4px #1219360a;--shadow-md:0 6px 24px -8px #12193624, 0 2px 8px #1219360f;--shadow-lg:0 24px 60px -20px #12193638, 0 8px 24px #12193614;--font-jp:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;--font-en:"Geist", "Noto Sans JP", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--container:1180px;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:32px;font-family:var(--font-jp);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;word-break:auto-phrase;min-height:100vh;line-height:1.65}[data-theme=dark] .lp-page{--bg:oklch(18% .04 271);--bg-2:oklch(21% .045 271);--surface:oklch(24% .042 270);--surface-2:oklch(27.5% .038 268);--hairline:oklch(100% 0 0/.1);--hairline-strong:oklch(100% 0 0/.22);--text:oklch(96.5% .005 165);--text-2:oklch(82% .015 260);--text-3:oklch(64% .02 260);--text-4:oklch(52% .02 260);--accent:oklch(72% .11 194.8);--accent-deep:oklch(62% .11 194.8);--accent-soft:oklch(30% .05 194);--accent-text:oklch(82% .1 194);--hi-bg:oklch(26% .04 15);--hi-border:oklch(46% .11 18);--hi-t:oklch(72% .15 20);--mid-bg:oklch(26% .03 264);--mid-border:oklch(46% .07 264);--mid-t:oklch(76% .09 240);--lo-bg:oklch(27% .02 268);--lo-border:oklch(38% .02 268);--lo-t:oklch(64% .015 260);--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #0006;--shadow-lg:0 24px 60px -20px #0009}.lp-page *{box-sizing:border-box}.lp-page img{max-width:100%;display:block}.lp-page button{cursor:pointer;font-family:inherit}.lp-page a{color:inherit;text-decoration:none}.lp-page .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.lp-page .nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(14px);background:color-mix(in oklch, var(--bg) 78%, transparent);border-bottom:1px solid var(--hairline);position:sticky;top:0}.lp-page .nav-inner{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.lp-page .nav-logo{align-items:center;gap:10px;display:flex}.lp-page .nav-logo img{width:auto;height:32px}.lp-page .nav-links{align-items:center;gap:28px;display:flex}.lp-page .nav-links a{color:var(--text-2);font-size:14px;font-weight:500;transition:color .15s}.lp-page .nav-links a:hover{color:var(--text)}.lp-page .nav-cta{align-items:center;gap:8px;display:flex}@media (width<=760px){.lp-page .nav-links{display:none}}.lp-page .btn{font-family:var(--font-jp);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s;display:inline-flex}.lp-page .btn:active{transform:translateY(1px)}.lp-page .btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px -6px color-mix(in oklch, var(--accent) 60%, transparent)}.lp-page .btn-primary:hover{background:var(--accent-deep);box-shadow:0 10px 24px -6px color-mix(in oklch, var(--accent) 70%, transparent)}.lp-page .btn-ghost{color:var(--text);border-color:var(--hairline-strong);background:0 0}.lp-page .btn-ghost:hover{background:var(--surface)}.lp-page .btn-lg{border-radius:999px;padding:14px 26px;font-size:16px}.lp-page .btn-xl{border-radius:999px;padding:16px 32px;font-size:17px}.lp-page .eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.lp-page .section-head{text-align:center;max-width:720px;margin:0 auto 56px}.lp-page .section-head h2{font-family:var(--font-jp);letter-spacing:-.02em;text-wrap:balance;margin:16px 0 14px;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.25}@media (width<=360px){.lp-page .section-head h2{font-size:24px}}.lp-page .section-head p{color:var(--text-2);text-wrap:pretty;font-size:17px;line-height:1.75}.lp-page section{padding:clamp(72px,9vw,116px) 0;scroll-margin-top:72px;position:relative}.lp-page .hero{padding:56px 0 80px;position:relative;overflow:hidden}.lp-page .hero-bg{z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 10%, color-mix(in oklch, var(--drop-violet) 28%, transparent) 0%, transparent 70%), radial-gradient(50% 50% at 90% 30%, color-mix(in oklch, var(--drop-teal) 22%, transparent) 0%, transparent 70%), radial-gradient(40% 40% at 60% 80%, color-mix(in oklch, var(--drop-pink) 16%, transparent) 0%, transparent 70%);filter:blur(20px);opacity:.8;position:absolute;inset:-40px -10% 0}.lp-page .hero-inner{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:64px;display:grid;position:relative}@media (width<=980px){.lp-page .hero-inner{grid-template-columns:1fr;gap:48px}}.lp-page .hero-copy h1{font-family:var(--font-jp);letter-spacing:-.028em;text-wrap:balance;margin:20px 0 22px;font-size:clamp(38px,5.4vw,64px);font-weight:800;line-height:1.12}.lp-page .hero-copy h1 .accent{color:var(--accent-deep)}[data-theme=dark] .lp-page .hero-copy h1 .accent{color:var(--accent)}.lp-page .hero-copy p.lead{color:var(--text-2);text-wrap:pretty;max-width:540px;margin-bottom:32px;font-size:18px;line-height:1.85}.lp-page .hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.lp-page .hero-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:18px;font-size:13px;display:flex}.lp-page .hero-meta .dot{background:var(--text-4);border-radius:999px;width:4px;height:4px}.lp-page .hero-meta b{color:var(--text-2);font-weight:600}.lp-page .badge{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.lp-page .badge.b-area-side{color:oklch(40% .12 264);background:oklch(93% .025 264);border-color:oklch(78% .06 264)}.lp-page .badge.b-area-foot{color:oklch(40% .1 80);background:oklch(93% .025 80);border-color:oklch(78% .06 80)}.lp-page .badge.b-area-home{color:oklch(43% .12 340);background:oklch(93.5% .025 340);border-color:oklch(78% .06 340)}[data-theme=dark] .lp-page .badge{background:var(--surface);border-color:var(--hairline-strong);color:var(--text-2)}.lp-page .features{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.lp-page .feat{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.lp-page .feat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-page .feat h3{text-wrap:balance;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}.lp-page .feat p{color:var(--text-2);text-wrap:pretty;font-size:14px;line-height:1.75}.lp-page .feat .art{margin-top:18px}.lp-page .feat-wide{grid-column:span 8}.lp-page .feat-tall{grid-column:span 4}.lp-page .feat-half{grid-column:span 6}@media (width<=980px){.lp-page .feat-wide,.lp-page .feat-tall,.lp-page .feat-half{grid-column:span 12}}.lp-page .mini-list{flex-direction:column;gap:6px;display:flex}.lp-page .mini-list .row{background:var(--bg-2);border:1px solid var(--hairline);color:var(--text-2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.lp-page .mini-list .row.hi{border-color:var(--hi-border);background:var(--hi-bg);color:var(--hi-t)}.lp-page .mini-list .row .dot{background:var(--text-3);border-radius:999px;width:6px;height:6px}.lp-page .mini-list .row.hi .dot{background:var(--hi-t)}.lp-page .price-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:880px;margin:0 auto;display:grid}@media (width<=760px){.lp-page .price-grid{grid-template-columns:1fr}}.lp-page .price-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden}.lp-page .price-card.pro{background:linear-gradient(180deg, var(--surface) 0%, color-mix(in oklch, var(--accent-soft) 60%, var(--surface)) 100%);border-color:color-mix(in oklch, var(--accent) 40%, transparent);box-shadow:0 24px 60px -28px color-mix(in oklch, var(--accent) 50%, transparent)}.lp-page .price-card .plan-name{font-size:13px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:600}.lp-page .price-card.pro .plan-name{color:var(--accent-text)}.lp-page .price-card .amount{align-items:baseline;gap:6px;margin:14px 0 6px;display:flex}.lp-page .price-card .amount .num{font-family:var(--font-en);letter-spacing:-.03em;font-size:56px;font-weight:800;line-height:1}.lp-page .price-card .amount .yen{font-size:24px;font-weight:700;line-height:1}.lp-page .price-card .amount .per{color:var(--text-3);font-size:14px}.lp-page .price-card .billing-note{color:var(--text-3);white-space:pre-line;margin-bottom:22px;font-size:12px}.lp-page .plan-features{border-top:1px dashed var(--hairline-strong);margin:16px 0 24px;padding:18px 0 0;list-style:none}.lp-page .plan-features li{color:var(--text-2);align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;line-height:1.5;display:flex}.lp-page .plan-features li>span{flex:1;min-width:0}.lp-page .plan-features li .note{color:var(--text-3);white-space:nowrap;font-size:12.5px}.lp-page .plan-features li svg{color:var(--accent);flex-shrink:0;margin-top:3px}.lp-page .plan-features li b{color:var(--text);font-weight:600}.lp-page .billing-toggle{background:var(--surface);border:1px solid var(--hairline);border-radius:999px;margin:0 auto 36px;padding:4px;display:inline-flex}.lp-page .billing-toggle button{font-family:var(--font-jp);color:var(--text-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.lp-page .billing-toggle button.active{background:var(--text);color:var(--bg);box-shadow:var(--shadow-sm)}.lp-page .billing-toggle .save{font-size:10.5px;font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:999px;padding:2px 6px}.lp-page .final-cta{text-align:center;border-radius:var(--radius-xl);background:radial-gradient(60% 80% at 50% 0%, color-mix(in oklch, var(--accent) 25%, transparent), transparent 70%), var(--surface);border:1px solid var(--hairline-strong);padding:clamp(64px,9vw,104px) 32px;position:relative;overflow:hidden}.lp-page .final-cta:before,.lp-page .final-cta:after{content:"";filter:blur(50px);opacity:.5;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute}.lp-page .final-cta:before{background:var(--drop-violet);top:-80px;left:-80px}.lp-page .final-cta:after{background:var(--drop-teal);bottom:-80px;right:-80px}.lp-page .final-cta .container-narrow{z-index:1;max-width:660px;margin:0 auto;position:relative}.lp-page .final-cta h2{letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.3}.lp-page .final-cta p{color:var(--text-2);margin-bottom:26px;font-size:16px;line-height:1.8}.lp-page .final-cta .cta-note{color:var(--text-3);margin:22px 0 0;font-size:13px}.lp-page .footer{border-top:1px solid var(--hairline);background:var(--surface);margin-top:80px;padding:48px 0 56px}.lp-page .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.lp-page .footer-brand img{height:28px;margin-bottom:8px}.lp-page .footer-brand p{color:var(--text-3);font-size:12px}.lp-page .footer-links{gap:32px;display:flex}.lp-page .footer-col h6{font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-weight:600}.lp-page .footer-col a{color:var(--text-2);padding:4px 0;font-size:13.5px;display:block}.lp-page .footer-col a:hover{color:var(--text)}.lp-page .fineprint{border-top:1px solid var(--hairline);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;font-size:12px;display:flex}.lp-page .balance{text-wrap:balance}.lp-page .pretty{text-wrap:pretty}.lp-page .nobr{white-space:nowrap}.lp-page .hero-phone{justify-self:center;width:100%;max-width:300px}.lp-page .hero-phone-body{box-shadow:var(--shadow-lg), inset 0 0 0 1px oklch(100% 0 0/.06);background:linear-gradient(160deg,oklch(34% .035 270),oklch(18% .04 271));border-radius:38px;padding:10px;position:relative}.lp-page .hero-play{cursor:pointer;width:64px;height:64px;color:var(--accent-deep);background:oklch(100% 0 0/.92);border:none;border-radius:999px;place-items:center;margin:auto;padding-left:3px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s;display:grid;position:absolute;inset:0;box-shadow:0 8px 28px -6px oklch(0% 0 0/.5)}.lp-page .hero-play:hover{background:#fff;transform:scale(1.06)}.lp-page .hero-phone-body video{aspect-ratio:640/1424;background:var(--bg-2);border-radius:28px;width:100%;height:auto;display:block}@media (width<=980px){.lp-page .hero-phone{max-width:270px}}.lp-page .how-steps{grid-template-columns:repeat(3,1fr);align-items:start;gap:32px;display:grid}@media (width<=860px){.lp-page .how-steps{grid-template-columns:1fr;gap:44px;max-width:360px;margin:0 auto}}.lp-page .how-step{flex-direction:column;display:flex}.lp-page .how-shot{box-shadow:var(--shadow-lg);background:linear-gradient(160deg,oklch(34% .035 270),oklch(18% .04 271));border-radius:24px;padding:9px}.lp-page .how-shot img{background:var(--bg-2);border-radius:16px;width:100%;height:auto;display:block}.lp-page .how-cap{padding:0 6px 18px}.lp-page .how-no{background:var(--accent);color:#fff;width:30px;height:30px;font-family:var(--font-en);border-radius:999px;place-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-grid}.lp-page .how-cap h3{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}.lp-page .how-cap p{color:var(--text-2);text-wrap:pretty;font-size:14px;line-height:1.75}.lp-page .flat-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.lp-page .flat-compare{grid-template-columns:1fr}}.lp-page .fc-col{background:var(--bg-2);border:1px solid var(--hairline);border-radius:10px;padding:10px}.lp-page .fc-col-accent{background:color-mix(in oklch, var(--accent-soft) 60%, var(--bg-2));border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.lp-page .fc-label{font-family:var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px}.lp-page .fc-label-accent{color:var(--accent-text)}.lp-page .fc-tree{font-family:var(--font-mono);color:var(--text-3);font-size:11.5px;line-height:1.9}@media (prefers-reduced-motion:no-preference){.lp-page .rise{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards lpRise}.lp-page .r1{animation-delay:40ms}.lp-page .r2{animation-delay:.12s}.lp-page .r3{animation-delay:.2s}.lp-page .r4{animation-delay:.28s}.lp-page .r5{animation-delay:.36s}.lp-page .hero-phone{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) .22s forwards lpRise}}@keyframes lpRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.lp-page .hero-phone{position:relative}.lp-page .hero-drops{pointer-events:none;height:52px;position:absolute;top:-52px;left:0;right:0}.lp-page .hero-drops span{opacity:0;position:absolute;top:0}@media (prefers-reduced-motion:no-preference){.lp-page .hero-drops span{animation:5.4s ease-in infinite lpDrip}.lp-page .hero-drops span:first-child{animation-delay:1.4s}.lp-page .hero-drops span:nth-child(2){animation-delay:3.1s}.lp-page .hero-drops span:nth-child(3){animation-delay:4.8s}}@keyframes lpDrip{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}60%{opacity:.9}to{opacity:0;transform:translateY(46px)}}.lp-page .how-no.c-violet{background:oklch(52% .17 295)}.lp-page .how-no.c-teal{background:var(--accent-deep)}.lp-page .how-no.c-amber{background:var(--drop-amber);color:oklch(30% .06 70)}@media (width>=861px){.lp-page .how-cap{position:relative}.lp-page .how-step:not(:last-child) .how-cap:after{content:"→";color:var(--text-4);font-size:18px;position:absolute;top:2px;right:-26px}}.lp-page .zone-art{border:1px solid var(--hi-border);background:var(--hi-bg);border-radius:12px;padding:12px}.lp-page .zone-art-head{color:var(--hi-t);align-items:center;gap:6px;margin-bottom:8px;font-size:11.5px;font-weight:700;display:flex}.lp-page .zone-art-task{background:color-mix(in oklch, var(--bg-2) 94%, white);border:1px solid var(--hi-border);border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.lp-page .zone-art-task+.zone-art-task{margin-top:6px}.lp-page .zone-art-title{color:var(--text);font-weight:600}.lp-page .zone-art-check{border:1.5px solid var(--hi-t);opacity:.55;border-radius:999px;flex-shrink:0;width:14px;height:14px}[data-theme=dark] .lp-page .zone-art-task{background:color-mix(in oklch, var(--surface) 90%, black)}.lp-page .ai-art{flex-direction:column;gap:6px;display:flex}.lp-page .ai-art-in{color:var(--text-3);background:var(--bg-2);border:1px dashed var(--hairline-strong);border-radius:9px;padding:8px 10px;font-size:12.5px}.lp-page .ai-art-arrow{text-align:center;color:var(--text-4);font-size:12px;line-height:1}.lp-page .ai-art-out{background:var(--surface);border:1px solid var(--hairline);border-radius:9px;flex-wrap:wrap;align-items:center;gap:7px;padding:8px 10px;font-size:12.5px;display:flex}