*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--text: #1a1918;--muted: #999691;--border: #e8e6e1;--done: #c8c6c1;--hover: #f5f4f1;--accent: #1a1918;--page-width: 680px;--font: -apple-system, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1c1c1e;--text: #f0efec;--muted: #6e6d69;--border: #2e2d2b;--done: #4a4946;--hover: #252523;--accent: #f0efec}}:root[data-theme=dark]{--bg: #1c1c1e;--text: #f0efec;--muted: #6e6d69;--border: #2e2d2b;--done: #4a4946;--hover: #252523;--accent: #f0efec}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:32px;color:var(--muted)}.page{max-width:var(--page-width);margin:0 auto;padding:48px 32px 80px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;gap:16px}.nav-center{display:flex;align-items:center;gap:12px}.nav-links{display:flex;gap:20px}.nav-link{background:none;border:none;font-family:var(--font);font-size:13px;color:var(--muted);cursor:pointer;padding:0;letter-spacing:.04em;text-transform:uppercase}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-arrow{background:none;border:none;font-family:var(--font);font-size:20px;color:var(--muted);cursor:pointer;padding:0 2px;line-height:1;transition:color .15s}.nav-arrow:hover{color:var(--text)}.today-btn{background:none;border:1px solid var(--border);font-family:var(--font);font-size:12px;color:var(--muted);cursor:pointer;padding:4px 10px;border-radius:4px;letter-spacing:.03em;transition:color .15s,border-color .15s;white-space:nowrap}.today-btn:hover{color:var(--text);border-color:var(--muted)}.today-btn--active{color:var(--text);border-color:var(--text)}.theme-toggle-fixed{position:fixed;bottom:24px;left:24px;background:none;border:none;cursor:pointer;font-size:16px;color:var(--muted);padding:4px;line-height:1;z-index:100}.theme-toggle-fixed:hover{color:var(--text)}.undo-fixed{position:fixed;bottom:24px;left:56px;background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);padding:4px;line-height:1;z-index:100;transition:color .15s}.undo-fixed:hover{color:var(--text)}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.help-modal{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:28px 32px;min-width:300px}.help-title{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.help-table{border-collapse:collapse;width:100%}.help-table tr+tr td{padding-top:10px}.help-key{font-family:var(--font);font-size:13px;font-weight:500;color:var(--text);background:var(--hover);border:1px solid var(--border);border-radius:4px;padding:2px 7px;white-space:nowrap;width:1%}.help-desc{font-size:14px;color:var(--muted);padding-left:14px}.help-close{margin-top:20px;font-size:12px;color:var(--muted);text-align:center}.jump-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200}.jump-modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0000002e}.jump-label{font-size:14px;color:var(--muted);white-space:nowrap}.jump-input{background:none;border:none;outline:none;font-size:18px;font-family:inherit;color:var(--text);width:120px}.nav-logout{background:none;border:none;font-family:var(--font);font-size:10px;color:var(--border);cursor:pointer;padding:0;white-space:nowrap;letter-spacing:.03em}.nav-logout:hover{color:var(--muted)}.day-header{margin-bottom:40px}.day-date{font-size:28px;font-weight:300;letter-spacing:-.02em;color:var(--text);line-height:1.2;display:flex;align-items:center;gap:10px}.today-badge{font-size:9px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;background:var(--text);color:var(--bg);padding:2px 6px;border-radius:3px;flex-shrink:0}.day-date-sub{font-size:13px;color:var(--muted);margin-top:4px;letter-spacing:.02em}.focus-area{display:block;width:100%;border:none;outline:none;resize:none;font-family:var(--font);font-size:14px;color:var(--text);background:transparent;line-height:1.5;margin-top:6px;margin-bottom:2px;min-height:22px;overflow:hidden}.focus-area::placeholder{color:var(--border)}.undo-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:13px;padding:10px 16px;border-radius:6px;display:flex;align-items:center;gap:14px;z-index:300;white-space:nowrap}.undo-btn{background:none;border:none;color:var(--bg);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;padding:0;opacity:.8;text-decoration:underline}.undo-btn:hover{opacity:1}@keyframes task-restore-flash{0%{background:#50c8784d}to{background:transparent}}.task-item--restored{animation:task-restore-flash 1.4s ease-out forwards}.task-item--selected{background:var(--hover);border-radius:4px;margin-left:-8px;padding-left:8px;margin-right:-8px;padding-right:8px}.separator-item{display:flex;align-items:center;gap:10px;padding:4px 0;list-style:none}.separator-line{flex:1;height:1px;background:var(--border)}.separator-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.separator-item--selected .separator-line{background:var(--muted)}.separator-item--selected .separator-label{color:var(--text)}.separator-input{background:none;border:none;outline:none;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-family:var(--font);width:120px}.task-list--block-focus .out-of-block{opacity:.08;transition:opacity .15s}.mode-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:12px;padding:8px 16px;border-radius:6px;z-index:300;white-space:nowrap;display:flex;align-items:center;gap:6px}.mode-hint kbd{background:#ffffff26;border-radius:3px;padding:1px 5px;font-family:var(--font);font-size:11px}.move-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:13px;padding:8px 16px;border-radius:6px;z-index:300;white-space:nowrap;pointer-events:none}.section{margin-bottom:40px}.section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.task-list{list-style:none}.task-item{display:flex;align-items:flex-start;gap:12px;padding:7px 0;border-bottom:1px solid var(--border);group:task}.task-item:first-child{border-top:1px solid var(--border)}.task-checkbox{flex-shrink:0;width:16px;height:16px;margin-top:3px;border:1px solid var(--border);border-radius:3px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.task-checkbox:hover{border-color:var(--muted)}.task-checkbox.checked{background:var(--text);border-color:var(--text)}.task-checkbox.checked:after{content:"";width:8px;height:5px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:rotate(-45deg) translateY(-1px)}.task-content{flex:1;min-width:0}.task-text{cursor:text;padding:1px 0;color:var(--text);word-break:break-word}.task-text.done{text-decoration:line-through;color:var(--done)}.task-input{width:100%;border:none;outline:none;font-family:var(--font);font-size:15px;line-height:1.6;color:var(--text);background:transparent;padding:1px 0}.task-delete{flex-shrink:0;background:none;border:none;font-size:18px;color:var(--border);cursor:pointer;padding:0 2px;line-height:1;opacity:0;transition:opacity .15s,color .15s}.task-item:hover .task-delete{opacity:1}.task-delete:hover{color:var(--muted)}.add-task{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:text;color:var(--muted);font-size:15px}.add-task-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--border);margin-top:1px;line-height:1}.add-task-input{flex:1;border:none;outline:none;font-family:var(--font);font-size:15px;color:var(--text);background:transparent;padding:1px 0}.add-task-input::placeholder{color:var(--muted)}.note-area{width:100%;min-height:120px;border:none;outline:none;resize:none;font-family:var(--font);font-size:15px;line-height:1.7;color:var(--text);background:transparent;padding:0}.note-area::placeholder{color:var(--border)}.divider{border:none;border-top:1px solid var(--border);margin:32px 0}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-box{width:320px}.login-title{font-size:22px;font-weight:300;letter-spacing:-.02em;margin-bottom:32px;color:var(--text)}.login-field{margin-bottom:16px}.login-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.login-input{width:100%;border:none;border-bottom:1px solid var(--border);outline:none;font-family:var(--font);font-size:15px;padding:8px 0;color:var(--text);background:transparent;transition:border-color .15s}.login-input:focus{border-color:var(--text)}.login-error{font-size:13px;color:#c0392b;margin-bottom:16px}.login-btn{width:100%;margin-top:8px;padding:12px;background:var(--text);color:#fff;border:none;font-family:var(--font);font-size:14px;letter-spacing:.05em;cursor:pointer;transition:opacity .15s}.login-btn:hover{opacity:.8}.login-btn:disabled{opacity:.4;cursor:default}.week-header{margin-bottom:40px}.week-title{font-size:22px;font-weight:300;letter-spacing:-.02em;color:var(--text);display:flex;align-items:baseline;gap:12px}.week-num{font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--border)}.week-days{list-style:none}.week-day{border-top:1px solid var(--border);padding:20px 0;display:grid;grid-template-columns:140px 1fr;gap:32px;cursor:pointer}.week-days li:last-child{border-bottom:1px solid var(--border)}.week-day:hover .week-day-name{color:var(--text)}.week-day--current{background:var(--hover);box-shadow:inset 3px 0 0 var(--accent)}.week-day-meta{padding-top:2px}.week-day-name{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);transition:color .15s}.week-day-name.today{color:var(--text)}.week-day-num{font-size:28px;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-top:2px}.week-day-num.today{font-weight:400}.week-day-tasks{list-style:none;padding-top:4px}.week-day-task{font-size:14px;color:var(--text);padding:2px 0;display:flex;align-items:baseline;gap:6px}.week-day-task:before{content:"";display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--text);margin-top:1px;position:relative;top:-1px}.week-day-task.done:before{background:var(--done)}.week-day-task.done{color:var(--done)}.week-day-task.done{color:var(--done);text-decoration:line-through}.week-day-empty{font-size:14px;color:var(--border);padding:2px 0}.month-header{margin-bottom:32px}.month-title{font-size:22px;font-weight:300;letter-spacing:-.02em;color:var(--text)}.month-grid{width:calc(100% + 28px);margin-left:-28px}.month-dow-row{display:grid;grid-template-columns:28px repeat(7,1fr);margin-bottom:8px}.month-dow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding-bottom:8px}.month-days{display:grid;grid-template-columns:28px repeat(7,1fr)}.month-day:nth-child(8n+2){border-left:1px solid var(--border)}.month-day:nth-child(-n+8){border-top:1px solid var(--border)}.month-week-num{font-size:10px;color:var(--border);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:color .15s,background .15s;letter-spacing:.02em}.month-week-num:hover{color:var(--text);background:var(--hover)}.month-week-dots{display:flex;flex-direction:column;align-items:center;gap:2px}.month-week-dot{display:block;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.7;flex-shrink:0}.month-week-dot.done{background:var(--muted);opacity:.35}.month-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px;min-height:72px;cursor:pointer;transition:background .1s}.month-day:hover{background:var(--hover)}.month-day--current{outline:2px solid var(--accent);outline-offset:-2px}.month-day--out .month-day-num{color:var(--border)}.month-day--today .month-day-num{font-weight:500;color:var(--text)}.month-day--today{background:var(--hover)}.month-day-num{font-size:13px;color:var(--muted);line-height:1;margin-bottom:6px}.month-day-dots{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.month-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--text);flex-shrink:0}.month-dot.done{background:var(--done)}.month-day-more{font-size:10px;color:var(--muted);line-height:1}.month-day-more--alert{color:var(--text);font-weight:500}.month-below{margin-top:48px}.month-focus-preview{margin-top:8px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;max-width:100%}.month-focus-preview:hover{color:var(--text)}.month-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:200;overflow-y:auto}.month-overlay-inner{max-width:var(--page-width);margin:0 auto;padding:48px 32px 80px;position:relative}.month-overlay-close{position:absolute;top:48px;right:32px;background:none;border:none;font-size:16px;color:var(--muted);cursor:pointer;padding:4px;line-height:1}.month-overlay-close:hover{color:var(--text)}.note-wrapper{position:relative;max-height:160px;overflow:hidden;transition:max-height .25s ease}.note-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,var(--bg));pointer-events:none;transition:opacity .2s}.note-wrapper:focus-within{max-height:1000px}.note-wrapper:focus-within:after{opacity:0}.nav-logout-icon{display:none}@media (max-width: 600px){.page{padding:20px 16px}.month-overlay-inner{padding:20px 16px 80px}.month-overlay-close{top:20px;right:16px}.month-grid{width:100%;margin-left:0}.month-week-num{display:none}.month-dow-row,.month-days{grid-template-columns:repeat(7,1fr)}.nav{margin-bottom:28px;gap:8px}.nav-center{gap:6px}.nav-links{gap:12px}.nav-arrow{font-size:22px;padding:6px 8px}.nav-logout{padding:6px 0 6px 12px}.nav-logout-text{display:none}.nav-logout-icon{display:inline;font-size:14px}}.focus-view{display:flex;flex-direction:column;min-height:100vh;padding:32px 24px 80px;max-width:680px;margin:0 auto;box-sizing:border-box}.focus-view-header{position:relative;padding-top:28vh;margin-bottom:48px}.focus-back-btn{display:block;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;margin-bottom:6px;text-align:left;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-back-btn:hover{color:var(--text)}.focus-exit-btn{position:absolute;top:28vh;right:0;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0;line-height:1.4}.focus-exit-btn:hover{color:var(--text)}.focus-title-date{font-size:13px;font-weight:400;color:var(--text-muted);margin-left:10px;vertical-align:middle}.focus-view-title{font-size:22px;font-weight:600;color:var(--text);margin:0;line-height:1.3}.focus-view-body{flex:1}.focus-section{margin-bottom:32px}.focus-section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.focus-empty{color:var(--text-muted);font-size:14px;padding:8px 0}.focus-open-btn{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:2px 4px;opacity:0;transition:opacity .15s;flex-shrink:0}.task-item:hover .focus-open-btn,.task-item--selected .focus-open-btn{opacity:1}.focus-open-btn:hover{color:var(--text)}.focus-view-hint{font-size:11px;color:var(--text-muted);margin-top:24px;opacity:.6}.focus-textarea{width:100%;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;padding:6px 0 8px;resize:none;outline:none;overflow:hidden;min-height:32px;box-sizing:border-box}.focus-textarea:focus{border-bottom-color:var(--text-muted)}.focus-textarea::placeholder{color:var(--text-muted);opacity:.5}.task-has-children{color:var(--text-muted);font-size:11px;opacity:.7;margin-left:2px}.task-has-note{color:var(--text-muted);font-size:14px;opacity:.5;margin-left:2px}.task-parent-name{display:block;font-size:11px;color:var(--text-muted);opacity:.6;margin-top:1px;line-height:1.3}.task-bubble{display:inline-flex;align-items:center;background:#1c1c1e;color:#fff;font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;white-space:nowrap;max-width:72px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;margin-right:6px;line-height:1.4}.task-item--project .task-bubble{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.25)}.task-item--project{border-radius:6px;margin-bottom:1px}.task-item--project .task-text{color:#fff!important}.task-item--project .task-text.done{color:#ffffff73!important}.task-item--project .task-checkbox{border-color:#ffffff59!important}.task-item--project .task-checkbox.checked{background:#ffffffb3!important;border-color:transparent!important}.task-item--project .task-delete{color:#ffffff59!important}.task-item--project .task-delete:hover{color:#fffc!important}.task-item--project.task-item--selected{outline-color:#fff6!important}.task-item--project-d0{background:#1c1c1e}.task-item--project-d1{background:#3a3a3c}.task-item--project-d2{background:#545456}.task-item--project-d3{background:#636366}.task-item--project-d4{background:#8e8e93}[data-theme=dark] .task-bubble{background:#f5f5f7;color:#1c1c1e}[data-theme=dark] .task-item--project .task-bubble{background:#1c1c1e2e;color:#1c1c1e;border:1px solid rgba(28,28,30,.25)}[data-theme=dark] .task-item--project .task-text{color:#1c1c1e!important}[data-theme=dark] .task-item--project .task-text.done{color:#1c1c1e73!important}[data-theme=dark] .task-item--project .task-checkbox{border-color:#1c1c1e59!important}[data-theme=dark] .task-item--project .task-checkbox.checked{background:#1c1c1e99!important}[data-theme=dark] .task-item--project .task-delete{color:#1c1c1e59!important}[data-theme=dark] .task-item--project .task-delete:hover{color:#1c1c1ecc!important}[data-theme=dark] .task-item--project.task-item--selected{outline-color:#1c1c1e66!important}[data-theme=dark] .task-item--project-d0{background:#f5f5f7}[data-theme=dark] .task-item--project-d1{background:#e5e5ea}[data-theme=dark] .task-item--project-d2{background:#d1d1d6}[data-theme=dark] .task-item--project-d3{background:#c7c7cc}[data-theme=dark] .task-item--project-d4{background:#aeaeb2}.subtask-date{font-size:11px;color:var(--text-muted);opacity:.6;flex-shrink:0;margin-right:4px;white-space:nowrap}.parent-pick-item{padding:8px 4px;font-size:14px;cursor:pointer;border-radius:4px;color:var(--text)}.parent-pick-item:hover,.parent-pick-item--selected{background:var(--hover)}.task-desc-preview{color:var(--muted);font-size:.9em;margin-left:8px;white-space:nowrap}.task-has-note{color:var(--muted);margin-left:6px;font-size:.9em;opacity:.8}.task-desc-preview{color:var(--muted);font-size:.8em;opacity:.45;margin-left:8px;white-space:nowrap}.task-note-svg{width:14px;height:14px;vertical-align:middle;opacity:.6;margin-left:4px;position:relative;top:-1px}.task-note-svg:hover{opacity:1}