@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-font-weight:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);--tw-font-weight:var(--base-font-weight);font-weight:var(--base-font-weight);color:var(--foreground)}h1,h2,h3,h4,h5,h6{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight)}::selection{background-color:var(--main);color:var(--main-foreground)}*{box-sizing:border-box}body{min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}body.modal-open{overflow:hidden}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--border-radius:5px;--box-shadow-x:4px;--box-shadow-y:4px;--reverse-box-shadow-x:-4px;--reverse-box-shadow-y:-4px;--heading-font-weight:700;--base-font-weight:500;--background:oklch(96.47% .0401 157.79);--secondary-background:oklch(100% 0 0);--foreground:oklch(0% 0 0);--main:oklch(79.76% .2044 153.08);--main-foreground:oklch(0% 0 0);--border:oklch(0% 0 0);--ring:oklch(0% 0 0);--overlay:oklch(0% 0 0/.8);--shadow:var(--box-shadow-x) var(--box-shadow-y) 0px 0px var(--border);--chart-1:#00d696;--chart-2:#ff7a05;--chart-3:#09f;--chart-4:#ffbf00;--chart-5:#7a83ff;--chart-active-dot:#000;--scrollbar-track:#fff;--scrollbar-thumb:#000}[data-theme=yellow],:root{--main:oklch(83% .18 85);--background:oklch(97% .03 90)}[data-theme=blue]{--main:oklch(67.47% .1725 259.61);--background:oklch(96% .02 255)}[data-theme=teal]{--main:oklch(79.76% .2044 153.08);--background:oklch(96.47% .0401 157.79)}[data-theme=orange]{--main:oklch(72.27% .1894 50.19);--background:oklch(95.38% .0357 72.89)}[data-theme=poster]{--main:oklch(89% .21 95);--background:oklch(96% .02 80);--secondary-background:oklch(100% 0 0);--foreground:oklch(0% 0 0)}[data-theme=neon]{--main:oklch(55% .32 300);--background:oklch(82% .29 130);--secondary-background:oklch(97% .05 95);--foreground:oklch(0% 0 0)}[data-theme=poster]{--accent-1:#ffe400;--accent-2:#7dff66;--accent-3:#ffd0f3;--accent-4:#6fe7ff;--card-1:#ffef62;--card-2:#67f0ff;--say-bg:#ffe400;--brand-rotate:-1.2deg;--button-rotate:-1.4deg;--footer-bg:#111;--footer-text:#fff;--input-bg:#fff}[data-theme=neon]{--accent-1:#111;--accent-2:#7b61ff;--accent-3:#ffe51f;--accent-4:#ff47b8;--card-1:#b4ff34;--card-2:#f6ef53;--say-bg:#a832ff;--say-text:#fff46a;--brand-bg:#111;--brand-text:#73ff3b;--brand-shadow:#ff43c7;--brand-rotate:-1deg;--button-rotate:1deg;--mode-bg:#fff46a;--input-bg:#fff8c9;--footer-bg:#111;--footer-text:#ffe51f;--footer-shadow:#ff47b8}[data-theme=rasta]{--main:oklch(85% .18 95);--background:oklch(92% .04 85);--secondary-background:oklch(97% .02 85);--foreground:oklch(25% .05 145);--main-foreground:oklch(0% 0 0);--border:oklch(25% .08 145);--accent-1:gold;--accent-2:#e63232;--accent-3:#228b22;--accent-4:#40e0d0;--card-1:gold;--card-2:#228b22;--say-bg:gold;--say-text:#111;--brand-bg:#228b22;--brand-text:gold;--brand-shadow:#e63232;--brand-rotate:-1deg;--button-rotate:1deg;--mode-bg:#40e0d0;--input-bg:oklch(97% .02 85);--footer-bg:#228b22;--footer-text:gold;--footer-shadow:#e63232}.dark{--secondary-background:oklch(23.93% 0 0);--foreground:oklch(92.49% 0 0);--main-foreground:oklch(0% 0 0);--border:oklch(0% 0 0);--ring:oklch(100% 0 0);--shadow:var(--box-shadow-x) var(--box-shadow-y) 0px 0px var(--border);--chart-1:#00bd84;--chart-2:#eb6d00;--chart-3:#008ae5;--chart-4:#e5ac00;--chart-5:#7a83ff;--chart-active-dot:#fff;--scrollbar-track:#1f1f1f;--scrollbar-thumb:#e6e6e6}.dark,.dark[data-theme=yellow]{--main:oklch(80% .16 85);--background:oklch(25% .025 90)}.dark[data-theme=blue]{--main:oklch(70% .15 259);--background:oklch(22% .03 260)}.dark[data-theme=teal]{--main:oklch(73.03% .1865 153.23);--background:oklch(22.45% .0316 158.41)}.dark[data-theme=orange]{--main:oklch(67.56% .1796 49.61);--background:oklch(26.86% .0327 60.06)}.dark[data-theme=poster]{--main:oklch(85% .19 95);--background:oklch(22% .02 80)}.dark[data-theme=neon]{--main:oklch(65% .28 300);--background:oklch(28% .12 130)}.dark[data-theme=rasta]{--main:oklch(80% .16 95);--background:oklch(30% .06 170);--foreground:oklch(92% .03 85)}[data-theme=ramadan]{--main:oklch(75% .15 145);--background:oklch(96% .02 90);--secondary-background:oklch(100% 0 0);--foreground:oklch(20% .05 145);--main-foreground:oklch(100% 0 0);--border:oklch(20% .05 145);--accent-1:#1b5e20;--accent-2:gold;--accent-3:#c9a227;--accent-4:#2e7d32;--say-bg:gold;--say-text:#1b5e20;--footer-bg:#1b5e20;--footer-text:gold}.dark[data-theme=ramadan]{--main:oklch(70% .13 145);--background:oklch(18% .04 145);--secondary-background:oklch(25% .03 145);--foreground:oklch(92% .02 90)}[data-theme=christmas]{--main:oklch(55% .22 25);--background:oklch(97% .01 145);--secondary-background:oklch(100% 0 0);--foreground:oklch(25% .08 145);--main-foreground:oklch(100% 0 0);--border:oklch(25% .08 145);--accent-1:#c41e3a;--accent-2:#228b22;--accent-3:gold;--accent-4:#fff;--card-1:#c41e3a;--card-2:#228b22;--say-bg:#c41e3a;--say-text:#fff;--footer-bg:#228b22;--footer-text:gold}.dark[data-theme=christmas]{--main:oklch(50% .2 25);--background:oklch(18% .03 145);--secondary-background:oklch(25% .02 145);--foreground:oklch(92% .01 145)}[data-theme=halloween]{--main:oklch(72% .18 55);--background:oklch(25% .05 290);--secondary-background:oklch(30% .04 290);--foreground:oklch(92% .02 55);--main-foreground:oklch(0% 0 0);--border:oklch(92% .02 55);--accent-1:#f60;--accent-2:#8b00ff;--accent-3:#0f0;--accent-4:red;--say-bg:#f60;--say-text:#000;--footer-bg:#1a0a2e;--footer-text:#f60}.dark[data-theme=halloween]{--main:oklch(70% .16 55);--background:oklch(15% .04 290);--secondary-background:oklch(22% .03 290);--foreground:oklch(90% .02 55)}[data-theme=valentine]{--main:oklch(65% .22 0);--background:oklch(95% .04 350);--secondary-background:oklch(100% 0 0);--foreground:oklch(30% .08 350);--main-foreground:oklch(100% 0 0);--border:oklch(30% .08 350);--accent-1:#ff1493;--accent-2:#ff69b4;--accent-3:#dc143c;--accent-4:#fff;--say-bg:#ff1493;--say-text:#fff;--footer-bg:#dc143c;--footer-text:pink}.dark[data-theme=valentine]{--main:oklch(60% .2 0);--background:oklch(20% .05 350);--secondary-background:oklch(28% .04 350);--foreground:oklch(92% .02 350)}[data-theme=spring]{--main:oklch(80% .15 130);--background:oklch(97% .03 100);--secondary-background:oklch(100% 0 0);--foreground:oklch(30% .06 130);--main-foreground:oklch(0% 0 0);--border:oklch(30% .06 130);--accent-1:#98fb98;--accent-2:#ffb6c1;--accent-3:#87ceeb;--accent-4:#fffacd;--say-bg:#98fb98;--say-text:#2e7d32;--footer-bg:#2e7d32;--footer-text:#fffacd}.dark[data-theme=spring]{--main:oklch(75% .13 130);--background:oklch(20% .03 130);--secondary-background:oklch(28% .02 130);--foreground:oklch(92% .02 100)}[data-theme=eid]{--main:oklch(82% .16 95);--background:oklch(96% .02 180);--secondary-background:oklch(100% 0 0);--foreground:oklch(25% .06 180);--main-foreground:oklch(0% 0 0);--border:oklch(25% .06 180);--accent-1:gold;--accent-2:#008b8b;--accent-3:#20b2aa;--accent-4:#fff;--say-bg:gold;--say-text:#008b8b;--footer-bg:#008b8b;--footer-text:gold}.dark[data-theme=eid]{--main:oklch(78% .14 95);--background:oklch(20% .04 180);--secondary-background:oklch(28% .03 180);--foreground:oklch(92% .02 95)}.btn{white-space:nowrap;border-radius:var(--border-radius);font-size:.875rem;font-weight:var(--base-font-weight);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding:.5rem 1rem;transition:all .15s;display:inline-flex}.btn:focus-visible{ring:2px solid var(--ring);ring-offset:2px;outline:none}.btn:disabled{pointer-events:none;opacity:.5}.btn-primary{background-color:var(--main);color:var(--main-foreground);border:2px solid var(--border);box-shadow:var(--shadow)}.btn-primary:hover{transform:translate(var(--box-shadow-x),var(--box-shadow-y));box-shadow:none}.btn-secondary{background-color:var(--secondary-background);color:var(--foreground);border:2px solid var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{transform:translate(var(--box-shadow-x),var(--box-shadow-y));box-shadow:none}.btn-ghost{color:var(--foreground);background-color:#0000;border:2px solid #0000}.btn-ghost:hover{background-color:var(--secondary-background);border-color:var(--border)}.btn-sm{height:2.25rem;padding:.5rem .75rem;font-size:.8125rem}.btn-lg{height:2.75rem;padding:.5rem 2rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0}.card{border-radius:var(--border-radius);border:2px solid var(--border);background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.card-header{flex-direction:column;gap:.375rem;display:flex}.card-title{font-weight:var(--heading-font-weight);line-height:1.2}.card-description{color:var(--foreground);opacity:.8;font-size:.875rem}.card-content{flex:1}.card-footer{align-items:center;gap:.5rem;display:flex}.input{border-radius:var(--border-radius);border:2px solid var(--border);background-color:var(--secondary-background);width:100%;height:2.5rem;font-size:.875rem;font-weight:var(--base-font-weight);color:var(--foreground);padding:.5rem .75rem;display:flex}.input::placeholder{color:var(--foreground);opacity:.5}.input:focus{box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.badge{border-radius:var(--border-radius);border:2px solid var(--border);font-size:.75rem;font-weight:var(--heading-font-weight);background-color:var(--main);color:var(--main-foreground);align-items:center;padding:.125rem .625rem;display:inline-flex}.badge-secondary{background-color:var(--secondary-background);color:var(--foreground)}.badge-outline{color:var(--foreground);background-color:#0000}.toggle{cursor:pointer;border:2px solid var(--border);background-color:var(--secondary-background);border-radius:9999px;width:2.75rem;height:1.5rem;transition:all .15s;display:inline-flex;position:relative}.toggle[data-state=checked]{background-color:var(--main)}.toggle-thumb{background-color:var(--foreground);border:2px solid var(--border);border-radius:9999px;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.toggle[data-state=checked] .toggle-thumb{transform:translateY(-50%)translate(1.25rem)}.scrollbar::-webkit-scrollbar{width:16px}.scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}@supports not selector(::-webkit-scrollbar){.scrollbar{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}:root{--font-ipa:"Doulos SIL", "Charis SIL", "Gentium", serif;--bg-subtle:oklch(94% .02 157);--phoneme-current-bg:oklch(82% .16 153/.4)}.dark{--bg-subtle:oklch(28% .02 158);--phoneme-current-bg:oklch(58% .13 153/.4)}#app{width:100%;max-width:600px;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 8);flex:1;margin-inline:auto}.hidden{display:none!important}.site-header{margin-bottom:calc(var(--spacing) * 3);height:calc(var(--spacing) * 12);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;display:flex}.site-title{--tw-font-weight:var(--heading-font-weight);font-size:15px;font-weight:var(--heading-font-weight);color:var(--foreground)}.site-header-controls{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.test-btn{border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--main);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--main-foreground);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none;animation:2s ease-in-out 3 wiggle}.test-btn:hover{--tw-translate-x:var(--box-shadow-x);--tw-translate-y:var(--box-shadow-y);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);animation:none}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-2deg)scale(1.02)}90%{transform:rotate(2deg)scale(1.02)}95%{transform:rotate(-1deg)}}[data-theme=poster] .test-btn{background:var(--accent-4);color:#000}[data-theme=rasta] .test-btn{background:var(--accent-2);color:#fff}.search-box{margin-bottom:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 0);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative}.search-box-input-wrapper{flex:1;display:flex;position:relative}.search-history{top:100%;right:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:50;margin-top:calc(var(--spacing) * 1);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:200px;position:absolute;overflow-y:auto}.search-history.hidden{display:none}.search-history-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground);justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.search-history-header{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.clear-history-btn{cursor:pointer;border-style:var(--tw-border-style);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground);background-color:#0000;border-width:0}@supports (color:color-mix(in lab,red,red)){.clear-history-btn{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.clear-history-btn{text-decoration-line:underline}@media(hover:hover){.clear-history-btn:hover{color:var(--foreground)}}.search-history-list{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0);list-style-type:none}.search-history-item{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}.search-history-item:hover{background-color:var(--secondary-background)}.search-history-item:before{content:"↩";font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.search-history-item:before{color:color-mix(in oklab,var(--foreground) 30%,transparent)}}.search-history-empty{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.search-history-empty{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.search-history-empty{font-style:italic}#word-input{height:calc(var(--spacing) * 12);background-color:var(--secondary-background);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 8);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--foreground);border-radius:var(--border-radius) 0 0 var(--border-radius);border:none;outline:none;flex:1;transition:background-color .2s}#word-input:focus{background-color:var(--secondary-background)}#word-input::placeholder{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){#word-input::placeholder{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.clear-btn,.paste-btn{top:50%;right:calc(var(--spacing) * 2);z-index:10;height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:var(--foreground);color:var(--background);border-width:0;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}.clear-btn:hover,.paste-btn:hover{opacity:.8}.say-btn{height:calc(var(--spacing) * 12);min-width:calc(var(--spacing) * 16);cursor:not-allowed;background-color:var(--secondary-background);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);white-space:nowrap;color:var(--foreground);position:relative}@supports (color:color-mix(in lab,red,red)){.say-btn{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.say-btn{border:none;border-left:2px solid var(--border);border-radius:0 var(--border-radius) var(--border-radius) 0;transition:background-color .15s,opacity .15s}.say-btn:not(:disabled){cursor:pointer;background-color:var(--main);color:var(--main-foreground)}.say-btn:hover:not(:disabled){opacity:.85}.say-btn:active:not(:disabled){opacity:.75}.say-btn.loading{color:#0000;background:var(--main);opacity:.7}.say-btn.loading:after{content:"";height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);border:2px solid #0000004d;border-top-color:var(--main-foreground);border-radius:3.40282e38px;margin:-8px 0 0 -8px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.say-btn.playing{background:#f14d4c}.say-btn-wrapper{position:relative}.ios-mute-hint{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--main);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--base-font-weight);font-weight:var(--base-font-weight);white-space:nowrap;color:var(--main-foreground);z-index:1000;animation:.2s ease-out ios-hint-fade-in;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.ios-mute-hint.hidden{display:none}.ios-mute-hint-icon{opacity:.9;flex-shrink:0}.ios-mute-hint:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--border);width:0;height:0;position:absolute;bottom:-8px;right:16px}.ios-mute-hint:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--main);z-index:1;width:0;height:0;position:absolute;bottom:-6px;right:16px}.ios-mute-hint-close{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);cursor:pointer;border-radius:var(--border-radius);color:var(--main-foreground);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.ios-mute-hint-close{color:color-mix(in oklab,var(--main-foreground) 70%,transparent)}}@media(hover:hover){.ios-mute-hint-close:hover{color:var(--main-foreground)}}.ios-mute-hint-close{background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1}@keyframes ios-hint-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-theme=poster] .ios-mute-hint{background:var(--main);border-color:var(--border);color:var(--main-foreground)}[data-theme=poster] .ios-mute-hint:before{border-top-color:var(--main)}[data-theme=neon] .ios-mute-hint{background:var(--main);border-color:var(--border);color:var(--main-foreground)}[data-theme=neon] .ios-mute-hint:before{border-top-color:var(--main)}[data-theme=rasta] .ios-mute-hint{background:var(--main);border-color:var(--border);color:var(--main-foreground)}[data-theme=rasta] .ios-mute-hint:before{border-top-color:var(--main)}.dark .ios-mute-hint{border-color:var(--border);background-color:var(--secondary-background);color:var(--foreground)}.dark .ios-mute-hint:before{border-top-color:var(--secondary-background)}.suggestions{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.suggestions{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.suggestions-label{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.suggestions-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.suggestion-words{margin-left:calc(var(--spacing) * 1);justify-content:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:inline-flex}.suggestion-word{cursor:pointer;border-radius:var(--border-radius);padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);color:var(--main);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.suggestion-word:hover{background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.suggestion-word:hover{background-color:color-mix(in oklab,var(--main) 20%,transparent)}}.browse-links{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.browse-links{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.browse-label{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.browse-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.browse-link{margin-left:calc(var(--spacing) * 1);border-radius:var(--border-radius);padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);color:var(--main);text-decoration-line:none}.browse-link:hover{background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.browse-link:hover{background-color:color-mix(in oklab,var(--main) 20%,transparent)}}.result{align-items:flex-start;gap:calc(var(--spacing) * 4);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing) * 4);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative;overflow:visible}.result-content{min-width:calc(var(--spacing) * 0);flex:1;overflow:visible}.pronunciation-display{align-items:flex-start;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex;container-type:inline-size}.pronunciation-display--full-width{width:100%}.ipa-text{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--foreground);font-family:var(--font-ipa);flex:1}.ctrl-btn{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);color:var(--foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-shrink:0;justify-content:center;align-items:center;display:flex}.ctrl-btn:hover{border-color:var(--border);background-color:var(--main);color:var(--main-foreground)}.ctrl-btn:disabled{cursor:not-allowed;opacity:.5}.ctrl-btn.copied{border-color:var(--main);color:var(--main)}.mode-switch{align-items:center;gap:calc(var(--spacing) * 1.5);display:flex}.mode-label{cursor:pointer;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.mode-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.mode-label{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));-webkit-user-select:none;user-select:none}.mode-label.selected{color:var(--foreground)}.mode-toggle-track{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 9);cursor:pointer;border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding:calc(var(--spacing) * 0);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;position:relative}.mode-toggle-track[aria-checked=true]{background-color:var(--main)}.mode-toggle-thumb{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background:var(--foreground);border-radius:3.40282e38px;position:absolute;top:2px;left:2px}.mode-toggle-track[aria-checked=true] .mode-toggle-thumb{transform:translate(16px)}.mode-toggle-single{background-color:var(--secondary-background)}.mode-toggle-single[aria-checked=true]{background-color:var(--main)}.phoneme-details-toggle{display:none}.phoneme-details-toggle:hover{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.phoneme-details-toggle:hover{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.phoneme-details-toggle .toggle-icon{transition:transform .2s}.phoneme-details-toggle.expanded .toggle-icon{transform:rotate(180deg)}.phoneme-details{margin-top:calc(var(--spacing) * 2);align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--border);padding-top:calc(var(--spacing) * 3);touch-action:manipulation;display:flex}.phoneme-details--collapsed{display:none}.phoneme-details-nav{gap:calc(var(--spacing) * 1);flex-shrink:0;display:flex}.phoneme-nav-btn,.phoneme-play-btn{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);color:var(--foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex}.phoneme-nav-btn:hover:not(:disabled),.phoneme-play-btn:hover{background-color:var(--main);color:var(--main-foreground)}.phoneme-nav-btn:disabled{cursor:not-allowed;opacity:.4}.phoneme-play-btn{margin-left:calc(var(--spacing) * 2);height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);background-color:var(--main);color:var(--main-foreground)}.phoneme-details-content{min-width:calc(var(--spacing) * 0);text-align:center;flex:1}.phoneme-details-main{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));font-family:var(--font-ipa);display:flex}.phoneme-details-grapheme{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}.phoneme-details-arrow{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.phoneme-details-arrow{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.phoneme-details-ipa{--tw-font-weight:var(--base-font-weight);font-weight:var(--base-font-weight);color:var(--main)}.phoneme-details-abc{color:var(--foreground);font-size:.9em}@supports (color:color-mix(in lab,red,red)){.phoneme-details-abc{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.phoneme-details-meta{margin-top:calc(var(--spacing) * 1);justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground);display:flex}@supports (color:color-mix(in lab,red,red)){.phoneme-details-meta{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.phoneme-details-link{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--main);text-decoration-line:none;display:inline-block}.phoneme-details-link:hover{text-decoration-line:underline}.settings-btn{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);color:var(--foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex}.settings-btn:hover{background-color:var(--main);color:var(--main-foreground)}.settings-backdrop{inset:calc(var(--spacing) * 0);z-index:199;background:var(--overlay);position:fixed}.settings-popup{z-index:200;--tw-translate-x: -50% ;--tw-translate-y: -50% ;min-width:300px;max-width:400px;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:fixed;top:50%;left:50%}.settings-popup-header{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 4);--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground);justify-content:space-between;align-items:center;display:flex}.settings-close-btn{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-leading:1;color:var(--foreground);background-color:#0000;border-width:0;line-height:1}@supports (color:color-mix(in lab,red,red)){.settings-close-btn{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.settings-close-btn:hover{color:var(--foreground)}.settings-popup-content{padding:calc(var(--spacing) * 4)}.settings-item{margin-bottom:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);display:flex}.settings-item:last-child{margin-bottom:calc(var(--spacing) * 0)}.settings-item-label{flex:1}.settings-item-title{margin-bottom:calc(var(--spacing) * 1);--tw-font-weight:var(--base-font-weight);font-weight:var(--base-font-weight);color:var(--foreground);display:block}.settings-item-desc{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground);display:block}@supports (color:color-mix(in lab,red,red)){.settings-item-desc{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.settings-toggle{align-items:center;gap:calc(var(--spacing) * 1.5);display:flex}.settings-toggle-label{cursor:pointer;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.settings-toggle-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.settings-toggle-label{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));-webkit-user-select:none;user-select:none}.settings-toggle-label.selected{color:var(--foreground)}.settings-action-btn{cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.settings-action-btn:hover{background-color:var(--main);color:var(--main-foreground)}.details-modal{z-index:200;--tw-translate-x: -50% ;--tw-translate-y: -50% ;min-width:320px;max-width:450px;max-height:80vh;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex;position:fixed;top:50%;left:50%}.details-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 4);--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground);display:flex}.details-modal-header>span{flex:1}.details-header-play-btn{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--main);color:var(--main-foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-shrink:0;justify-content:center;align-items:center;display:flex}.details-header-play-btn:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.details-modal-content{padding:calc(var(--spacing) * 4);flex:1;overflow-y:auto}.voice-selector{margin-top:calc(var(--spacing) * 6);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);display:flex}.voice-selector label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.voice-selector label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.voice-selector select{cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);min-width:110px;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground);--tw-outline-style:none;outline-style:none}.voice-selector select:focus{border-color:var(--main)}.viseme-container{border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);flex-shrink:0;overflow:hidden}.viseme-canvas{width:150px;height:auto;display:block}.viseme-container[data-face=girl]{width:120px;height:164.088px}.viseme-container[data-face=girl] .viseme-canvas{transform:translate(-10%,-10%)scale(1)}.viseme-container[data-face=man]{width:120px;height:164.088px}.viseme-container[data-face=man] .viseme-canvas{transform:translate(-10%,-3%)scale(1)}.stress-legend{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.stress-legend.hidden{display:none}.stress-legend-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.stress-legend-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.stress-legend-label{text-transform:uppercase}.stress-legend-items{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.stress-legend-item{border-radius:var(--border-radius);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1)}.stress-legend-item--primary{background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.stress-legend-item--primary{background-color:color-mix(in oklab,var(--main) 15%,transparent)}}.stress-legend-item--primary{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight)}.stress-legend-item--secondary{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.stress-legend-item--secondary{background-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.stress-legend-item--unstressed{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.stress-legend-item--unstressed{border-color:color-mix(in oklab,var(--foreground) 20%,transparent)}}.stress-legend-item--unstressed{background-color:#0000}.stress-legend-close{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);cursor:pointer;color:var(--foreground);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.stress-legend-close{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.stress-legend-close{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.stress-legend-close:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.stress-legend-close:hover{background-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.stress-legend-close:hover{color:var(--foreground)}}.stress-legend-close{background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.stress-legend-item.legend-hidden{display:none}.stress-legend-item.legend-active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--main);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);transition:transform .15s ease-out;transform:scale(1.05)}.spelling-notes{margin-top:calc(var(--spacing) * 3);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.spelling-notes-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.spelling-notes-label{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.spelling-notes-label{text-transform:uppercase}.spelling-notes-list{margin:calc(var(--spacing) * 0);padding:calc(var(--spacing) * 0);list-style-type:none}.spelling-notes-list li{align-items:center;gap:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);color:var(--foreground);display:flex}@supports (color:color-mix(in lab,red,red)){.spelling-notes-list li{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.spelling-notes-list li+li{border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--border)}.pronunciation-note-grapheme{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}.pronunciation-note-link{color:var(--main);margin-left:auto;text-decoration-line:none}.pronunciation-note-link:hover{text-decoration-line:underline}.pronunciation-note.current{background:var(--phoneme-current-bg)}.pronunciation-note-category,.pronunciation-note-rule{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.pronunciation-note-category,.pronunciation-note-rule{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.silent-symbol{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.silent-symbol{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.silent-sup,.odd-sup,.rule-sup{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--main);margin-left:1px;position:relative;top:-.5em}.spelling-note-grapheme{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}.spelling-note-link{color:var(--main);margin-left:auto;text-decoration-line:none}.spelling-note-link:hover{text-decoration-line:underline}.spelling-note.current{background:var(--phoneme-current-bg)}.alignment-table{gap:calc(var(--spacing) * 6);width:100%;padding-bottom:calc(var(--spacing) * 4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));flex-wrap:nowrap;display:flex;overflow:visible}.alignment-word{flex-shrink:0;align-items:stretch;display:flex}.alignment-syllable{border-radius:var(--border-radius);padding-inline:calc(var(--spacing) * .5);padding-block:calc(var(--spacing) * 1);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));vertical-align:top;flex-direction:column;display:flex}.alignment-syllable--primary{background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.alignment-syllable--primary{background-color:color-mix(in oklab,var(--main) 15%,transparent)}}.alignment-syllable--primary .alignment-row--graphemes{--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight)}.alignment-syllable--secondary{background-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.alignment-syllable--secondary{background-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.alignment-syllable--unstressed{background-color:#0000}.alignment-syllable--reduced{opacity:.65;background-color:#0000}.alignment-row{justify-content:center;display:flex}.alignment-row--graphemes{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--base-font-weight);font-weight:var(--base-font-weight);color:var(--foreground)}.alignment-row--phonemes{border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--border);padding-top:calc(var(--spacing) * 1);color:var(--foreground);font-family:var(--font-ipa)}.alignment-row--timing{margin-top:calc(var(--spacing) * .5);cursor:default;border-top-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-top-width:1px;border-color:var(--border);padding-top:calc(var(--spacing) * .5);text-align:center;--tw-font-weight:var(--font-weight-normal);font-size:.55rem;font-weight:var(--font-weight-normal);color:var(--foreground);justify-content:center;display:flex}@supports (color:color-mix(in lab,red,red)){.alignment-row--timing{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.alignment-row--stress{display:none}.alignment-cell{cursor:pointer;border-radius:var(--border-radius);min-width:.8em;padding-inline:calc(var(--spacing) * .5);padding-block:calc(var(--spacing) * .5);text-align:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));vertical-align:top;display:inline-block}.alignment-cell.current{background:var(--phoneme-current-bg)}.alignment-cell.silent{cursor:default;color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.alignment-cell.silent{color:color-mix(in oklab,var(--foreground) 40%,transparent)}}.alignment-cell.silent{opacity:.6}.alignment-cell.split-digraph{text-underline-offset:3px;text-decoration-line:underline;text-decoration-style:dotted}.build-info{margin-top:calc(var(--spacing) * 6);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-top-style:var(--tw-border-style);border-top-width:2px;border-color:var(--border);padding-top:calc(var(--spacing) * 3);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--foreground);display:flex}@supports (color:color-mix(in lab,red,red)){.build-info{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.footer-copyright{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.footer-copyright{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.footer-separator{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.footer-separator{color:color-mix(in oklab,var(--foreground) 30%,transparent)}}.footer-version{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.footer-version{color:color-mix(in oklab,var(--foreground) 40%,transparent)}}.footer-email{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.footer-email{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.footer-email{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none}@media(hover:hover){.footer-email:hover{color:var(--foreground)}}.analysis-mode-left{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.analysis-mode-row{margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;display:flex}.analysis-mode-selector{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));display:flex}.mode-auto-badge{border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);color:var(--foreground);font-size:.65rem}@supports (color:color-mix(in lab,red,red)){.mode-auto-badge{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}@media(max-width:600px){.mode-auto-badge{display:none}}@media(max-width:500px){.mode-switch .mode-label,.analysis-mode-selector .mode-label{font-size:.6rem}.analysis-mode-row,.analysis-mode-left{gap:calc(var(--spacing) * 1)}}#details-btn{display:none!important}@media(max-width:600px){.site-header{height:calc(var(--spacing) * 14)}#app{padding-inline:calc(var(--spacing) * 4)}}@media(max-width:480px){.alignment-table{gap:calc(var(--spacing) * 4);flex-direction:column}}.timing-approximate-warning{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.6;color:var(--foreground);flex-basis:100%;order:999;font-style:italic}.theme-selector{border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background:var(--secondary-background);border-radius:3.40282e38px;align-items:center;display:flex}.theme-seg{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);cursor:pointer;padding:calc(var(--spacing) * 0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));color:var(--foreground);opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-seg:first-child{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.theme-seg:last-child{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.theme-seg svg{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3)}.theme-seg:hover{opacity:.7}.theme-seg.active{opacity:1;background:var(--main);color:var(--main-foreground)}.theme-seg--psycho{color:oklch(65% .25 130);opacity:.7}.theme-seg--psycho:hover{color:oklch(75% .28 130);opacity:1}.theme-seg--psycho.active{color:oklch(15% .1 130);opacity:1;background:oklch(82% .29 130)}[data-mode=psycho] .theme-selector{background:linear-gradient(135deg,#ade1734d,oklch(85% .2 320/.3));border-color:#ad1ac9}[data-mode=psycho] .theme-seg{color:#ad1ac9}[data-mode=psycho] .theme-seg.active{color:oklch(15% .1 130)}@media(max-width:500px){.site-header{gap:calc(var(--spacing) * 2);flex-wrap:nowrap}.site-title{font-size:13px}.site-header-controls{gap:calc(var(--spacing) * 2)}.theme-seg{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}.theme-seg svg{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3)}.settings-btn svg{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}}@media(max-width:360px){.theme-selector{display:none}}.content-modal-backdrop{inset:calc(var(--spacing) * 0);z-index:299;background:var(--overlay);position:fixed}.content-modal{z-index:300;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;max-width:800px;margin:0 auto;display:flex;position:fixed;inset:5%}@media(max-width:600px){.content-modal{border-radius:0;inset:0}}.content-modal-header{align-items:center;gap:calc(var(--spacing) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 4);display:flex}.content-modal-title{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground);flex:1;overflow:hidden}.content-modal-nav{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);color:var(--foreground);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));justify-content:center;align-items:center;display:flex}.content-modal-nav:hover{background-color:var(--main);color:var(--main-foreground)}.content-modal-nav:disabled{cursor:not-allowed;opacity:.4}.content-modal-body{padding:calc(var(--spacing) * 6);flex:1;overflow-y:auto}.content-modal-body h1{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}.content-modal-body h1 small{margin-top:calc(var(--spacing) * 1);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--foreground);display:block}@supports (color:color-mix(in lab,red,red)){.content-modal-body h1 small{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.content-modal-body h2{margin-top:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 4);border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding-bottom:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}.content-modal-body h3{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body h3{color:color-mix(in oklab,var(--foreground) 80%,transparent)}}.content-modal-body .section{margin-bottom:calc(var(--spacing) * 4);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--secondary-background);padding:calc(var(--spacing) * 4);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.content-modal-body .section h2{margin-top:calc(var(--spacing) * 0)}.content-modal-body .phoneme-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.content-modal-body .phoneme-card{border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--background);padding:calc(var(--spacing) * 3);text-align:center;color:var(--foreground);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none}.content-modal-body .phoneme-card:hover{--tw-translate-x:var(--box-shadow-x);--tw-translate-y:var(--box-shadow-y);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.content-modal-body .phoneme-card .ipa{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--main);font-family:var(--font-ipa)}.content-modal-body .phoneme-card .example{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .phoneme-card .example{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.content-modal-body .empty{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .empty{color:color-mix(in oklab,var(--foreground) 50%,transparent)}}.content-modal-body .empty{font-style:italic}.content-modal-body .grapheme-row{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--border);padding-block:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;display:flex}.content-modal-body .grapheme-row:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.content-modal-body .grapheme-name{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight)}.content-modal-body .grapheme-examples{margin-top:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .grapheme-examples{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.content-modal-body .grapheme-link{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--main);text-decoration-line:none}.content-modal-body .grapheme-link:hover{text-decoration-line:underline}.content-modal-body .word-grid{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.content-modal-body .word-chip{border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .word-chip{background-color:color-mix(in oklab,var(--main) 10%,transparent)}}.content-modal-body .word-chip{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground);text-decoration-line:none}.content-modal-body .word-chip:hover{background-color:var(--main)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .word-chip:hover{background-color:color-mix(in oklab,var(--main) 20%,transparent)}}.content-modal-body .word-chip.highlighted{background-color:var(--main);--tw-font-weight:var(--heading-font-weight);font-weight:var(--heading-font-weight);color:var(--main-foreground);box-shadow:0 0 0 2px var(--main)}.content-modal-body .pattern-desc{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .pattern-desc{color:color-mix(in oklab,var(--foreground) 70%,transparent)}}.content-modal-body .breadcrumb{margin-bottom:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.content-modal-body .breadcrumb{color:color-mix(in oklab,var(--foreground) 60%,transparent)}}.content-modal-body .breadcrumb a{color:var(--main);text-decoration-line:none}.content-modal-body .breadcrumb a:hover{text-decoration-line:underline}.content-modal-body .nav-link{margin-top:calc(var(--spacing) * 4);color:var(--main);text-decoration-line:none;display:inline-block}.content-modal-body .nav-link:hover{text-decoration-line:underline}.content-modal-iframe{border-style:var(--tw-border-style);border-width:0;flex:1;width:100%}[data-theme=poster] .site-title,[data-theme=neon] .site-title,[data-theme=rasta] .site-title{text-transform:uppercase;letter-spacing:.02em;font-family:Archivo Black,system-ui,sans-serif}[data-theme=poster] body{background-image:radial-gradient(#00000015 1px,#0000 1px);background-size:14px 14px}[data-theme=neon] body{background-image:radial-gradient(#0002 1.2px,#0000 1.2px),linear-gradient(135deg,#ffffff38,#00000005);background-size:16px 16px,auto}[data-mode=psycho]{--phoneme-current-bg:oklch(70% .28 330/.55)}[data-theme=rasta] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='60' font-size='50' text-anchor='middle' opacity='0.15'%3E🏝️%3C/text%3E%3C/svg%3E"),linear-gradient(#0000 75%,#40e0d059),radial-gradient(circle at 90% 10%,#ffd7004d,#0000 30%);background-position:0 0,bottom,100% 0;background-repeat:repeat,no-repeat,no-repeat;background-size:120px 120px,100% 100%,100% 100%;background-attachment:fixed}[data-theme=poster] .search-box{transform:rotate(-.5deg)}[data-theme=neon] .search-box{transform:rotate(.5deg)}[data-theme=rasta] .search-box{transform:rotate(-.5deg)}[data-theme=poster] .say-btn:not(:disabled){background:var(--say-bg)}[data-theme=neon] .say-btn:not(:disabled),[data-theme=rasta] .say-btn:not(:disabled){background:var(--say-bg);color:var(--say-text)}[data-theme=poster] .suggestion-words{gap:calc(var(--spacing) * 3)}[data-theme=poster] .suggestion-word:nth-child(4n+1){background:var(--accent-1);color:#000}[data-theme=poster] .suggestion-word:nth-child(4n+2){background:var(--accent-2);color:#000}[data-theme=poster] .suggestion-word:nth-child(4n+3){background:var(--accent-3);color:#000}[data-theme=poster] .suggestion-word:nth-child(4n+4){background:var(--accent-4);color:#000}[data-theme=poster] .suggestion-word{border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px}[data-theme=poster] .suggestion-word:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=neon] .suggestion-words{gap:calc(var(--spacing) * 3)}[data-theme=neon] .suggestion-word:nth-child(4n+1){background:var(--accent-1);color:#fff}[data-theme=neon] .suggestion-word:nth-child(4n+2){background:var(--accent-2);color:#fff}[data-theme=neon] .suggestion-word:nth-child(4n+3){background:var(--accent-3);color:#000}[data-theme=neon] .suggestion-word:nth-child(4n+4){background:var(--accent-4);color:#000}[data-theme=neon] .suggestion-word{border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px}[data-theme=neon] .suggestion-word:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=rasta] .suggestion-words{gap:calc(var(--spacing) * 3)}[data-theme=rasta] .suggestion-word:nth-child(4n+1){background:var(--accent-1);color:#000}[data-theme=rasta] .suggestion-word:nth-child(4n+2){background:var(--accent-2);color:#fff}[data-theme=rasta] .suggestion-word:nth-child(4n+3){background:var(--accent-3);color:#fff}[data-theme=rasta] .suggestion-word:nth-child(4n+4){background:var(--accent-4);color:#000}[data-theme=rasta] .suggestion-word{border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px}[data-theme=rasta] .suggestion-word:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=poster] .browse-link:first-of-type{background:var(--card-1);color:#000;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=poster] .browse-link:last-of-type{background:var(--card-2);color:#000;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=poster] .browse-link:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=neon] .browse-link:first-of-type{background:var(--card-1);color:#000;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=neon] .browse-link:last-of-type{background:var(--card-2);color:#000;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=neon] .browse-link:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=rasta] .browse-link:first-of-type{background:var(--card-1);color:#000;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=rasta] .browse-link:last-of-type{background:var(--card-2);color:#fff;border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);text-decoration-line:none}[data-theme=rasta] .browse-link:hover{--tw-translate-x:calc(var(--spacing) * .5);--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=neon]:not([data-mode=psycho]) .mode-switch,[data-theme=rasta] .mode-switch{background:var(--mode-bg);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e38px}[data-theme=neon] #word-input{background:var(--input-bg)}[data-theme=rasta] #word-input{background:var(--secondary-background);color:var(--foreground)}[data-theme=rasta] #word-input::placeholder{color:#00640066}[data-theme=poster] .result,[data-theme=neon] .result,[data-theme=rasta] .result{transform:rotate(-.5deg)}[data-theme=poster] .build-info{background:var(--footer-bg);color:var(--footer-text);margin-inline:calc(var(--spacing) * -2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 3)}[data-theme=poster] .build-info .footer-copyright,[data-theme=poster] .build-info .footer-version,[data-theme=poster] .build-info .footer-separator,[data-theme=poster] .build-info .footer-email{color:inherit;opacity:.8}[data-theme=neon] .build-info{background:var(--footer-bg);color:var(--footer-text);box-shadow:12px 12px 0 var(--footer-shadow);margin-inline:calc(var(--spacing) * -2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 3)}[data-theme=neon] .build-info .footer-copyright,[data-theme=neon] .build-info .footer-version,[data-theme=neon] .build-info .footer-separator,[data-theme=neon] .build-info .footer-email{color:inherit;opacity:.8}[data-theme=rasta] .build-info{background:var(--footer-bg);color:var(--footer-text);box-shadow:12px 12px 0 var(--footer-shadow);margin-inline:calc(var(--spacing) * -2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 3)}[data-theme=rasta] .build-info .footer-copyright,[data-theme=rasta] .build-info .footer-version,[data-theme=rasta] .build-info .footer-separator,[data-theme=rasta] .build-info .footer-email{color:inherit;opacity:.8}[data-theme=poster] .site-title{background:var(--main);transform:rotate(var(--brand-rotate,0deg));border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[data-theme=neon] .site-title,[data-theme=rasta] .site-title{background:var(--brand-bg);color:var(--brand-text);box-shadow:8px 8px 0 var(--brand-shadow);transform:rotate(var(--brand-rotate,0deg));border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1)}[data-theme=neon] .site-header:after{content:"";background:repeating-linear-gradient(90deg,#ffde17 0 10px,#111 10px 20px);border-top:2px solid #111;border-bottom:2px solid #111;height:12px;position:absolute;bottom:-8px;left:0;right:0}[data-theme=neon] .site-header{margin-bottom:20px;position:relative}.face-widget{cursor:grab;z-index:1000;background:var(--bg);border:3px solid var(--border);width:80px;height:80px;box-shadow:4px 4px 0 var(--border);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;transition:box-shadow .15s,transform .15s;position:fixed;bottom:20px;right:20px;overflow:visible}.face-widget:hover{box-shadow:6px 6px 0 var(--border);transform:translate(-1px,-1px)}.face-widget.dragging{cursor:grabbing;box-shadow:8px 8px 0 var(--border);opacity:.9;transform:scale(1.05)}.face-widget.hidden{display:none}.face-widget.hiding{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.8)}.face-widget canvas{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.face-widget-close{color:#000;border:2px solid var(--border,#000);cursor:pointer;width:20px;height:20px;box-shadow:2px 2px 0 var(--border,#000);opacity:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:-4px;right:-4px}.dark .face-widget-close{color:#fff;background:#1a1a1a}.face-widget-close:hover{background:var(--main);transform:scale(1.1)}.face-widget-close:active{transform:scale(.95)}.face-bubble{z-index:1002;pointer-events:auto;cursor:pointer;opacity:0;color:#333;background:#fff;border-radius:16px;max-width:220px;padding:12px 16px;font-size:14px;line-height:1.4;transition:opacity .2s,transform .2s;position:fixed;transform:scale(.9);box-shadow:0 4px 20px #00000026}.face-bubble.visible{opacity:1;transform:scale(1)}.face-bubble.hiding{opacity:0;transform:scale(.9)}.face-bubble:after{content:"";width:0;height:0;position:absolute}.face-bubble.pos-left:after{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #fff;top:50%;right:-10px;transform:translateY(-50%)}.face-bubble.pos-right:after{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #fff;top:50%;left:-10px;transform:translateY(-50%)}.face-bubble.pos-top:after{border-top:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;bottom:-10px;left:50%;transform:translate(-50%)}.face-bubble.pos-bottom:after{border-bottom:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;top:-10px;left:50%;transform:translate(-50%)}.face-bubble .bubble-text{display:inline}.face-bubble .settings-icon{vertical-align:middle;background:#333;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin:0 3px;display:inline-flex}.face-bubble .settings-icon svg{stroke:#fff}[data-theme=ramadan] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='20' text-anchor='middle' opacity='0.12'%3E%E2%98%AA%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 85% 15%,#ffd70026,#0000 25%);background-position:0 0,100% 0;background-repeat:repeat,no-repeat;background-size:80px 80px,100% 100%}.dark[data-theme=ramadan] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='20' text-anchor='middle' opacity='0.25'%3E%E2%98%AA%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 85% 15%,#ffd7001a,#0000 25%)}@keyframes ramadan-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}[data-theme=ramadan] body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(2px 2px at 20% 10%,gold 50%,#0000 50%),radial-gradient(2px 2px at 40% 30%,gold 50%,#0000 50%),radial-gradient(1px 1px at 60% 15%,gold 50%,#0000 50%),radial-gradient(2px 2px at 80% 25%,gold 50%,#0000 50%),radial-gradient(1px 1px at 10% 40%,gold 50%,#0000 50%),radial-gradient(2px 2px at 90% 45%,gold 50%,#0000 50%);background-size:200px 200px;animation:3s ease-in-out infinite ramadan-twinkle;position:fixed;inset:0}[data-theme=christmas] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='18' text-anchor='middle' opacity='0.08'%3E%F0%9F%8E%84%3C/text%3E%3C/svg%3E");background-size:100px 100px}.dark[data-theme=christmas] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='18' text-anchor='middle' opacity='0.15'%3E%F0%9F%8E%84%3C/text%3E%3C/svg%3E")}@keyframes christmas-snowfall{0%{background-position:0 -100px,50px -150px,100px -50px}to{background-position:0 calc(100vh + 100px),50px calc(100vh + 150px),100px calc(100vh + 50px)}}[data-theme=christmas] body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='12' text-anchor='middle' opacity='0.6'%3E%E2%9D%84%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='8' text-anchor='middle' opacity='0.4'%3E%E2%9D%84%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='10' text-anchor='middle' opacity='0.5'%3E%E2%9D%84%3C/text%3E%3C/svg%3E");background-repeat:repeat-x;background-size:150px 150px,200px 200px,180px 180px;animation:12s linear infinite christmas-snowfall;position:fixed;inset:0}[data-theme=halloween] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='22' text-anchor='middle' opacity='0.15'%3E%F0%9F%8E%83%3C/text%3E%3C/svg%3E"),linear-gradient(#8a00ff1a,#0000 30%);background-size:90px 90px,100% 100%}@keyframes halloween-float{0%,to{opacity:.4;transform:translateY(0)rotate(-3deg)}25%{opacity:.6;transform:translateY(-20px)rotate(3deg)}50%{opacity:.5;transform:translateY(-10px)rotate(-2deg)}75%{opacity:.7;transform:translateY(-25px)rotate(2deg)}}[data-theme=halloween] body:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ctext x='30' y='38' font-size='24' text-anchor='middle'%3E%F0%9F%91%BB%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ctext x='30' y='38' font-size='18' text-anchor='middle'%3E%F0%9F%A6%87%3C/text%3E%3C/svg%3E");background-position:0 0,150px 100px;background-size:250px 250px,300px 300px;animation:6s ease-in-out infinite halloween-float;position:fixed;inset:0}[data-theme=valentine] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='16' text-anchor='middle' opacity='0.1'%3E%E2%9D%A4%3C/text%3E%3C/svg%3E");background-size:60px 60px}.dark[data-theme=valentine] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='16' text-anchor='middle' opacity='0.15'%3E%E2%9D%A4%3C/text%3E%3C/svg%3E")}@keyframes valentine-float{0%{background-position:0 100vh,100px 100vh,200px 100vh}to{background-position:50px -100px,150px -150px,250px -80px}}[data-theme=valentine] body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ctext x='15' y='20' font-size='14' text-anchor='middle' opacity='0.5'%3E%F0%9F%92%95%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ctext x='15' y='20' font-size='10' text-anchor='middle' opacity='0.4'%3E%E2%9D%A4%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ctext x='15' y='20' font-size='12' text-anchor='middle' opacity='0.45'%3E%F0%9F%92%97%3C/text%3E%3C/svg%3E");background-repeat:repeat-x;background-size:180px 180px,220px 220px,200px 200px;animation:15s linear infinite valentine-float;position:fixed;inset:0}[data-theme=spring] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='18' text-anchor='middle' opacity='0.1'%3E%F0%9F%8C%B8%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 90% 10%,#ffff9640,#0000 25%);background-size:70px 70px,100% 100%}.dark[data-theme=spring] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='18' text-anchor='middle' opacity='0.15'%3E%F0%9F%8C%B8%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 90% 10%,#ffff961a,#0000 25%)}@keyframes spring-petals{0%{background-position:0 -50px,80px -100px,160px -30px}to{background-position:40px calc(100vh + 50px),120px calc(100vh + 100px),200px calc(100vh + 30px)}}[data-theme=spring] body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='10' text-anchor='middle' opacity='0.5'%3E%F0%9F%8C%B8%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='8' text-anchor='middle' opacity='0.4'%3E%F0%9F%8C%BC%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctext x='10' y='14' font-size='9' text-anchor='middle' opacity='0.45'%3E%F0%9F%A6%8B%3C/text%3E%3C/svg%3E");background-repeat:repeat-x;background-size:160px 160px,200px 200px,180px 180px;animation:18s linear infinite spring-petals;position:fixed;inset:0}[data-theme=eid] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='20' text-anchor='middle' opacity='0.1'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 15% 85%,#ffd7001f,#0000 20%),radial-gradient(circle at 85% 15%,#008b8b1a,#0000 20%);background-size:80px 80px,100% 100%,100% 100%}.dark[data-theme=eid] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='55' font-size='20' text-anchor='middle' opacity='0.2'%3E%E2%9C%A8%3C/text%3E%3C/svg%3E"),radial-gradient(circle at 15% 85%,#ffd70014,#0000 20%),radial-gradient(circle at 85% 15%,#008b8b0f,#0000 20%)}@keyframes eid-sparkle{0%,to{opacity:.2;transform:scale(1)}25%{opacity:.6;transform:scale(1.05)}50%{opacity:.3;transform:scale(.98)}75%{opacity:.7;transform:scale(1.02)}}[data-theme=eid] body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(3px 3px at 15% 20%,gold 50%,#0000 50%),radial-gradient(2px 2px at 35% 45%,gold 50%,#0000 50%),radial-gradient(3px 3px at 55% 15%,gold 50%,#0000 50%),radial-gradient(2px 2px at 75% 35%,gold 50%,#0000 50%),radial-gradient(3px 3px at 25% 70%,gold 50%,#0000 50%),radial-gradient(2px 2px at 85% 60%,gold 50%,#0000 50%),radial-gradient(3px 3px at 45% 85%,gold 50%,#0000 50%),radial-gradient(2px 2px at 65% 75%,gold 50%,#0000 50%);background-size:300px 300px;animation:2.5s ease-in-out infinite eid-sparkle;position:fixed;inset:0}@media(prefers-reduced-motion:reduce){[data-theme=ramadan] body:before,[data-theme=christmas] body:before,[data-theme=halloween] body:before,[data-theme=valentine] body:before,[data-theme=spring] body:before,[data-theme=eid] body:before{animation:none}}[data-theme=ramadan] .say-btn:not(:disabled),[data-theme=christmas] .say-btn:not(:disabled),[data-theme=halloween] .say-btn:not(:disabled),[data-theme=valentine] .say-btn:not(:disabled),[data-theme=spring] .say-btn:not(:disabled),[data-theme=eid] .say-btn:not(:disabled){background:var(--say-bg);color:var(--say-text)}[data-theme=ramadan] .build-info,[data-theme=christmas] .build-info,[data-theme=halloween] .build-info,[data-theme=valentine] .build-info,[data-theme=spring] .build-info,[data-theme=eid] .build-info{background:var(--footer-bg);color:var(--footer-text);margin-inline:calc(var(--spacing) * -2);border-radius:var(--border-radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--border);padding:calc(var(--spacing) * 3)}[data-theme=ramadan] .build-info .footer-copyright,[data-theme=ramadan] .build-info .footer-version,[data-theme=ramadan] .build-info .footer-separator,[data-theme=ramadan] .build-info .footer-email,[data-theme=christmas] .build-info .footer-copyright,[data-theme=christmas] .build-info .footer-version,[data-theme=christmas] .build-info .footer-separator,[data-theme=christmas] .build-info .footer-email,[data-theme=halloween] .build-info .footer-copyright,[data-theme=halloween] .build-info .footer-version,[data-theme=halloween] .build-info .footer-separator,[data-theme=halloween] .build-info .footer-email,[data-theme=valentine] .build-info .footer-copyright,[data-theme=valentine] .build-info .footer-version,[data-theme=valentine] .build-info .footer-separator,[data-theme=valentine] .build-info .footer-email,[data-theme=spring] .build-info .footer-copyright,[data-theme=spring] .build-info .footer-version,[data-theme=spring] .build-info .footer-separator,[data-theme=spring] .build-info .footer-email,[data-theme=eid] .build-info .footer-copyright,[data-theme=eid] .build-info .footer-version,[data-theme=eid] .build-info .footer-separator,[data-theme=eid] .build-info .footer-email{color:inherit;opacity:.8}[dir=rtl] .phoneme-nav-btn svg,[dir=rtl] .content-modal-nav svg,[dir=rtl] .phoneme-details-arrow{transform:scaleX(-1)}[dir=rtl] .face-widget,[dir=rtl] .face-bubble:after{left:20px;right:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}