*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc}a{color:#2563eb}.page{max-width:48rem;margin:0 auto;padding:2rem 1rem}.page-header{margin-bottom:1.5rem}.dropzone-wrapper{margin-bottom:1rem}.dropzone{border:2px dashed #94a3b8;border-radius:.5rem;padding:2rem 1rem;text-align:center;background:#fff;cursor:pointer}.dropzone-active{border-color:#2563eb;background:#eff6ff}.dropzone-hint{margin:.5rem 0 0;font-size:.875rem;color:#64748b}.dropzone-input{display:none}.dropzone-error,.timeline-status{color:#b91c1c;font-size:.875rem}.timeline-status{color:#334155}.export-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem}.export-buttons button{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff;cursor:pointer}.export-buttons button:disabled{opacity:.5;cursor:not-allowed}.timeline-empty{color:#64748b}.timeline-meta{margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem}.timeline-list{list-style:none;margin:0;padding:0}.timeline-event{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:.375rem;padding:.75rem 1rem;margin-bottom:.75rem}.timeline-event-critical{border-left-color:#dc2626;background:#fef2f2}.timeline-event-header{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.25rem}.timeline-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .375rem;border-radius:.25rem;background:#e2e8f0;color:#334155}.timeline-badge-critical{background:#dc2626;color:#fff}.timeline-summary{margin:0;word-break:break-word}