.top-toolbar{position:fixed;top:0;left:0;right:0;height:var(--toolbar-height);overflow:visible;background:var(--bg-toolbar);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;z-index:100}.toolbar-center-wrap{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center}.toolbar-flyout{--swatch-gap: var(--bg-raised);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px 10px;width:max-content;max-width:min(280px,calc(100vw - 100px));max-height:calc(100vh - var(--toolbar-height) - 16px);overflow-y:auto;background:var(--bg-raised);border:var(--line-float);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.toolbar-flyout-row{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}.toolbar-flyout-swatches{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:2px 0}.toolbar-flyout-row+.toolbar-flyout-swatches{margin-top:2px;padding-top:8px;border-top:1px solid var(--border-light)}.toolbar-flyout-hint{margin:0;padding-top:4px;font-size:11px;color:var(--text-muted);text-align:center}.toolbar-flyout-label{margin:2px 0 0;padding-top:8px;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-muted);text-align:center}.toolbar-weight-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.toolbar-weight-btn{min-height:26px;font-size:11px;padding:3px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.toolbar-weight-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.toolbar-weight-btn.active{border-color:var(--accent);background:var(--accent);color:var(--text-primary)}.toolbar-color-dot--fill{border-radius:6px}.toolbar-color-dot--transparent{background:repeating-linear-gradient(-45deg,#e2e8f0,#e2e8f0 3px,#f8fafc 3px,#f8fafc 6px)!important}.toolbar-color-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;padding:0;flex-shrink:0;box-sizing:border-box}.toolbar-color-dot--lg{width:24px;height:24px;border-radius:6px}.toolbar-sticker-grid-compact{display:grid;grid-template-columns:repeat(6,28px);gap:2px;justify-content:center;padding-top:6px;border-top:1px solid var(--border-light)}.toolbar-flyout-label+.toolbar-sticker-grid-compact{padding-top:0;border-top:none}.toolbar-sticker-cell-sm{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.toolbar-sticker-cell-sm:hover{background:var(--bg-cell-hover)}.toolbar-sticker-cell-sm.active{background:var(--accent)}.toolbar-sticker-emoji-sm{font-size:15px;line-height:1}.toolbar-sticker-image-cell{padding:2px}.toolbar-sticker-image-sm{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.toolbar-sticker-upload-btn{width:100%;min-height:28px;padding:5px 10px;border:1px dashed var(--border-control);border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-size:11px;text-align:center}.toolbar-sticker-upload-btn:hover:not(:disabled){background:var(--bg-cell-hover);color:var(--text-primary)}.toolbar-sticker-upload-btn:disabled{opacity:.55;cursor:default}.toolbar-sticker-remove-btn{width:100%;min-height:26px;padding:4px 10px;border-radius:var(--radius-pill);color:var(--danger-ink);font-size:11px;text-align:center;background:transparent}.toolbar-sticker-remove-btn:hover{background:var(--danger-soft)}.toolbar-sticker-upload-error{max-width:220px;margin:0;color:var(--danger-ink);font-size:10px;line-height:1.35;text-align:center}.toolbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.toolbar-year-input{width:64px;height:30px;padding:0 4px;border:1px solid var(--border-control);border-radius:var(--radius-pill);background:var(--bg-cell);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-lg);font-weight:600;line-height:1;text-align:center;-moz-appearance:textfield;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.toolbar-year-input::-webkit-outer-spin-button,.toolbar-year-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.toolbar-year-input:hover{border-color:var(--text-secondary)}.toolbar-year-input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring);outline:none}.toolbar-zoom{font-size:var(--font-size-sm);color:var(--text-muted)}.toolbar-center{display:flex;align-items:center;gap:2px;background:var(--bg-raised);border:var(--line-float);border-radius:var(--radius-pill);padding:3px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar-center::-webkit-scrollbar{display:none}.toolbar-mode-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.toolbar-mode-btn:hover:not(:disabled){background:var(--bg-cell-hover);color:var(--text-primary)}.toolbar-mode-btn.active,.toolbar-mode-btn.active:hover:not(:disabled){background:var(--accent);color:var(--text-primary)}.toolbar-mode-btn:disabled{opacity:.35;cursor:not-allowed}.toolbar-sub-icon-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toolbar-sub-icon-btn--sm{width:32px;height:32px}.toolbar-sub-icon-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.toolbar-sub-icon-btn.active,.toolbar-sub-icon-btn.active:hover{background:var(--accent);color:var(--text-primary)}.toolbar-settings-btn{position:relative}.toolbar-sync-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--status-done);box-shadow:0 0 0 1.5px var(--bg-toolbar)}.toolbar-sync-dot--checking,.toolbar-sync-dot--syncing,.toolbar-sync-dot--changes{background:var(--status-in-progress)}.toolbar-sync-dot--conflict,.toolbar-sync-dot--error{background:var(--status-delayed)}.toolbar-divider{width:1px;height:18px;background:var(--border-light);margin:0 3px;flex-shrink:0}.toolbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.toolbar-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.toolbar-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.app-layout:has(.right-panel) .toolbar-settings-btn{background:var(--accent);color:var(--text-primary)}@media(max-width:640px){.top-toolbar{padding:0 8px;gap:6px}.toolbar-left{gap:8px}.toolbar-year-input{width:60px;font-size:var(--font-size-md)}.toolbar-zoom-z,.toolbar-zoom-sep{display:none}.toolbar-mode-btn{width:28px;height:28px}}.left-icon-bar{position:fixed;left:0;top:var(--toolbar-height);bottom:0;width:var(--icon-bar-width);background:var(--bg-panel);border-right:1px solid var(--border-light);display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px;z-index:90}.icon-bar-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.icon-bar-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.icon-bar-btn.active,.icon-bar-btn.active:hover{background:var(--accent);color:var(--text-primary)}.markdown-view{font-size:var(--font-size-xs);line-height:1.5;color:var(--text-primary);word-break:break-word}.markdown-view p{margin:.4em 0}.markdown-view p:first-child{margin-top:0}.markdown-view p:last-child{margin-bottom:0}.markdown-view h1,.markdown-view h2,.markdown-view h3,.markdown-view h4{margin:.5em 0 .25em;font-size:1.05em;font-weight:600;line-height:1.3}.markdown-view h1:first-child,.markdown-view h2:first-child{margin-top:0}.markdown-view ul,.markdown-view ol{margin:.35em 0;padding-left:1.35em}.markdown-view li{margin:.15em 0}.markdown-view code{font-size:.9em;background:var(--bg-cell);padding:.08em .35em;border-radius:3px}.markdown-view pre{overflow:auto;max-height:200px;margin:.45em 0;padding:8px;font-size:.88em;background:var(--bg-cell);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.markdown-view pre code{background:none;padding:0}.markdown-view a{color:var(--accent-ink)}.markdown-view blockquote{margin:.45em 0;padding-left:.65em;border-left:3px solid var(--border-medium);color:var(--text-secondary)}.markdown-view table{border-collapse:collapse;font-size:.95em;margin:.45em 0}.markdown-view th,.markdown-view td{border:1px solid var(--border-light);padding:4px 6px}.markdown-view hr{margin:.6em 0;border:none;border-top:1px solid var(--border-light)}.backlog-panel{display:flex;flex-direction:column;gap:12px}.backlog-context{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-cell-hover);color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.35}.backlog-context span{min-width:0}.backlog-context button{flex-shrink:0;border:none;background:transparent;color:var(--accent-ink);font:inherit;cursor:pointer;padding:2px 0}.backlog-context button:hover{text-decoration:underline}.backlog-input-group{display:flex;flex-direction:column;gap:6px}.backlog-input-row{display:flex;gap:4px}.backlog-textarea-row{align-items:flex-start}.backlog-textarea{flex:1;padding:8px 10px;border:1px solid var(--border-control);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);line-height:1.4;outline:none;resize:vertical;min-height:52px;min-width:0}.backlog-textarea:focus{border-color:var(--border-selected)}.backlog-add-btn{width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-primary);cursor:pointer}.backlog-add-btn:hover{background:var(--accent-hover)}.backlog-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backlog-tag-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.backlog-tag-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.backlog-tag-chip{min-height:24px;padding:3px 10px;font-size:var(--font-size-xs);border:1px solid var(--border-medium);border-radius:var(--radius-pill);background:transparent;cursor:pointer;color:var(--text-secondary)}.backlog-tag-chip:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.backlog-tag-chip.active{background:var(--accent);border-color:var(--accent);color:var(--text-primary)}.backlog-tag-input{width:72px;min-height:24px;padding:3px 8px;font-size:var(--font-size-xs);border:1px dashed var(--border-control);border-radius:var(--radius-pill);background:transparent;outline:none}.backlog-tag-input::placeholder{color:var(--text-muted)}.backlog-tag-input:focus{border-color:var(--border-selected)}.backlog-tag-group{margin-bottom:10px}.backlog-tag-group-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 0 4px 2px;margin-bottom:2px}.backlog-option-toggles{display:flex;gap:8px}.backlog-toggle-body{font-size:var(--font-size-xs);color:var(--text-muted);text-align:left;padding:2px 0;background:none;border:none;cursor:pointer}.backlog-toggle-body:hover{color:var(--text-secondary)}.backlog-date-group{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cell-hover)}.backlog-date-mode{display:flex;gap:2px}.backlog-date-mode-btn{flex:1;min-height:24px;padding:3px 2px;font-size:var(--font-size-xs);border:1px solid var(--border-medium);border-radius:var(--radius-pill);background:var(--bg-cell);color:var(--text-secondary);cursor:pointer;text-align:center}.backlog-date-mode-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.backlog-date-fields{display:flex;flex-direction:column;gap:4px}.backlog-date-input{padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--bg-cell)}.backlog-time-row,.backlog-period-row{display:flex;align-items:center;gap:4px}.backlog-time-input{flex:1;padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--bg-cell)}.backlog-time-sep{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.backlog-color-row{display:flex;gap:6px}.backlog-color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;padding:0}.backlog-body-group{display:flex;flex-direction:column;gap:2px}.backlog-body-input{width:100%;min-height:80px;max-height:200px;padding:8px;border:1px solid var(--border-control);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);line-height:1.5;outline:none;resize:vertical;box-sizing:border-box}.backlog-body-input:focus{border-color:var(--border-selected)}.backlog-body-hint{font-size:var(--font-size-xs);color:var(--text-muted);padding:0 2px}.backlog-list{display:flex;flex-direction:column;gap:2px}.backlog-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.backlog-item{border-radius:var(--radius-sm);transition:background var(--transition-fast)}.backlog-item:hover{background:var(--bg-cell-hover)}.backlog-item.selected{background:var(--bg-cell-selected);outline:1px solid var(--border-selected)}.backlog-item-meta-date{font-size:var(--font-size-xs);color:var(--text-muted)}.backlog-item-row{display:flex;align-items:flex-start;gap:6px;padding:6px 8px}.backlog-status-btn{width:14px;height:14px;border-radius:50%;border:2px solid var(--status-none);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;padding:0;background:none;cursor:pointer}.backlog-status-btn.status-in-progress{border-color:var(--status-in-progress);background:var(--status-in-progress)}.backlog-status-btn.status-done{border-color:var(--status-done);background:var(--status-done);color:#fff}.backlog-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.backlog-item-title{font-size:var(--font-size-sm);word-break:break-word}.backlog-item-title.line-through{text-decoration:line-through;color:var(--text-muted)}.backlog-item-body-preview{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.3;word-break:break-word}.backlog-item-body-full{padding:4px 8px 8px 28px}.backlog-item-body-full .markdown-view{background:var(--bg-cell-hover);padding:6px 8px;border-radius:var(--radius-sm);max-height:220px;overflow-y:auto}.backlog-item-body-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0;font-family:var(--font-family);background:var(--bg-cell-hover);padding:6px 8px;border-radius:var(--radius-sm);max-height:200px;overflow-y:auto}.backlog-item-kind,.backlog-item-tag{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;margin-top:2px}.backlog-item-tag{padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-cell-hover);color:var(--text-secondary)}.backlog-item:hover .backlog-item-tag,.backlog-item.selected .backlog-item-tag{background:var(--bg-cell)}.backlog-edit-btn,.backlog-expand-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:50%;flex-shrink:0;margin-top:-1px;background:none;border:none;cursor:pointer;padding:0}.backlog-edit-btn:hover,.backlog-expand-btn:hover{color:var(--text-primary);background:var(--bg-cell-hover)}.backlog-delete-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:50%;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast);flex-shrink:0;margin-top:-1px;background:none;border:none;cursor:pointer;padding:0}.backlog-item:hover .backlog-delete-btn,.backlog-item:focus-within .backlog-delete-btn{opacity:1}.backlog-delete-btn:hover{color:var(--danger-ink);background:var(--danger-soft)}@media(hover:none){.backlog-delete-btn{opacity:1}}.backlog-done-section{border-top:1px solid var(--border-light);padding-top:8px}.backlog-done-toggle{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted);padding:4px 8px;background:none;border:none;cursor:pointer;width:100%;text-align:left}.backlog-done-toggle:hover{color:var(--text-secondary)}.backlog-status-btn.status-delayed{border-color:var(--status-delayed);background:var(--status-delayed)}.backlog-status-btn.status-important{border-color:var(--status-important);background:var(--status-important)}.detail-panel{display:flex;flex-direction:column;gap:12px}.detail-date-header{display:flex;align-items:baseline;gap:6px;padding:4px 0}.detail-date-main{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.detail-date-dow{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.detail-date-year{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.detail-add-section{display:flex;flex-direction:column;gap:6px}.detail-add-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.detail-hint{line-height:1.45;margin:0}.overlay-memo-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.overlay-memo-swatch{width:26px;height:26px;border-radius:7px;cursor:pointer;padding:0}.overlay-memo-swatch--fill{border-radius:6px}.overlay-memo-swatch--transparent{background:repeating-linear-gradient(-45deg,#e2e8f0,#e2e8f0 3px,#f8fafc 3px,#f8fafc 6px)!important}.overlay-stroke-weight-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.overlay-stroke-weight-btn{min-height:26px;font-size:var(--font-size-sm);padding:3px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.overlay-stroke-weight-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.overlay-stroke-weight-btn.active{border-color:var(--accent);color:var(--text-primary);background:var(--accent)}.detail-add-row{display:flex;gap:4px}.detail-toggle-options{font-size:var(--font-size-xs);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 0;text-align:left}.detail-toggle-options:hover{color:var(--text-secondary)}.detail-add-options{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cell-hover)}.detail-time-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:6px}.detail-time-row:has(.detail-time-sep){grid-template-columns:7.5rem minmax(0,1fr) auto minmax(0,1fr)}.detail-time-label{font-size:var(--font-size-xs);color:var(--text-muted);min-width:0}.detail-time-input{width:100%;min-width:0;box-sizing:border-box;padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--bg-cell)}.detail-time-sep{font-size:var(--font-size-xs);color:var(--text-muted)}.detail-date-input{padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-family:var(--font-family);background:var(--bg-cell)}.detail-period-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.detail-item-time{font-size:var(--font-size-xs);color:var(--accent-ink);font-weight:500}.detail-kind-select{padding:4px 8px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--bg-cell)}.detail-add-input{flex:1;padding:6px 8px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-sm);outline:none}.detail-add-input:focus{border-color:var(--border-selected)}.overlay-memo-md-textarea{width:100%;display:block;white-space:pre-wrap;border-radius:var(--radius-md)}.detail-markdown-preview-wrap{margin-top:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-cell)}.detail-markdown-preview-wrap .detail-add-label{display:block;margin-bottom:6px;font-size:var(--font-size-xs);color:var(--text-muted)}.detail-markdown-preview-wrap .markdown-view{max-height:240px;overflow:auto}.overlay-memo-size-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.overlay-memo-size-pair{display:flex;align-items:center;gap:8px;min-width:0}.overlay-memo-size-pair>span{flex:0 0 auto;font-size:var(--font-size-xs);color:var(--text-muted)}.overlay-memo-size-pair .detail-add-input{flex:1;min-width:4.25rem;width:0;box-sizing:border-box;font-variant-numeric:tabular-nums}.detail-add-btn{width:28px;height:28px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--text-primary);cursor:pointer}.detail-add-btn:hover{background:var(--accent-hover)}.detail-items-list{display:flex;flex-direction:column;gap:2px}.detail-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.detail-item{border-radius:var(--radius-sm);transition:background var(--transition-fast)}.detail-item:hover{background:var(--bg-cell-hover)}.detail-item-view{display:flex;align-items:flex-start;gap:6px;padding:6px 4px}.detail-status-btn{width:14px;height:14px;border-radius:50%;border:2px solid var(--status-none);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;padding:0;background:none;cursor:pointer}.detail-status-btn.status-in-progress{border-color:var(--status-in-progress);background:var(--status-in-progress)}.detail-status-btn.status-done{border-color:var(--status-done);background:var(--status-done);color:#fff}.detail-item-content{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.detail-item-title{font-size:var(--font-size-sm);word-break:break-word}.detail-item-title.done{text-decoration:line-through;color:var(--text-muted)}.detail-item-body{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.3;word-break:break-word}.detail-item-meta{font-size:9px;color:var(--text-muted);text-transform:uppercase}.detail-item-actions{display:flex;gap:2px;flex-shrink:0}.detail-action-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0}.detail-action-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.detail-action-btn.danger:hover{color:var(--danger-ink);background:var(--danger-soft)}.detail-item-edit{display:flex;flex-direction:column;gap:6px;padding:6px 4px}.detail-edit-title{padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-sm);outline:none}.detail-edit-body{padding:4px 6px;border:1px solid var(--border-control);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family);outline:none;resize:vertical;min-height:48px;white-space:pre-wrap}.detail-edit-body:focus{border-color:var(--border-selected)}.detail-edit-actions{display:flex;gap:4px}.detail-edit-actions-item{flex-wrap:wrap;align-items:center;gap:8px}.detail-link-btn{padding:0;margin:0;border:none;background:none;font-size:var(--font-size-xs);color:var(--text-muted);cursor:pointer;text-decoration:underline}.detail-link-btn:hover{color:var(--text-secondary)}.detail-edit-content-single{min-height:80px}.detail-save-btn,.detail-cancel-btn{min-height:26px;padding:3px 12px;border-radius:var(--radius-pill);font-size:var(--font-size-sm);border:1px solid var(--border-medium);background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.detail-save-btn{background:var(--accent);border-color:var(--accent);font-weight:600}.detail-cancel-btn:hover{background:var(--bg-cell-hover)}.detail-cancel-btn.danger{color:var(--danger-ink);border-color:transparent;background:transparent}.detail-cancel-btn.danger:hover{background:var(--danger-soft)}.range-period{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light)}.range-period-label{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.range-period-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.range-field{display:flex;flex-direction:column;gap:4px;padding:4px 0}.range-field-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.range-field-value{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word}.range-field-value.clickable{cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);border:1px dashed transparent}.range-field-value.clickable:hover{border-color:var(--border-light);background:var(--bg-cell-hover)}.range-field-edit{display:flex;flex-direction:column;gap:4px}.range-select{width:100%;padding:5px 6px}.range-color-picker{display:flex;gap:6px;flex-wrap:wrap;padding:2px}.range-color-swatch{width:22px;height:22px;border-radius:50%;cursor:pointer;padding:0}.range-delete-btn{display:flex;align-items:center;justify-content:center;align-self:flex-start;gap:4px;min-height:28px;padding:4px 12px;margin-top:8px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--danger-ink);font-size:var(--font-size-sm);cursor:pointer}.range-delete-btn:hover{background:var(--danger-soft)}.range-items-list{display:flex;flex-direction:column;gap:2px}.range-item-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:var(--radius-sm);background:var(--bg-cell-hover)}.range-item-title{flex:1;font-size:var(--font-size-sm);word-break:break-word}.range-item-kind{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase}.detail-checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.detail-checkbox-row input{cursor:pointer}.detail-field-hint{margin:4px 0 0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.35}.detail-label-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.detail-label-row .range-field-label,.detail-label-row .detail-time-label{margin:0}.detail-help-tip-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.detail-help-tip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0;border:none;border-radius:50%;background:none;color:var(--text-muted);cursor:pointer;line-height:1;flex-shrink:0}.detail-help-tip:hover,.detail-help-tip:focus-visible{color:var(--text-secondary);background:var(--bg-cell-hover);outline:none}.detail-help-tip:focus-visible{box-shadow:0 0 0 2px var(--border-light)}.detail-repeat-block{padding:4px 0}.detail-repeat-subrow{margin-top:4px}.detail-repeat-weekdays{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.detail-weekday-btn{min-width:2rem;min-height:24px;padding:3px 6px;font-size:var(--font-size-xs);border:1px solid var(--border-medium);border-radius:var(--radius-pill);background:var(--bg-cell);color:var(--text-secondary);cursor:pointer}.detail-weekday-btn:hover{background:var(--bg-cell-hover)}.detail-weekday-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.detail-monthday-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:6px;max-width:11rem}.detail-monthday-btn{min-height:22px;padding:2px 0;font-size:10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-cell);color:var(--text-secondary);cursor:pointer}.detail-monthday-btn:hover{background:var(--bg-cell-hover)}.detail-monthday-btn.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.detail-help-tooltip--portal{position:fixed;z-index:20000;box-sizing:border-box;min-width:160px;max-width:min(280px,calc(100vw - 16px));padding:8px 10px;font-size:var(--font-size-xs);font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;color:var(--text-primary);text-align:left;white-space:normal;word-wrap:break-word;background:var(--bg-raised);border:var(--line-float);border-radius:var(--radius-md);box-shadow:var(--shadow-float);pointer-events:none}.detail-save-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.detail-status-btn.status-delayed{border-color:var(--status-delayed);background:var(--status-delayed)}.detail-status-btn.status-important{border-color:var(--status-important);background:var(--status-important)}.detail-date-header .detail-date-dow[style]{color:var(--text-secondary)!important}.detail-panel>.detail-item-actions>.detail-action-btn{width:auto;height:auto;min-height:26px;padding:3px 12px;border:none;border-radius:var(--radius-pill);background:transparent;font-size:var(--font-size-sm)}.detail-panel>.detail-item-actions>.detail-action-btn:hover{background:var(--danger-soft)}.projects-panel{display:flex;flex-direction:column;gap:18px;padding:6px 6px 16px}.projects-new,.project-edit,.project-tasks{display:flex;flex-direction:column;gap:8px}.projects-section-title{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.projects-label,.projects-date-field span{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.projects-input{width:100%;box-sizing:border-box;min-height:30px;padding:4px 12px;font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-cell);border:1px solid var(--border-control);border-radius:var(--radius-pill)}.projects-textarea{padding:8px 12px;border-radius:var(--radius-md);resize:vertical;line-height:1.45}.projects-date-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.projects-date-field{display:flex;flex-direction:column;gap:4px;min-width:0}.projects-date-field .projects-input{padding:4px 8px}.projects-swatches{display:flex;flex-wrap:wrap;gap:6px;padding:2px}.projects-swatch{width:22px;height:22px;padding:0;border-radius:50%;cursor:pointer}.projects-btn{min-height:30px;padding:4px 14px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.projects-btn:hover:not(:disabled){background:var(--bg-cell-hover)}.projects-btn:disabled{color:var(--text-muted);border-color:var(--border-light);cursor:default}.projects-btn-primary{align-self:flex-start;background:var(--accent);border-color:var(--accent)}.projects-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.projects-btn-primary:disabled{background:var(--bg-cell-hover);border-color:var(--bg-cell-hover)}.projects-btn-danger{color:var(--danger-ink);border-color:transparent}.projects-btn-danger:hover:not(:disabled){background:var(--danger-soft)}.projects-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.projects-error{margin:0;font-size:var(--font-size-sm);color:var(--danger-ink)}.projects-hint{margin:0;font-size:var(--font-size-sm);line-height:1.45;color:var(--text-secondary)}.projects-check{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--text-primary)}.projects-check input{accent-color:var(--accent-ink)}.projects-list-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border-light);padding-top:14px}.projects-list,.project-task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.projects-card{display:flex;align-items:stretch;gap:10px;width:100%;padding:10px 12px 10px 0;text-align:left;background:var(--bg-cell);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:background var(--transition-fast),border-color var(--transition-fast)}.projects-card:hover{border-color:var(--border-medium);background:var(--bg-cell-hover)}.projects-card-accent{width:4px;flex-shrink:0}.projects-card-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.projects-card-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary);overflow-wrap:anywhere}.projects-card-dates{font-size:11px;color:var(--text-secondary)}.projects-card-percent{align-self:center;font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.project-progress{display:flex;flex-direction:column;gap:4px}.project-progress-track{display:block;height:6px;border-radius:var(--radius-pill);background:#e4e9e5;overflow:hidden}.project-progress-fill{display:block;height:100%;border-radius:var(--radius-pill)}.project-progress-text{font-size:11px;color:var(--text-secondary)}.project-detail{gap:18px}.project-detail-header{display:flex;flex-direction:column;gap:4px;padding-left:10px;border-left:4px solid var(--range-default)}.project-detail-kicker{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.project-detail-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);overflow-wrap:anywhere}.project-detail-dates{font-size:var(--font-size-sm);color:var(--text-secondary)}.project-task{display:flex;align-items:flex-start;gap:8px}.project-task input[type=checkbox]{margin-top:3px;flex-shrink:0;accent-color:var(--accent-ink)}.project-task-open{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0;text-align:left;background:none;border:none;cursor:pointer}.project-task-open:hover .project-task-title{text-decoration:underline}.project-task-title{font-size:var(--font-size-sm);color:var(--text-primary);overflow-wrap:anywhere}.project-task.done .project-task-title{color:var(--text-secondary);text-decoration:line-through}.project-task-meta{font-size:11px;color:var(--text-secondary)}.project-add-task{display:grid;grid-template-columns:1fr auto;gap:6px}.project-add-task input:first-child{grid-column:1 / -1}.project-done-toggle{align-self:flex-start;padding:2px 0;font-size:var(--font-size-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.settings-panel{--settings-control-width: 130px;display:flex;flex-direction:column;gap:16px;min-height:100%}.settings-section{display:flex;flex-direction:column;gap:4px}.settings-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:2px 4px 6px}.settings-section-heading .settings-section-title{padding:0}.settings-section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:2px 4px 6px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) var(--settings-control-width);align-items:center;column-gap:12px;row-gap:4px;padding:8px 4px;border-radius:var(--radius-sm);min-height:36px;box-sizing:border-box}.settings-row:hover{background:var(--bg-cell-hover)}.settings-label-col{min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.settings-label{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.3}.settings-label--with-help{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.settings-hint-sub{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.25}.settings-control{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;min-width:0}.settings-control--toggle{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.settings-input,.settings-btn{padding:6px 10px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--bg-cell);box-sizing:border-box;width:100%;min-height:30px}.settings-btn{border-color:var(--border-medium);background:transparent;color:var(--text-primary);cursor:pointer;text-align:center;font-family:inherit}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-btn-pair{display:flex;gap:6px;width:100%}.settings-btn-pair .settings-btn{flex:1;min-width:0;padding-left:4px;padding-right:4px}.settings-hint-inline{flex:1 1 auto;min-width:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2;text-align:right}.settings-hint-block{font-size:var(--font-size-xs);color:var(--text-muted);padding:0 4px 2px;margin:0;line-height:1.3}.settings-toggle{width:32px;height:18px;border-radius:9px;border:none;background:var(--bg-cell);position:relative;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);padding:0;flex-shrink:0;box-shadow:inset 0 0 0 1px var(--border-control)}.settings-toggle.active{background:var(--border-selected);box-shadow:none}.settings-toggle-thumb{width:12px;height:12px;border-radius:50%;background:var(--border-control);position:absolute;top:3px;left:3px;transition:transform var(--transition-fast),background var(--transition-fast);box-shadow:none}.settings-toggle.active .settings-toggle-thumb{background:var(--bg-cell);transform:translate(14px)}.settings-btn-danger{border-color:#e8c0be!important;color:var(--danger-ink);background:transparent}.settings-btn-danger:hover{background:var(--danger-soft)}.settings-sync-section{padding:6px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.settings-sync-message{margin:2px 4px 6px;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.settings-sync-message--error{color:var(--danger-ink)}.settings-sync-conflict{margin:4px;padding:10px;border:none;border-radius:var(--radius-md);background:var(--danger-soft)}.settings-sync-conflict p{margin:0 0 8px;color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.settings-sync-conflict-actions{display:grid;gap:6px}.settings-sync-links{display:flex;flex-wrap:wrap;gap:10px;padding:4px;font-size:var(--font-size-xs)}.settings-sync-links a,.settings-sync-links button{padding:0;border:0;background:transparent;color:var(--text-muted);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.settings-sync-links a:hover,.settings-sync-links a:focus-visible,.settings-sync-links button:hover,.settings-sync-links button:focus-visible{color:var(--text-primary)}.settings-footer{margin-top:auto;padding:16px 4px 8px;border-top:1px solid var(--border-light);text-align:center}.settings-privacy-link{display:inline-block;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4;text-underline-offset:2px}.settings-privacy-link:hover,.settings-privacy-link:focus-visible{background:var(--bg-cell-hover);color:var(--text-primary)}.settings-btn:hover:not(:disabled):not(.settings-btn-danger){background:var(--bg-cell-hover)}.filter-panel-hint{margin-top:0}.filter-panel .settings-row{padding-left:8px;padding-right:8px}.filter-panel .settings-control--toggle{flex-wrap:nowrap}.filter-panel .settings-hint-inline{white-space:nowrap}.filter-tag-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px}.filter-tag-chip{min-height:24px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:transparent;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer}.filter-tag-chip:hover{background:var(--bg-cell-hover);border-color:var(--border-medium)}.filter-tag-chip.active{border-color:var(--accent);color:var(--text-primary);background:var(--accent)}.filter-clear-tags{align-self:flex-start;margin-left:4px;padding:4px 0;border:none;background:none;font-size:var(--font-size-xs);color:var(--accent-ink);cursor:pointer;text-decoration:underline}.filter-clear-tags:hover{color:var(--text-primary)}.filter-reset-btn{margin:4px;padding:8px 12px;width:calc(100% - 8px);border:1px solid var(--border-medium);border-radius:var(--radius-pill);background:transparent;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.filter-reset-btn:hover:not(:disabled){background:var(--bg-cell-hover)}.filter-reset-btn:disabled{opacity:.45;cursor:not-allowed}.tags-panel{display:flex;flex-direction:column;gap:8px;padding:0 2px 6px}.tags-panel-intro,.tags-panel-footnote{font-size:10px;color:var(--text-muted);line-height:1.4;margin:0}.tags-panel-footnote{margin-top:4px}.tags-panel-create{display:flex;align-items:stretch;gap:4px}.tags-panel-create-input{flex:1;min-width:0}.tags-panel-create-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;padding:0;border:none;border-radius:50%;background:var(--accent);color:var(--text-primary);cursor:pointer;height:30px}.tags-panel-create-btn:hover:not(:disabled){background:var(--accent-hover);color:var(--text-primary)}.tags-panel-create-btn:disabled{opacity:.45;cursor:not-allowed}.tags-panel-create-error{margin:0;font-size:10px;color:var(--danger-ink);line-height:1.35}.tags-panel-empty{font-size:var(--font-size-xs);color:var(--text-muted);padding:8px 2px}.tags-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.tags-panel-row{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cell);overflow:hidden}.tags-panel-row-compact{display:flex;align-items:center;gap:6px;min-height:30px;padding:3px 6px 3px 8px}.tags-panel-name{flex:1;min-width:0;font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-panel-count{font-size:10px;color:var(--text-muted);flex-shrink:0;min-width:1.25rem;text-align:right;font-variant-numeric:tabular-nums}.tags-panel-built-in{flex-shrink:0;font-size:10px;color:var(--text-muted)}.tags-panel-icon-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.tags-panel-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer}.tags-panel-icon-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.tags-panel-icon-btn.danger:hover{color:var(--danger-ink);background:var(--danger-soft)}.tags-panel-expand{display:flex;flex-direction:column;gap:6px;padding:6px 8px}.tags-panel-remove-expand{gap:8px}.tags-panel-remove-modes{display:flex;flex-direction:column;gap:4px}.tags-panel-radio{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--text-primary);cursor:pointer}.tags-panel-radio input{margin:0;flex-shrink:0}.tags-panel-warn{margin:0;font-size:10px;color:var(--danger-ink);line-height:1.35}.tags-panel-expand-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tags-panel-input,.tags-panel-select{width:100%;min-height:26px;padding:4px 8px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--bg-cell);color:var(--text-primary);box-sizing:border-box}.tags-panel-input:focus,.tags-panel-select:focus{outline:none;border-color:var(--border-selected)}.tags-panel-btn{min-height:24px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:transparent;font-size:10px;cursor:pointer;color:var(--text-primary)}.tags-panel-btn:hover:not(:disabled){background:var(--bg-cell-hover)}.tags-panel-btn:disabled{opacity:.45;cursor:not-allowed}.tags-panel-btn.primary{border-color:var(--accent);color:var(--text-primary);background:var(--accent)}.tags-panel-btn.danger{border-color:transparent;color:var(--danger-ink);background:transparent}.tags-panel-btn.danger:hover:not(:disabled){background:var(--danger-soft)}.search-panel{display:flex;flex-direction:column;gap:8px;padding:0 2px 8px}.search-panel-intro{margin:0;font-size:10px;color:var(--text-muted);line-height:1.4}.search-panel-input{width:100%;box-sizing:border-box;min-height:30px;padding:6px 12px;border:1px solid var(--border-control);border-radius:var(--radius-pill);font-size:var(--font-size-sm);background:var(--bg-cell);color:var(--text-primary)}.search-panel-input:focus{outline:none;border-color:var(--border-selected)}.search-panel-empty{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.search-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:min(50vh,360px);overflow-y:auto}.search-panel-hit{width:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cell);cursor:pointer;color:var(--text-primary)}.search-panel-hit:hover{background:var(--bg-cell-hover)}.search-panel-hit-kind{font-size:9px;text-transform:uppercase;color:var(--text-muted)}.search-panel-hit-title{font-size:var(--font-size-xs);font-weight:600}.search-panel-hit-snippet{font-size:10px;color:var(--text-muted);line-height:1.3}.overlays-panel{display:flex;flex-direction:column;gap:8px;padding:0 2px 8px}.overlays-panel-intro{margin:0;font-size:10px;color:var(--text-muted);line-height:1.4}.overlays-panel-empty{margin:0;font-size:var(--font-size-xs);color:var(--text-muted)}.overlays-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:min(55vh,400px);overflow-y:auto}.overlays-panel-row{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-cell);display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px}.overlays-panel-row.selected{border-color:var(--border-selected);background:var(--bg-cell-selected)}.overlays-panel-select{flex:1;min-width:0;text-align:left;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:2px 0;color:var(--text-primary)}.overlays-panel-type{font-size:9px;color:var(--text-muted);text-transform:uppercase}.overlays-panel-label{font-size:var(--font-size-xs);font-weight:500}.overlays-panel-eye{width:24px;height:24px;border:none;border-radius:50%;background:transparent;cursor:pointer;font-size:10px;color:var(--text-secondary)}.overlays-panel-eye:hover{background:var(--bg-cell-hover)}.overlays-panel-eye.off{color:var(--text-muted)}.overlays-panel-mini{min-height:24px;padding:2px 10px;font-size:10px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:transparent;cursor:pointer;color:var(--text-primary)}.overlays-panel-mini:hover{background:var(--bg-cell-hover)}.overlays-panel-mini.primary{border-color:var(--accent);color:var(--text-primary);background:var(--accent)}.overlays-panel-trash{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer}.overlays-panel-trash:hover{color:var(--danger-ink);background:var(--danger-soft)}.overlays-panel-edit{width:100%;flex-basis:100%;display:flex;gap:4px;align-items:center;margin-top:4px}.overlays-panel-input{flex:1;min-width:0;padding:4px 6px;font-size:var(--font-size-xs);border:1px solid var(--border-control);border-radius:var(--radius-pill);background:var(--bg-cell);color:var(--text-primary)}.ai-panel{display:flex;flex-direction:column;gap:18px;padding:6px 6px 16px}.ai-section{display:flex;flex-direction:column;gap:8px}.ai-section+.ai-section{border-top:1px solid var(--border-light);padding-top:16px}.ai-section-title{margin:0;font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.ai-hint,.ai-status,.ai-summary,.ai-warning{margin:0;font-size:var(--font-size-sm);line-height:1.45;color:var(--text-secondary)}.ai-status,.ai-summary{color:var(--text-primary)}.ai-warning{padding:8px 10px;color:var(--text-primary);background:var(--bg-cell-today);border-radius:var(--radius-md)}.ai-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.ai-textarea{width:100%;box-sizing:border-box;resize:vertical;padding:8px 10px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-primary);background:var(--bg-cell);border:1px solid var(--border-control);border-radius:var(--radius-md)}.ai-manual-copy{min-height:120px}.ai-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-btn{min-height:30px;padding:4px 14px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.ai-btn:hover:not(:disabled){background:var(--bg-cell-hover)}.ai-btn:disabled{color:var(--text-muted);border-color:var(--border-light);cursor:default}.ai-btn-primary{align-self:flex-start;background:var(--accent);border-color:var(--accent)}.ai-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.ai-btn-primary:disabled{background:var(--bg-cell-hover);border-color:var(--bg-cell-hover)}.ai-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;font-size:var(--font-size-sm);line-height:1.45;color:var(--text-primary);background:var(--danger-soft);border-radius:var(--radius-md)}.ai-error p{margin:0;overflow-wrap:anywhere}.ai-preview,.ai-applied{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--bg-cell);border:1px solid var(--border-light);border-radius:var(--radius-md)}.ai-applied{flex-direction:row;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);background:var(--bg-cell-selected);border-color:transparent}.ai-applied p{margin:0}.ai-change-list,.ai-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ai-change{display:flex;align-items:flex-start;gap:8px;font-size:var(--font-size-sm)}.ai-change-kind{flex-shrink:0;min-width:44px;padding:1px 6px;font-size:10px;font-weight:700;text-align:center;color:var(--text-primary);border-radius:var(--radius-pill)}.ai-change-create{background:var(--accent)}.ai-change-update{background:var(--bg-cell-today)}.ai-change-delete{color:var(--danger-ink);background:var(--danger-soft)}.ai-change-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-change-label{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.ai-change-details,.ai-log-meta{color:var(--text-secondary);line-height:1.4;overflow-wrap:anywhere}.ai-log-entry{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm)}.ai-log-summary{color:var(--text-primary);overflow-wrap:anywhere}.ai-log-meta{font-size:11px}.ai-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:120;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:6px 6px 6px 16px;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-raised);border:var(--line-float);border-radius:var(--radius-pill);box-shadow:var(--shadow-float)}.ai-toast-text{min-width:0;overflow-wrap:anywhere}.ai-toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:var(--text-secondary)}.ai-toast-close:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.left-panel{position:fixed;left:var(--icon-bar-width);top:var(--toolbar-height);bottom:0;width:var(--panel-width);max-width:calc(100vw - var(--icon-bar-width));background:var(--bg-panel);border-right:1px solid var(--border-light);z-index:80;display:flex;flex-direction:column;box-shadow:var(--shadow-panel)}.left-panel-header{min-height:44px;padding:6px 8px 6px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:10px}.left-panel-title{font-size:var(--font-size-md);font-weight:600;text-transform:capitalize;min-width:0}.left-panel-close{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.left-panel-close:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.left-panel-content{flex:1;overflow-y:auto;padding:8px}.panel-placeholder{padding:16px;color:var(--text-muted);text-align:center}.right-panel{position:fixed;right:0;top:var(--toolbar-height);bottom:0;width:var(--panel-width);max-width:100vw;background:var(--bg-panel);border-left:1px solid var(--border-light);z-index:80;display:flex;flex-direction:column;box-shadow:-2px 0 10px #1f1f1f0d}.right-panel-header{min-height:44px;padding:6px 8px 6px 16px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.right-panel-title{font-size:var(--font-size-md);font-weight:600;text-transform:capitalize}.right-panel-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.right-panel-close:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.right-panel-content{flex:1;overflow-y:auto;padding:8px}.board-overlay-postit-bg{stroke-width:.25;filter:drop-shadow(.15px .35px .4px rgba(0,0,0,.12));-webkit-touch-callout:none}.board-overlay-postit-fold{fill:#00000012;stroke:none}.board-overlay-resize-handle{fill:var(--status-in-progress);stroke:#fff;stroke-width:.15;cursor:se-resize}.board-overlay-resize-handle:hover{fill:color-mix(in srgb,var(--status-in-progress) 85%,#000)}.board-overlay-postit-text{fill:var(--text-primary);font-size:2.85px;font-weight:600;-webkit-user-select:none;user-select:none}.board-overlay-postit-link{fill:var(--accent-ink);font-size:2.1px;font-weight:500;-webkit-user-select:none;user-select:none}.board-overlay-postit-fobject{overflow:hidden}.board-overlay-postit-fobj-root{box-sizing:border-box;width:100%;height:100%;padding:1.35px 2.3px 1.2px 2.15px;overflow:hidden;display:flex;flex-direction:column;gap:.35px;color:var(--text-primary);line-height:1.35;font-family:var(--font-family, system-ui, sans-serif)}.board-overlay-postit-fobj-root .markdown-view{font-size:2.35px;line-height:1.38;word-break:break-word}.board-overlay-postit-fobj-root .markdown-view.board-postit-md-linked{flex:1;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.board-overlay-postit-fobj-root .markdown-view p{margin:.2em 0}.board-overlay-postit-fobj-root .markdown-view p:first-child{margin-top:0}.board-overlay-postit-fobj-root .markdown-view h1,.board-overlay-postit-fobj-root .markdown-view h2,.board-overlay-postit-fobj-root .markdown-view h3{font-size:1.05em;margin:.25em 0 .12em;font-weight:600}.board-overlay-postit-fobj-root .markdown-view ul,.board-overlay-postit-fobj-root .markdown-view ol{margin:.15em 0;padding-left:1.15em}.board-overlay-postit-fobj-root .markdown-view pre{margin:.2em 0;padding:.35px .5px;font-size:.92em;max-height:4.5em;overflow:hidden}.board-overlay-postit-fobj-root .markdown-view hr{margin:.28em 0;border:none;border-top:.2px solid var(--border-medium)}.board-postit-linked-sep{flex-shrink:0;margin:.3px 0;border-top:.2px solid var(--border-medium)}.board-postit-linked-block{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:.25px}.board-postit-linked-empty{font-size:2.1px;color:var(--text-muted)}.board-overlay-sticker-emoji{fill:var(--text-primary);-webkit-user-select:none;user-select:none}.board-overlay-image{pointer-events:none}.board-overlay-image-missing{fill:var(--bg-cell-hover);stroke:var(--border-light);stroke-width:.3}.board-overlay-image-missing-text{fill:var(--text-muted);font-size:2px;-webkit-user-select:none;user-select:none}.board-overlay-ctx-menu{z-index:200;min-width:200px;max-width:min(320px,calc(100vw - 24px));padding:6px 0;background:var(--bg-raised);border:var(--line-float);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.board-overlay-ctx-menu-title{padding:4px 12px 6px;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-light);margin-bottom:4px}.board-overlay-ctx-sub{padding:6px 12px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.board-overlay-ctx-scroll{max-height:220px;overflow-y:auto}.board-overlay-ctx-empty{padding:8px 12px;font-size:var(--font-size-xs);color:var(--text-muted)}.board-overlay-ctx-menu-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-family)}.board-overlay-ctx-menu-item:hover{background:var(--bg-cell-hover)}.board-overlay-ctx-menu-item--danger{color:var(--danger-ink);border-bottom:1px solid var(--border-light);margin-bottom:4px}.board-overlay-ctx-menu-item--danger:hover{background:var(--danger-soft)}.board-wb-textbox-fo{overflow:hidden}.board-wb-textbox-root{box-sizing:border-box;width:100%;height:100%;margin:0;padding:1px 4px 2px;display:flex;flex-direction:column;min-height:0}.board-wb-textbox-ta{display:block;box-sizing:border-box;width:100%;flex:1 1 auto;min-height:0;margin:0;padding:0;border:none;outline:none;resize:none;background:transparent;line-height:1.4;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.board-wb-textbox-readonly{flex:1 1 auto;min-height:0;line-height:1.4;word-break:break-word;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.board-wb-textbox-readonly .board-wb-textbox-md.markdown-view,.board-wb-textbox-readonly .markdown-view{font-size:inherit;line-height:inherit}.board-wb-textbox-placeholder{opacity:.42;pointer-events:none}.year-board-container{flex:1;overflow:hidden;position:relative;background:var(--bg-board);touch-action:none;-webkit-user-select:none;user-select:none}.year-board-svg{display:block}.year-board-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-lg)}.year-board-svg [data-date-key] text[opacity="0.8"]{opacity:1}.year-board-svg [data-date-key]>rect[stroke="var(--border-selected)"],.year-board-svg [data-date-key]>rect[fill-opacity="0.88"]{fill:var(--bg-cell-selected)}.app-layout{width:100%;height:100%;display:flex;flex-direction:column}.app-board-area{flex:1;margin-top:var(--toolbar-height);margin-left:var(--icon-bar-width);display:flex;overflow:hidden}:root{--bg-app: #f9f9f9;--bg-board: #f9f9f9;--bg-cell: #ffffff;--bg-cell-hover: #eef1ee;--bg-cell-selected: #e3f0e6;--bg-cell-today: #fff3d6;--bg-cell-weekend: #f3f5f3;--bg-panel: #f9f9f9;--bg-toolbar: #f9f9f9;--bg-raised: #ffffff;--text-primary: #1f1f1f;--text-secondary: #4f564f;--text-muted: #646b65;--text-inverse: #ffffff;--border-light: #dde3de;--border-medium: #c9d0ca;--border-control: #858e87;--border-selected: #3f7450;--border-active: #1f1f1f;--status-none: #7f8981;--status-in-progress: #4a76bb;--status-done: #4a8a5c;--status-delayed: #c4544a;--status-important: #b56a21;--day-saturday: #4a76bb;--day-sunday: #c4544a;--day-today: #2f6b44;--range-default: #4a8a5c;--range-muted: #c9dccd;--range-highlight: #b56a21;--overlay-shadow: rgba(0, 0, 0, .08);--overlay-stroke-default: #4a76bb;--accent: #b7ddbf;--accent-hover: #a8d4b2;--accent-ink: #2f5f3d;--danger: #f88a87;--danger-soft: #fde8e7;--danger-ink: #a33a36;--focus-ring: #2f5f3d;--border-float: #4f564f;--line-float: 1px solid var(--border-float);--shadow-float: 0 2px 8px rgba(31, 31, 31, .08);--shadow-panel: 2px 0 10px rgba(31, 31, 31, .05);--toolbar-height: 44px;--icon-bar-width: 44px;--panel-width: 280px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 9px;--font-size-sm: 11px;--font-size-md: 13px;--font-size-lg: 15px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--transition-fast: .1s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,textarea{font-family:inherit;font-size:inherit;color:inherit}.newline-insert-btn{width:32px;min-height:32px;flex-shrink:0;align-self:flex-start;border:1px solid var(--border-medium);border-radius:50%;background:transparent;color:var(--text-secondary);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.newline-insert-btn:hover{background:var(--bg-cell-hover);color:var(--text-primary)}.detail-md-input-row{display:flex;gap:6px;align-items:flex-start;width:100%}.detail-md-input-row .detail-add-input,.detail-md-input-row .detail-edit-body{flex:1;min-width:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}:is(.top-toolbar,.left-panel,.right-panel) :is(input,textarea,select){background-color:var(--bg-cell);color:var(--text-primary);accent-color:var(--accent-ink)}:is(.top-toolbar,.left-panel,.right-panel) :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}:is(.top-toolbar,.left-icon-bar,.left-panel,.right-panel,.board-overlay-ctx-menu,.ai-toast) :is(button,a,input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:is(.top-toolbar,.left-panel,.right-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select):focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.top-toolbar .toolbar-mode-btn:focus-visible{outline-offset:-2px}:is(.top-toolbar,.left-icon-bar,.left-panel,.right-panel) button>svg{flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}:is(.toolbar-color-dot,.range-color-swatch,.backlog-color-swatch,.overlay-memo-swatch,.projects-swatch){position:relative;border:none;box-shadow:inset 0 0 0 1px var(--swatch-edge, transparent);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}:is(.toolbar-color-dot,.range-color-swatch,.backlog-color-swatch,.overlay-memo-swatch,.projects-swatch):hover{transform:scale(1.08)}:is(.toolbar-color-dot,.range-color-swatch,.backlog-color-swatch,.overlay-memo-swatch).active,.projects-swatch.selected{box-shadow:inset 0 0 0 1px var(--swatch-edge, transparent),0 0 0 2px var(--swatch-gap, var(--bg-panel)),0 0 0 3.5px var(--text-primary)}:is(.toolbar-color-dot,.range-color-swatch,.backlog-color-swatch,.overlay-memo-swatch).active:after,.projects-swatch.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--swatch-check, #ffffff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7 10 16.5 5.5 12'/%3E%3C/svg%3E") center / 64% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7 10 16.5 5.5 12'/%3E%3C/svg%3E") center / 64% no-repeat;pointer-events:none}
