@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--color-primary-50: #FFF7E6;--color-primary-100: #FBE7C2;--color-primary-500: #D4AF37;--color-primary-600: #B98C2B;--color-primary-700: #8F6B1D;--color-neutral-50: #FAFAFA;--color-neutral-100: #F4F4F5;--color-neutral-200: #E4E4E7;--color-neutral-300: #D4D4D8;--color-neutral-400: #A1A1AA;--color-neutral-500: #71717A;--color-neutral-600: #52525B;--color-neutral-700: #3F3F46;--color-neutral-800: #27272A;--color-neutral-900: #18181B;--color-success: #2FA37C;--color-warning: #C7A24B;--color-error: #C46666;--color-info: #5B86C5;--color-semantic-positive: #2FA37C;--color-semantic-warning: #C7A24B;--color-semantic-negative: #C46666;--color-semantic-info: #5B86C5;--color-bg-base: #0D0F12;--color-bg-surface: #171A1F;--color-bg-muted: #1D2127;--color-bg-subtle: #13161B;--color-text-primary: #F4EFE6;--color-text-secondary: #C9C2B6;--color-text-muted: #9B9386;--color-text-tertiary: #7F776C;--color-text-inverse: #0D0F12;--color-border: #2B3139;--color-border-default: #2B3139;--color-border-strong: #3A424C;--font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .35);--shadow-md: 0 6px 14px -6px rgb(0 0 0 / .6), 0 2px 6px -4px rgb(0 0 0 / .4);--shadow-lg: 0 12px 24px -10px rgb(0 0 0 / .65), 0 4px 10px -6px rgb(0 0 0 / .5);--shadow-xl: 0 18px 36px -12px rgb(0 0 0 / .7), 0 6px 14px -8px rgb(0 0 0 / .55);--shadow-2xl: 0 24px 48px -16px rgb(0 0 0 / .75);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 500}[data-theme=dark]{--color-bg-base: #0D0F12;--color-bg-surface: #171A1F;--color-bg-muted: #1D2127;--color-bg-subtle: #13161B;--color-text-primary: #F4EFE6;--color-text-secondary: #C9C2B6;--color-text-muted: #9B9386;--color-text-tertiary: #7F776C;--color-border: #2B3139;--color-border-default: #2B3139;--color-border-strong: #3A424C}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: var(--color-bg-base);--bg-secondary: var(--color-bg-muted);--bg-card: var(--color-bg-surface);--bg-input: var(--color-bg-subtle);--bg-tertiary: var(--color-bg-subtle);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--accent: var(--color-primary-500);--accent-hover: var(--color-primary-600);--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--border: var(--color-border-default);--border-focus: var(--color-primary-500);--warning: var(--color-semantic-warning);--status-todo: var(--color-neutral-400);--status-doing: var(--color-semantic-info);--status-done: var(--color-semantic-positive);--status-hold: var(--color-semantic-warning);--tint-accent: color-mix(in srgb, var(--accent) 12%, transparent);--tint-success: color-mix(in srgb, var(--color-success) 12%, transparent);--tint-warning: color-mix(in srgb, var(--color-warning) 14%, transparent);--tint-error: color-mix(in srgb, var(--color-error) 12%, transparent);--tint-info: color-mix(in srgb, var(--color-info) 12%, transparent);--tint-neutral: color-mix(in srgb, var(--color-neutral-400) 8%, transparent);--overlay: color-mix(in srgb, var(--color-neutral-900) 78%, transparent);--dimmed-opacity: .5;--dimmed-bg: color-mix(in srgb, var(--bg-card) 65%, var(--bg-primary));--dimmed-border: color-mix(in srgb, var(--border) 60%, transparent);--shadow-card: var(--shadow-md);--shadow-card-hover: var(--shadow-lg);--shadow-panel: var(--shadow-xl)}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(900px circle at 12% -20%,color-mix(in srgb,var(--accent) 18%,transparent) 0%,transparent 55%),radial-gradient(700px circle at 88% 0%,color-mix(in srgb,var(--color-primary-700) 16%,transparent) 0%,transparent 45%),linear-gradient(180deg,var(--color-bg-base) 0%,var(--color-bg-muted) 100%);background-attachment:fixed;color:var(--text-primary);line-height:var(--leading-normal);color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,.project-name{font-family:var(--font-display);letter-spacing:-.01em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.project-list .project-card,.task-list .task-card,.note-list .note-card{animation:rise-in .24s ease both}.project-list .project-card:nth-child(2),.task-list .task-card:nth-child(2),.note-list .note-card:nth-child(2){animation-delay:40ms}.project-list .project-card:nth-child(3),.task-list .task-card:nth-child(3),.note-list .note-card:nth-child(3){animation-delay:80ms}.project-list .project-card:nth-child(4),.task-list .task-card:nth-child(4),.note-list .note-card:nth-child(4){animation-delay:.12s}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms;animation-iteration-count:1;transition-duration:1ms;scroll-behavior:auto}}.app{min-height:100vh;display:flex;flex-direction:column}.top-page{display:flex;flex-direction:column;min-height:100vh;touch-action:pan-y pinch-zoom}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);gap:16px}.header h1{font-size:var(--text-xl);font-weight:var(--font-semibold);white-space:nowrap}.header-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sync-error-banner{padding:var(--space-2) var(--space-5);background-color:var(--tint-error);color:var(--color-error);border-bottom:1px solid color-mix(in srgb,var(--color-error) 35%,var(--border));font-size:var(--text-sm)}.import-banner{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);border-bottom:1px solid}.import-banner.success{background-color:var(--tint-success);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 35%,var(--border))}.import-banner.error{background-color:var(--tint-error);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,var(--border))}.import-btn{cursor:pointer}.sync-status{font-size:.75rem;color:var(--text-secondary);line-height:1.2;text-align:right}.btn-primary{padding:var(--space-2) var(--space-4);background-color:var(--accent);color:var(--color-text-inverse);border:1px solid var(--accent-hover);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{padding:var(--space-2) var(--space-4);background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.btn-secondary:hover{border-color:var(--accent);color:var(--text-primary);background-color:var(--accent-soft);transform:translateY(-1px)}.back-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.back-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.main{flex:1;padding:var(--space-6);max-width:920px;margin:0 auto;width:100%}.area-tabs{display:flex;gap:8px;overflow-x:auto;padding:var(--space-3) var(--space-5);margin:0 calc(var(--space-6) * -1) var(--space-3);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.area-tab{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.area-tab:hover{border-color:var(--text-secondary)}.area-tab.active{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft)}.area-tab-name{font-weight:500}.area-tab-count{background-color:var(--tint-neutral);padding:2px 6px;border-radius:10px;font-size:var(--text-xs)}.area-tab-add{border-style:dashed;color:var(--text-secondary)}.area-tab-add:hover{border-color:var(--accent);color:var(--accent)}.area-tab-wrapper{display:flex;align-items:center;gap:2px}.area-edit-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .15s ease}.area-edit-btn:hover,.area-edit-btn.active{background-color:var(--accent-soft);color:var(--accent)}.sort-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sort-selector{position:relative}.sort-btn{padding:var(--space-2) var(--space-3);background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.sort-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.sort-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;z-index:10;min-width:120px}.sort-option{display:block;width:100%;padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);border:none;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.sort-option:hover{background-color:var(--tint-neutral);color:var(--text-primary)}.sort-option.active{color:var(--accent)}.sort-order-btn{padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.sort-order-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.area-panel{margin-top:16px}.area-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.area-title{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.area-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.area-menu-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.area-menu-btn.active{border-color:var(--accent);color:var(--accent)}.area-actions-panel{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;flex-wrap:wrap}.area-add-form{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);margin-top:16px;box-shadow:var(--shadow-sm)}.area-add-inline{margin-top:12px;margin-bottom:12px}.area-add-form input{width:100%;padding:var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-3)}.area-add-form input:focus{outline:none;border-color:var(--accent)}.project-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.project-card{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--border);box-shadow:var(--shadow-card)}.project-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.project-card.idle{opacity:.65}.project-card.archived{opacity:var(--dimmed-opacity);border-left:4px solid var(--status-done);background-color:var(--dimmed-bg);border-color:var(--dimmed-border);box-shadow:none;color:var(--text-muted)}.project-card.wip-over{border-left:4px solid var(--warning)}.project-card.warning{border-left:4px solid var(--accent)}.project-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-header-actions{display:flex;align-items:center;gap:8px}.project-name{font-size:var(--text-xl);font-weight:var(--font-semibold)}.project-name-edit-form{flex:1;display:flex;flex-direction:column;gap:8px}.project-name-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600}.project-name-input:focus{outline:none}.project-name-edit-actions{display:flex;gap:8px;justify-content:flex-end}.quick-start-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.quick-start-btn:hover{background-color:var(--accent);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-md)}.project-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.project-menu-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.project-menu-btn.active{border-color:var(--accent);color:var(--accent)}.project-actions-panel{display:flex;justify-content:flex-end;margin-top:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.project-summary{font-size:var(--text-sm);color:var(--text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:4px}.project-summary .stat{white-space:nowrap}.project-summary .stat.warning{color:var(--warning);font-weight:500}.project-summary .stat-separator{color:var(--border);margin:0 2px}.project-summary .idle-label{color:var(--text-secondary);font-style:italic}.project-summary .archived-label{color:var(--status-done);font-style:italic}.project-due-date-edit{display:flex;gap:8px;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.due-date-input{padding:var(--space-2) var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color-scheme:dark}.due-date-input:focus{outline:none;border-color:var(--accent)}.project-due-date{margin-top:8px;font-size:var(--text-sm)}.due-date-label{color:var(--text-secondary)}.due-date-label.overdue{color:var(--color-error);font-weight:var(--font-medium)}.project-repo-info{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.75rem}.repo-branch{color:var(--text-secondary);background-color:var(--tint-neutral);padding:2px 6px;border-radius:4px}.repo-last-commit{color:var(--text-secondary);font-size:.6875rem;cursor:help}.repo-badge{padding:2px 6px;border-radius:4px;font-size:.6875rem;font-weight:500}.repo-badge.dirty{background-color:var(--tint-warning);color:var(--color-warning)}.repo-badge.unpushed{background-color:var(--tint-info);color:var(--color-info)}.repo-badge.stale{background-color:var(--tint-error);color:var(--color-error)}.repo-badge.old{background-color:var(--tint-neutral);color:var(--text-secondary)}.project-warnings{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.warning-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;background-color:var(--tint-accent);color:var(--accent)}.warning-badge.wip-over{background-color:var(--tint-warning);color:var(--color-warning)}.warning-badge.due-overdue{background-color:var(--tint-error);color:var(--color-error)}.warning-badge.scan-old{background-color:var(--tint-neutral);color:var(--text-secondary)}.warning-badge.dirty-long{background-color:var(--tint-warning);color:var(--color-warning)}.warning-badge.unpushed-long,.warning-badge.commit-stale{background-color:var(--tint-info);color:var(--color-info)}.idle-reasons{font-style:normal;opacity:.8}.project-add-button{width:100%;padding:var(--space-5);background-color:var(--bg-card);color:var(--text-secondary);border:2px dashed var(--border);border-radius:var(--radius-xl);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.project-add-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.project-add-form{background-color:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.project-add-form input{width:100%;padding:var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-3)}.project-add-form input:focus{outline:none;border-color:var(--accent)}.project-add-actions{display:flex;gap:8px;justify-content:flex-end}.project-detail{display:flex;flex-direction:column;min-height:100vh;touch-action:pan-y pinch-zoom}.project-header{display:flex;align-items:center;gap:12px;padding:var(--space-4) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.project-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold)}.repo-info-panel{padding:var(--space-3) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:var(--text-sm)}.repo-info-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.repo-info-row:last-child{margin-bottom:0}.repo-info-label{color:var(--text-muted);min-width:80px;flex-shrink:0}.repo-info-value{color:var(--text-primary);word-break:break-all}.repo-info-value.repo-path{font-family:monospace;font-size:.75rem}.repo-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500;margin-right:4px}.repo-status.dirty{background-color:var(--tint-error);color:var(--color-error)}.repo-status.unpushed{background-color:var(--tint-warning);color:var(--color-warning)}.repo-status.clean{background-color:var(--tint-success);color:var(--color-success)}.repo-locations-row{flex-direction:column;align-items:flex-start;gap:6px}.repo-locations-list{width:100%;display:flex;flex-direction:column;gap:4px}.repo-location-item{display:flex;align-items:baseline;gap:8px;font-size:.75rem;padding:4px 8px;background-color:var(--tint-neutral);border-radius:4px}.repo-location-machine{color:var(--color-info);font-weight:500;min-width:80px}.repo-location-path{color:var(--text-secondary);font-family:monospace;font-size:.7rem;flex:1;word-break:break-all}.repo-location-time{color:var(--text-secondary);font-size:.6875rem;opacity:.7;cursor:help}.status-tabs{display:flex;gap:4px;padding:var(--space-3) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}.status-tab{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.status-tab:hover{border-color:var(--text-secondary)}.status-tab.active{background-color:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.status-tab .count{background-color:var(--tint-neutral);padding:2px 6px;border-radius:10px;font-size:var(--text-xs)}.status-tab.active .count{background-color:var(--tint-accent);color:var(--accent)}.auto-filter-btn{margin-left:auto;border-color:color-mix(in srgb,var(--color-info) 40%,var(--border));color:var(--color-info)}.auto-filter-btn:hover{border-color:color-mix(in srgb,var(--color-info) 60%,var(--border))}.auto-filter-btn.active{background-color:var(--tint-info);border-color:var(--color-info);color:var(--color-info)}.task-list{display:flex;flex-direction:column;gap:12px}.task-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border);border-left:4px solid var(--status-todo);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm)}.task-card:hover{transform:translate(3px);box-shadow:var(--shadow-md);border-color:var(--accent)}.task-card.status-todo{border-left-color:var(--status-todo)}.task-card.status-doing{border-left-color:var(--status-doing)}.task-card.status-done{border-left-color:var(--status-done);opacity:var(--dimmed-opacity);background-color:var(--dimmed-bg);border-color:var(--dimmed-border);box-shadow:none;color:var(--text-muted)}.task-card.status-hold{border-left-color:var(--status-hold)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.task-title{font-weight:500;flex:1}.task-status{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.task-summary{margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.task-note-preview{margin-top:6px;font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-badge{display:inline-block;padding:2px 8px;background-color:var(--tint-neutral);color:var(--text-secondary);border-radius:12px;font-size:.75rem;font-weight:500}.auto-badge{display:inline-block;padding:2px 6px;margin-right:6px;background-color:var(--tint-info);color:var(--color-info);border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.05em;vertical-align:middle}.pr-badge{display:inline-block;padding:2px 6px;margin-right:6px;background-color:var(--tint-success);color:var(--color-success);border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.05em;vertical-align:middle}.tag-badge.tag-editable{cursor:pointer;transition:all .15s ease}.tag-badge.tag-editable:hover{background-color:color-mix(in srgb,var(--color-neutral-400) 22%,transparent);color:var(--text-primary)}.tag-edit-inline{display:flex;flex-direction:column;gap:6px;background-color:var(--bg-card);padding:10px;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm)}.tag-edit-input{padding:var(--space-2) var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm)}.tag-edit-input:focus{outline:none;border-color:var(--accent)}.tag-edit-actions{display:flex;gap:6px}.tag-remove{margin-left:4px;opacity:.7}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:28px;align-items:center}.tag-add-button{padding:8px 12px;background-color:transparent;color:var(--text-secondary);border:1px dashed var(--border);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:all .15s ease}.tag-add-button:hover{border-color:var(--accent);color:var(--accent)}.tag-composer{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.tag-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-2)}.tag-input:focus{outline:none;border-color:var(--accent)}.tag-composer-actions{display:flex;gap:8px;margin-bottom:12px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px;border-top:1px solid var(--border)}.tag-suggestions-label{font-size:var(--text-xs);color:var(--text-secondary);margin-right:4px}.tag-suggestion{padding:4px 10px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:12px;font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.tag-suggestion:hover{background-color:var(--tint-neutral);color:var(--text-primary);border-color:var(--accent)}.task-add-button{width:100%;padding:var(--space-4);background-color:var(--bg-card);color:var(--text-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.task-add-button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.task-composer{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.task-composer input{width:100%;padding:var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);margin-bottom:var(--space-3)}.task-composer input:focus{outline:none;border-color:var(--accent)}.task-composer-actions{display:flex;gap:8px;justify-content:flex-end}.task-detail-page{display:flex;flex-direction:column;min-height:100vh;touch-action:pan-y pinch-zoom}.task-detail-header{display:flex;align-items:center;gap:12px;padding:var(--space-4) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.task-detail-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);flex:1}.task-title-edit-form{flex:1;display:flex;flex-direction:column;gap:8px}.task-title-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--accent);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600}.task-title-input:focus{outline:none}.task-title-edit-actions{display:flex;gap:8px}.task-menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1.25rem;font-weight:700;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.task-menu-btn:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.task-menu-btn.active{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft)}.task-actions-panel{display:flex;justify-content:flex-end;gap:8px;padding:var(--space-2) var(--space-5) var(--space-3);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.loading,.empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.detail-section{margin-bottom:24px}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.status-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-btn{padding:var(--space-2) var(--space-4);background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.status-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.status-btn.active{border-color:var(--accent);color:var(--accent);background-color:var(--accent-soft)}.task-summary-text{color:var(--text-secondary);line-height:1.6}.note-composer{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.note-composer textarea,.note-edit textarea{width:100%;padding:var(--space-3);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:120px;margin-bottom:var(--space-3)}.note-composer textarea:focus,.note-edit textarea:focus{outline:none;border-color:var(--accent)}.note-composer-actions,.note-edit-actions{display:flex;gap:8px;justify-content:flex-end}.note-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.note-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.note-card:hover:not(.editing){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-card.editing{cursor:default;border-color:var(--accent)}.note-text{color:var(--text-primary);line-height:1.6;white-space:pre-wrap;margin-bottom:8px}.note-date{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header .section-title{margin-bottom:0}.btn-small{padding:6px 12px;font-size:.75rem}.btn-danger.btn-small{width:auto}.error-text{color:var(--color-error);font-size:var(--text-sm);margin-bottom:8px}.empty-text{color:var(--text-secondary);font-style:italic}.btn-danger{padding:var(--space-2) var(--space-4);background-color:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-danger:hover{background-color:var(--color-error);color:var(--color-text-inverse);transform:translateY(-1px)}.sync-runs-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-5)}.sync-runs-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-panel)}.sync-runs-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.sync-runs-header h3{font-size:1rem;font-weight:600;margin:0}.sync-runs-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:1.25rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.sync-runs-close:hover{border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-1px)}.sync-runs-content{flex:1;overflow-y:auto;padding:0}.sync-runs-loading,.sync-runs-error,.sync-runs-empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-secondary)}.sync-runs-error{color:var(--color-error)}.sync-runs-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sync-runs-table th,.sync-runs-table td{padding:var(--space-3) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.sync-runs-table th{background-color:var(--bg-card);color:var(--text-secondary);font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.sync-runs-table tbody tr:hover{background-color:var(--tint-neutral)}.sync-runs-table tbody tr.error{background-color:var(--tint-error)}.sync-runs-time{color:var(--text-secondary);white-space:nowrap}.sync-runs-kind{white-space:nowrap}.sync-runs-status .status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600}.sync-runs-status .status-badge.success{background-color:var(--tint-success);color:var(--color-success)}.sync-runs-status .status-badge.error{background-color:var(--tint-error);color:var(--color-error)}.sync-runs-counts{font-family:monospace;font-size:.75rem}.sync-runs-counts .error-text{color:var(--color-error);cursor:help}.sync-runs-machine{color:var(--text-secondary);font-size:.75rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-runs-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end}