body{font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;overflow:hidden}:root{--font-nunito:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--ease-vaul:cubic-bezier(.32, .72, 0, 1);--duration-press:.15s;--duration-hover:.15s;--duration-modal:.28s;--duration-modal-exit:.18s;--duration-sheet:.45s;--av-radius-control:1.25rem;--av-radius-control-sm:.9rem;--av-radius-play:2rem;--av-radius-skip:2rem}main{height:100%}#searchInput,#searchInput::placeholder{-webkit-user-select:text;user-select:text}#spinner{z-index:2;width:7em;height:7em;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cube1{background-color:oklch(65.86% .1319 16.61)}.cube1,.cube2{border-radius:1em;width:4em;height:4em;-webkit-animation:1.8s ease-in-out infinite sk-cubemove;animation:1.8s ease-in-out infinite sk-cubemove;position:absolute;top:0;left:0;box-shadow:0 .0625em .125em #00000012,0 .125em .25em #00000012,0 .25em .5em #00000012,0 .5em 1em #00000012,0 1em 2em #00000012,0 2em 4em #00000012}.cube2{background-color:oklch(66.17% .0454 18.36);-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translate(42px)rotate(-90deg)scale(.5)}50%{-webkit-transform:translate(42px)translateY(42px)rotate(-180deg)}75%{-webkit-transform:translate(0)translateY(42px)rotate(-270deg)scale(.5)}to{-webkit-transform:rotate(-360deg)}}@keyframes sk-cubemove{25%{-webkit-transform:translate(42px)rotate(-90deg)scale(.5);transform:translate(42px)rotate(-90deg)scale(.5)}50%{-webkit-transform:translate(42px)translateY(42px)rotate(-179deg);transform:translate(42px)translateY(42px)rotate(-179deg)}50.1%{-webkit-transform:translate(42px)translateY(42px)rotate(-180deg);transform:translate(42px)translateY(42px)rotate(-180deg)}75%{-webkit-transform:translate(0)translateY(42px)rotate(-270deg)scale(.5);transform:translate(0)translateY(42px)rotate(-270deg)scale(.5)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}#visualizer{width:100%;height:100%;position:relative}.icon{fill:currentColor;vertical-align:middle;width:1em;height:1em;font-size:1.25rem;line-height:1;display:inline-block}#playButton .icon,#backwardButton .icon,#forwardButton .icon{transform-box:view-box;transform-origin:50%;transition-duration:var(--duration-press);transition-property:scale;transition-timing-function:var(--ease-out-quad);flex-shrink:0;font-size:1.5em;scale:1}.play{font-size:1.8em!important}.parent-container{flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;display:flex}#playButton,#backwardButton,#forwardButton{color:oklch(96.42% 0 0);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:oklch(65.86% .1319 16.61/.2);height:2.5em;transition-duration:var(--duration-press);transition-property:background-color;transition-timing-function:var(--ease-out-quad);z-index:2;border:none;flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;overflow:hidden;translate:-50% -50%}#playButton{border-radius:var(--av-radius-play);background:oklch(65.86% .1319 16.61);min-width:8.125em;left:50%}#backwardButton,#forwardButton{border-radius:var(--av-radius-skip);min-width:2.5em}@supports (corner-shape:squircle){#playButton,#backwardButton,#forwardButton{corner-shape:squircle}}#backwardButton{background:oklch(66.17% .0454 18.36);left:calc(50% - 6.25em)}#forwardButton{background:oklch(66.17% .0454 18.36);left:calc(50% + 6.25em)}#playButton:focus-visible,#backwardButton:focus-visible,#forwardButton:focus-visible{outline-offset:3px;outline:2px solid oklch(84.96% .1463 90.49)}@media (hover:hover) and (pointer:fine){#playButton:hover{background-color:oklch(70.54% .12 16.61)}#backwardButton:hover,#forwardButton:hover{background-color:oklch(72% .05 18.36)}}#playButton:active .icon,#backwardButton:active .icon,#forwardButton:active .icon{scale:.97}#slider-container{z-index:1;width:100%;max-width:12.5em;margin-top:3em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#volumeSlider{--volume:50%;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;width:100%;height:2.75rem;margin:0;font-size:16px;display:block}#volumeSlider:focus{outline:none}#volumeSlider:focus-visible{outline-offset:3px;outline:2px solid oklch(84.96% .1463 90.49)}#volumeSlider::-webkit-slider-runnable-track{background:linear-gradient(to right, oklch(66.17% .0454 18.36) var(--volume), oklch(0% 0 0/.17) var(--volume));border:none;border-radius:.125em;height:.25em}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-shadow:none;cursor:grab;height:1em;transition:transform var(--duration-press) var(--ease-out-quad);background-color:oklch(65.86% .1319 16.61);border:0;border-radius:2rem;width:1em;margin-top:-.375em}@supports (corner-shape:squircle){#volumeSlider::-webkit-slider-thumb{corner-shape:squircle}}#volumeSlider::-moz-range-track{background:oklch(0% 0 0/.17);border:none;border-radius:.125em;height:.25em}#volumeSlider::-moz-range-progress{background-color:oklch(66.17% .0454 18.36);border-radius:.125em;height:.25em}#volumeSlider::-moz-range-thumb{cursor:grab;background-color:oklch(65.86% .1319 16.61);border:0;border-radius:2rem;width:1em;height:1em}@supports (corner-shape:squircle){#volumeSlider::-moz-range-thumb{corner-shape:squircle}}@media (hover:hover) and (pointer:fine){#volumeSlider:hover::-webkit-slider-thumb{transform:scale(1.02)}#volumeSlider:hover::-moz-range-thumb{transform:scale(1.02)}}#volumeSlider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.97)}#volumeSlider:active::-moz-range-thumb{cursor:grabbing;transform:scale(.97)}#progress-bar{cursor:pointer;z-index:1;background-color:oklch(41.46% .0688 313.61/.3);border-radius:.625em;width:50%;height:.2em;position:absolute;top:1em;left:50%;overflow:hidden;transform:translate(-50%)}#progress-bar:focus-visible{outline-offset:4px;outline:2px solid oklch(84.96% .1463 90.49)}@media (width<=48em){#progress-bar{width:70%}}.progress{border-radius:inherit;height:100%;position:inherit;background-color:oklch(84.96% .1463 90.49);width:100%;transition-property:transform;transition-duration:.3s;transition-timing-function:linear;overflow:hidden;transform:translate(-100%)}#progress-bar[data-seeking] .progress{transition-duration:.2s;transition-timing-function:var(--ease-out-quad)}.light-logo{mix-blend-mode:soft-light;-webkit-user-drag:none;max-width:1.5em;max-height:1.5em}.light-logo:hover{mix-blend-mode:lighten}footer{text-align:center;background:linear-gradient(oklch(54.81% .1643 27.45),oklch(54.57% .1641 29.31));position:fixed;bottom:0;left:0;right:0}footer p,footer small{color:oklch(89.87% .0465 31.23);font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;text-rendering:optimizelegibility;margin:.5em auto;font-style:normal;font-weight:500}footer a{color:inherit;transition-duration:var(--duration-hover);-webkit-user-drag:none;text-decoration:underline;transition-property:color;transition-timing-function:ease}@media (hover:hover) and (pointer:fine){footer a:hover{color:oklch(77.94% .131 34.91);cursor:pointer}}footer a:focus-visible{outline-offset:3px;outline:2px solid oklch(84.96% .1463 90.49)}.hidden{display:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{color:oklch(30% .05 16);font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;z-index:40;background:oklch(96.42% 0 0);padding:.5rem .75rem;font-weight:700;text-decoration:none;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{outline-offset:2px;outline:2px solid oklch(84.96% .1463 90.49);transform:none}#sourceButton{backdrop-filter:blur(10px);border-radius:var(--av-radius-control);color:oklch(96.42% 0 0);cursor:pointer;font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;touch-action:manipulation;max-width:min(22rem,90vw);min-height:2.75rem;transition-duration:var(--duration-press);transition-property:background-color,transform;transition-timing-function:var(--ease-out-quad);z-index:3;background:oklch(20% .04 16/.55);border:1px solid oklch(100% 0 0/.18);align-items:center;gap:.4rem;padding:.35rem .9rem .35rem .55rem;font-size:.875rem;font-weight:500;display:flex;position:absolute;top:3.5rem;left:50%;transform:translate(-50%)scale(1)}@media (hover:hover) and (pointer:fine){#sourceButton:hover{background:oklch(28% .05 16/.75)}}#sourceButton:focus-visible,#sourceButton[aria-expanded=true]{background:oklch(28% .05 16/.75)}#sourceButton:focus-visible{outline-offset:3px;outline:2px solid oklch(84.96% .1463 90.49)}#sourceButton:active{transform:translate(-50%)scale(.97)}#nowPlaying{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#source-backdrop{opacity:0;transition-duration:var(--duration-modal-exit);transition-property:opacity;transition-timing-function:var(--ease-out-expo);z-index:19;background:oklch(12% .03 16/.55);position:fixed;inset:0}#source-backdrop[data-open=true]{opacity:1;transition-duration:var(--duration-modal)}#source-panel{backdrop-filter:blur(18px);box-sizing:border-box;color:oklch(96.42% 0 0);font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;opacity:0;overscroll-behavior:contain;transform-origin:50%;height:auto;max-height:min(34rem,100dvh - 9rem);transition-duration:var(--duration-modal-exit);transition-property:opacity,transform;transition-timing-function:var(--ease-out-expo);z-index:20;background:oklch(16% .025 16/.96);border:1px solid oklch(100% 0 0/.12);border-radius:3rem;flex-direction:column;gap:.85rem;width:min(32rem,100vw - 1.5rem);padding:1.25rem 1.25rem 1.1rem;display:flex;position:fixed;bottom:6.5rem;left:50%;overflow:hidden;transform:translate(-50%)scale(.95)}#source-panel:focus{outline:none}#source-panel[data-open=true]{opacity:1;transition-duration:var(--duration-modal);transform:translate(-50%)scale(1)}#source-panel[hidden],#source-backdrop[hidden],#searchMore[hidden],#drop-overlay[hidden]{display:none}.source-panel-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.source-panel-heading{gap:.4rem;min-width:0;display:grid}.source-kicker{color:oklch(84.96% .1463 90.49);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}#source-dialog-title{font-family:var(--font-teko), ui-sans-serif, system-ui, sans-serif;letter-spacing:.04em;margin:0;scroll-margin-top:1rem;font-size:clamp(1.85rem,5.5vw,2.35rem);font-weight:500;line-height:.9}#sourceClose{color:inherit;cursor:pointer;touch-action:manipulation;height:2.75rem;transition-duration:var(--duration-press);transition-property:background-color,transform;transition-timing-function:var(--ease-out-quad);background:oklch(100% 0 0/.08);border:0;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;display:flex}@media (hover:hover) and (pointer:fine){#sourceClose:hover{background:oklch(100% 0 0/.14)}}#sourceClose:active{transform:scale(.97)}#sourceClose:focus-visible,#searchInput:focus-visible,#searchResults:focus-visible,.search-row button:focus-visible,#searchMore:focus-visible,.file-drop:focus-within,#captureButton:focus-visible,.source-result:focus-visible{outline-offset:2px;outline:2px solid oklch(84.96% .1463 90.49)}.source-note{color:oklch(93% .02 70/.78);text-wrap:pretty;max-width:28rem;margin:0;font-size:.85rem;font-weight:400;line-height:1.45}#searchForm{flex-shrink:0}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid;position:relative}.search-row>.search-icon{color:oklch(93% .02 70/.55);pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}#searchInput{border-radius:var(--av-radius-control);color:inherit;touch-action:manipulation;background:oklch(100% 0 0/.07);border:1px solid oklch(100% 0 0/.14);flex:1;min-width:0;min-height:2.75rem;padding:.45rem 1rem .45rem 2.25rem;font-family:inherit;font-size:16px;font-weight:400}#searchInput::placeholder{color:oklch(93% .02 70/.5)}#searchSubmit{border-radius:var(--av-radius-control);color:oklch(96.42% 0 0);cursor:pointer;touch-action:manipulation;min-height:2.75rem;transition-duration:var(--duration-press);transition-property:background-color,transform,opacity;transition-timing-function:var(--ease-out-quad);background:oklch(65.86% .1319 16.61);border:0;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex}.search-submit-spinner{border:2px solid oklch(100% 0 0/.35);border-top-color:oklch(96.42% 0 0);border-radius:50%;width:.9rem;height:.9rem;display:none}#searchSubmit[aria-busy=true] .search-submit-spinner{animation:.7s linear infinite search-spin;display:inline-block}@keyframes search-spin{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){#searchSubmit:hover{background:oklch(70.54% .12 16.61)}}#searchSubmit:active{transform:scale(.97)}#searchSubmit[aria-busy=true]{cursor:wait}#searchSubmit:disabled{cursor:wait;opacity:.72}#searchStatus{color:oklch(93% .02 70/.7);font-variant-numeric:tabular-nums;min-height:1.2em;margin:0;font-size:.8rem}.source-results{flex-direction:column;flex:auto;gap:.5rem;min-height:0;display:flex}#searchResults{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:.1rem;min-height:0;max-height:min(18rem,42dvh);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.source-result{border-radius:var(--av-radius-control-sm);color:inherit;cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;grid-template-columns:2.1rem minmax(0,1fr);align-items:baseline;gap:.85rem;width:100%;min-height:2.75rem;padding:.7rem .6rem;display:grid}@media (hover:hover) and (pointer:fine){.source-result:hover{background:oklch(100% 0 0/.06)}}.source-result:focus-visible,.source-result[aria-selected=true]{background:oklch(100% 0 0/.08)}.source-result-index{color:oklch(84.96% .1463 90.49);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.75rem;font-weight:700}.source-result-copy{gap:.15rem;min-width:0;display:grid}.source-result-copy strong,.source-result-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-result-copy strong{font-size:.95rem;font-weight:500}.source-result-copy span{color:oklch(93% .02 70/.7);font-size:.8rem;font-weight:400}#searchMore{border-radius:var(--av-radius-control);color:inherit;cursor:pointer;touch-action:manipulation;min-height:2.75rem;transition-duration:var(--duration-press);transition-property:background-color,border-color,transform;transition-timing-function:var(--ease-out-quad);background:0 0;border:1px solid oklch(100% 0 0/.18);flex-shrink:0;align-self:center;padding:0 1.1rem;font-family:inherit;font-size:.8rem;font-weight:500}@media (hover:hover) and (pointer:fine){#searchMore:hover{background:oklch(100% 0 0/.08);border-color:oklch(100% 0 0/.28)}}#searchMore:active{transform:scale(.97)}#searchMore[aria-busy=true]{cursor:wait;opacity:.7}#sourceClose .icon{font-size:1.125rem}.source-actions{isolation:isolate;border-top:1px solid oklch(100% 0 0/.1);flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;padding-top:1rem;display:grid}.file-drop,#captureButton{border-radius:var(--av-radius-control);box-sizing:border-box;color:inherit;cursor:pointer;isolation:isolate;text-align:center;touch-action:manipulation;min-width:0;min-height:2.75rem;transition-duration:var(--duration-press);transition-property:background-color,transform;transition-timing-function:var(--ease-out-quad);background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.12);justify-content:center;align-items:center;gap:.4rem;width:100%;padding:0 .85rem;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.file-drop:hover,#captureButton:hover{background:oklch(100% 0 0/.12)}}.file-drop:active,#captureButton:active{transform:scale(.97)}.file-drop input{cursor:pointer}.file-drop .icon,#captureButton .icon{flex-shrink:0;width:1.125rem;height:1.125rem;font-size:1.125rem;line-height:1;display:block;overflow:hidden}.file-drop span:last-of-type,#captureButton span:last-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#captureButton:disabled{cursor:not-allowed;opacity:.55}#drop-overlay{color:oklch(96.42% 0 0);font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;pointer-events:none;z-index:30;background:oklch(20% .05 16/.72);justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;display:flex;position:fixed;inset:0}[data-mode=capture] #progress-bar,[data-mode=capture] #backwardButton,[data-mode=capture] #forwardButton{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.cube1,.cube2{animation-play-state:paused;animation-delay:-.9s}#source-backdrop,#source-panel{transition-property:opacity}#source-panel,#source-panel[data-open=true]{transform:translate(-50%)}.search-submit-spinner,#searchSubmit[aria-busy=true] .search-submit-spinner{animation:none}#playButton:active .icon,#backwardButton:active .icon,#forwardButton:active .icon{scale:1}#sourceButton:active{transform:translate(-50%)scale(1)}#sourceClose:active,#searchSubmit:active,#searchMore:active,.file-drop:active,#captureButton:active{transform:none}#volumeSlider:hover::-webkit-slider-thumb,#volumeSlider:active::-webkit-slider-thumb{transform:none}#volumeSlider:hover::-moz-range-thumb,#volumeSlider:active::-moz-range-thumb{transform:none}#volumeSlider::-webkit-slider-thumb{transition:none}#volumeSlider::-moz-range-thumb{transition:none}}@media (width<=48em){#playButton,#backwardButton,#forwardButton,.source-result{min-height:2.75rem}#source-panel{height:min(88dvh,100dvh - 2rem);max-height:min(88dvh,100dvh - 2rem);padding-bottom:max(1.1rem, env(safe-area-inset-bottom));transition-duration:var(--duration-modal);transition-timing-function:var(--ease-vaul);border-radius:1.5rem 1.5rem 0 0;width:100%;bottom:0;left:0;transform:translateY(100%)}#source-panel[data-open=true]{transition-duration:var(--duration-sheet);transform:translateY(0)}.source-actions{gap:.85rem}#searchResults{max-height:none}}@media (width<=48em) and (prefers-reduced-motion:reduce){#source-panel,#source-panel[data-open=true]{transform:none}#source-panel[data-open=true]{transition-duration:var(--duration-modal)}}@supports (corner-shape:squircle){#sourceButton,#source-panel,#searchInput,#searchSubmit,#searchMore,.file-drop,#captureButton,#sourceClose,.source-result{corner-shape:squircle}}
