:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;background-color:#f9fafb;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{max-width:800px;margin:0 auto;padding:3rem 1rem}.header-app-header{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.header-brand{display:flex;align-items:center;gap:12px}.logo-icon{font-size:1.5rem;background-color:#fff;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a}.header-app-header h1{margin:0;font-size:1.5rem;font-weight:700;color:#111;letter-spacing:-.5px}.event-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}@media(prefers-color-scheme:dark){.event-card{background-color:#2a2a2a;border-color:#444}}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#646cff}.event-card-selected{border-color:#646cff;background-color:#646cff0d}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.event-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#646cff;flex-shrink:0}.event-header h2{margin:0;font-size:1.25rem;font-weight:600;flex:1}.event-id{font-size:.8rem;color:#888;font-family:monospace}.event-summary{margin:0 0 16px;color:#666;line-height:1.5}.event-tags{display:flex;gap:8px}.event-tag{background-color:#f0f0f0;color:#333;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:500}@media(prefers-color-scheme:dark){.event-tag{background-color:#444;color:#fff}.event-summary{color:#aaa}.event-card-selected{background-color:#646cff26}}.event-list-grid{display:grid;gap:12px}.event-list-header-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:12px;cursor:pointer}.event-list-header-card:hover{border-color:#646cff;box-shadow:0 4px 8px #00000014}.select-all-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#646cff;flex-shrink:0}.select-all-label{font-size:1rem;font-weight:500;color:#333;cursor:pointer}@media(prefers-color-scheme:dark){.event-list-header-card{background-color:#2a2a2a;border-color:#444}.select-all-label{color:#ccc}}.details-back-btn{background:none;border:none;padding:0;color:#666;cursor:pointer;font-size:1rem;margin-bottom:20px}.details-back-btn:hover{color:#000;text-decoration:underline}.details-card{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #0000000d}.details-card-header{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px}.details-event-id{color:#999;font-size:.9rem;font-family:monospace;display:block;margin-bottom:8px}.details-event-title{margin:0;color:#333}.details-tags-container{display:flex;gap:10px;margin-bottom:30px}.details-tag-pill{background-color:#f3f4f6;padding:5px 12px;border-radius:20px;font-size:.85rem;color:#555;font-weight:500}.details-summary{line-height:1.6;color:#444;font-size:1.1rem}.details-add-btn{background-color:transparent;color:#646cff;border:1px solid #646cff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.details-add-btn:hover{background-color:#eff0ff}.details-artifacts-header{display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.details-artifacts-title{margin:0;font-size:1.1rem;font-weight:600;color:#333}.details-add-btn{background-color:transparent;color:#646cff;border:1px solid #646cff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.details-add-btn:hover{background-color:#eff0ff;transform:translateY(-1px)}.details-timeline-loading{padding:40px 20px;text-align:center;color:#999;font-size:.9rem;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:12px;margin-top:20px}.artifact-details-container{margin-top:24px;border-top:1px solid #eaeaea;padding-top:20px}.artifact-details-header{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 16px}.artifact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.artifact-card{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;box-sizing:border-box}.artifact-card:hover{border-color:#646cff;background-color:#fff;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.artifact-badge{align-self:flex-start;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#888;background-color:#eaeaea;padding:2px 8px;border-radius:4px;font-weight:600}.artifact-content-text{margin:0;font-size:.95rem;color:#333;line-height:1.5;white-space:pre-wrap}.artifact-kv-row{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:.9rem}.artifact-kv-key{color:#666;font-weight:600}.artifact-kv-separator{color:#ccc}.artifact-kv-value{color:#333;background-color:#646cff1a;padding:2px 6px;border-radius:4px}.artifact-link-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.artifact-link-anchor{color:#646cff;text-decoration:none;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-link-anchor:hover{text-decoration:underline;color:#535bf2}.artifact-link-url{font-size:.8rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artifact-event-content{display:flex;align-items:center;gap:8px;color:#333}.artifact-event-icon{color:#646cff}.artifact-event-title{font-weight:500}.artifact-form-container{margin-top:20px;background-color:#f9fafb;border:1px solid #eaeaea;border-radius:8px;padding:20px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.artifact-form-header{margin:0 0 16px;font-size:1rem;font-weight:600;color:#333}.artifact-type-selector{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #eaeaea;padding-bottom:10px}.type-btn{background:none;border:none;padding:6px 12px;cursor:pointer;font-size:.9rem;color:#666;border-radius:4px;transition:all .2s}.type-btn:hover{background-color:#eee;color:#333}.type-btn.active{background-color:#e0e7ff;color:#646cff;font-weight:500}.artifact-input-group{margin-bottom:16px}.artifact-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}.artifact-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff1a}.artifact-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer}.btn-save{padding:8px 16px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-save:hover{background:#535bf2}.btn-cancel:hover{background:#f3f4f6}.timeline-container{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 2px 4px #0000000d}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eaeaea}.timeline-title{font-size:1rem;font-weight:600;color:#333;margin:0}.timeline-content{position:relative}.timeline-scroll-container{overflow-x:auto;overflow-y:hidden;border:1px solid #ddd;border-radius:6px;background-color:#fafafa}.timeline-tracks-container{position:relative}.timeline-drag-preview{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#e8e9ff;border:2px solid #646cff;border-radius:6px;box-shadow:0 4px 12px #646cff4d;cursor:grabbing}.timeline-drag-preview-badge{background-color:#646cff;color:#fff;font-size:.65rem;font-weight:600;padding:3px 6px;border-radius:3px}.timeline-drag-preview-text{font-size:.85rem;color:#333;font-weight:500}.timeline-add-track-btn{background:transparent;border:1px dashed #646cff;color:#646cff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.timeline-add-track-btn:hover{background:#eff0ff}@media(prefers-color-scheme:dark){.timeline-container{background-color:#1a1a1a;border-color:#333}.timeline-header{border-color:#333}.timeline-title{color:#fff}.timeline-scroll-container{border-color:#444;background-color:#222}}.timeline-ruler{position:relative;background-color:#f9f9f9;border-bottom:1px solid #eaeaea;-webkit-user-select:none;user-select:none}.timeline-ruler-tick{position:absolute;top:0;bottom:0;width:1px}.timeline-ruler-tick-major{background-color:#ccc}.timeline-ruler-tick-minor{background-color:#e5e5e5;height:40%;top:auto}.timeline-ruler-label{position:absolute;top:4px;left:4px;font-size:.7rem;color:#666;font-weight:500;white-space:nowrap}.timeline-track{position:relative;background-color:#fff;border-bottom:1px solid #eaeaea;box-sizing:border-box}.timeline-track:last-child{border-bottom:none}.timeline-track-drop-target{background-color:#646cff0d}.timeline-track-label{position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:.65rem;color:#999;font-weight:500;pointer-events:none;z-index:0}.timeline-track-remove-btn{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fee;border:1px solid #fcc;color:#c44;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:5}.timeline-track:hover .timeline-track-remove-btn{opacity:1}.timeline-track-remove-btn:hover{background:#fdd;border-color:#e99}@media(prefers-color-scheme:dark){.timeline-track{background-color:#2a2a2a;border-color:#444}.timeline-track-drop-target{background-color:#646cff1a}.timeline-track-label{color:#666}}.timeline-span{position:absolute;top:4px;background-color:#e8e9ff;border:1px solid #646cff;border-radius:4px;cursor:grab;display:flex;align-items:center;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.timeline-span:hover{box-shadow:0 2px 8px #646cff4d}.timeline-span:active{cursor:grabbing}.timeline-span-content{flex:1;display:flex;align-items:center;gap:6px;padding:0 8px;overflow:hidden;min-width:0}.timeline-span-badge{background-color:#646cff;color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}.timeline-span-label{color:#333;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-span-resize-handle{width:8px;height:100%;cursor:ew-resize;background-color:transparent;flex-shrink:0;transition:background-color .15s ease}.timeline-span-resize-handle:hover{background-color:#646cff33}.timeline-span-resize-left{border-radius:4px 0 0 4px}.timeline-span-resize-right{border-radius:0 4px 4px 0}.timeline-span-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background-color:#f44;color:#fff;border:2px solid white;font-size:12px;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.timeline-span:hover .timeline-span-remove{opacity:1}.timeline-span-remove:hover{background-color:#c00}.timeline-span-dragging{box-shadow:0 4px 12px #646cff66}@media(prefers-color-scheme:dark){.timeline-span{background-color:#3a3d5c;border-color:#7c82ff}.timeline-span-label{color:#fff}.timeline-span-badge{background-color:#7c82ff}}.artifact-bank{margin-top:16px;padding:16px;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px}.artifact-bank-header{font-size:.9rem;font-weight:600;color:#666;margin-bottom:12px}.artifact-bank-items{display:flex;flex-wrap:wrap;gap:10px}.artifact-bank-empty{color:#999;font-size:.85rem;font-style:italic}@media(prefers-color-scheme:dark){.artifact-bank{background-color:#1a1a1a;border-color:#444}.artifact-bank-header{color:#999}.artifact-bank-empty{color:#666}}.artifact-bank-item{background-color:#fff;border:1px solid #eaeaea;border-radius:6px;padding:10px 14px;cursor:grab;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:150px;max-width:280px}.artifact-bank-item:hover{border-color:#646cff;box-shadow:0 2px 8px #646cff26;transform:translateY(-1px)}.artifact-bank-item:active{cursor:grabbing;transform:translateY(0)}.artifact-bank-item-scheduled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.artifact-bank-item-scheduled:hover{border-color:#eaeaea;box-shadow:none;transform:none}.artifact-bank-item-badge{background-color:#f0f0f0;color:#666;font-size:.65rem;font-weight:600;padding:3px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}.artifact-bank-item-label{flex:1;font-size:.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-bank-item-drag-hint{font-size:.7rem;color:#999;flex-shrink:0}@media(prefers-color-scheme:dark){.artifact-bank-item{background-color:#2a2a2a;border-color:#444}.artifact-bank-item:hover{border-color:#7c82ff}.artifact-bank-item-scheduled{background-color:#1a1a1a}.artifact-bank-item-badge{background-color:#444;color:#ccc}.artifact-bank-item-label{color:#fff}.artifact-bank-item-drag-hint{color:#666}}.event-form-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px;margin:0 auto}.event-form-group{margin-bottom:20px}.event-form-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.event-form-input,.event-form-textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.event-form-textarea{height:120px;resize:vertical}.event-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.event-form-btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;border:none;font-size:1rem}.btn-primary{background-color:#646cff;color:#fff}.btn-secondary{background-color:#f3f4f6;color:#555}.btn-primary:hover{background-color:#535bf2}.btn-secondary:hover{background-color:#e5e7eb}.search-container{margin-bottom:24px}.search-input{width:100%;padding:16px 20px;font-size:16px;border-radius:12px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;transition:border-color .2s}.search-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 4px #646cff1a}.event-controls-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.event-controls-toolbar .search-container{flex:1;margin-bottom:0}.event-controls-buttons{display:flex;gap:10px;flex-shrink:0}.event-controls-btn-primary{padding:10px 20px;background:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500}.event-controls-btn-primary:hover{background:#535bf2}.event-controls-btn-danger{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.event-controls-btn-danger:hover{background:#c82333}