.time-trace-panel,.time-trace-camera,.time-trace-result,.time-trace-compare{position:fixed;inset:0;z-index:17000;display:none;color:#fff;font-family:inherit}.time-trace-panel.open,.time-trace-camera.open,.time-trace-result.open,.time-trace-compare.open{display:flex;align-items:center;justify-content:center}.time-trace-scrim{position:absolute;inset:0;background:rgba(3,7,18,.76);backdrop-filter:blur(5px)}
.time-trace-card,.time-trace-result-card,.time-trace-compare-card,.time-trace-camera-shell{position:relative;width:min(92vw,520px);max-height:88vh;overflow:auto;border:1px solid rgba(79,195,247,.36);border-radius:22px;background:linear-gradient(155deg,#1a2035,#101526);box-shadow:0 22px 70px rgba(0,0,0,.55);padding:22px;box-sizing:border-box}.time-trace-close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#fff;font-size:29px;line-height:1;z-index:4}.time-trace-kicker{font-size:11px;letter-spacing:.18em;color:#4fc3f7}.time-trace-card h2,.time-trace-camera h2,.time-trace-result h2,.time-trace-compare h2{margin:5px 34px 6px 0;font-size:23px}.time-trace-card header p{margin:0 0 17px;color:rgba(255,255,255,.68);font-size:13px}
.time-trace-list{display:grid;gap:12px}.time-trace-empty{padding:35px 12px;text-align:center;color:rgba(255,255,255,.62)}.time-trace-item{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045)}.time-trace-item img{width:82px;height:82px;object-fit:cover;border-radius:11px;background:#090d18}.time-trace-item h3{margin:2px 0 6px;font-size:15px}.time-trace-item p{margin:0 0 9px;color:rgba(255,255,255,.65);font-size:12px;line-height:1.45}.time-trace-status{display:inline-block;padding:3px 8px;border-radius:999px;background:rgba(79,195,247,.14);color:#8cddff;font-size:11px}.time-trace-item button,.time-trace-actions button{border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;padding:9px 12px;font-weight:700}.time-trace-item button.primary,.time-trace-actions button.primary{border-color:#4fc3f7;background:#4fc3f7;color:#101526}.time-trace-item button:disabled{opacity:.42}
.time-trace-camera{background:#05070d}.time-trace-camera-shell{width:min(96vw,620px);background:#090d18}.time-trace-preview{position:relative;width:100%;aspect-ratio:3/4;max-height:64vh;overflow:hidden;border-radius:16px;background:#02040a}.time-trace-preview video,.time-trace-preview img,.time-trace-preview>div{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.time-trace-preview img{opacity:.35;pointer-events:none;z-index:2}.time-trace-preview>div{display:none;place-items:center;text-align:center;padding:24px;box-sizing:border-box;color:rgba(255,255,255,.72)}.time-trace-opacity{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:13px 0;font-size:12px}.time-trace-heading-hint{min-height:20px;margin:5px 0 10px;color:#ffd166;text-align:center}.time-trace-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.time-trace-score{font-size:52px;font-weight:900;color:#4fc3f7;margin:18px 0 2px}.time-trace-result-card p{color:rgba(255,255,255,.72)}
.time-trace-compare-frame{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#050810}.time-trace-compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.time-trace-compare-frame>div{position:absolute;inset:0;overflow:hidden;width:50%;border-right:2px solid #fff}.time-trace-compare-frame>div img{width:100%;max-width:none}.time-trace-compare-frame input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.time-trace-compare-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:rgba(255,255,255,.65)}.time-trace-timeline{margin-top:14px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);font-size:12px;color:#b8eaff;text-align:center}
@media(max-width:520px){.time-trace-card,.time-trace-result-card,.time-trace-compare-card,.time-trace-camera-shell{width:94vw;padding:18px}.time-trace-panel.open,.time-trace-result.open,.time-trace-compare.open{align-items:flex-end}.time-trace-card,.time-trace-result-card,.time-trace-compare-card{border-radius:22px 22px 0 0;max-height:91vh}.time-trace-item{grid-template-columns:70px 1fr}.time-trace-item img{width:70px;height:70px}}