@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-CAqL3w-J.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-DsN5duVm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BmlMUbjd.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BITZFU6i.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-looped-latin-400-normal-Dy-mY0VS.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-latin-400-normal-CQ5mzAwe.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-looped-latin-500-normal-98jvDUiA.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-latin-500-normal-Soqv60t3.woff)format("woff")}:root{--bar:#15100c;--seam:#2a201a;--ink:#f0a982;--muted:#8a776a;--off:#46382f;--record:#ee6b5d;--record-core:#5e1610;--error:#ff9a88;--icon-column:76px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bar);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:400 15px/1.45 IBM Plex Sans Thai Looped,system-ui,sans-serif;overflow:hidden}body{grid-template-rows:auto 1fr auto;height:100dvh;display:grid}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}button:focus-visible,#lookup-input:focus-visible{outline:2px solid var(--ink);outline-offset:-6px;border-radius:10px}.bar{align-items:stretch;display:grid}header.bar{grid-template-columns:1fr var(--icon-column) var(--icon-column);height:calc(84px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}footer.bar{grid-template-columns:var(--icon-column) 1fr var(--icon-column);height:calc(104px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}#lookup{min-width:0;display:flex}#lookup-input{width:100%;min-width:0;color:var(--ink);caret-color:var(--ink);background:0 0;border:0;padding:0 16px;font:500 42px/1.6 IBM Plex Sans Thai Looped,system-ui,sans-serif}#lookup-input::placeholder{color:var(--off)}.icon{border-left:1px solid var(--seam);place-items:center;display:grid}.icon svg{fill:currentColor;width:36px;height:36px;transition:transform .12s ease-out}.icon:active:not(:disabled) svg{transform:scale(.88)}.icon:disabled{color:var(--off)}#get-audio.loading{color:var(--ink)}#get-audio.loading svg{animation:.9s ease-in-out infinite alternate breathe}@keyframes breathe{to{opacity:.35}}#record{background:var(--record);border-radius:50%;grid-column:2;place-self:center;place-items:center;width:72px;height:72px;transition:background-color .15s,transform .12s ease-out;display:grid}#record:active:not(:disabled){transform:scale(.94)}#record:focus-visible{outline-offset:4px;border-radius:50%}.record-mark{background:var(--record-core);border-radius:50%;width:24px;height:24px;transition:border-radius .15s,width .15s,height .15s}#record.recording{animation:1.4s ease-out infinite listening}#record.recording .record-mark{border-radius:4px;width:22px;height:22px}@keyframes listening{0%{box-shadow:0 0 #ee6b5d8c}to{box-shadow:0 0 0 18px #ee6b5d00}}#record:disabled{background:var(--off)}#record:disabled .record-mark{background:var(--bar)}#play-attempt{grid-column:3}#compare{border-block:2px solid var(--seam);background:var(--seam);grid-template-rows:1fr 1fr;gap:2px;min-height:0;display:grid}.pane{background:#000;min-height:0;position:relative}.pane canvas{width:100%;height:100%;display:block}.pane-label{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:6px;right:12px}.playhead{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}#lookup-status{max-width:calc(100% - 20px);color:var(--muted);pointer-events:none;background:#000000bf;border-radius:4px;margin:0;padding:2px 6px;font-size:14px;position:absolute;bottom:8px;left:10px}#lookup-status[data-kind=error]{color:var(--error)}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){#record.recording,#get-audio.loading svg{animation:none}#record.recording{box-shadow:0 0 0 6px #ee6b5d59}}