:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;min-height:100vh;background:#0a0a12;color:#f3f4f6}.app{display:grid;place-items:center;min-height:100vh}.file-input-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin:.5rem 0 1rem}.file-input-row__input{max-width:min(100%,16rem)}.file-input-row__chosen{font-size:.9rem;color:#c7d2fe;word-break:break-all}.timeline-shell{position:relative;width:min(1200px,92vw);margin-top:1rem}.timeline-shell__hint{font-weight:400;color:#94a3b8}.timeline-shell canvas{display:block;width:100%;max-width:100%;height:auto;border:1px solid #1d2030;border-radius:8px;background:#09090f}.timeline-tooltip{position:absolute;bottom:1rem;transform:translate(-50%);max-width:min(320px,calc(100% - 2rem));min-width:220px;padding:.75rem;border-radius:8px;border:1px solid #1d2030;background:#0e111eeb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 8px 20px #00000059;pointer-events:none}.timeline-tooltip p{margin:.15rem 0}.timeline-tooltip__range{font-weight:600;color:#edf2ff}.timeline-hint{margin-top:.75rem;color:#a4aec3}.confidence-pill{display:inline-block;margin-left:.5rem;padding:.05rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600}.confidence-pill--high{color:#b2f7c1;background:#22c55e3d}.confidence-pill--medium{color:#ffe08f;background:#f59e0b38}.confidence-pill--low{color:#ffc8c8;background:#ef444438}.viz-stack{display:flex;flex-direction:column;align-items:center;gap:2rem;width:min(1200px,92vw);margin-top:1rem}.circular-playback{text-align:center;width:100%}.circular-playback__title{margin:0 0 .35rem;font-size:1.15rem;font-weight:600;color:#edf2ff}.circular-playback__hint{margin:0 0 1rem;font-size:.82rem;color:#94a3b8;max-width:36rem;margin-inline:auto;line-height:1.45}.circular-playback__canvas{display:block;margin-inline:auto;width:min(420px,85vw);height:auto;aspect-ratio:1;border-radius:50%;border:1px solid #252a3d;box-shadow:0 0 40px #6366f126,inset 0 0 60px #00000059;background:#09090f}.circular-playback__controls{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.circular-playback__button{cursor:pointer;padding:.55rem 1.35rem;border-radius:999px;border:1px solid #6366f1;background:linear-gradient(165deg,#6366f159,#22d3ee1f);color:#f8fafc;font-weight:600;font-size:.95rem}.circular-playback__button:hover{filter:brightness(1.08)}.circular-playback__duration{font-size:.85rem;color:#94a3b8}