.tempo-tool{--tp-bg:#0b1320;--tp-line:#2b4058;--tp-ink:#e9f4ff;--tp-muted:#98adc5;--tp-blue:#4b9fff;color:var(--tp-ink);background:var(--tp-bg);border:1px solid var(--tp-line);border-radius:14px;padding:28px;font:14px/1.6 Manrope,Arial,sans-serif;min-width:0}.tempo-tool *{box-sizing:border-box}.tempo-tool header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:24px}.tempo-tool .tempo-kicker,.tempo-tool .tempo-readout span,.tempo-tool .tempo-private{font:10px/1.7 'IBM Plex Mono',monospace;letter-spacing:1.4px;color:var(--tp-muted)}.tempo-tool h2{color:var(--tp-ink);font-size:38px!important;line-height:1.05;letter-spacing:-1.5px;margin:7px 0 10px!important}.tempo-tool p{color:var(--tp-muted);font-size:14px;margin:8px 0 14px}.tempo-tool button{color:var(--tp-ink);font:inherit;font-weight:600;background:#14243a;border:1px solid var(--tp-line);border-radius:7px;padding:11px 14px;min-height:44px;cursor:pointer}.tempo-tool button:hover:not(:disabled){border-color:var(--tp-blue);background:#1b3150}.tempo-tool button:disabled{opacity:.45;cursor:default}.tempo-tool button:focus-visible,.tempo-tool input:focus-visible,.tempo-tool select:focus-visible{outline:2px solid var(--tp-blue);outline-offset:3px}.tempo-tool [data-tempo-choose],.tempo-tool [data-tempo-analyze],.tempo-tool [data-tempo-use]{background:var(--tp-blue);border-color:var(--tp-blue);color:#031226}.tempo-tool .tempo-source{border-block:1px solid var(--tp-line);padding:18px 0}.tempo-tool .tempo-source button{margin:0 7px 5px 0}.tempo-tool [data-tempo-name]{overflow-wrap:anywhere;margin:10px 0 0}.tempo-tool .tempo-window{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:21px}.tempo-tool label{display:flex;flex-direction:column;gap:7px;color:var(--tp-muted);font-size:12px;flex:1;min-width:100px}.tempo-tool input,.tempo-tool select{font:14px/1.4 'IBM Plex Mono',monospace;color:var(--tp-ink);background:#101e30;border:1px solid var(--tp-line);padding:11px;border-radius:6px;min-width:0;width:100%;height:44px;color-scheme:dark}.tempo-tool .tempo-status{min-height:25px;margin:16px 0}.tempo-tool .tempo-result{border-top:1px solid var(--tp-line);padding-top:22px}.tempo-tool .tempo-readout{display:flex;align-items:center;gap:24px;justify-content:space-between}.tempo-tool .tempo-readout>div{flex-shrink:0}.tempo-tool .tempo-readout p{max-width:290px}.tempo-tool .tempo-number{display:flex;flex-direction:row;align-items:baseline;gap:10px}.tempo-tool .tempo-number input{font:600 56px/1.2 'Barlow Condensed',Manrope,Arial,sans-serif;letter-spacing:-2px;width:160px;height:76px;padding:0 6px;border-color:transparent;background:transparent}.tempo-tool .tempo-number strong{font:11px/1.5 monospace;color:var(--tp-muted)}.tempo-tool .tempo-candidates{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.tempo-tool .tempo-candidates [aria-pressed=true]{border-color:#9866ff;background:#2d244a}.tempo-tool .tempo-adjust{display:flex;gap:9px}.tempo-tool .tempo-plot{width:100%;display:block;height:auto;max-height:150px;margin-top:18px;background:repeating-linear-gradient(90deg,transparent 0 49px,#1a2a40 50px 51px),linear-gradient(#101e30,#0b1320);border-bottom:1px solid var(--tp-line)}.tempo-tool .tempo-plot path{fill:#4b9fff38;stroke:var(--tp-blue);stroke-width:1.3}.tempo-tool .tempo-caption{font:11px/1.8 monospace}.tempo-tool .tempo-boundary{font-size:12px}.tempo-tool [data-tempo-undo]{margin-left:8px}.tempo-tool [hidden]{display:none!important}.tempo-tool a{color:#8bc2ff}.tempo-dialog{width:min(840px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:0;border:1px solid #2b4058;border-radius:14px;background:#0b1320;color:#e9f4ff}.tempo-dialog::backdrop{background:#000b}.tempo-dialog>header{padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.tempo-dialog>header a{color:#8bc2ff;font-size:12px}.tempo-dialog>header button{background:#14243a;color:#e9f4ff;padding:9px 14px;border:1px solid #2b4058;border-radius:6px;cursor:pointer}.tempo-dialog .tempo-tool{border:0;border-top:1px solid #2b4058;border-radius:0}.tempo-dialog .tempo-tool h2{font-size:36px!important}.tempo-dialog>header button:focus-visible{outline:2px solid #4b9fff;outline-offset:2px}@media(max-width:600px){.tempo-tool{padding:20px 16px}.tempo-tool header{display:block}.tempo-tool .tempo-private{display:block;margin-top:12px}.tempo-tool .tempo-readout{display:block}.tempo-tool .tempo-readout p{max-width:none}.tempo-tool .tempo-window label{flex-basis:40%}.tempo-tool .tempo-window label:last-of-type{flex-basis:100%}.tempo-tool .tempo-window>button{flex:1}.tempo-tool .tempo-number input{font-size:58px}.tempo-tool [data-tempo-use]{width:100%}.tempo-tool [data-tempo-undo]{margin:10px 0 0;width:100%}.tempo-dialog{width:calc(100vw - 14px);max-height:94vh}.tempo-dialog>header{gap:10px}}