#hlix-recorder{position:relative;z-index:90;color:#d5e7eb;font:12px/1.6 'DM Sans',Arial,sans-serif;--rec-accent:#bdf5de}#hlix-recorder *{box-sizing:border-box}#hlix-recorder [hidden]{display:none!important}#hlix-recorder button{font:inherit;color:inherit;cursor:pointer;border:1px solid #b4d8db35;background:#0b1822;padding:9px 13px;border-radius:0;transition:background .2s,border-color .2s;line-height:1.3}#hlix-recorder button:hover{background:#162d36;border-color:#baf5df90}#hlix-recorder button:focus-visible{outline:2px solid var(--rec-accent);outline-offset:3px}.hlix-rec-widget{position:fixed;bottom:57px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;max-width:min(590px,calc(100vw - 30px));padding:9px 11px;background:#08121bef;border:1px solid #95c1c13b;box-shadow:0 7px 24px #0003;backdrop-filter:blur(12px)}.hlix-rec-widget>div{min-width:0}.hlix-rec-widget strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#bad2d5;font-weight:400}.hlix-rec-widget #hlix-record-count{display:block;max-width:275px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px/1.4 ui-monospace,monospace;color:#6f929e}.hlix-rec-widget button{font-size:9px!important;padding:7px 9px!important;white-space:nowrap}.hlix-rec-indicator{flex:none;width:5px;height:5px;border:1px solid #668591;border-radius:50%}#hlix-recorder[data-recording=true] .hlix-rec-indicator{background:#bdf5de;border-color:#bdf5de;box-shadow:0 0 9px #bdf5de55}.story-route .hlix-rec-widget{top:108px;bottom:auto;left:auto;right:42px;transform:none;max-width:min(450px,calc(100vw - 30px))}#hlix-recorder dialog{position:fixed;inset:0;margin:auto;width:min(650px,calc(100vw - 30px));max-height:calc(100svh - 40px);overflow:auto;padding:35px;background:#09141ffb;border:1px solid #94c4c768;color:#b5cbd2;box-shadow:0 30px 120px #0009;font-size:13px;line-height:1.7}#hlix-recorder dialog::backdrop{background:#02070dcc;backdrop-filter:blur(6px)}#hlix-recorder dialog h2{font:400 33px/1.15 'Space Grotesk',Arial,sans-serif;color:#e2efef;letter-spacing:-.04em;margin:17px 0}#hlix-recorder dialog p{font-size:12px;line-height:1.7;color:#92adb9;margin:12px 0}#hlix-recorder dialog ul{padding-left:18px;margin:17px 0}#hlix-recorder dialog li{padding-left:3px;margin:12px 0;font-size:12px;line-height:1.7}#hlix-recorder .hlix-rec-kicker{display:block;font:8px/1.6 ui-monospace,monospace;letter-spacing:.16em;color:#93cec0;padding-right:20px}#hlix-recorder .hlix-rec-close{position:absolute;top:15px;right:15px;background:transparent;border:0;font-size:22px;padding:4px 8px;color:#90acb5}#hlix-recorder .hlix-rec-choices{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}#hlix-recorder .hlix-rec-choices button{flex:1;min-width:200px;min-height:44px}#hlix-recorder .hlix-rec-primary{border-color:#a2d9c681;background:#b7eccc13;color:#daf5e7}#hlix-recorder .hlix-rec-note{font-size:10px;line-height:1.7;border-top:1px solid #8eadba28;padding-top:13px;color:#7995a4}#hlix-recorder .hlix-rec-metrics{padding:18px 0;border-block:1px solid #89b5bd2b;color:#c1e1de;font:11px/1.8 ui-monospace,monospace}#hlix-recorder .hlix-rec-leave{width:100%;margin-top:16px;background:transparent}@media(max-width:700px){.hlix-rec-widget,.story-route .hlix-rec-widget{left:12px;right:12px;transform:none;max-width:none;width:auto;gap:8px;padding:7px 9px}.story-route .hlix-rec-widget{top:83px}.hlix-rec-widget>div{flex:1}.hlix-rec-widget strong{font-size:8px}.hlix-rec-widget #hlix-record-count{font-size:7px;max-width:160px}.hlix-rec-widget button{font-size:8px!important;padding:7px!important}#hlix-recorder dialog{padding:28px 22px;max-height:calc(100svh - 24px)}#hlix-recorder dialog h2{font-size:28px}#hlix-recorder dialog li{font-size:11px}#hlix-recorder .hlix-rec-choices{gap:9px}#hlix-recorder .hlix-rec-choices button{min-width:150px}}@media(prefers-reduced-motion:reduce){#hlix-recorder *{transition:none!important}}

/* A compact journal can be tucked away without stopping the recording. */
.hlix-rec-widget>div{flex:1}
#hlix-recorder .hlix-rec-hide{flex:none;width:26px;min-width:26px;padding:7px 0!important;font-size:16px!important;line-height:1}
#hlix-recorder .hlix-rec-launcher{position:fixed;bottom:57px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 11px;font:9px/1.4 ui-monospace,monospace;background:#08121bef;border-color:#95c1c13b;backdrop-filter:blur(12px)}
.story-route #hlix-recorder .hlix-rec-launcher{top:108px;bottom:auto;right:42px}
@media(max-width:700px){.story-route #hlix-recorder .hlix-rec-launcher{top:83px;right:12px}.hlix-rec-widget button{flex:none}}
@media(max-height:780px) and (min-width:701px){.story-route .hlix-rec-widget{top:auto;bottom:57px;left:50%;right:auto;transform:translateX(-50%)}.story-route #hlix-recorder .hlix-rec-launcher{top:auto;bottom:16px;left:50%;right:auto;transform:translateX(-50%)}}