@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17130f;--color-surface:#211a13;--color-surface-raised:#2a2118;--color-border:#3a2e20;--color-border-strong:#4d3d29;--color-text:#f5ecdf;--color-text-muted:#ab9a85;--color-text-faint:#756855;--color-primary:#ea7c2a;--color-primary-hover:#f4903f;--color-primary-active:#cd6a1f;--color-primary-text:#1a1108;--color-primary-soft:#ea7c2a29;--color-cursor:#e8604a;--color-recorded:#5fbf8f;--color-danger:#e2574a;--font-ui:"Inter", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #00000059;font:16px/1.5 var(--font-ui)}*,:before,:after{box-sizing:border-box}html{scrollbar-color:var(--color-border-strong) var(--color-bg)}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:var(--color-bg)}html::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid var(--color-bg);border-radius:999px}body{background:var(--color-bg);color:var(--color-text);background-image:radial-gradient(900px 500px at 15% -10%,#ea7c2a1a,#0000),radial-gradient(700px 500px at 100% 0,#5fbf8f0f,#0000);background-repeat:no-repeat;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0}button,input,select{font:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}main.page{max-width:1040px;padding:var(--space-6) var(--space-5) var(--space-7);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app-header{align-items:baseline;gap:var(--space-3);display:flex}.app-header h1{letter-spacing:-.01em;font-size:30px;font-weight:600}.app-header h1 .accent{color:var(--color-primary)}.app-header .tagline{color:var(--color-text-muted);margin:0;font-size:14px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.panel-title{margin:0 0 var(--space-3);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);font-size:12px;font-weight:600}.controls{justify-content:space-between;align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.control-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.field{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:13px;font-weight:500;display:flex}.stack{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.field input,.field select{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:14px;font-weight:600;transition:border-color .12s,box-shadow .12s}.field input{width:4.5em}.field input:focus-visible,.field select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.btn{appearance:none;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .12s,border-color .12s,transform 60ms,opacity .12s}.btn:hover:not(:disabled){border-color:var(--color-text-faint);background:color-mix(in srgb, var(--color-surface-raised) 80%, white 6%)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border-strong));color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-color:var(--color-danger)}.btn-record{background:var(--color-danger);border-color:var(--color-danger);color:#1a1108}.btn-record:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 85%, white 10%);border-color:color-mix(in srgb, var(--color-danger) 85%, white 10%)}.btn-record .dot{width:8px;height:8px;margin-right:var(--space-2);background:currentColor;border-radius:50%;display:inline-block}.timeline-scroll{color:var(--color-text);padding-bottom:var(--space-2);scrollbar-color:var(--color-border-strong) transparent;overflow-x:auto}.timeline-scroll::-webkit-scrollbar{height:10px}.timeline-scroll::-webkit-scrollbar-track{background:0 0}.timeline-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.timeline-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.onset-list{scrollbar-color:var(--color-border-strong) transparent}.onset-list::-webkit-scrollbar{width:8px}.onset-list::-webkit-scrollbar-track{background:0 0}.onset-list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}.timeline-legend{gap:var(--space-5);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;display:flex}.timeline-legend .swatch{align-items:center;gap:var(--space-2);display:inline-flex}.timeline-legend .swatch:before{content:"";border-radius:2px;width:10px;height:10px}.timeline-legend .swatch-cursor:before{background:var(--color-cursor)}.timeline-legend .swatch-recorded:before{background:var(--color-recorded)}.status-text{color:var(--color-text-muted);margin:0;font-size:13px}.status-text.error{color:var(--color-danger)}.onset-list{margin:var(--space-3) 0 0;font-variant-numeric:tabular-nums;max-height:160px;color:var(--color-text-muted);flex-direction:column;gap:2px;padding:0;font-size:13px;list-style:none;display:flex;overflow-y:auto}.onset-list li{padding:2px 0}