.project-list-page{max-width:1100px;margin:0 auto;padding:32px 24px 64px;width:100%}.landing{padding:24px 0}.landing-hero{text-align:center;padding:56px 16px 64px}.landing-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:24px}.landing-title{font-size:44px;line-height:1.25;font-weight:700;letter-spacing:-.01em;margin:0 0 24px;color:var(--color-text)}.landing-title-accent{background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-lead{font-size:16px;line-height:1.85;color:var(--color-text-muted);margin:0 0 32px}.landing-cta{display:flex;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.landing-meta{font-size:12.5px;color:var(--color-text-subtle);letter-spacing:.02em}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.landing-feature{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 22px;transition:transform .18s,box-shadow .18s}.landing-feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#fff}.landing-feature-icon{width:44px;height:44px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.landing-feature-title{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--color-text)}.landing-feature-desc{font-size:13px;line-height:1.7;color:var(--color-text-muted)}@media (max-width: 768px){.landing-hero{padding:40px 8px 48px}.landing-title{font-size:32px}.landing-lead{font-size:15px}.landing-features{grid-template-columns:1fr;gap:12px}.landing-feature{padding:18px}}.project-list-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}@media (max-width: 600px){.project-list-page{padding:20px 14px 64px}.project-grid{grid-template-columns:1fr!important}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}}.page-title{margin:0 0 4px;font-size:24px;font-weight:600}.page-subtitle{margin:0;color:var(--color-text-muted);font-size:13px}.toolbar-actions{display:flex;gap:8px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .16s,border-color .16s,transform .16s;display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-1px)}.project-card-body{padding:18px 20px;cursor:pointer;flex:1}.project-card-name{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px;line-height:1.4;word-break:break-word}.project-card-sub{color:var(--color-text-muted);font-size:13px;margin-bottom:12px}.project-card-meta{font-size:12px;color:var(--color-text);margin-top:6px;display:flex;gap:8px;align-items:baseline}.project-card-meta .meta-label{font-size:10.5px;color:var(--color-text-subtle);font-weight:600;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.project-card-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px 12px;border-top:1px solid var(--color-border);background:var(--color-surface)}.create-modal{max-width:600px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.template-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .12s;text-align:center}.template-card:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.template-card.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.template-icon{font-size:24px;line-height:1}.template-name{font-size:12.5px;font-weight:600;color:var(--color-text);line-height:1.3}.template-meta{font-size:10.5px;color:var(--color-text-muted);letter-spacing:.02em}.template-desc{margin-top:8px;padding:8px 12px;font-size:12px;color:var(--color-text-muted);line-height:1.6;background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-primary)}.gantt-cell.is-half-am{border-right:1px dashed var(--color-border)}.gantt-cell.is-half-pm{border-right:1px solid var(--color-border)}.gantt-day-cell.is-half{border-right:1px dashed var(--color-border)}.gantt-day-cell .half-label{font-size:9px;color:var(--color-text-subtle)}.gantt-week-cell .day-num{font-size:11px}.gantt-week-cell .day-wd{color:var(--color-text-subtle)}.task-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:24px;font-size:10px;color:var(--color-text-subtle);cursor:grab;border-radius:3px;letter-spacing:-2px;font-family:monospace;margin-right:2px}.task-drag-handle:hover{background:var(--color-surface);color:var(--color-text)}.task-drag-handle:active{cursor:grabbing}.gantt-task-row.is-dragging{opacity:.4}.gantt-drop-line{height:2px;background:var(--color-primary);margin:0;pointer-events:none}.gantt-drop-target{text-align:center;padding:12px;border:2px dashed var(--color-border);border-radius:var(--radius-md);margin:8px 16px;color:var(--color-text-subtle);font-size:12px}.gantt-drop-target.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.gantt-empty{padding:60px 24px;text-align:center;color:var(--color-text-muted)}.gantt-table{display:flex;flex-direction:column;background:#fff;font-size:13px;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.gantt-row{display:flex;align-items:stretch;border-bottom:1px solid var(--color-border);position:relative}.gantt-header-row{background:var(--color-surface);position:sticky;z-index:3}.gantt-header-row:nth-of-type(1){top:0}.gantt-header-row:nth-of-type(2){top:28px}.gantt-task-name{width:var(--task-name-width);flex:0 0 var(--task-name-width);background:#fff;border-right:1px solid var(--color-border);position:sticky;left:0;z-index:2;padding:6px 10px 6px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}.gantt-corner{background:var(--color-surface);font-weight:600;color:var(--color-text-muted);font-size:12px;z-index:4;justify-content:center}.gantt-month-row{display:flex;align-items:stretch;height:28px}.gantt-month-cell{border-right:1px solid var(--color-border);padding:0 8px;display:flex;align-items:center;font-size:12px;color:var(--color-text-muted);font-weight:600;background:var(--color-surface);white-space:nowrap;overflow:hidden}.gantt-cells{display:flex;position:relative}.gantt-day-cell{width:var(--col-width);flex:0 0 var(--col-width);height:36px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;background:#fff}.gantt-day-cell .day-num{font-weight:600;color:var(--color-text);line-height:1.1}.gantt-day-cell .day-wd{font-size:10px;color:var(--color-text-muted);line-height:1.2}.gantt-day-cell.is-sat{background:var(--color-weekend-sat)}.gantt-day-cell.is-sat .day-wd{color:#2563eb}.gantt-day-cell.is-sun{background:var(--color-weekend-sun)}.gantt-day-cell.is-sun .day-wd{color:#dc2626}.gantt-day-cell.is-today{box-shadow:inset 0 -2px 0 var(--color-primary)}.gantt-task-cells{height:var(--row-height);background:#fff}.gantt-cell{width:var(--col-width);flex:0 0 var(--col-width);border-right:1px solid var(--color-border);cursor:crosshair;background:#fff;transition:background .05s}.gantt-cell.is-sat{background:var(--color-weekend-sat)}.gantt-cell.is-sun{background:var(--color-weekend-sun)}.gantt-cell.is-today{background:linear-gradient(#fef9c366,#fef9c366)}.gantt-cell:hover{background:#4f46e50f}.gantt-bar{position:absolute;top:6px;height:calc(var(--row-height) - 12px);border-radius:4px;border:none;cursor:grab;box-shadow:var(--shadow-sm);transition:box-shadow .1s,filter .1s;z-index:1;padding:0;overflow:visible}.gantt-bar:hover{box-shadow:var(--shadow-md);filter:brightness(1.05)}.gantt-bar:active{cursor:grabbing}.gantt-bar.is-dragging{cursor:grabbing;opacity:.85;z-index:10;box-shadow:0 6px 16px #0003;filter:brightness(1.08);transition:none}.gantt-bar-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2;background:transparent;transition:background .12s}.gantt-bar-handle-left{left:-3px;border-radius:4px 0 0 4px}.gantt-bar-handle-right{right:-3px;border-radius:0 4px 4px 0}.gantt-bar:hover .gantt-bar-handle{background:#ffffff59;box-shadow:inset 0 0 0 1px #0000001f}.gantt-bar-handle:hover{background:#ffffff8c!important;box-shadow:inset 0 0 0 1px #0003!important}.gantt-bar-draft{position:absolute;top:6px;height:calc(var(--row-height) - 12px);border-radius:4px;opacity:.45;pointer-events:none;z-index:1}.task-name-inner{flex:1;min-width:0;display:flex;align-items:center}.task-name-text{text-align:left;width:100%;padding:4px 6px;border-radius:var(--radius-sm);color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.task-name-text:hover{background:var(--color-surface)}.task-name-input{width:100%;padding:4px 6px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:13px;outline:none}.task-name-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.task-color-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:0}.task-action-btn{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-muted);border-radius:3px}.task-action-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.task-action-btn:disabled{opacity:.3;cursor:not-allowed}.task-action-delete:hover{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.color-picker-popover{position:absolute;top:calc(100% + 4px);left:8px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;z-index:10}.color-picker-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:0}.gantt-empty-row{padding:32px 24px;text-align:center;color:var(--color-text-muted);background:#fff}.gantt-empty-row p{margin:0;font-size:13px}.mobile-list{flex:1;overflow-y:auto;background:var(--color-surface);padding:16px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch}.m-header{background:#fff;border-radius:var(--radius-lg);padding:18px 18px 16px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px}.m-title{width:100%;font-size:22px;font-weight:700;color:var(--color-text);border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:var(--radius-sm);font-family:inherit;outline:none;letter-spacing:.01em;line-height:1.4;text-align:center}.m-title:focus{border-color:var(--color-primary);background:var(--color-surface)}.m-title::placeholder{color:var(--color-text-subtle);font-weight:500}.m-meta{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--color-border)}.m-meta-row{display:flex;align-items:center;gap:8px;font-size:13px}.m-meta-label{font-size:11px;color:var(--color-text-muted);font-weight:700;letter-spacing:.06em;width:40px;flex-shrink:0}.m-meta-input{flex:1;border:1px solid transparent;background:var(--color-surface);padding:6px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);font-family:inherit;outline:none;min-width:0}.m-meta-input:focus{background:#fff;border-color:var(--color-primary)}.m-meta-input::placeholder{color:var(--color-text-subtle)}.m-meta-date{flex:0 0 auto;width:auto;min-width:130px}.m-meta-sep{color:var(--color-text-muted);font-size:13px;flex-shrink:0}.m-meta-period{font-size:12px;color:var(--color-text-muted);text-align:center;padding-top:4px}.m-section{display:flex;flex-direction:column;gap:10px}.m-section-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.m-section-title{margin:0;font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:.02em}.m-section-sub{font-size:12px;color:var(--color-text-muted)}.m-today-list{display:flex;flex-direction:column;gap:6px}.m-today-card{background:#fff;border:1px solid var(--color-border);border-left:4px solid;border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center}.m-today-name{font-size:14px;font-weight:600;color:var(--color-text)}.m-empty-card{background:#fff;border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:18px 14px;text-align:center;font-size:13px;color:var(--color-text-muted)}.m-task-list{display:flex;flex-direction:column;gap:10px}.m-task-card{background:#fff;border:1px solid var(--color-border);border-left:4px solid;border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.m-task-header{display:flex;align-items:center;gap:8px}.m-task-name{flex:1;font-size:15px;font-weight:600;color:var(--color-text);border:1px solid transparent;background:transparent;padding:4px 6px;border-radius:var(--radius-sm);font-family:inherit;outline:none;min-width:0}.m-task-name:focus{border-color:var(--color-primary);background:var(--color-surface)}.m-task-color{width:22px;height:22px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;padding:0;flex-shrink:0}.m-color-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--color-surface);border-radius:var(--radius-sm)}.m-color-chip{width:26px;height:26px;border-radius:6px;border:1px solid rgba(0,0,0,.08);cursor:pointer;padding:0}.m-task-bars{display:flex;flex-direction:column;gap:6px}.m-task-bars-empty{font-size:12px;color:var(--color-text-subtle);padding:6px 8px;background:var(--color-surface);border-radius:var(--radius-sm);text-align:center}.m-bar-row{display:flex;align-items:stretch;gap:6px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.m-bar-info{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;text-align:left;font-size:13px;color:var(--color-text);background:transparent;min-width:0}.m-bar-info:hover{background:#4f46e50f}.m-bar-icon{font-size:14px;flex-shrink:0}.m-bar-dates{flex:1;min-width:0;font-size:12.5px;color:var(--color-text)}.m-bar-days{font-size:11px;color:var(--color-text-muted);font-weight:600;background:#fff;padding:2px 8px;border-radius:999px;flex-shrink:0}.m-bar-delete{width:36px;font-size:16px;color:var(--color-text-subtle);background:transparent;cursor:pointer;flex-shrink:0}.m-bar-delete:hover{background:var(--color-danger-soft);color:var(--color-danger)}.m-bar-form{background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.m-bar-form-inline{background:var(--color-surface)}.m-bar-form-row{display:flex;align-items:center;gap:10px}.m-bar-form-label{font-size:11px;font-weight:700;color:var(--color-text-muted);width:36px;flex-shrink:0}.m-bar-form-input{flex:1;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;font-size:14px;font-family:inherit}.m-bar-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.m-add-bar-btn{width:100%;padding:10px 12px;border:1px dashed var(--color-border-strong);background:transparent;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all .12s;display:flex;flex-direction:column;align-items:center;gap:2px}.m-add-bar-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.m-add-bar-hint{font-size:10.5px;color:var(--color-text-subtle);font-weight:400}.m-quick-period{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px}.m-quick-period-label{font-size:11px;font-weight:700;color:var(--color-text-muted);margin-right:4px}.m-quick-chip{padding:5px 10px;font-size:12px;background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);cursor:pointer;transition:all .12s}.m-quick-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.m-quick-chip.is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.m-bar-form-summary{text-align:center;font-size:13px;color:var(--color-primary-strong);font-weight:600;background:#fff;padding:6px 10px;border-radius:var(--radius-sm)}.m-section-actions{display:flex;gap:6px;align-items:center}.m-task-actions{display:flex;gap:4px;padding-top:6px;border-top:1px solid var(--color-border)}.m-task-action-btn{flex:1;padding:6px 8px;font-size:12px;color:var(--color-text-muted);background:transparent;border-radius:var(--radius-sm);cursor:pointer}.m-task-action-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.m-task-action-btn:disabled{opacity:.3;cursor:not-allowed}.m-task-action-delete:hover:not(:disabled){background:var(--color-danger-soft);color:var(--color-danger)}.m-memo{width:100%;border:1px solid var(--color-border);background:#fff;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;line-height:1.7;color:var(--color-text);font-family:inherit;outline:none;resize:vertical;min-height:80px;white-space:pre-wrap}.m-memo:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.m-pdf-hint{text-align:center;font-size:12px;color:var(--color-text-subtle);margin:12px 0 4px;padding:12px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.share-modal{max-width:480px}.share-body{display:flex;flex-direction:column;gap:12px}.share-hint{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.6}.share-check{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.share-check:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.share-check input{margin-top:3px;cursor:pointer}.share-check-title{font-size:13px;font-weight:600;margin-bottom:2px}.share-check-value{font-size:12px;color:var(--color-text-muted);word-break:break-word}.share-check-memo{white-space:pre-wrap;line-height:1.5}.share-always{margin-top:4px;padding:10px 12px;background:var(--color-surface);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted);line-height:1.6}.share-always strong{color:var(--color-text);font-weight:600;margin-right:6px}.bulk-modal{max-width:520px}.bulk-hint{margin:0;font-size:12.5px;color:var(--color-text-muted);line-height:1.6}.bulk-textarea{width:100%;min-height:200px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--color-text);outline:none;resize:vertical}.bulk-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.bulk-textarea::placeholder{color:var(--color-text-subtle);font-family:inherit}.bulk-counter{font-size:13px;color:var(--color-text);text-align:right}.bulk-counter strong{color:var(--color-primary);font-size:15px;font-weight:700;margin:0 2px}.bulk-counter-empty{color:var(--color-text-subtle)}.project-editor{display:flex;flex-direction:column;flex:1;min-height:0}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;position:sticky;top:0;z-index:10}.editor-toolbar-left,.editor-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.unit-switch{display:inline-flex;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;gap:2px}.unit-switch-btn{padding:5px 12px;border-radius:4px;font-size:13px;color:var(--color-text-muted);font-weight:500;transition:background .12s,color .12s}.unit-switch-btn:hover{color:var(--color-text)}.unit-switch-btn.is-active{background:var(--color-primary-soft);color:var(--color-primary-strong)}@media (max-width: 600px){.editor-toolbar{padding:10px 14px}.editor-toolbar-left,.editor-toolbar-right{width:100%;justify-content:flex-start}}.print-area-scroll{flex:1;overflow:auto;background:var(--color-surface);padding:24px;display:flex;justify-content:center;align-items:flex-start}.print-area{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:32px 36px 28px;display:flex;flex-direction:column;gap:20px;width:fit-content;min-width:720px;max-width:100%}@media (max-width: 600px){.print-area-scroll{padding:12px}.print-area{padding:20px 18px 16px;gap:14px;min-width:100%}}.print-header{display:flex;flex-direction:column;gap:14px;padding-bottom:18px;border-bottom:2px solid var(--color-text)}.print-header-top{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--color-text-muted)}.print-doc-label{font-size:12px;font-weight:700;letter-spacing:.4em;color:var(--color-text-muted)}.print-doc-dates{display:flex;align-items:baseline;gap:8px;font-size:11px;letter-spacing:.04em;color:var(--color-text-subtle)}.print-doc-dates-sep{color:var(--color-border-strong)}.print-title{display:block;width:100%;font-size:28px;font-weight:700;color:var(--color-text);border:1px solid transparent;background:transparent;padding:6px 12px;border-radius:var(--radius-sm);font-family:inherit;outline:none;text-align:center;letter-spacing:.04em;line-height:1.35;transition:background .1s,border-color .1s;resize:none;overflow:hidden;min-height:1.35em;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.print-title:hover{background:var(--color-surface)}.print-title:focus{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.print-title::placeholder{color:var(--color-text-subtle);font-weight:500;letter-spacing:.02em}.print-meta-row{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;font-size:13px;color:var(--color-text)}.print-meta-field{display:flex;align-items:center;gap:10px}.print-meta-period{flex-wrap:wrap}.print-meta-label{font-size:11px;color:var(--color-text-muted);font-weight:600;letter-spacing:.08em;flex-shrink:0;border-right:1px solid var(--color-border);padding-right:10px;line-height:1.6}.print-meta-input{border:1px solid transparent;background:transparent;padding:3px 6px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);font-family:inherit;outline:none;min-width:160px;transition:background .1s,border-color .1s}.print-meta-input:hover{background:var(--color-surface)}.print-meta-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.print-meta-input::placeholder{color:var(--color-text-subtle)}.print-meta-date{min-width:140px}.print-meta-sep{color:var(--color-text-muted);font-size:13px}.print-only-period{display:none;font-size:14px;color:var(--color-text);padding:3px 6px}.print-footer{border-top:1px solid var(--color-border);padding-top:14px;display:flex;flex-direction:column;gap:6px}.print-footer-label{font-size:11px;color:var(--color-text-muted);font-weight:700;letter-spacing:.08em}.print-memo{width:100%;border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;line-height:1.7;color:var(--color-text);font-family:inherit;outline:none;resize:vertical;min-height:56px;transition:background .1s,border-color .1s;white-space:pre-wrap}.print-memo:hover{background:var(--color-surface)}.print-memo:focus{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.print-memo::placeholder{color:var(--color-text-subtle)}.preset-modal{max-width:600px}.preset-body{max-height:60vh;overflow:auto}.preset-category{display:flex;flex-direction:column;gap:8px}.preset-category-name{font-size:12px;font-weight:600;color:var(--color-text-muted);letter-spacing:.04em}.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.preset-chip{padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;background:#fff;font-size:13px;color:var(--color-text);transition:all .12s}.preset-chip:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.is-printing .task-drag-handle,.is-printing .task-name-actions,.is-printing .print-meta-period-edit{display:none!important}.is-printing .print-only-period{display:inline-block!important}.is-printing .print-title,.is-printing .print-meta-input,.is-printing .print-memo{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.is-printing .print-title::placeholder,.is-printing .print-meta-input::placeholder,.is-printing .print-memo::placeholder{color:transparent!important}.is-printing .gantt-task-name{padding-right:8px}.is-printing .task-name-text{cursor:default;background:transparent!important}.help-modal{max-width:620px}.help-body{gap:24px}.help-section h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px}.help-section p{margin:0 0 8px;font-size:13px;line-height:1.75;color:var(--color-text)}.help-section ul{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.85;color:var(--color-text)}.help-section li{margin-bottom:2px}.help-section .hl{display:inline-block;padding:1px 7px;border-radius:4px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:12px;font-weight:600;white-space:nowrap}.help-note{padding:10px 12px;background:var(--color-success-soft);border-left:3px solid var(--color-success);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#064e3b;font-size:12.5px}.legend-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--color-border);vertical-align:-3px;margin-right:4px}.legend-line{display:inline-block;width:14px;height:14px;border-bottom:2px solid var(--color-primary);vertical-align:-3px;margin-right:4px}:root{--color-bg: #ffffff;--color-surface: #f8f9fb;--color-surface-2: #f1f3f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-soft: #eef2ff;--color-primary-strong: #3730a3;--color-success: #059669;--color-success-soft: #ecfdf5;--color-danger: #dc2626;--color-danger-soft: #fee2e2;--color-warn: #d97706;--color-warn-soft: #fef3c7;--color-weekend-sat: #eff6ff;--color-weekend-sun: #fff1f2;--color-holiday: #fff1f2;--color-today: #fef9c3;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--shadow-focus: 0 0 0 3px rgba(79, 70, 229, .18);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--row-height: 42px;--col-width: 32px;--task-name-width: 280px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"palt"}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit;font-weight:inherit;padding:0;margin:0}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;color:var(--color-text);font-weight:500;font-size:14px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s,transform .06s;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.2}.btn:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{border:1px solid transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-soft);border-color:var(--color-danger)}.btn-sm{padding:6px 10px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:12px 22px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;outline:none;transition:border-color .12s,box-shadow .12s;font-size:14px}.input:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.textarea{resize:vertical;min-height:84px;line-height:1.6}.label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:5px;font-weight:500;letter-spacing:.02em}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--color-border);background:#ffffffeb;backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:50;gap:16px}.app-header h1{margin:0;font-size:17px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:10px}.app-header .logo-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:14px;box-shadow:var(--shadow-sm)}.app-header-right{display:flex;align-items:center;gap:8px}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:var(--color-text-muted);text-align:center}.empty-state .empty-icon{width:64px;height:64px;background:var(--color-primary-soft);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--color-primary);margin-bottom:20px}.empty-state h2{margin:0 0 8px;font-size:20px;color:var(--color-text);font-weight:600}.empty-state p{margin:0 0 24px;max-width:420px;font-size:14px;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:fadeIn .16s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;overflow:hidden;animation:modalIn .18s cubic-bezier(.2,.9,.3,1);max-height:calc(100vh - 48px);display:flex;flex-direction:column}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 22px;border-bottom:1px solid var(--color-border);font-weight:600;font-size:15px;flex-shrink:0}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.modal-footer{padding:14px 22px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px;background:var(--color-surface);flex-shrink:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00000052;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);line-height:1.4}.divider{height:1px;background:var(--color-border);margin:12px 0}@media (max-width: 768px){body{font-size:15px}.app-header{padding:10px 14px}.app-header h1{font-size:15px}.app-header .logo-mark{width:28px;height:28px}.modal-backdrop{padding:12px;align-items:flex-end}.modal{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh;animation:modalSlideUp .2s cubic-bezier(.2,.9,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}