:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#071016;color:#e9f2f4;font-synthesis:none;--ink: #e9f2f4;--muted: #8fa6ad;--panel: #0c171d;--panel-raised: #102028;--line: #20363f;--mint: #64efbc;--amber: #ffca68;--blue: #8dd3e6;--scrollbar-track: #081318;--scrollbar-thumb: #36515a;--scrollbar-thumb-hover: #4d746e;--scrollbar-thumb-active: #64a98f}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{min-width:32px;min-height:32px;border:2px solid var(--scrollbar-track);border-radius:999px;background:var(--scrollbar-thumb);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 18% -10%,rgb(40 93 100 / 22%),transparent 34rem),#071016}button,input,select,textarea{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible,svg *:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.route-loading{display:grid;min-height:390px;place-items:center;color:var(--muted)}.chart-loading{display:grid;height:clamp(390px,58cqi,680px);place-items:center;color:var(--muted)}.chart-loading-track{width:min(360px,calc(100% - 48px));height:3px;overflow:hidden;background:#15212b}.chart-loading-fill{display:block;width:100%;height:100%;background:#4ca6d9;transform:scaleX(0);transform-origin:left;animation:chart-loading-progress 2.4s ease-in-out infinite}@keyframes chart-loading-progress{70%{transform:scaleX(.82)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.chart-loading-fill{animation:none;transform:scaleX(.5)}}.explorer-page{width:min(2560px,100%);margin:0 auto;padding:0 clamp(18px,2vw,48px) 72px}.explorer-nav{display:flex;align-items:center;min-height:64px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.explorer-nav .brand{color:var(--ink);font-size:1.2rem;font-weight:800;letter-spacing:-.035em;text-decoration:none;text-transform:none}.explorer-header{display:grid;grid-template-columns:minmax(400px,1.25fr) minmax(280px,.75fr);gap:4rem;align-items:end;padding:52px 0 34px}.eyebrow{margin:0 0 8px;color:var(--mint);font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.explorer-header h1{max-width:780px;margin:0;font-size:clamp(2.6rem,5.4vw,6.2rem);line-height:.91;letter-spacing:-.065em}.explorer-header>p{max-width:520px;margin:0;color:#a4b8be;font-size:1rem;line-height:1.65}.explorer-controls{display:flex;gap:16px;align-items:end;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:#0c171deb}.mode-tabs{display:flex;gap:5px;padding:4px;border-radius:8px;background:#071016}.mode-tabs button{padding:9px 13px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:700}.mode-tabs button.active{background:#19343b;color:#d9fff2}.explorer-controls>label,.subscription-panel label{display:grid;gap:5px;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}select,input,textarea{border:1px solid #2a434c;border-radius:7px;background:#071116;color:var(--ink)}select,input{min-height:40px;padding:8px 10px}.chart-legend{display:flex;gap:15px;align-items:center;margin-left:auto;padding:0 8px 10px;color:var(--muted);font-size:.75rem}.chart-legend span{display:flex;gap:6px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.dot.live{border:2px solid var(--mint);background:transparent}.explorer-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);border-top:0;background:var(--panel)}.chart-panel{container-type:inline-size;min-width:0;border-right:1px solid var(--line)}.chart-meta{display:flex;justify-content:space-between;min-height:38px;padding:11px 18px 0;color:var(--muted);font-size:.73rem}.chart-frame{position:relative;width:100%;height:clamp(390px,58cqi,680px)}.explorer-canvas,.explorer-svg{display:block}.explorer-canvas{touch-action:none}.explorer-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.chart-axes path,.chart-axes line{stroke:#36505a}.chart-axes text{fill:#8199a1;font-size:10px}.chart-axes .axis-label{fill:#9db0b6;font-size:11px;letter-spacing:.03em}.chart-annotations text{fill:#91aeb5;font-size:9px}.chart-focus circle{fill:transparent;stroke:transparent;pointer-events:auto}.live-rail{max-height:730px;overflow:auto;background:#091319}.live-rail>header{position:sticky;z-index:1;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line);background:#091319f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-rail h2{margin:0;font-size:1rem}.live-rail>header>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#183039;color:var(--mint);font-size:.75rem}.live-row{display:grid;width:100%;gap:5px;padding:15px 18px;border:0;border-bottom:1px solid #172a31;background:transparent;color:var(--muted);text-align:left;text-decoration:none;font-size:.72rem;cursor:pointer}.live-row:hover,.live-row.selected{background:#10252a}.live-row strong{overflow:hidden;color:var(--ink);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.live-row-heading{display:flex;align-items:center;color:#b8c8cc;font-weight:700}.state-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #64efbc14}.state-dot.finished{background:#788b92;box-shadow:none}.rail-empty,.rail-error{padding:24px 18px;color:var(--muted);font-size:.8rem}.rail-error,.feed-error{color:#ffd9a0}.feed-error{padding:10px 12px;border:1px solid #58472c;border-radius:7px;background:#241e15;font-size:.8rem}.paste-caveat{margin-top:12px;padding:7px 10px;border-left:2px solid #8d754d;color:var(--muted);font-size:.75rem;line-height:1.45}.paste-caveat strong{color:#ffd9a0}.notices{position:fixed;z-index:10;top:72px;right:22px;width:min(360px,calc(100vw - 44px))}.notices p{padding:11px 13px;border:1px solid #356b59;border-radius:8px;background:#0d2b22;color:#c8f4e5;box-shadow:0 14px 40px #0008}.inspector{margin:20px 0 40px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel-raised)}.inspector>header{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.inspector h2,.inspector h3{margin:0}.metric-strip{display:flex;gap:24px;color:var(--muted);font-size:.7rem}.metric-strip span{display:grid;gap:3px}.metric-strip b{color:var(--ink);font-size:1.02rem}.inspector-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center}.watch-button,.close-inspector{min-height:36px;padding:7px 10px;border:1px solid #35505a;border-radius:7px;background:#10242b;color:#c4d4d8;font-size:.76rem;font-weight:700}.watch-button:hover,.close-inspector:hover{border-color:var(--mint);color:var(--mint)}.inspector-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:32px;padding-top:22px}.setting-tools{margin-bottom:15px}.recipe-settings-grid{width:100%;height:430px}.recipe-settings-grid .ag-cell{line-height:1.45}.recipe-settings-grid .setting-key-cell{color:var(--muted)}.recipe-settings-grid .selectable-value-cell{cursor:text;-webkit-user-select:text;user-select:text}.recipe-settings-grid .lua-comment-cell{padding-block:8px;white-space:pre-wrap}.recipe-settings-grid .setting-metric-cell{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.recipe-settings-grid .challenge-lift-cell.positive{color:#ffc56b}.recipe-settings-grid .challenge-lift-cell.negative{color:var(--mint)}.paste-panel{padding:18px;border:1px solid #2b444d;border-radius:9px;background:#081318}.paste-panel>p{color:var(--muted);font-size:.8rem;line-height:1.55}.paste-caveat details{margin-top:10px}.paste-caveat code{display:block;max-height:8rem;margin-top:8px;overflow:auto;white-space:normal;word-break:break-word}.preset-control{display:flex;gap:9px;align-items:center;margin:18px 0;color:#c5d3d7;font-size:.8rem}.paste-panel button,.subscription-panel button{min-height:40px;padding:9px 13px;border:1px solid var(--mint);border-radius:7px;background:var(--mint);color:#05150f;font-weight:800}.paste-panel button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.paste-panel textarea{width:100%;margin-top:14px;padding:10px;resize:vertical;color:#b8d9d0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.5}.subscription-panel{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.subscription-panel summary{cursor:pointer;font-weight:800}.subscription-panel summary span{display:inline-grid;min-width:24px;height:24px;margin-left:5px;place-items:center;border-radius:12px;background:#193039;color:var(--mint);font-size:.7rem}.subscription-panel>p{color:var(--muted);font-size:.82rem}.subscription-panel form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;align-items:end}.subscription-panel form button{align-self:end}.subscription-panel .alert-form-status{margin:10px 0 0;font-weight:700}.subscription-panel .alert-form-status.success{color:var(--mint)}.subscription-panel .alert-form-status.error{color:#ff9c8e}.inline-range{display:grid;grid-template-columns:1fr 1fr;gap:6px}.subscription-panel .secondary{margin-top:14px;border-color:#35505a;background:transparent;color:#c4d4d8}.rule-list{padding:0;list-style:none}.rule-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);color:#b8c9ce;font-size:.78rem}.rule-list .text-button{min-height:auto;padding:0;border:0;background:transparent;color:var(--mint)}@media (max-width: 1050px){.explorer-layout{grid-template-columns:minmax(0,1fr) 255px}.explorer-header{gap:2rem}.inspector-grid{grid-template-columns:1fr}.subscription-panel form{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.explorer-page{padding-inline:12px}.explorer-header{grid-template-columns:1fr;padding-top:38px}.explorer-header h1{font-size:clamp(3rem,15vw,5rem)}.explorer-controls{flex-wrap:wrap}.mode-tabs{width:100%;overflow-x:auto}.mode-tabs button{flex:1 0 auto}.chart-legend{display:none}.explorer-layout{grid-template-columns:1fr}.chart-panel{border-right:0;border-bottom:1px solid var(--line)}.live-rail{display:flex;max-height:none;overflow-x:auto}.live-rail>header{min-width:170px}.live-row{min-width:230px;border-right:1px solid var(--line)}.rail-empty,.rail-error{min-width:220px}.inspector{position:sticky;z-index:4;bottom:0;max-height:78vh;overflow:auto;margin-inline:-12px;margin-bottom:20px;border-radius:18px 18px 0 0;box-shadow:0 -20px 55px #000b}.inspector>header{display:block}.inspector-actions{margin-top:14px}.metric-strip{overflow-x:auto;margin-top:16px}.metric-strip span{min-width:100px}.subscription-panel form{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.subscription-panel form{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}