: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)}.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}.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}