:root{--day-width: 28px;--row-height: 40px;--grid-v: #f1f5f9;--grid-h: #f1f5f9;--bar: #4f46e5;--bar-sel: #6366f1}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#f8fafc;color:#0f172a}button{cursor:pointer}.toolbar{display:flex;align-items:center;gap:.5rem;padding:12px 16px}.btn{padding:6px 10px;border-radius:12px;background:#0f172a;color:#fff;border:none;box-shadow:0 1px 2px #0000001a;font-size:14px}.btn-light{padding:6px 10px;border-radius:12px;background:#eef2ff;color:#1f2937;border:1px solid #c7d2fe;box-shadow:0 1px 2px #0000000f;font-size:14px}.btn-danger{padding:6px 10px;border-radius:12px;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;box-shadow:0 1px 2px #0000000f;font-size:14px}.card{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000000f;overflow:hidden}.grid-header{position:relative;z-index:20;display:flex;border-bottom:1px solid #e2e8f0;background:#fff;-webkit-user-select:none;user-select:none;align-items:stretch}.grid-cell{width:var(--day-width);height:28px;border-left:1px solid #e5e7eb;font-size:12px;color:#64748b;display:flex;align-items:center;justify-content:center}.grid-header-left{height:100%;font-size:12px;font-weight:600;color:#64748b;display:flex;align-items:center;padding:0 12px}.left-col{position:relative;border-right:1px solid #e2e8f0;background:#fff;-webkit-user-select:none;user-select:none}.name-row{position:absolute;display:flex;align-items:center;gap:.5rem;padding:0 12px;width:100%;height:var(--row-height)}.name-grip{cursor:grab}.name-input{flex:1;font-size:14px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px}.name-text{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-btn{font-size:12px;padding:4px 6px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc}.name-btn-danger{font-size:12px;padding:4px 6px;border-radius:8px;border:1px solid #fecaca;background:#fee2e2;color:#dc2626}.bar-area{position:relative}.gantt-grid{position:relative;background-image:linear-gradient(to right,var(--grid-v) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-h) 1px,transparent 1px);background-size:var(--day-width) var(--row-height);-webkit-user-select:none;user-select:none}.bar-wrap{position:absolute}.bar{width:100%;height:calc(var(--row-height) - 12px);border-radius:12px;background:var(--bar);color:#fff;display:flex;align-items:center;position:relative;box-shadow:0 3px 8px #00000026;cursor:grab}.bar.selected{background:var(--bar-sel)}.bar-text{padding:0 12px;font-size:12px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.handle{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize}.handle.left{left:0;border-top-left-radius:12px;border-bottom-left-radius:12px}.handle.right{right:0;border-top-right-radius:12px;border-bottom-right-radius:12px}.link-node{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--bar);cursor:crosshair}.badge{position:absolute;left:0;top:-16px;font-size:10px;color:#64748b}.deps{position:absolute;left:0;bottom:-16px;font-size:10px;color:#94a3b8}.status{font-size:11px}.hint{color:#64748b;font-size:12px}.project-name{padding:6px 8px;font-size:14px;border:1px solid #cbd5e1;border-radius:10px;min-width:220px}.calendar-header{display:flex;flex-direction:column;height:100%;width:100%}.calendar-header-months{display:flex;height:28px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.calendar-month-cell{display:flex;align-items:center;justify-content:flex-start;padding:0 12px;font-size:12px;font-weight:600;color:#475569;border-left:1px solid #e2e8f0}.calendar-header-days{display:flex;height:28px}.calendar-header-months .calendar-month-cell:first-child,.calendar-header-days .calendar-day-cell:first-child{border-left:none}.calendar-day-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 0;gap:2px;background:#fff}.calendar-day-cell.weekend{background:#f8fafc}.calendar-day-cell.today{background:#3b82f614;color:#1d4ed8;font-weight:600}.calendar-day-cell.today .calendar-day-dow{color:#1d4ed8}.calendar-day-date{font-size:12px}.calendar-day-dow{font-size:10px;color:#64748b}.simple-header{display:flex;height:100%;width:100%}.simple-header-cell{font-size:12px}.btn-light:disabled{opacity:.5;cursor:not-allowed}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:box-shadow .15s ease,border-color .15s ease,transform .02s ease;cursor:pointer}.mode-card:hover{box-shadow:0 6px 18px #0000000f;border-color:#cbd5e1}.mode-card.selected{border-width:2px;border-color:var(--bar);box-shadow:0 8px 22px #4f46e52e}.mode-card:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.mode-card:active{transform:translateY(1px)}.mode-card-icon{width:56px;height:56px;display:grid;place-items:center;color:#0f172a}.mode-card-icon svg{width:48px;height:48px}.mode-card.selected .mode-card-icon{color:var(--bar)}.mode-card-title{font-size:13px;font-weight:600;color:#334155}.mode-help{margin-top:15px;color:#475569;font-size:14px}