:root{color-scheme:light;background-color:#1a2130}html,body{padding:0;margin:0;text-rendering:geometricPrecision;color:#fff;font-family:InterKhmer,sans-serif;line-height:22px;padding-bottom:3rem;z-index:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(-225deg,#1a2130 0%,#8481ae 400%);animation:roller 8s infinite;background-size:200% 200%}@keyframes roller{0%,to{background-position:10% 0%}50%{background-position:91% 100%}}body{overflow-y:scroll}#app{max-width:720px;padding:.6rem;margin:0 auto;display:flex;flex-direction:column}input{text-align:center;font-family:inherit;padding:.4em .8em;background-color:#ffffff0d;border:none;border-bottom:2px solid rgba(255,255,255,.2);border-top-left-radius:1rem;border-top-right-radius:1rem;font-size:1.2em;outline:none;color:#fff;font-weight:500;transition:.2s ease}input:disabled{background-color:#fff3;border:2px solid rgba(255,255,255,.2)}input:disabled::placeholder{color:#ffffff1a}input::placeholder{color:#fff6}input:not(:disabled):focus{border-bottom:2px solid rgba(255,255,255,.6)}.example{font-size:.9em;color:#fffc;padding:.8em 1em;background-color:#ffffff0d;border-radius:.6rem}strong{color:#fff}ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6em}.stats{padding:0;margin:0;font-size:.8em;font-weight:600;text-align:center;color:#fffc}li{border-radius:1.4rem;margin:0;padding:.4em 1.2em;transition:.2s ease;background-color:#ffffff0d}li.exact{border:2px solid rgba(255,255,255,.25);background-color:#ffffff1a}li:hover{background-color:#ffffff1a}li.exact:hover{background-color:#ffffff26}.pos{vertical-align:middle;display:inline-block;padding:.2em .3em;margin:0 .4em;background-color:#ffffff1a;color:#fffc;font-weight:500;font-size:14px;line-height:1;border-radius:.4rem}.word{flex:1;display:block;font-size:24px;margin:.4em 0;font-weight:500}#sample-list{display:flex;gap:.2em;padding:.6em 0;display:none;flex-wrap:wrap;justify-content:center}.clipboard-copy,.button-word-suggest{all:unset;background-color:#ffffff0d;color:#fff;padding:.2em .6em;font-weight:500;color:#fffc;font-size:14px;border-radius:1rem;transition:.2s ease}.clipboard-copy:hover,.button-word-suggest:hover{background-color:#ffffff26}.clipboard-copy:active,.button-word-suggest:active{background-color:#ffffff1a}.clipboard-copy{margin-top:12px;color:#fffc;cursor:pointer;border-radius:1rem}.card-header{display:flex;align-items:center}.app-name{font-weight:300;text-align:center;padding:0;margin:.6em 0 0}p.empty{font-weight:600;text-align:center;padding:.8em .4em;background-color:#ffffff0d;font-size:1.4em;border-radius:0;display:grid;place-items:center;min-height:150px;aspect-ratio:2 / 1;border-radius:1.4rem}.app-description{text-align:center;padding-bottom:1em;color:#fff9;font-size:.95em;padding-top:0;margin-top:.6rem}#search{display:none;font-weight:600;font-size:1.4em;position:sticky;background-color:#313647e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:6px;z-index:1}#progress-container{padding:0}.pronunciation{color:#fff9;font-size:.85em;font-weight:600}.pronunciation .white{color:#fff}.flex{display:flex}.items-center{align-items:center}.gap{gap:.6rem}.button:not(:disabled):hover{background-color:#ffffff26;transform:scale(1.025)}.button:not(:disabled):active{background-color:#ffffff1a}.button{all:unset;background-color:#ffffff0d;color:#fffc;padding:.1em .3em;padding-right:.4rem;font-weight:600;border-radius:1rem;font-size:14px;gap:.2rem;transition:.2s ease}.justify-center{display:flex;justify-content:center}button.button:disabled{animation:pulse 2s infinite}@keyframes pulse{0%,to{background-color:#ffffff4d;color:#fff3}50%{background-color:#0000000d;color:#ffffffe6}}.support-card-layout{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.support-card{color:#ffffffe6;-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px);background-blend-mode:overlay;background-color:#1a213080;border-top-left-radius:.8rem;border-top-right-radius:.8rem;font-weight:500;padding:.4rem .6rem;display:flex;align-items:center;gap:.6rem}.payment-icon{border-radius:50%;overflow:hidden;filter:grayscale(.7)}.support-card a:hover .payment-icon,.support-card a:focus .payment-icon{filter:grayscale(0)}.support-card a{display:flex}#keyman-toggle{border:none;align-self:flex-start;background-color:#ffffff1a;color:#fffc;border-radius:1rem;font-family:inherit;font-weight:500;font-size:.9rem;padding:.3rem .6rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem}.font-footnote{border-top:2px solid rgba(255,255,255,.1);padding-top:.6rem;font-size:.85rem;display:flex;flex-direction:row;gap:.4rem;justify-content:center}.font-footnote a{color:#fff6;text-decoration:none}.font-footnote a:hover{color:#ffffffb3}.font-label{color:#ffffffbf;font-weight:600}.gkbd{background-color:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 1px #0000,0 2px #ffffff1a inset;color:#fff;display:inline-block;font-size:.85em;font-weight:600;line-height:1;padding:4px 4px 2px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fffc}.gkbd .latin{color:#ffffff80;font-weight:600;font-family:monospace}.kbdlist{display:flex;gap:2px;align-items:center;padding-bottom:.5rem;flex-wrap:wrap}.chunk{position:relative}.chunk:before{position:relative}.chunk:hover{color:wheat}.chunk:hover:before{content:"";position:absolute;width:calc(100% + 2px);left:-2px;height:100%;border:1px solid rgba(255,255,255,.25);border-radius:.3rem;background-color:#ffffff1a}.ad{display:flex;align-items:center;gap:.8rem;line-height:1.3;text-decoration:none;color:#fff}.ad h4,.ad p,.ad h6{padding:0;margin:0}.ad p{color:#ffffffb3;font-size:.9rem}.ad h4{font-weight:500;font-size:.9rem;color:#ffffffe6}.ad h6{font-weight:500;color:#ffffff80}.flex-1{flex:1}.sponsored{color:#ffdf6ccc;font-size:.9rem;padding:.1rem .6rem;border-radius:1rem;background-color:#ffd22f1a;display:flex;align-items:center;gap:.2rem}.sponsored svg{color:#ff7b7b}.w{font-weight:500;font-size:.8rem;color:#ffffffd9}.tg-button{font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:.2rem;text-decoration:none;color:#73d0ffcc;background-color:#19b2fe0d;align-self:center;padding:.2rem .6rem;border-radius:1rem;transition:.1s ease}.tg-button:hover{color:#73d0ff;background-color:#19b2fe1a}.celebrate{transition:1s ease}#search.invalid{border-bottom:2px solid rgba(93,153,65,.2);background-color:#313647e6}#search.valid:not(:disabled):hover,#search.valid:not(:disabled):focus{border-bottom:2px solid rgba(93,153,65,.8)}#closedialog{place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:10;display:none;visibility:hidden}#closedialog.visible{display:grid;visibility:visible}#closedialog .dialog-content{padding:1.2rem;background-color:#0000004d;border-radius:1rem;max-width:300px;color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;text-align:center;flex-direction:column;gap:1rem}#closedialog .actions{display:flex;gap:.4rem}#closedialog .actions button{border:1px solid rgba(0,0,0,.1);background-color:#1a2130;border-radius:.6rem;padding:.6rem;color:#fff;flex:1;font-family:inherit}#purchasedialog{place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:10;display:none;visibility:hidden}#purchasedialog.visible{display:grid;visibility:visible}#purchasedialog .dialog-content{padding:1.2rem;background-color:#0000004d;border-radius:1rem;max-width:300px;color:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;text-align:center;flex-direction:column;gap:1rem}#purchasedialog .actions{display:flex;gap:.4rem}#purchasedialog .actions button{border:1px solid rgba(0,0,0,.1);background-color:#1a2130;border-radius:.6rem;padding:.6rem;color:#fff;flex:1;font-family:inherit;transition:.2s ease}#purchasedialog .actions button:hover{background-color:#232d43}#purchasedialog .actions button:active{background-color:#1a2130}.purchase{padding:.2rem .7rem;color:#ffebcd}.purchase:hover{transform:none!important}#purchasedialog .actions button:disabled{opacity:.4}