@charset "UTF-8";.lifemap-app{display:flex;flex-direction:column;gap:var(--layout-spacing);width:100%}.timeline-panel{position:relative;width:100%}#lifemap-canvas{display:block;width:100%;background:var(--background-color-secondary);border:1px solid var(--draw-color-surface);border-radius:8px;cursor:grab}#lifemap-canvas:active{cursor:grabbing}.timeline-hint{text-align:center;font-size:.7rem;color:var(--text-color-muted);margin-top:.375rem;opacity:.6}.lifemap-tooltip{position:absolute;z-index:10;pointer-events:none;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:6px;padding:.5rem .75rem;font-size:.8rem;line-height:1.5;color:var(--text-color-secondary);box-shadow:0 4px 12px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.125rem;max-width:280px;white-space:nowrap;transition:opacity .1s}.lifemap-tooltip.hidden{display:none}.lifemap-tooltip.pinned{pointer-events:auto}.lifemap-tooltip strong{color:var(--text-color-primary);font-size:.85rem}.tt-cat{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-color-muted)}.tt-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.tt-dates{font-size:.75rem}.tt-dur{font-size:.72rem;color:var(--text-color-muted);font-style:italic}.tt-delete{margin-top:.25rem;background:0 0;color:var(--text-color-error,#e74c3c);border:1px solid var(--text-color-error,#e74c3c);border-radius:4px;padding:.25rem .5rem;font-size:.72rem;cursor:pointer;transition:background .15s}.tt-delete:hover{background:var(--text-color-error,#e74c3c);color:var(--background-color-primary)}.lifemap-app .controls-bar{display:flex;gap:.875rem;flex-wrap:wrap}.lifemap-app .card{flex:1;min-width:240px;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:8px;padding:.875rem 1rem}.lifemap-app .card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color-muted);margin-bottom:.625rem}.lifemap-app .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.lifemap-app .stat{display:flex;flex-direction:column;gap:.125rem}.lifemap-app .stat-label{font-size:.7rem;color:var(--text-color-muted);text-transform:uppercase;letter-spacing:.05em}.lifemap-app .stat-value{font-size:1.05rem;font-weight:600;color:var(--text-color-primary);font-variant-numeric:tabular-nums}.lifemap-app .btn-row{display:flex;gap:.5rem;margin-top:.5rem}.lifemap-app .controls-bar button{background:var(--background-color-secondary);color:var(--text-color-secondary);border:1px solid var(--draw-color-surface);border-radius:6px;padding:.4375rem 1rem;font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s;flex:1}.lifemap-app .controls-bar button:hover{background:var(--background-color-surface);border-color:var(--text-color-muted)}.lifemap-app .controls-bar button.danger{color:var(--text-color-error,#e74c3c);border-color:var(--text-color-error,#e74c3c)}.lifemap-app .controls-bar button.danger:hover{background:var(--text-color-error,#e74c3c);color:var(--background-color-primary)}.lifemap-app .control-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.lifemap-app .control-row label{font-size:.78rem;color:var(--text-color-muted)}.lifemap-app input[type=text],.lifemap-app input[type=date],.lifemap-app select{background:var(--background-color-secondary);color:var(--text-color-secondary);border:1px solid var(--draw-color-surface);border-radius:6px;padding:.375rem .625rem;font-size:.82rem;width:100%}.lifemap-app input[type=text]:focus,.lifemap-app input[type=date]:focus,.lifemap-app select:focus{outline:1px solid var(--draw-color-primary)}.lifemap-app input[type=file]{background:var(--background-color-secondary);color:var(--text-color-secondary);border:1px solid var(--draw-color-surface);border-radius:6px;padding:.375rem .625rem;font-size:.82rem;width:100%;cursor:pointer}.lifemap-app .hidden{display:none}