*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--ct-primary: #C8102E;--ct-primary-hover: #A00D24;--ct-primary-soft: #E85D6F;--ct-bg-base: #ffffff;--ct-bg-raised: #f8f9fa;--ct-bg-pressed: #e9ecef;--ct-text-main: #212529;--ct-text-subtle: #6c757d;--ct-text-inverse: #ffffff;--ct-line: #dee2e6;--ct-elevation: rgba(0, 0, 0, .1);--ct-maple: #C8102E;--ct-success-bg: #dff6dd;--ct-success-text: #107c10;--ct-success-border: #107c10;--ct-error-bg: #fde7e9;--ct-error-text: #c50f1f;--ct-error-border: #e81123;--ct-disabled-bg: #999999;--ct-text-muted: #adb5bd;--ct-border-radius: 8px;--ct-bg: #ffffff;--ct-input-border: #d1d5db;--ct-input-bg: #fff;--ct-btn-success-bg: #107c10;--ct-btn-success-text: #ffffff;--ct-btn-danger-bg: #C8102E;--ct-btn-danger-text: #ffffff;--ct-btn-primary-bg: #C8102E;--ct-btn-primary-text: #ffffff;--ct-btn-secondary-bg: #6c757d;--ct-btn-secondary-text: #ffffff;--ct-btn-secondary-border: #6c757d;--ct-status-not-started: #9ca3af;--ct-status-in-progress: #f59e0b;--ct-status-blocked: #ef4444;--ct-status-completed: #22c55e;--ct-card-shadow: 0 1px 3px rgba(0, 0, 0, .08);--ct-text-completed: #6b7280}[data-theme=dark]{--ct-primary: #E85D6F;--ct-primary-hover: #C8102E;--ct-primary-soft: #FF7B8C;--ct-bg-base: #1a1a1a;--ct-bg-raised: #2d2d2d;--ct-bg-pressed: #3d3d3d;--ct-text-main: rgba(255, 255, 255, .95);--ct-text-subtle: rgba(255, 255, 255, .7);--ct-text-inverse: #ffffff;--ct-line: #404040;--ct-elevation: rgba(0, 0, 0, .3);--ct-maple: #E85D6F;--ct-success-bg: #2d3f2d;--ct-success-text: #6ec46e;--ct-success-border: #6ec46e;--ct-error-bg: #4a2d2d;--ct-error-text: #f48c96;--ct-error-border: #f48c96;--ct-disabled-bg: #555555;--ct-text-muted: rgba(255, 255, 255, .5);--ct-border-radius: 8px;--ct-bg: #1a1a1a;--ct-input-border: #4b5563;--ct-input-bg: #1f2937;--ct-btn-success-bg: #22c55e;--ct-btn-success-text: #ffffff;--ct-btn-danger-bg: #E85D6F;--ct-btn-danger-text: #ffffff;--ct-btn-primary-bg: #E85D6F;--ct-btn-primary-text: #ffffff;--ct-btn-secondary-bg: #6b7280;--ct-btn-secondary-text: #ffffff;--ct-btn-secondary-border: #6b7280;--ct-status-not-started: #6b7280;--ct-status-in-progress: #f59e0b;--ct-status-blocked: #f87171;--ct-status-completed: #4ade80;--ct-card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--ct-text-completed: rgba(255, 255, 255, .5)}a{font-weight:500;color:var(--ct-primary);text-decoration:inherit}a:hover{color:var(--ct-primary-hover)}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--ct-bg-base);color:var(--ct-text-main);transition:background-color .3s ease,color .3s ease}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--ct-bg-raised);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--ct-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-toggle{padding:.5em;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ct-line);color:var(--ct-text-main);width:auto;min-width:auto;flex-shrink:0}.theme-toggle:hover{transform:rotate(15deg)}@media(hover:none){.theme-toggle:hover{transform:none}}.btn-primary{background-color:var(--ct-primary);color:var(--ct-text-inverse)}.btn-primary:hover{background-color:var(--ct-primary-hover);border-color:var(--ct-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:500;font-family:inherit;border:1px solid transparent;border-radius:var(--ct-border-radius);cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background-color:transparent;color:var(--ct-btn-success-bg);border-color:var(--ct-btn-success-bg)}.btn-success:hover:not(:disabled){background-color:var(--ct-btn-success-bg);color:var(--ct-btn-success-text)}.btn-danger{background-color:transparent;color:var(--ct-btn-danger-bg);border-color:var(--ct-btn-danger-bg)}.btn-danger:hover:not(:disabled){background-color:var(--ct-btn-danger-bg);color:var(--ct-btn-danger-text)}.btn-secondary{background-color:var(--ct-btn-secondary-bg);color:var(--ct-btn-secondary-text);border:1px solid var(--ct-btn-secondary-border)}.btn-secondary:hover:not(:disabled){opacity:.9}.btn-ghost{background-color:transparent;color:var(--ct-text-main);border:1px solid var(--ct-line)}.btn-ghost:hover:not(:disabled){background-color:var(--ct-bg-pressed)}.btn-sm{min-height:44px;padding:8px 14px;font-size:13px}.btn-icon{min-height:44px;min-width:44px;padding:8px}.show-deleted-toggle{min-height:32px;padding:4px 10px;font-size:12px;font-weight:400;flex-shrink:0}.card{padding:20px;background-color:var(--ct-bg-raised);border-radius:var(--ct-border-radius);border:1px solid var(--ct-line);box-shadow:var(--ct-card-shadow);transition:background-color .3s ease,box-shadow .2s ease}.card-nav{padding:30px;background-color:var(--ct-bg-raised);border-radius:var(--ct-border-radius);border:1px solid var(--ct-line);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.card-nav:hover{background-color:var(--ct-bg-pressed);box-shadow:0 6px 20px var(--ct-elevation);transform:translateY(-2px)}.card-deleted{opacity:.6;border-style:dashed;border-width:2px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:4px;color:var(--ct-text-main)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid var(--ct-input-border);border-radius:var(--ct-border-radius);background-color:var(--ct-input-bg);color:var(--ct-text-main);transition:border-color .2s,background-color .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--ct-primary);box-shadow:0 0 0 2px var(--ct-primary-soft)}.form-textarea{resize:vertical;min-height:80px}.form-card{background-color:var(--ct-bg-raised);padding:24px;border-radius:var(--ct-border-radius);border:1px solid var(--ct-line)}.alert-error{background-color:var(--ct-error-bg);color:var(--ct-error-text);padding:12px 16px;border-radius:var(--ct-border-radius);margin-bottom:20px;border:1px solid var(--ct-error-border)}.alert-success{background-color:var(--ct-success-bg);color:var(--ct-success-text);padding:12px 16px;border-radius:var(--ct-border-radius);margin-bottom:20px;border:1px solid var(--ct-success-border)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;border-radius:999px;white-space:nowrap}.badge-status-not-started{background-color:var(--ct-status-not-started);color:#fff}.badge-status-in-progress{background-color:var(--ct-status-in-progress);color:#fff}.badge-status-blocked{background-color:var(--ct-status-blocked);color:#fff}.badge-status-completed{background-color:var(--ct-status-completed);color:#fff}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:16px;font-size:14px}.breadcrumb-item{display:inline-flex;align-items:center;gap:2px}.breadcrumb-separator{color:var(--ct-text-muted);padding:0 4px}.breadcrumb-link{color:var(--ct-primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline;color:var(--ct-primary-hover)}.breadcrumb-current{color:var(--ct-text-main);font-weight:500}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.page-header-title{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.page-header-title:hover{color:inherit}.page-header-title h1{margin:0}.page-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--ct-line)}.section-header h3{margin:0}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;border-radius:999px;background-color:var(--ct-bg-pressed);color:var(--ct-text-subtle)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--ct-line)}.stat-card{padding:12px;background-color:var(--ct-bg-base);border-radius:var(--ct-border-radius);text-align:center}.stat-card-value{font-size:24px;font-weight:700;color:var(--ct-primary)}.stat-card-label{font-size:13px;color:var(--ct-text-subtle);margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--ct-text-subtle)}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state-message{font-size:16px;margin-bottom:16px}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.spinner-leaf{animation:spin 1.2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-text{font-size:14px;color:var(--ct-text-subtle)}.item-list{display:grid;gap:12px}.item-row{padding:12px;background-color:var(--ct-bg-base);border-radius:var(--ct-border-radius);border:1px solid var(--ct-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.item-row-nav{cursor:pointer;transition:background-color .2s ease}.item-row-nav:hover{background-color:var(--ct-bg-pressed)}.item-row-actions{display:flex;gap:8px;flex-shrink:0}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.login-tagline{color:var(--ct-text-subtle);margin-bottom:32px}.login-theme-toggle{position:absolute;top:20px;right:20px}.meta-text{font-size:12px;color:var(--ct-text-subtle);margin:4px 0}.meta-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--ct-line);font-size:12px;color:var(--ct-text-subtle)}.page-container{max-width:960px;margin:0 auto;padding:24px;width:100%}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card-accent{border-left:4px solid var(--ct-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ct-text-muted)}.detail-value{font-size:15px;color:var(--ct-text-main)}.section-card{margin-top:24px;padding:20px;background-color:var(--ct-bg-raised);border-radius:var(--ct-border-radius);border:1px solid var(--ct-line);border-left:4px solid var(--ct-primary)}.link-url{font-weight:500;color:var(--ct-primary);text-decoration:none;word-break:break-all}.link-url:hover{text-decoration:underline}.link-url-error{font-size:12px;color:var(--ct-error-text);margin-top:4px}.link-title-fetching{font-size:12px;color:var(--ct-text-subtle);font-style:italic;margin-top:4px;display:block}.link-title-suggestion{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;background-color:var(--ct-bg-pressed);border-radius:var(--ct-border-radius);flex-wrap:wrap}.link-title-suggestion-text{font-size:13px;color:var(--ct-text-subtle)}.link-title-use-btn{min-height:32px;padding:4px 10px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;border-radius:999px;background-color:var(--ct-bg-pressed);color:var(--ct-text-subtle)}.page-header-welcome{font-size:14px;color:var(--ct-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-status-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.todo-status-btn{font-size:13px;font-weight:500;min-height:36px;padding:6px 14px}.todo-status-btn-progress{background-color:var(--ct-status-in-progress);color:#fff}.todo-status-btn-progress:hover:not(:disabled){opacity:.9;border-color:var(--ct-status-in-progress)}.todo-status-btn-blocked{background-color:var(--ct-status-blocked);color:#fff}.todo-status-btn-blocked:hover:not(:disabled){opacity:.9;border-color:var(--ct-status-blocked)}.todo-status-btn-complete{background-color:var(--ct-status-completed);color:#fff}.todo-status-btn-complete:hover:not(:disabled){opacity:.9;border-color:var(--ct-status-completed)}.todo-description-section{margin-bottom:16px}.todo-description-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.btn-inline-edit{background:none;border:none;padding:2px 4px;font-size:14px;cursor:pointer;border-radius:4px;line-height:1;min-height:auto;min-width:auto;opacity:.6;transition:opacity .2s}.btn-inline-edit:hover{opacity:1;border-color:transparent}.todo-description-content{padding:8px 12px;border-radius:var(--ct-border-radius);background-color:var(--ct-bg-base);border:1px solid var(--ct-line);min-height:40px;display:flex;align-items:center}.todo-description-clickable{cursor:pointer}.todo-description-clickable:hover{background-color:var(--ct-bg-pressed)}.todo-description-empty{margin:0;color:var(--ct-text-muted);font-style:italic;font-size:14px}.todo-description-edit{display:flex;flex-direction:column;gap:8px}.todo-description-edit-actions{display:flex;gap:8px}@media(max-width:768px){body{min-width:100%}h1{font-size:2em}#root{padding:1rem}.page-container{padding:16px}.card-grid,.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.page-header{flex-direction:column;align-items:stretch}.page-header-title{justify-content:center}.page-header-actions{flex-wrap:wrap;justify-content:center}.card-nav{padding:20px}.item-row{flex-direction:column;align-items:stretch}.item-row-actions{justify-content:flex-end}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.detail-grid{grid-template-columns:1fr}.page-header-actions{flex-direction:column;width:100%}.page-header-actions .btn:not(.theme-toggle):not(.btn-icon):not(.show-deleted-toggle){width:100%}.stat-grid{grid-template-columns:1fr 1fr}}@media(hover:none){.card-nav:hover{background-color:var(--ct-bg-raised);box-shadow:none;transform:none}.item-row-nav:hover{background-color:var(--ct-bg-base)}}.auth-loading{padding:40px;text-align:center}.demo-banner{background-color:var(--ct-maple, #c41e3a);color:#fff;text-align:center;padding:8px 16px;font-size:.875rem;font-weight:600;letter-spacing:.02em;position:sticky;top:0;z-index:1000}