:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#111827}.app{max-width:980px;margin:0 auto;padding:1.5rem}h1{margin:0 0 1rem;font-size:1.6rem}.controls{background:#fff;border-radius:10px;padding:.9rem 1rem;box-shadow:0 2px 10px #00000014;margin-bottom:1rem}.frame-toggle{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid #e5e7eb}.frame-toggle-label{font-weight:600;white-space:nowrap}.frame-toggle-btn{border:2px solid #2563eb;background:#eff6ff;color:#1d4ed8;padding:.35rem .85rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:.95rem;transition:background .15s,color .15s;white-space:nowrap}.frame-toggle-btn:hover{background:#2563eb;color:#fff}.frame-toggle-info{font-size:.85rem;color:#6b7280}.slider-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.45rem}.slider-row label{font-weight:600;white-space:nowrap;min-width:5.5rem;font-variant-numeric:tabular-nums}.slider-row input[type=range]{flex:1}.control-actions{margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}.control-actions button{border:1px solid #9ca3af;background:#fff;color:#111827;padding:.35rem .7rem;border-radius:8px;font-weight:600;cursor:pointer}.control-actions button:hover{background:#f3f4f6}.view-tabs{display:flex;gap:0;margin-right:.4rem}.view-tab{border:1px solid #9ca3af;background:#fff;color:#6b7280;padding:.35rem .7rem;font-weight:600;cursor:pointer;font-size:.85rem}.view-tab:first-child{border-radius:8px 0 0 8px}.view-tab:last-child{border-radius:0 8px 8px 0;border-left:none}.view-tab-active{background:#2563eb;color:#fff;border-color:#2563eb}.view-tab:hover:not(.view-tab-active){background:#f3f4f6}.plot-layout{display:flex;gap:.8rem;align-items:flex-start;user-select:none;-webkit-user-select:none}.plot-shell{flex:1;min-width:0;background:#fff;border-radius:10px;padding:.5rem;box-shadow:0 2px 10px #00000014}.side-panels{display:flex;flex-direction:column;gap:.7rem;width:260px}.coordinates-panel{background:#fff;border-radius:10px;padding:.75rem .85rem;box-shadow:0 2px 10px #00000014;font-variant-numeric:tabular-nums}.coordinates-panel h2{margin:0 0 .55rem;font-size:.95rem}.coordinates-row{margin:0 0 .4rem;line-height:1.35}.coordinates-row-s{color:#111827}.coordinates-row-sprime{color:#dc2626}.coordinates-label{display:inline-block;width:1.8rem;font-weight:700}.coordinates-empty{margin:0;color:#4b5563}svg{width:100%;height:auto;display:block;cursor:crosshair}.plot-frame{fill:none;stroke:#d1d5db;stroke-width:1.2}.grid{stroke:#d1d5db;stroke-width:1}.time-grid{stroke:#d1d5db;stroke-width:1;stroke-dasharray:6 5}.axis{stroke:#111827;stroke-width:2}.lightcone{stroke:#2563eb;stroke-width:2}.prime-axis{stroke:#dc2626;stroke-width:2.5}.prime-grid{stroke:#fca5a5;stroke-width:1}.prime-time-grid{stroke:#fca5a5;stroke-width:1;stroke-dasharray:6 5}.axis-label{fill:#111827;font-size:20px;font-weight:600}.margin-label{dominant-baseline:middle;text-anchor:middle}.axis-tick{fill:#4b5563;font-size:11px;font-weight:500;text-anchor:middle;dominant-baseline:middle}.x-tick{dominant-baseline:auto}.ct-tick{text-anchor:start}.prime-tick{fill:#dc2626;font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:middle}.x-prime-tick{dominant-baseline:auto}.ct-prime-tick{text-anchor:start}.prime-label{fill:#dc2626;font-size:20px;font-weight:700}.event-point{fill:#16a34a;stroke:#14532d;stroke-width:1.5}.event-line{stroke:#16a34a;stroke-width:2.5;cursor:help}.event-line.preview{stroke-dasharray:7 6}.event-endpoint{fill:#16a34a;stroke:#14532d;stroke-width:1.2;cursor:grab}.hover-box{fill:#fffffff2;stroke:#cbd5e1;stroke-width:1}.hover-text{fill:#1f2937;font-size:14px;font-weight:600}.export-toolbar{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem .3rem}.export-label{font-size:.78rem;font-weight:600;color:#6b7280;margin-right:.1rem}.export-btn{border:1px solid #9ca3af;background:#fff;color:#111827;padding:.25rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;letter-spacing:.02em}.export-btn:hover:not(:disabled){background:#f3f4f6}.export-btn:disabled{opacity:.45;cursor:default}@media(max-width:1020px){.plot-layout{flex-direction:column}.side-panels{width:100%}}.diagram-3d-container{width:100%;height:700px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000014}.diagram-3d-mini{height:280px;margin-top:.7rem}.loading-3d{display:flex;align-items:center;justify-content:center;height:700px;color:#6b7280;font-size:1.1rem}.loading-3d.mini{height:280px;font-size:.9rem}