.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-width:4px;border-style:solid;border-radius:100%;margin-left:-37px;margin-top:-37px;border-color:#4950f600;transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}:root{--paper: #fafaf6;--card: #ffffff;--ink: #10231f;--muted: #6e7a74;--faint: #9aa5a0;--line: #e6e4da;--traffic: #1d7a68;--traffic-soft: #e2f0ec;--money: #d9820b;--money-soft: #fbefdb;--money-ink: #8a5306;--loss: #b3402e;--loss-soft: #f8e7e3;--radius: 14px;--font-ui: "Instrument Sans", system-ui, sans-serif;--font-display: "Bricolage Grotesque", var(--font-ui);--font-mono: "Spline Sans Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0}h1{font-size:22px}h2{font-size:16px}a{color:inherit;text-decoration:none}button{font-family:var(--font-ui);font-size:14px;cursor:pointer}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{max-width:1060px;margin:0 auto;padding:0 24px 64px}.topbar{display:flex;align-items:center;gap:14px;padding:14px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}.topbar .spacer{flex:1}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:16px}.brand-link{text-decoration:none;color:inherit;display:inline-flex;flex:1;min-width:0}.app-shell{display:flex;align-items:stretch;min-height:100vh}.sidebar{width:234px;flex:none;display:flex;flex-direction:column;gap:10px;padding:14px 12px;border-right:1px solid var(--line);background:var(--card);position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .15s ease,transform .2s ease}.sidebar-head{display:flex;align-items:center;gap:8px;min-height:36px;padding:2px 2px 2px 6px}.sidebar-switcher{flex:1;min-width:0}.sidebar-switcher select{width:100%}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted)}.menu-toggle:hover{color:var(--ink);background:var(--paper)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:2px}.side-link,.logout-link{display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:9px;padding:8px 10px;font-size:13.5px;line-height:1.2}.side-link:hover,.logout-link:hover{color:var(--ink);background:var(--paper)}.side-link.active{color:var(--traffic);font-weight:600;background:var(--traffic-soft)}.side-icon{flex:none;display:inline-flex;align-items:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--line)}.sidebar-email{font-size:12px;color:var(--faint);word-break:break-all;padding:0 8px 4px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{width:100%;max-width:1560px;margin:0 auto;padding:22px 32px 64px}.mobile-bar,.sidebar-backdrop{display:none}@media (min-width: 761px){.app-shell.collapsed .sidebar{width:66px;padding:14px 8px}.app-shell.collapsed .sidebar-head{justify-content:center;padding:2px 0}.app-shell.collapsed .sidebar-switcher,.app-shell.collapsed .brand-link{display:none}.app-shell.collapsed .side-link,.app-shell.collapsed .logout-link{justify-content:center;padding:9px 0}.app-shell.collapsed .side-label,.app-shell.collapsed .sidebar-email{display:none}}@media (max-width: 760px){.mobile-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:55}.mobile-bar .menu-toggle{width:36px;height:36px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:252px;z-index:70;transform:translate(-100%);box-shadow:2px 0 22px #10231f2e}.app-shell.mobile-open .sidebar{transform:translate(0)}.sidebar-head .menu-toggle{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background:#10231f6b;opacity:0;pointer-events:none;transition:opacity .2s}.app-shell.mobile-open .sidebar-backdrop{opacity:1;pointer-events:auto}.content{padding:16px 16px 56px}.flow{flex-direction:column}.flow-arrow{display:none}.flow-cell.money,.flow-cell.lossy{border-radius:0 0 var(--radius) var(--radius)}.card-body{overflow-x:auto}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card .card-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px 0}.card .card-head h2{font-size:15px}.card .card-head .hint{color:var(--faint);font-size:12px}.export-link{color:var(--traffic);font-weight:500;text-decoration:none;white-space:nowrap}.export-link:hover{text-decoration:underline}.card-body{padding:12px 16px 16px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 860px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:999px;padding:7px 16px;font-weight:500}.btn:hover{opacity:.92}.btn.secondary{background:var(--card);color:var(--ink);border-color:var(--line)}.btn.secondary:hover{border-color:var(--faint);opacity:1}.btn.danger{background:#b3422f;border-color:#b3422f}.btn:disabled{opacity:.5;cursor:default}.input,select.input{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 11px}.input:focus{outline:none;border-color:var(--traffic)}.field{display:block;margin-bottom:14px}.field .label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px}.field .help{font-size:12px;color:var(--faint);margin-top:4px}.error-text{color:#b3422f;font-size:13px;margin:6px 0 0}.password-wrap{position:relative;display:block}.password-wrap .input{padding-right:58px}.pw-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--muted);font-size:12.5px;padding:4px 8px;border-radius:6px}.pw-toggle:hover{color:var(--ink)}.pills{display:inline-flex;gap:2px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.pill{border:none;background:transparent;color:var(--muted);border-radius:999px;padding:5px 13px;font-size:13px}.pill:hover{color:var(--ink)}.pill.active{background:var(--ink);color:#fff}.nav-link{color:var(--muted);border-radius:999px;padding:5px 12px;font-size:13px}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--ink);font-weight:600}.realtime{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--traffic);position:relative;flex:none}@media (prefers-reduced-motion: no-preference){.pulse-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--traffic);opacity:0;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.4);opacity:.8}70%{transform:scale(1.1);opacity:0}to{opacity:0}}}.flow{display:flex;align-items:stretch;overflow:hidden}.flow-cell{flex:1 1 0;padding:18px 20px;min-width:0}.flow-cell .flow-label{font-size:12.5px;color:var(--muted);margin-bottom:6px}.flow-cell .flow-big{font-family:var(--font-display);font-size:30px;font-weight:650;line-height:1.05;font-variant-numeric:tabular-nums}.flow-cell .flow-sub{font-size:12.5px;color:var(--faint);margin-top:6px}.flow-cell.money{background:var(--money-soft);border-radius:0 var(--radius) var(--radius) 0}.flow-cell.money .flow-big{color:var(--money-ink)}.flow-cell.money .flow-sub{color:var(--money-ink);opacity:.75}.flow-arrow{display:flex;align-items:center;color:var(--faint);flex:none;padding:0 2px}.delta{font-size:12px;border-radius:999px;padding:1.5px 8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.delta.up{background:var(--traffic-soft);color:var(--traffic)}.delta.down{background:#f7e3df;color:#b3422f}.delta.flat{background:var(--paper);color:var(--faint)}.rate-bar{height:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;margin-top:9px;overflow:hidden}.rate-bar .rate-fill{height:100%;background:var(--money);border-radius:999px}table.bar-table{width:100%;border-collapse:collapse;font-size:13.5px}.bar-table th{text-align:right;font-weight:500;font-size:12px;color:var(--faint);padding:4px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.bar-table th:first-child{text-align:left;padding-left:8px}.bar-table td{padding:0 8px;text-align:right;white-space:nowrap}.bar-table td:first-child{text-align:left;width:100%}.bar-table tbody tr{line-height:30px}.bar-table td.amber{color:var(--money-ink)}.bar-table .num{font-size:13px}.bar-cell{position:relative;display:block;min-width:0}.bar-cell .bar-fill{position:absolute;left:-4px;top:3px;bottom:3px;background:var(--traffic-soft);border-radius:6px;z-index:0;min-width:2px}.bar-cell .bar-fill.money{background:var(--money-soft)}.bar-cell .bar-label{position:relative;z-index:1;padding:0 6px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}tr.row-link{cursor:pointer}tr.row-link:hover .bar-label{text-decoration:underline;text-decoration-color:var(--faint)}tr.dimmed,tr.dimmed td.amber{color:var(--faint)}.flow-link{color:inherit;text-decoration:none;border-bottom:2px solid var(--traffic-soft);transition:border-color .15s}.flow-link:hover{border-bottom-color:var(--traffic)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;font-weight:500;font-size:12px;color:var(--faint);padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:5px 10px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--traffic-soft)}.rt-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.rt-count{font-size:30px;font-weight:700;line-height:1}.rt-label{font-size:14px;color:var(--muted)}.pulse-dot.idle{background:var(--faint)}.pulse-dot.idle:after{display:none}.spark{display:flex;align-items:flex-end;gap:2px;height:56px}.spark-bar{flex:1;min-height:2px;background:var(--traffic-soft);border-radius:2px 2px 0 0}.spark-bar.now{background:var(--traffic)}.spark-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--faint);margin-top:6px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--traffic-soft);color:var(--traffic);border:1px solid transparent;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:500;cursor:pointer}.filter-chip:hover{border-color:var(--traffic)}.filter-chip span{font-size:14px;line-height:1}.filter-clear{background:none;border:none;color:var(--muted);font-size:12.5px;cursor:pointer;text-decoration:underline}.filter-clear:hover{color:var(--ink)}.tag{display:inline-block;font-family:var(--font-mono);font-size:11px;border:1px solid var(--line);border-radius:5px;padding:0 5px;color:var(--muted);background:var(--paper);line-height:18px;margin-right:7px;vertical-align:1px}.chart-wrap{position:relative}.chart-tooltip{position:absolute;pointer-events:none;z-index:5;background:var(--ink);color:#fff;border-radius:9px;padding:8px 11px;font-size:12px;line-height:1.55;transform:translate(-50%,-100%);white-space:nowrap}.chart-tooltip .tt-date{color:#b9c4bf;margin-bottom:2px}.chart-tooltip .tt-row{display:flex;align-items:center;gap:6px}.chart-tooltip .tt-dot{width:7px;height:7px;border-radius:50%;flex:none}.chart-tooltip .num{color:#fff}.chart-tooltip .tt-amber .num{color:#f0b35e}.legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted)}.legend .key{display:inline-flex;align-items:center;gap:6px}.legend .swatch{width:14px;height:3px;border-radius:2px}.stat-card{padding:14px 16px}.stat-card .stat-label{font-size:12.5px;color:var(--muted)}.stat-card .stat-value{font-family:var(--font-display);font-size:24px;font-weight:650;margin-top:3px;font-variant-numeric:tabular-nums}.stat-card .stat-sub{font-size:12px;color:var(--faint);margin-top:3px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media (max-width: 980px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.hours{display:flex;align-items:flex-end;gap:3px;height:96px;padding-top:8px}.hours .hour-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.hours .hour-bar{background:var(--traffic-soft);border-radius:3px 3px 0 0;min-height:2px}.hours .hour-bar.peak{background:var(--money)}.hour-labels{display:flex;gap:3px;margin-top:5px}.hour-labels span{flex:1;text-align:center;font-family:var(--font-mono);font-size:9.5px;color:var(--faint)}.stacked{display:flex;height:10px;border-radius:999px;overflow:hidden;margin:8px 0 14px;background:var(--paper)}.stacked .seg-0{background:var(--traffic)}.stacked .seg-1{background:#6fb3a4}.stacked .seg-2{background:#c3ddd5}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.project-card{padding:18px;display:block;transition:border-color .15s}.project-card:hover{border-color:var(--faint)}.project-card .pc-name{font-family:var(--font-display);font-size:17px;font-weight:650}.project-card .pc-domain{color:var(--faint);font-size:12.5px;margin-top:1px}.project-card .pc-stats{display:flex;gap:22px;margin-top:14px}.project-card .pc-stat .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.project-card .pc-stat .v.amber{color:var(--money-ink)}.project-card .pc-stat .l{font-size:11.5px;color:var(--faint)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:360px;padding:30px}.auth-card h1{font-size:22px;margin:14px 0 4px}.auth-card .sub{color:var(--muted);margin:0 0 20px;font-size:13.5px}.auth-card .alt{margin-top:16px;font-size:13px;color:var(--muted)}.auth-card .alt a{color:var(--traffic);font-weight:500}.code-block{position:relative;background:var(--ink);color:#e8efec;border-radius:10px;padding:14px 76px 14px 16px;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;overflow-x:auto;white-space:pre}.code-block .copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1f;color:#fff;border:none;border-radius:7px;padding:4px 11px;font-size:12px}.code-block .copy-btn:hover{background:#ffffff38}.tip-box{background:var(--traffic-soft);border:1px solid #cde4dd;border-radius:10px;padding:12px 14px;font-size:13px;color:var(--ink)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{border:none;background:none;padding:7px 12px;color:var(--muted);font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.activation{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed var(--line);border-radius:10px}.activation.ok{border:1px solid #cde4dd;background:var(--traffic-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10231f59;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:50}.modal{width:400px;padding:22px;background:var(--card);border-radius:var(--radius);border:1px solid var(--line)}.modal h2{margin-bottom:14px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}.breadcrumb a:hover{color:var(--ink)}.page-path{font-family:var(--font-mono);font-size:24px;font-weight:600;word-break:break-all}.muted{color:var(--muted)}.faint{color:var(--faint)}.amber-text{color:var(--money-ink)}.section-gap{margin-top:14px}.row{display:flex;align-items:center;gap:10px}.empty{color:var(--faint);text-align:center;padding:26px 0;font-size:13px}.danger-zone{border-color:#e8c8c0}.danger-zone h2{color:#b3422f}.switcher{position:relative}.switcher select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 30px 6px 14px}.switcher:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--faint);font-size:11px}.flow-cell.lossy{background:var(--loss-soft);border-radius:0 var(--radius) var(--radius) 0}.flow-cell.lossy .flow-big{color:var(--loss)}.flow-cell.lossy .flow-sub{color:var(--loss);opacity:.75}.flow-cell.lossy .flow-label,.loss-text{color:var(--loss)}.roas-chip{display:inline-block;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11.5px;border-radius:999px;padding:1px 8px;line-height:18px}.roas-chip.good{background:var(--money-soft);color:var(--money-ink)}.roas-chip.bad{background:var(--loss-soft);color:var(--loss)}.platform-chip{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.02em;border-radius:5px;padding:1px 6px;line-height:16px;vertical-align:1px;background:var(--paper);border:1px solid var(--line);color:var(--muted)}.banner-loss{display:flex;align-items:center;gap:9px;background:var(--loss-soft);border:1px solid #ecc9c1;border-radius:10px;padding:10px 14px;font-size:13.5px;color:var(--loss);margin-bottom:14px}.banner-loss a{font-weight:600;text-decoration:underline;text-decoration-color:#d9a496}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.status-dot.ok{background:var(--traffic)}.status-dot.error{background:var(--loss)}.status-dot.pending{background:var(--faint)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}th.sortable.active{color:var(--ink);font-weight:600}.conn-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}.conn-row:last-child{border-bottom:none}.conn-row .conn-err{color:var(--loss);font-size:12.5px}.swatch.dashed{background:none;height:0;border-top:2px dashed var(--ink);border-radius:0}td.fill-cell{position:relative;min-width:86px}td.fill-cell .fc-bg{position:absolute;right:4px;top:4px;bottom:4px;border-radius:6px;background:var(--traffic-soft);min-width:2px}td.fill-cell .fc-bg.money{background:var(--money-soft)}td.fill-cell .fc-v{position:relative}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--traffic);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{display:flex;justify-content:center;padding:60px 0}.funnel{display:flex;flex-direction:column;gap:14px}.funnel-step{display:flex;flex-direction:column;gap:6px}.funnel-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;gap:12px}.funnel-label{display:inline-flex;align-items:center;gap:8px;font-weight:500}.funnel-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--traffic-soft);color:var(--traffic);font-size:11px;font-weight:600;flex:none}.funnel-conv{color:var(--faint);font-weight:400}.funnel-bar{height:26px;background:var(--paper);border-radius:6px;overflow:hidden}.funnel-fill{height:100%;background:var(--traffic);border-radius:6px;transition:width .3s ease}.funnel-overall{margin-top:4px;font-size:13px;color:var(--muted)}.heatwrap{max-height:620px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;background:#0e1a18}.heatcanvas{display:block;width:100%;height:auto}.scrollmap{display:flex;flex-direction:column;gap:8px}.scroll-row{display:grid;grid-template-columns:40px 1fr 52px;align-items:center;gap:8px;font-size:12.5px}.scroll-depth{color:var(--faint);text-align:right}.scroll-bar{height:16px;background:var(--paper);border-radius:4px;overflow:hidden}.scroll-fill{display:block;height:100%;background:var(--traffic);border-radius:4px}.scroll-pct{text-align:right;color:var(--ink)}.replay-modal{background:var(--card, #fff);border-radius:12px;padding:16px;width:min(1180px,96vw);max-height:94vh;overflow:auto;box-shadow:0 20px 60px #00000059}.replay-player{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px}.replay-player .replayer-wrapper{position:relative}.row-delete{display:inline-flex;align-items:center;border:none;background:none;color:var(--faint);padding:5px 7px;border-radius:6px;cursor:pointer}.row-delete:hover{background:var(--loss-soft);color:var(--loss)}.replay-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.replay-close{display:inline-flex;border:none;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}.replay-close:hover{background:var(--paper);color:var(--ink)}.replay-controls{display:flex;align-items:center;gap:10px;margin:12px auto 0;max-width:1080px;padding:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.replay-ctl{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.replay-ctl:hover{border-color:var(--faint)}.replay-ctl.primary{background:var(--traffic);border-color:var(--traffic);color:#fff}.replay-ctl.primary:hover{opacity:.92}.replay-seek{flex:1;height:8px;background:var(--line);border-radius:999px;cursor:pointer;overflow:hidden}.replay-seek-fill{height:100%;background:var(--traffic);border-radius:999px;transition:width .1s linear}.replay-time{font-size:12px;color:var(--muted);white-space:nowrap;min-width:76px;text-align:right}