html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto}[data-sonner-toaster]{width:var(--width);--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--border-radius:8px;box-sizing:border-box;z-index:999999999;outline:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;list-style:none;transition:transform .4s;position:fixed}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);opacity:0;transform:var(--y);touch-action:none;box-sizing:border-box;overflow-wrap:anywhere;outline:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;position:absolute}[data-sonner-toast][data-styled=true]{background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);width:var(--width);align-items:center;gap:6px;padding:16px;font-size:13px;display:flex;box-shadow:0 4px 12px #0000001a}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap));top:0}[data-sonner-toast][data-y-position=bottom]{--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap));bottom:0}[data-sonner-toast][data-styled=true] [data-description]{color:#3f3f3f;font-weight:400;line-height:1.4}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{color:inherit;font-weight:500;line-height:1.5}[data-sonner-toast][data-styled=true] [data-icon]{width:16px;height:16px;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex;position:relative}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform-origin:50%;animation:.3s forwards sonner-fade-in;transform:scale(.8)}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{flex-direction:column;gap:2px;display:flex}[data-sonner-toast][data-styled=true] [data-button]{height:24px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);cursor:pointer;border:none;border-radius:4px;outline:none;flex-shrink:0;align-items:center;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;transition:opacity .4s,box-shadow .2s;display:flex}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:0;--toast-close-button-bottom:unset;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left:0;--toast-close-button-right:unset;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left:unset;--toast-close-button-right:0;--toast-close-button-top:unset;--toast-close-button-bottom:0;--toast-close-button-transform:translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);width:20px;height:20px;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .1s,background .2s,border-color .2s;display:flex;position:absolute}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";z-index:-1;height:100%;position:absolute;left:-100%;right:-100%}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3)translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3)translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";height:calc(var(--gap) + 1px);width:100%;position:absolute;bottom:100%;left:0}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (width<=600px){[data-sonner-toaster]{right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%;position:fixed}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{width:calc(100% - var(--mobile-offset-left) * 2);left:0;right:0}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:#ecfdf3;--success-border:#bffcd9;--success-text:#008a2e;--info-bg:#f0f8ff;--info-border:#dde7fd;--info-text:#0973dc;--warning-bg:#fffcf0;--warning-border:#fbeeb1;--warning-text:#dc7609;--error-bg:#fff0f0;--error-border:#ffe0e1;--error-text:#e60000}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:#333;--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:#1f1f1f;--normal-border:#333;--normal-border-hover:#404040;--normal-text:var(--gray1);--success-bg:#001f0f;--success-border:#003d1c;--success-text:#59f3a6;--info-bg:#000d1f;--info-border:#19233e;--info-text:#5896f3;--warning-bg:#1d1f00;--warning-border:#2e2e00;--warning-text:#f3cf58;--error-bg:#2d0607;--error-border:#4d0408;--error-text:#ff9ea1}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);z-index:10;position:absolute;inset:0}.sonner-loading-wrapper[data-visible=false]{transform-origin:50%;animation:.2s forwards sonner-fade-out}.sonner-spinner{height:var(--size);width:var(--size);position:relative;top:50%;left:50%}.sonner-loading-bar{background:var(--gray11);border-radius:6px;width:24%;height:8%;animation:1.2s linear infinite sonner-spin;position:absolute;top:-3.9%;left:-10%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg)translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg)translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg)translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg)translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg)translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg)translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg)translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg)translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg)translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg)translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg)translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg)translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{transform-origin:50%;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8)translate(-50%,-50%)}.site{font-family:var(--font-sans);color:var(--foreground);background:var(--background)}.site *,.site :before,.site :after{box-sizing:border-box}.site h1,.site h2,.site h3,.site h4,.site h5,.site h6,.site p,.site figure,.site blockquote,.site dl,.site dd{margin:0}.site ul,.site ol{margin:0;padding:0;list-style:none}.site img,.site picture,.site svg,.site video,.site canvas{max-width:100%;display:block}.site button,.site input,.site select,.site textarea{font:inherit;color:inherit}.site a{color:inherit;text-decoration:none}.site button{cursor:pointer;background:0 0;border:0;padding:0}.site fieldset{border:0;min-width:0;margin:0;padding:0}.site legend{padding:0}.site{--background:#faf6ee;--foreground:#1f2b26;--card:#fff;--card-foreground:#1f2b26;--popover:#fff;--popover-foreground:#1f2b26;--primary:#0b4a3e;--primary-foreground:#fbf8f1;--secondary:#efe7d6;--secondary-foreground:#1f2b26;--muted:#f1eadb;--muted-foreground:#6b6a5f;--accent:#efe7d6;--accent-foreground:#1f2b26;--destructive:#b23a2e;--destructive-foreground:#fff;--border:#e4dcc8;--input:#e4dcc8;--ring:#0b4a3e;--brand:#c9a227;--brand-foreground:#1f2b26;--success:#4c9a82;--success-foreground:#fff;--teal:#146356;--sidebar:#f5f0e5;--sidebar-foreground:#1f2b26;--sidebar-primary:#0b4a3e;--sidebar-primary-foreground:#fbf8f1;--sidebar-accent:#efe7d6;--sidebar-accent-foreground:#1f2b26;--sidebar-border:#e4dcc8;font-size:1rem;line-height:1.6}.site h1,.site h2,.site h3,.site h4,.site h5,.site h6{letter-spacing:-.01em;margin:0 0 .5em;font-weight:600;line-height:1.25}.site h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}@media (width>=40rem){.site h1{font-size:1.875rem}}.site h2{font-size:1.25rem}@media (width>=40rem){.site h2{font-size:1.5rem}}.site h3{font-size:1.125rem}.site h4{font-size:1rem}.site h5,.site h6{font-size:.875rem}.site p{margin:0 0 1rem}.site ul,.site ol{margin:0 0 1rem;padding-left:1.25rem}.site ul ul,.site ul ol,.site ol ul,.site ol ol{margin-bottom:0}.site ul{list-style:outside}.site ol{list-style:decimal}.site p a,.site li a{color:var(--teal);text-underline-offset:.15em;text-decoration:underline}.site p a:hover,.site li a:hover{color:color-mix(in srgb, var(--teal) 80%, var(--foreground))}.site strong,.site b{font-weight:600}.site small{font-size:.875rem}.site blockquote{border-left:3px solid var(--border);color:var(--muted-foreground);margin:0 0 1rem;padding:.5rem 1rem}.site figure{margin:0 0 1rem}.site figcaption{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}.site hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}.site h1:last-child,.site h2:last-child,.site h3:last-child,.site h4:last-child,.site h5:last-child,.site h6:last-child,.site p:last-child,.site ul:last-child,.site ol:last-child,.site blockquote:last-child,.site figure:last-child{margin-bottom:0}.site .text-align-left{text-align:left}.site .text-align-center{text-align:center}.site .text-align-right{text-align:right}.site .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site .sr-only-focusable:focus,.site .sr-only-focusable:focus-visible{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.site .button{white-space:nowrap;border-radius:calc(var(--radius) - 2px);outline-offset:2px;border:none;outline:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:2.25rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.site .button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .button:disabled{pointer-events:none;opacity:.5}.site .button svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}.site .button[data-variant=default],.site .button:not([data-variant]){background:var(--primary);color:var(--primary-foreground)}.site .button[data-variant=default]:hover,.site .button:not([data-variant]):hover{background:color-mix(in srgb, var(--primary) 90%, transparent)}.site .button[data-variant=destructive]{background:var(--destructive);color:#fff}.site .button[data-variant=destructive]:hover{background:color-mix(in srgb, var(--destructive) 90%, transparent)}.site .button[data-variant=outline]{background:var(--background);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.site .button[data-variant=outline]:hover{background:var(--accent);color:var(--accent-foreground)}.site .button[data-variant=secondary]{background:var(--secondary);color:var(--secondary-foreground)}.site .button[data-variant=secondary]:hover{background:color-mix(in srgb, var(--secondary) 80%, transparent)}.site .button[data-variant=ghost]{background:0 0}.site .button[data-variant=ghost]:hover{background:var(--accent);color:var(--accent-foreground)}.site .button[data-variant=link]{color:var(--primary);text-underline-offset:4px;background:0 0}.site .button[data-variant=link]:hover{text-decoration:underline}.site .button[data-size=sm]{gap:.375rem;height:2rem;padding:0 .75rem;position:relative}.site .button[data-size=sm]:after{content:"";position:absolute;inset:-.375rem 0}.site .button[data-size=lg]{height:2.5rem;padding:0 1.5rem}.site .button[data-size=icon]{width:2.25rem;height:2.25rem;padding:0;position:relative}.site .button[data-size=icon]:after{content:"";position:absolute;inset:-.25rem}.site .input{border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);outline-offset:2px;background:0 0;outline:2px solid #0000;width:100%;min-width:0;height:2.25rem;padding:.25rem .75rem;font-size:1rem;transition:color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.site .input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .input::placeholder{color:var(--muted-foreground)}.site .input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.site .input[aria-invalid=true]{border-color:var(--destructive)}@media (width>=48rem){.site .input{font-size:.875rem}}.site .textarea{resize:vertical;border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);outline-offset:2px;background:0 0;outline:2px solid #0000;width:100%;min-width:0;min-height:8rem;padding:.5rem .75rem;font-size:1rem;line-height:1.5;transition:color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.site .textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .textarea::placeholder{color:var(--muted-foreground)}.site .textarea:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.site .textarea[aria-invalid=true]{border-color:var(--destructive)}@media (width>=48rem){.site .textarea{font-size:.875rem}}.site .select{appearance:none;border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);width:100%;min-width:0;height:2.25rem;color:inherit;outline-offset:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") right .75rem center/.65rem no-repeat;outline:2px solid #0000;padding:.25rem 2rem .25rem .75rem;font-size:1rem;transition:color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000d}.site .select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .select:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.site .select[aria-invalid=true]{border-color:var(--destructive)}@media (width>=48rem){.site .select{font-size:.875rem}}.site .label{-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1;display:flex}.site .separator{background:var(--border);border:none;flex-shrink:0}.site .separator[data-orientation=horizontal]{width:100%;height:1px}.site .separator[data-orientation=vertical]{width:1px;height:100%}.site .spinner{width:1rem;height:1rem;animation:1s linear infinite site-spin}@keyframes site-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.site .checkbox{border:1px solid var(--input);outline-offset:2px;border-radius:4px;outline:2px solid #0000;flex-shrink:0;width:1rem;height:1rem;transition:box-shadow .15s;box-shadow:0 1px 2px #0000000d}.site .checkbox:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .checkbox{position:relative}.site .checkbox:after{content:"";position:absolute;inset:-.875rem}.site .checkbox:disabled{cursor:not-allowed;opacity:.5}.site .checkbox[data-state=checked]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.site .checkbox[aria-invalid=true]{border-color:var(--destructive)}.site .checkbox-indicator{color:currentColor;place-content:center;display:grid}.site .checkbox-indicator svg{width:.875rem;height:.875rem}.site .avatar{border-radius:9999px;flex-shrink:0;width:2rem;height:2rem;display:flex;position:relative;overflow:hidden}.site .avatar-image{aspect-ratio:1;width:100%;height:100%}.site .avatar-fallback{background:var(--muted);border-radius:9999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.site .alert{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--card-foreground);grid-template-columns:auto 1fr;align-items:start;gap:.125rem .75rem;padding:.75rem 1rem;font-size:.875rem;display:grid;position:relative}.site .alert svg{grid-column:1;width:1rem;height:1rem;transform:translateY(2px)}.site .alert:not(:has(svg)){grid-template-columns:1fr}.site .alert[data-variant=destructive]{color:var(--destructive)}.site .alert[data-variant=destructive] .alert-description{color:color-mix(in srgb, var(--destructive) 90%, transparent)}.site .alert-title{letter-spacing:-.01em;grid-column:2;font-weight:500}:is(.site .alert:not(:has(svg)) .alert-title,.site .alert:not(:has(svg)) .alert-description){grid-column:1}.site .alert-description{color:var(--muted-foreground);grid-column:2;font-size:.875rem}.site .alert-description p{line-height:1.6}.site .card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--card-foreground);flex-direction:column;gap:1.5rem;padding-block:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .card-header{grid-auto-rows:min-content;gap:.375rem;padding-inline:1.5rem;display:grid}.site .card-header:has(+.card-content){padding-bottom:1.5rem}.site .card-title{margin:0;font-weight:600;line-height:1}.site .card-description{color:var(--muted-foreground);margin:0;font-size:.875rem}.site .card-action{place-self:start end}.site .card-content{padding-inline:1.5rem}.site .card-footer{align-items:center;padding-inline:1.5rem;display:flex}.site .input-otp{align-items:center;gap:.5rem;display:flex;position:relative}.site .input-otp:has(input:disabled){opacity:.5}.site .input-otp input:disabled{cursor:not-allowed}.site .input-otp-input{opacity:0;caret-color:#0000;background:0 0;border:none;width:100%;height:100%;font-size:1rem;position:absolute;inset:0}.site .input-otp-group{align-items:center;display:flex}.site .input-otp-separator svg{width:1rem;height:1rem}.site .input-otp-slot{border:1px solid var(--input);outline-offset:2px;border-left-width:0;outline:2px solid #0000;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.site .input-otp-slot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .input-otp-slot:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);border-left-width:1px}.site .input-otp-slot:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.site .input-otp-slot[data-active=true]{z-index:10;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 50%, transparent)}.site .input-otp-slot[aria-invalid=true]{border-color:var(--destructive)}.site .input-otp-caret{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.site .input-otp-caret-blink{background:var(--foreground);width:1px;height:1rem;animation:1s ease-in-out infinite site-caret-blink}@keyframes site-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.site .tooltip-content{z-index:50;border-radius:calc(var(--radius) - 2px);background:var(--foreground);width:fit-content;color:var(--background);text-wrap:balance;border:none;margin:0;padding:.375rem .75rem;font-size:.75rem;animation:.1s ease-out site-fade-in;position:fixed;inset:auto;overflow:visible}.site .tooltip-arrow{background:var(--foreground);border-radius:2px;width:.625rem;height:.625rem;position:absolute;transform:rotate(45deg)}.site .tooltip-arrow[data-side=top]{bottom:-.1875rem;left:calc(50% - .3125rem)}.site .tooltip-arrow[data-side=bottom]{top:-.1875rem;left:calc(50% - .3125rem)}.site .tooltip-arrow[data-side=right]{top:calc(50% - .3125rem);left:-.1875rem}.site .tooltip-arrow[data-side=left]{top:calc(50% - .3125rem);right:-.1875rem}@keyframes site-fade-in{0%{opacity:0}to{opacity:1}}.site .sheet-content{background:var(--background);max-width:none;max-height:none;color:inherit;transition:transform .3s ease-in-out, display .3s ease-in-out allow-discrete, overlay .3s ease-in-out allow-discrete;border:none;gap:1rem;margin:0;padding:0;position:fixed;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .sheet-content[open]{flex-direction:column;display:flex}.site .sheet-content::backdrop{transition:opacity .3s ease-in-out, display .3s ease-in-out allow-discrete, overlay .3s ease-in-out allow-discrete;background:#000c}.site .sheet-content[open]::backdrop{opacity:1}@starting-style{.site .sheet-content[open]::backdrop{opacity:0}}.site .sheet-content:not([open])::backdrop{opacity:0}.site .sheet-content[data-side=right]{border-left:1px solid var(--border);width:75%;max-width:24rem;height:100%;inset:0 0 0 auto;transform:translate(100%)}.site .sheet-content[data-side=right][open]{transform:translate(0)}@starting-style{.site .sheet-content[data-side=right][open]{transform:translate(100%)}}.site .sheet-content[data-side=left]{border-right:1px solid var(--border);width:75%;max-width:24rem;height:100%;inset:0 auto 0 0;transform:translate(-100%)}.site .sheet-content[data-side=left][open]{transform:translate(0)}@starting-style{.site .sheet-content[data-side=left][open]{transform:translate(-100%)}}.site .sheet-content[data-side=bottom]{border-top:1px solid var(--border);width:100%;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.site .sheet-content[data-side=bottom][open]{transform:translateY(0)}@starting-style{.site .sheet-content[data-side=bottom][open]{transform:translateY(100%)}}.site .sheet-content[data-side=top]{border-bottom:1px solid var(--border);width:100%;max-height:85dvh;inset:0 0 auto;overflow-y:auto;transform:translateY(-100%)}.site .sheet-content[data-side=top][open]{transform:translateY(0)}@starting-style{.site .sheet-content[data-side=top][open]{transform:translateY(-100%)}}.site .sheet-header{text-align:center;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.site .sheet-title{color:var(--foreground);font-weight:600}.site .sheet-description{color:var(--muted-foreground);font-size:.875rem}.site .sheet-close{opacity:.7;outline-offset:2px;border-radius:2px;outline:2px solid #0000;transition:opacity .15s;position:absolute;top:1rem;right:1rem}.site .sheet-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .sheet-close:hover{opacity:1}.site .sheet-close svg{width:1rem;height:1rem}.site .dropdown-menu-content a,.site .dropdown-menu-content button{display:block}.site .dropdown-menu-content{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--popover);min-width:8rem;max-height:calc(100dvh - 1rem);color:var(--popover-foreground);outline:none;margin:0;padding:.5rem;animation:.1s ease-out site-fade-in;position:fixed;inset:auto;overflow:hidden auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.site .dropdown-menu-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:2px;outline:none;padding:.625rem .5rem;font-size:.875rem;display:block;position:relative}.site .dropdown-menu-item+.site .dropdown-menu-item{margin-top:.125rem}.site .dropdown-menu-item:focus{background:var(--accent);color:var(--accent-foreground)}.site .dropdown-menu-item[data-disabled]{pointer-events:none;opacity:.5}.site .dropdown-menu-item[data-inset]{padding-left:2rem}.site .dropdown-menu-item[data-variant=destructive]{color:var(--destructive)}.site .dropdown-menu-item[data-variant=destructive]:focus{background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive)}.site .dropdown-menu-label{padding:.375rem .5rem;font-size:.875rem;font-weight:500}.site .dropdown-menu-label[data-inset]{padding-left:2rem}.site .dropdown-menu-separator{background:var(--border);height:1px;margin-block:.25rem;margin-inline:-.5rem}.site .dialog-content{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);width:100%;max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);color:inherit;gap:1rem;margin:0;padding:1.5rem;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .dialog-content[open]{animation:.2s ease-out site-dialog-in;display:grid}.site .dialog-content[open]::backdrop{background:#000c;animation:.2s ease-out site-fade-in}@media (width>=40rem){.site .dialog-content{max-width:32rem}}.site .dialog-close{opacity:.7;outline-offset:2px;border-radius:2px;outline:2px solid #0000;transition:opacity .15s;position:absolute;top:1rem;right:1rem}.site .dialog-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .dialog-close:hover{opacity:1}.site .dialog-close svg{width:1rem;height:1rem}.site .dialog-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}@media (width>=40rem){.site .dialog-header{text-align:left}}.site .dialog-footer{flex-direction:column-reverse;gap:.5rem;display:flex}@media (width>=40rem){.site .dialog-footer{flex-direction:row;justify-content:flex-end}}.site .dialog-title{font-size:1.125rem;font-weight:600;line-height:1}.site .dialog-description{color:var(--muted-foreground);font-size:.875rem}body:has(.dialog-content[open],.sheet-content[open]){overflow:hidden}@keyframes site-dialog-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.site .toaster{bottom:calc(1rem + env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column;gap:.5rem;width:min(100% - 2rem,22rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.site .toaster-item{pointer-events:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .toaster-item p{flex:1}.site .toaster-item[data-type=success]>.toaster-icon{color:var(--primary)}.site .toaster-item[data-type=error]>.toaster-icon{color:var(--destructive)}.site .toaster-item[data-type=warning]>.toaster-icon,.site .toaster-item[data-type=info]>.toaster-icon{color:var(--muted-foreground)}.site .toaster-icon{flex-shrink:0;width:1rem;height:1rem}.site .toaster-close{color:var(--muted-foreground);opacity:.7;outline-offset:2px;border-radius:2px;outline:2px solid #0000;transition:opacity .15s}.site .toaster-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .toaster-close:hover{opacity:1}.site .toaster-enter-from,.site .toaster-leave-to{opacity:0;transform:translateY(.5rem)}.site .public-footer{border-top:1px solid var(--border)}.site .public-footer-row{max-width:64rem;color:var(--muted-foreground);flex-direction:column;gap:1rem;margin-inline:auto;padding:2rem 1rem;font-size:.875rem;display:flex}@media (width>=40rem){.site .public-footer-row{flex-direction:row;justify-content:space-between;align-items:center}}.site .public-footer-nav{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.site .public-footer-nav a:hover{color:var(--foreground)}.site .user-info-avatar{border-radius:calc(var(--radius) - 2px);width:2rem;height:2rem;overflow:hidden}.site .user-info-avatar-fallback{border-radius:calc(var(--radius) - 2px);color:var(--foreground)}.site .user-info-text{text-align:left;flex:1;font-size:.875rem;line-height:1.25;display:grid}.site .user-info-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.site .user-info-email{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-size:.75rem;overflow:hidden}.site .user-menu-label{padding:0;font-weight:400}.site .user-menu-label-row{text-align:left;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:flex}.site .skip-link{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site .skip-link:focus{z-index:50;clip:auto;white-space:normal;border-radius:calc(var(--radius) - 2px);background:var(--primary);width:auto;height:auto;color:var(--primary-foreground);padding:.5rem 1rem;font-size:.875rem;font-weight:500;position:fixed;top:.5rem;left:.5rem;overflow:visible}.site .site-menu-trigger{border-radius:9999px;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;display:flex}.site .site-menu-trigger:hover{background:var(--muted)}.site .site-menu-trigger svg{width:1.25rem;height:1.25rem}.site .site-menu-trigger{margin-right:-.5rem}.site .site-menu-content{width:13rem}.site .locale-menu-trigger{border-radius:9999px;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;display:flex}.site .locale-menu-trigger:hover{background:var(--muted)}.site .locale-menu-trigger svg{width:1.25rem;height:1.25rem}.site .locale-menu-content{min-width:8rem}.site .alert-error-list{margin:0;padding:0;font-size:.875rem;list-style-type:disc;list-style-position:inside}.site .input-error{color:var(--destructive);font-size:.875rem}.site .text-link{color:var(--foreground);text-underline-offset:4px;-webkit-text-decoration:underline #d4d4d4;text-decoration:underline #d4d4d4;transition:text-decoration-color .3s ease-out}.site .text-link:hover{text-decoration-color:currentColor}.site .password-input{position:relative}.site .password-input-toggle{inset-block:0;border-radius:0 calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0;color:var(--muted-foreground);outline-offset:2px;outline:2px solid #0000;align-items:center;padding-inline:.75rem;display:flex;position:absolute;right:0}.site .password-input-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .password-input-toggle:hover{color:var(--foreground)}.site .password-input-toggle svg{width:1rem;height:1rem}.site .screenshot{width:100%;height:auto;display:block}.site .placeholder-pattern{width:100%;height:100%;stroke:color-mix(in srgb, var(--foreground) 20%, transparent);position:absolute;inset:0}.site .mobile-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.site .mobile-header-row{align-items:center;gap:.25rem;max-width:36rem;margin-inline:auto;padding:.75rem .5rem;display:flex}@media (width>=64rem){.site .mobile-header-row{max-width:64rem}}.site .mobile-header-row h1,.site .mobile-header-row p{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:600;overflow:hidden}.site .mobile-header-back{border-radius:9999px;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem;display:flex}.site .mobile-header-back:hover{background:var(--muted)}.site .mobile-header-back svg{width:1.25rem;height:1.25rem}.site .mobile-header-actions{align-items:center;gap:.25rem;display:flex}.site .mobile-header-logo{border-radius:calc(var(--radius) - 2px);flex-shrink:0;width:2rem;height:2rem}.site .heading{margin-bottom:2rem}.site .heading h2{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:600}.site .heading p{color:var(--muted-foreground);margin-top:.125rem;font-size:.875rem}.site .heading[data-variant=small]{margin-bottom:0}.site .heading[data-variant=small] h2{margin-bottom:.125rem;font-size:1rem;font-weight:500}.site .faq-list{border-top:1px solid var(--border)}.site .faq-item{border-bottom:1px solid var(--border)}.site .faq-item summary{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding-block:.75rem;font-weight:500;list-style:none;display:flex}.site .faq-item summary::-webkit-details-marker{display:none}.site .faq-item summary svg{width:1.25rem;height:1.25rem;color:var(--muted-foreground);flex-shrink:0;transition:transform .2s ease-out}.site .faq-item[open] summary svg{transform:rotate(180deg)}.site .faq-item p{color:var(--muted-foreground);text-align:left;margin:0 0 1rem;font-size:.875rem;line-height:1.65}.site .entry-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);align-items:flex-start;gap:.875rem;padding:.875rem 1rem;display:flex}.site .entry-row-compact{padding-block:.75rem}.site .entry-play-button{background:color-mix(in srgb, var(--primary) 10%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.site .entry-play-button:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}.site .entry-play-button[data-playing=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .entry-play-icon{width:1.25rem;height:1.25rem;margin-left:.125rem}.site .entry-no-audio{background:color-mix(in srgb, var(--muted) 50%, transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.site .entry-no-audio svg{width:1rem;height:1rem;color:color-mix(in srgb, var(--muted-foreground) 40%, transparent)}.site .entry-text{flex:1;min-width:0}.site .entry-header-row{flex:1;justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.site .entry-translation{font-size:1rem;font-weight:600;line-height:1.375}.site .entry-translation-sm{font-size:.875rem}.site .entry-translation-empty{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);font-style:italic}.site .entry-thai-row{flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;margin-top:.25rem;display:flex}.site .entry-thai-text{color:var(--muted-foreground);font-size:.875rem}.site .entry-romanization{color:color-mix(in srgb, var(--muted-foreground) 85%, transparent);font-size:.75rem}.site .entry-ipa{color:color-mix(in srgb, var(--muted-foreground) 90%, transparent);font-size:.75rem}.site .entry-note{text-align:left;width:100%;color:var(--muted-foreground);outline-offset:2px;outline:2px solid #0000;align-items:flex-start;gap:.25rem;margin-top:.25rem;font-size:.75rem;font-style:italic;display:flex}.site .entry-note:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .entry-note-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.site .entry-note-chevron{flex-shrink:0;width:.875rem;height:.875rem;margin-top:.125rem;transition:transform .15s}.site .entry-note[data-expanded=true] .entry-note-text{display:block;overflow:visible}.site .entry-note[data-expanded=true] .entry-note-chevron{transform:rotate(180deg)}.site .entry-type{border-radius:calc(var(--radius) - 4px);background:var(--muted);color:var(--muted-foreground);flex-shrink:0;padding:.125rem .375rem;font-size:.75rem}.site .audio-rate-toggle{flex-shrink:0;align-items:center;gap:.25rem;display:inline-flex;position:relative}.site .audio-rate-toggle:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .audio-rate-toggle{background:var(--muted);font-variant-numeric:tabular-nums;color:var(--muted-foreground);border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;transition:background-color .15s}.site .audio-rate-toggle:hover{background:color-mix(in srgb, var(--muted) 80%, transparent)}.site .audio-rate-toggle[data-active=true]{background:var(--primary);color:var(--primary-foreground)}.site .audio-rate-toggle svg{width:1rem;height:1rem}.site .offline-banner{z-index:30;background:var(--muted);text-align:center;color:var(--muted-foreground);padding:.375rem 1rem;font-size:.75rem;position:sticky;top:0}.site{--tab-bar-height:3.5rem}.site .tab-bar{inset-inline:0;z-index:20;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--background);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}.site .tab-bar-link{outline-offset:2px;outline:2px solid #0000;min-width:0;display:flex}.site .tab-bar-link{color:var(--muted-foreground);outline-offset:2px;outline:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.375rem .25rem;font-size:.75rem;text-decoration:none}.site .tab-bar-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .tab-bar-link[data-active=true]{color:var(--primary);font-weight:600}.site .tab-bar-link svg{flex-shrink:0;width:1.375rem;height:1.375rem}.site .tab-bar-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.site.mobile-page[data-tab-bar=true]{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}.site .locale-switcher-item{color:var(--muted-foreground)}.site .locale-switcher-item[data-active]{color:var(--foreground);font-weight:500}.site .passkey-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.site .passkey-item:last-child{border-bottom:none}.site .passkey-item-info{align-items:center;gap:1rem;display:flex}.site .passkey-item-icon{border-radius:var(--radius);background:var(--muted);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.site .passkey-item-icon svg{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.site .passkey-item-details{flex-direction:column;gap:.25rem;display:flex}.site .passkey-item-name-row{align-items:center;gap:.625rem;display:flex}.site .passkey-item-name{letter-spacing:-.01em;font-weight:500}.site .passkey-item-authenticator{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--muted);letter-spacing:.02em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.site .passkey-item-meta{color:var(--muted-foreground);font-size:.875rem}.site .passkey-item-meta-separator{color:color-mix(in srgb, var(--muted-foreground) 50%, transparent);margin-inline:.25rem}.site .passkey-item-remove{color:var(--destructive)}.site .passkey-item-remove:hover{background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive)}.site .passkey-register-unsupported{color:var(--muted-foreground);font-size:.875rem}.site .passkey-register-form{border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 50%, transparent);flex-direction:column;gap:1rem;padding:1rem;display:flex}.site .passkey-register-field{gap:.5rem;display:grid}.site .passkey-register-hint{color:var(--muted-foreground);font-size:.75rem}.site .passkey-register-actions{gap:.5rem;display:flex}.site .passkey-verify-field{gap:.5rem;display:grid}.site .passkey-verify-button{width:100%}.site .passkey-verify-button svg{width:1rem;height:1rem}.site .passkey-verify-error{text-align:center}.site .passkey-verify-divider{justify-content:center;margin-block:1.5rem;display:flex;position:relative}.site .passkey-verify-divider-line{width:100%;position:absolute;top:50%}.site .passkey-verify-divider-label{background:var(--background);text-transform:uppercase;color:var(--muted-foreground);padding-inline:.5rem;font-size:.75rem;position:relative}.site .delete-user{flex-direction:column;gap:1.5rem;display:flex}.site .delete-user-warning{border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;flex-direction:column;gap:1rem;padding:1rem;display:flex}.site .delete-user-warning-text{color:#dc2626;flex-direction:column;gap:.125rem;display:flex}.site .delete-user-warning-text p:first-child{font-weight:500}.site .delete-user-warning-text p:last-child{font-size:.875rem}.site .delete-user-form{flex-direction:column;gap:1.5rem;display:flex}.site .delete-user-field{gap:.5rem;display:grid}.site .manage-passkeys{flex-direction:column;gap:1.5rem;display:flex}.site .manage-passkeys-list{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.site .manage-passkeys-empty{text-align:center;padding:2rem}.site .manage-passkeys-empty-icon{margin-inline:auto;border-radius:var(--radius);background:var(--muted);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;display:flex}.site .manage-passkeys-empty-icon svg{width:1.75rem;height:1.75rem;color:var(--muted-foreground)}.site .manage-passkeys-empty-title{font-weight:500}.site .manage-passkeys-empty-description{color:var(--muted-foreground);margin-top:.25rem;font-size:.875rem}.site .manage-two-factor{flex-direction:column;gap:1.5rem;display:flex}.site .manage-two-factor-panel{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.site .manage-two-factor-description{color:var(--muted-foreground);font-size:.875rem}.site .recovery-codes-card{width:100%}.site .recovery-codes-title{align-items:center;gap:.75rem;display:flex}.site .recovery-codes-title svg{width:1rem;height:1rem}.site .recovery-codes-actions{-webkit-user-select:none;user-select:none;flex-direction:column;gap:.75rem;display:flex}@media (width>=40rem){.site .recovery-codes-actions{flex-direction:row;justify-content:space-between;align-items:center}}.site .recovery-codes-toggle{width:fit-content}.site .recovery-codes-toggle svg{width:1rem;height:1rem}.site .recovery-codes-panel{opacity:0;height:0;transition:height .3s,opacity .3s;position:relative;overflow:hidden}.site .recovery-codes-panel[data-visible=true]{opacity:1;height:auto}.site .recovery-codes-error{margin-top:1.5rem}.site .recovery-codes-content{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.site .recovery-codes-list{border-radius:var(--radius);background:var(--muted);gap:.25rem;padding:1rem;font-family:ui-monospace,monospace;font-size:.875rem;display:grid}.site .recovery-codes-skeleton{flex-direction:column;gap:.5rem;display:flex}.site .recovery-codes-skeleton-line{border-radius:calc(var(--radius) - 4px);background:color-mix(in srgb, var(--muted-foreground) 20%, transparent);height:1rem;animation:1.5s ease-in-out infinite site-pulse}.site .recovery-codes-hint{color:var(--muted-foreground);-webkit-user-select:none;user-select:none;font-size:.75rem}.site .recovery-codes-hint-bold{font-weight:700}@keyframes site-pulse{0%,to{opacity:1}50%{opacity:.5}}.site .two-factor-modal{max-width:28rem}.site .two-factor-modal-header{flex-direction:column;justify-content:center;align-items:center;display:flex}.site .two-factor-modal-badge{border:1px solid var(--border);background:var(--card);border-radius:9999px;width:auto;margin-bottom:.75rem;padding:.125rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .two-factor-modal-badge-inner{border:1px solid var(--border);background:var(--muted);border-radius:9999px;padding:.625rem;position:relative;overflow:hidden}.site .two-factor-modal-grid{opacity:.5;display:grid;position:absolute;inset:0}.site .two-factor-modal-grid-cols{grid-template-columns:repeat(5,1fr)}.site .two-factor-modal-grid-rows{grid-template-rows:repeat(5,1fr)}.site .two-factor-modal-grid-line-v{border-right:1px solid var(--border)}.site .two-factor-modal-grid-line-v:last-child{border-right:none}.site .two-factor-modal-grid-line-h{border-bottom:1px solid var(--border)}.site .two-factor-modal-grid-line-h:last-child{border-bottom:none}.site .two-factor-modal-badge-icon{z-index:20;width:1.5rem;height:1.5rem;color:var(--foreground);position:relative}.site .two-factor-modal-body{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:auto;display:flex;position:relative}.site .two-factor-qr-wrap{align-items:center;max-width:28rem;margin-inline:auto;display:flex;overflow:hidden}.site .two-factor-qr-frame{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--border);width:16rem;margin-inline:auto;position:relative;overflow:hidden}.site .two-factor-qr-loading{z-index:10;background:var(--background);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.site .two-factor-qr-loading svg{width:1.5rem;height:1.5rem}.site .two-factor-qr-image{z-index:10;border:1px solid var(--border);padding:1.25rem;position:relative;overflow:hidden}.site .two-factor-qr-svg{aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.site .two-factor-modal-continue{width:100%}.site .two-factor-modal-divider{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.site .two-factor-modal-divider:before{content:"";background:var(--border);width:100%;height:1px;position:absolute;inset:50% 0 0}.site .two-factor-modal-divider span{background:var(--card);padding:.25rem .5rem;font-size:.875rem;position:relative}.site .two-factor-manual-key{border-radius:var(--radius);border:1px solid var(--border);align-items:stretch;width:100%;display:flex;overflow:hidden}.site .two-factor-manual-key-loading{background:var(--muted);justify-content:center;align-items:center;width:100%;padding:.75rem;display:flex}.site .two-factor-manual-key-input{background:var(--background);width:100%;color:var(--foreground);border:none;padding:.75rem}.site .two-factor-manual-key-copy{border-left:1px solid var(--border);height:auto;padding-inline:.75rem;display:block;position:relative}.site .two-factor-manual-key-copy:hover{background:var(--muted)}.site .two-factor-manual-key-copy svg{width:1rem;height:1rem}.site .two-factor-manual-key-copied{color:#22c55e}.site .two-factor-verify{flex-direction:column;gap:.75rem;width:100%;display:flex;position:relative}.site .two-factor-verify-otp{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;padding-block:.5rem;display:flex}.site .two-factor-verify-actions{align-items:center;gap:1.25rem;width:100%;display:flex}.site .two-factor-verify-actions .button{flex:1;width:auto}.site .pronunciation-sheet{border-top-left-radius:1rem;border-top-right-radius:1rem}.site .pronunciation-recorder{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 1rem 1.5rem;display:flex}.site .pronunciation-instructions{color:var(--muted-foreground);font-size:.875rem}.site .pronunciation-record-button{background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;transition:background-color .15s;display:inline-flex}.site .pronunciation-record-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .pronunciation-record-button:hover{background:color-mix(in srgb, var(--primary) 90%, black)}.site .pronunciation-record-button:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring)}.site .pronunciation-record-button[data-recording=true]{background:var(--destructive);color:var(--destructive-foreground);animation:1.5s ease-in-out infinite pronunciation-pulse}@media (prefers-reduced-motion:reduce){.site .pronunciation-record-button[data-recording=true]{animation:none}}.site .pronunciation-record-button svg{width:1.25rem;height:1.25rem}.site .pronunciation-visualizer{width:100%;max-width:16rem;height:3rem;color:var(--primary)}.site .pronunciation-elapsed{font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-size:.75rem}.site .pronunciation-status{min-height:1.5rem;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.site .pronunciation-error{color:var(--destructive);font-size:.875rem}.site .pronunciation-result{flex-direction:column;align-items:center;gap:.5rem;display:flex}.site .pronunciation-score{color:var(--muted-foreground);align-items:baseline;gap:.25rem;display:flex}.site .pronunciation-score strong{color:var(--foreground);font-size:2.25rem;font-weight:700}.site .pronunciation-score[data-level=good] strong{color:var(--success)}.site .pronunciation-score[data-level=low] strong{color:var(--destructive)}.site .pronunciation-feedback{font-weight:600}.site .pronunciation-tip{color:var(--muted-foreground);font-size:.875rem}.site .pronunciation-transcript{color:var(--muted-foreground);font-size:.75rem}.site .pronunciation-retry{border:1px solid var(--border);background:var(--card);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;min-height:2.75rem;margin-top:.25rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .15s}.site .pronunciation-retry:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .pronunciation-retry:hover{background:var(--muted)}.site .pronunciation-quota,.site .pronunciation-quota-empty{color:var(--muted-foreground);font-size:.75rem}.site .pronunciation-locked{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 1rem 1.5rem;display:flex}.site .pronunciation-locked svg{width:1.5rem;height:1.5rem;color:var(--muted-foreground)}.site .pronunciation-locked p{color:var(--muted-foreground);font-size:.875rem}.site .pronunciation-locked a{background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;align-items:center;padding:.625rem 1.25rem;font-weight:600;transition:background-color .15s;display:inline-flex}.site .pronunciation-locked a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .pronunciation-locked a:hover{background:color-mix(in srgb, var(--primary) 90%, black)}.site .pronunciation-locked a:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring)}@keyframes pronunciation-pulse{50%{opacity:.75}}.site.auth-layout{background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100svh;padding:1.5rem;display:flex}@media (width>=48rem){.site.auth-layout{padding:2.5rem}}.site .auth-panel{width:100%;max-width:24rem}.site .auth-panel-inner{flex-direction:column;gap:2rem;display:flex}.site .auth-back-link{color:var(--muted-foreground);border-radius:var(--radius);align-self:flex-start;align-items:center;gap:.5rem;margin-left:-.75rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .15s ease-in-out;display:flex}.site .auth-back-link:hover,.site .auth-back-link:focus{color:var(--foreground);background-color:var(--background)}.site .auth-back-link:focus{outline:2px solid var(--primary);outline-offset:2px}.site .auth-back-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.site .auth-brand{flex-direction:column;align-items:center;gap:1rem;display:flex}.site .auth-brand-link{flex-direction:column;align-items:center;gap:.5rem;font-weight:500;display:flex}.site .auth-brand-mark{border-radius:calc(var(--radius) - 2px);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.25rem;display:flex}.site .auth-brand-icon{width:2.25rem;height:2.25rem;color:var(--foreground)}.site .auth-brand-text{text-align:center;flex-direction:column;gap:.5rem;display:flex}.site .auth-brand-text h1{margin:0;font-size:1.25rem;font-weight:500}.site .auth-brand-text p{color:var(--muted-foreground);font-size:.875rem}.site .settings-layout{max-width:36rem;margin-inline:auto;padding:1.5rem 1rem}@media (width>=64rem){.site .settings-layout{max-width:51rem}}.site .settings-layout-body{flex-direction:column;display:flex}@media (width>=64rem){.site .settings-layout-body{flex-direction:row;gap:3rem}}.site .settings-nav{width:100%;margin-bottom:1.5rem}@media (width>=64rem){.site .settings-nav{width:12rem;margin-bottom:0}}.site .settings-nav nav{background:var(--muted);border-radius:9999px;gap:.25rem;padding:.25rem;display:flex}@media (width>=64rem){.site .settings-nav nav{background:0 0;border-radius:0;flex-direction:column;padding:0}}.site .settings-nav-item{outline-offset:2px;border-radius:9999px;outline:2px solid #0000;flex:1;justify-content:center;min-height:2.75rem}.site .settings-nav-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .settings-nav-item[data-active=true],.site .settings-nav-item[data-active=true]:hover{background:var(--background);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}@media (width>=64rem){.site .settings-nav-item{border-radius:calc(var(--radius) - 2px);flex:none;justify-content:flex-start;width:100%}.site .settings-nav-item[data-active=true],.site .settings-nav-item[data-active=true]:hover{background:var(--muted);box-shadow:none}}.site .settings-nav-item svg{width:1rem;height:1rem}.site .settings-content{flex:1}.site .settings-content section{flex-direction:column;gap:3rem;max-width:36rem;display:flex}.site .settings-panel{flex-direction:column;gap:1.5rem;display:flex}.site .settings-field{gap:.5rem;display:grid}.site .settings-actions{align-items:center;gap:1rem;display:flex}.site .settings-toggle-row{align-items:flex-start;gap:.75rem;display:flex}.site .settings-toggle-row label{cursor:pointer}.site .settings-toggle-hint{color:var(--muted-foreground);margin-top:.25rem;font-size:.875rem}.site .billing-banner{border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.site .billing-banner[data-variant=required]{border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);background:color-mix(in srgb, var(--brand) 8%, transparent)}.site .billing-banner[data-variant=success]{border:1px solid color-mix(in srgb, var(--success) 35%, transparent);background:color-mix(in srgb, var(--success) 8%, transparent)}.site .billing-banner[data-variant=trial]{border:1px solid var(--border);background:var(--muted)}.site .billing-banner-title{font-size:1rem;font-weight:600}.site .billing-cta{border-radius:calc(var(--radius) - 2px);background:var(--success);color:var(--success-foreground);align-items:center;margin-top:.25rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.site .billing-card{border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--brand);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex}.site .billing-plan{font-weight:500}.site .billing-price{color:var(--brand);font-size:1.5rem;font-weight:700}.site .billing-plan-choice{border:0;grid-template-columns:1fr 1fr;align-self:stretch;gap:.5rem;margin:0;padding:0;display:grid}.site .billing-plan-choice legend{margin-bottom:.5rem;padding:0;font-size:.875rem;font-weight:600}.site .billing-plan-choice label{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);cursor:pointer;flex-direction:column;gap:.125rem;padding:.75rem;display:flex;position:relative}.site .billing-plan-choice label[data-selected=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, transparent)}.site .billing-plan-choice label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.site .billing-plan-choice input{opacity:0;width:1px;height:1px;position:absolute}.site .billing-plan-name{font-size:.875rem;font-weight:600}.site .billing-plan-price{color:var(--brand);font-weight:700}.site .billing-plan-note{color:var(--muted-foreground);font-size:.75rem}.site .billing-includes{flex-direction:column;gap:.375rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.site .billing-includes li{align-items:baseline;gap:.5rem;display:flex}.site .billing-includes li:before{content:"✓";color:var(--brand);font-weight:700}.site .billing-subscribe{background:var(--brand);color:var(--brand-foreground)}.site .billing-subscribe:hover{background:color-mix(in srgb, var(--brand) 90%, black)}.site .billing-processing{align-items:flex-start;gap:.75rem;font-size:.875rem;display:flex}.site .billing-processing-hint{color:var(--muted-foreground)}.site .billing-status{color:var(--muted-foreground);font-size:.875rem}.site .billing-status[data-state=trialing],.site .billing-status[data-state=active]{color:var(--success)}.site .billing-status[data-state=past_due],.site .billing-status[data-state=paused]{color:var(--destructive)}.site .billing-actions{flex-wrap:wrap;gap:.5rem;display:flex}.site .auth-status{text-align:center;color:#16a34a;margin-bottom:1rem;font-size:.875rem;font-weight:500}.site .auth-stack,.site .auth-form{flex-direction:column;gap:1.5rem;display:flex}.site .auth-fields{gap:1.5rem;display:grid}.site .auth-field{gap:.5rem;display:grid}.site .auth-field-row{justify-content:space-between;align-items:center;display:flex}.site .auth-remember-row{align-items:center;gap:.75rem;display:flex}.site .auth-remember-label{cursor:pointer}.site .auth-submit{width:100%}.site .auth-forgot-submit{justify-content:flex-start;align-items:center;margin-block:1.5rem;display:flex}.site .auth-confirm-submit{align-items:center;display:flex}.site .auth-footer{text-align:center;color:var(--muted-foreground);font-size:.875rem}.site .two-factor-challenge-form{flex-direction:column;gap:1rem;display:flex}.site .two-factor-challenge-otp{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.site .two-factor-challenge-otp-row{justify-content:center;align-items:center;width:100%;display:flex}.site .mobile-page{background:var(--background);min-height:100dvh;color:var(--foreground)}.site .mobile-page-content{flex-direction:column;gap:1.5rem;max-width:36rem;margin-inline:auto;padding:1.25rem 1rem;display:flex}.site .entity-list{flex-direction:column;gap:.5rem;display:flex}.site .entity-list-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.site .entity-list-item:hover{background:color-mix(in srgb, var(--muted) 40%, transparent)}.site .entity-list-item-text{min-width:0}.site .entity-list-item-title{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.site .entity-list-item-meta{color:var(--muted-foreground);font-size:.75rem}.site .entity-list-item-delete{color:#ef4444;flex-shrink:0;font-size:.75rem;position:relative}.site .entity-list-item-delete:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .entity-list-item-delete:hover{color:#b91c1c;text-decoration:underline}.site .entity-list-item-delete:disabled{opacity:.5;text-decoration:none}.site .entity-list-empty{text-align:center;color:var(--muted-foreground);padding-block:1.5rem;font-size:.875rem}.site .empty-guide{border:1px dashed color-mix(in srgb, var(--brand) 40%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 4%, transparent);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem;padding:1.5rem 1rem;display:flex}.site .empty-guide-title{font-weight:600}.site .empty-guide p{color:var(--muted-foreground);font-size:.875rem}.site .empty-guide-cta{border-radius:calc(var(--radius) - 2px);background:var(--brand);color:var(--brand-foreground);align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.site .list-rename{color:var(--primary);flex-shrink:0;padding-inline:.5rem;font-size:.75rem;position:relative}.site .list-rename:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .list-rename:hover{text-decoration:underline}.site .list-rename:disabled{opacity:.5;text-decoration:none}.site .list-rename-form{flex-direction:column;gap:1rem;display:flex}.site .list-rename-field{flex-direction:column;gap:.5rem;display:flex}.site .list-create-row{align-items:flex-start;gap:.5rem;display:flex}.site .list-create-field{flex:1}.site .list-create-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);outline-offset:2px;outline:2px solid #0000;width:100%;padding:.625rem 1rem;font-size:.875rem}.site .list-create-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .list-create-input[data-invalid=true]{border-color:#ef4444}.site .list-create-error{color:#ef4444;margin-top:.25rem;font-size:.75rem}.site .list-create-submit{border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);padding:.625rem 1rem;font-size:.875rem;font-weight:500}.site .list-create-submit:hover{background:color-mix(in srgb, var(--primary) 90%, transparent)}.site .list-create-submit:disabled{opacity:.5}.site .list-quiz-launch{flex-direction:column;gap:.25rem;display:flex}.site .list-quiz-button{border-radius:var(--radius);background:var(--brand);width:100%;color:var(--brand-foreground);padding:.75rem 1rem;font-size:1rem;font-weight:600}.site .list-quiz-button:hover{background:color-mix(in srgb, var(--brand) 90%, #000)}.site .list-quiz-button:disabled{opacity:.5}.site .list-quiz-hint{color:var(--muted-foreground);font-size:.75rem}.site .list-quiz-error{color:#ef4444;font-size:.75rem}.site .list-section{flex-direction:column;gap:.5rem;display:flex}.site .list-section-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.site .list-section-actions{align-items:center;gap:.5rem;display:flex}.site .list-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.75rem;font-weight:600}.site .list-empty{text-align:center;color:var(--muted-foreground);padding-block:1rem;font-size:.875rem}.site .list-add-trigger{border:1px dashed color-mix(in srgb, var(--primary) 40%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--primary) 4%, transparent);width:100%;color:var(--primary);outline-offset:2px;outline:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.site .list-add-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .list-add-trigger:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.site .list-add-trigger:disabled{opacity:.5}.site .list-add-trigger svg{width:1.125rem;height:1.125rem}.site .list-add-sheet{border-top-left-radius:1rem;border-top-right-radius:1rem;height:60dvh}.site .list-add-body{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:0 1rem 1rem;display:flex}.site .list-add-results{overscroll-behavior:contain;flex-direction:column;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.site .list-search-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);outline-offset:2px;outline:2px solid #0000;width:100%;padding:.5rem 1rem;font-size:.875rem}.site .list-search-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .list-search-status,.site .list-search-empty{color:var(--muted-foreground);font-size:.875rem}.site .entry-remove{color:#ef4444;flex-shrink:0;font-size:.75rem;position:relative}.site .entry-remove:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .entry-remove:hover{color:#b91c1c;text-decoration:underline}.site .entry-remove:disabled{opacity:.5;text-decoration:none}.site .list-search-input:disabled{opacity:.5}.site .entry-add{background:color-mix(in srgb, var(--primary) 10%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site .entry-add:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}.site .entry-add svg{width:1.25rem;height:1.25rem}.site .quiz-score-badge{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.site .quiz-status-badge{background:var(--muted);color:var(--muted-foreground);border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem}.site .quiz-play{background:var(--background);color:var(--foreground);flex-direction:column;display:flex}.site .quiz-progress{width:100%;max-width:36rem;margin-inline:auto;padding:.75rem 1rem}.site .quiz-header-progress{color:var(--muted-foreground);margin-bottom:.375rem;font-size:.75rem}.site .quiz-progress-track{background:var(--muted);border-radius:9999px;height:.25rem}.site .quiz-progress-bar{background:var(--brand);height:.25rem;transition:width .2s}.site .quiz-question{flex-direction:column;flex:1;width:100%;max-width:36rem;margin-inline:auto;padding:1.5rem 1rem;display:flex}.site .quiz-listen{flex-direction:column;align-items:center;gap:.75rem;padding-block:2rem;display:flex}.site .quiz-play-button{background:var(--primary);width:6rem;height:6rem;color:var(--primary-foreground);border-radius:9999px;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .quiz-play-button:active{transform:scale(.95)}.site .quiz-play-button:disabled{opacity:.4}.site .quiz-play-icon{width:2.5rem;height:2.5rem;margin-left:.25rem}.site .quiz-listen-hint{color:var(--muted-foreground);font-size:.875rem}.site .quiz-choices{flex-direction:column;gap:.75rem;display:flex}.site .quiz-choice{border-radius:var(--radius);outline-offset:2px;outline:2px solid #0000;width:100%}.site .quiz-choice:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .quiz-choice{border:1px solid var(--border);background:var(--card);text-align:left;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .15s}.site .quiz-choice:hover:not(:disabled){background:color-mix(in srgb, var(--muted) 40%, transparent)}.site .quiz-choice:active:not(:disabled){background:color-mix(in srgb, var(--muted) 60%, transparent)}.site .quiz-choice:disabled:not([data-state]){opacity:.5;cursor:not-allowed}.site .quiz-choice[data-state=correct]{color:#15803d;background:#16a34a1a;border-color:#16a34a}.site .quiz-choice[data-state=incorrect]{border-color:var(--destructive);background:color-mix(in srgb, var(--destructive) 10%, transparent);color:var(--destructive)}.site .quiz-choice[data-state=muted]{opacity:.5}.site .quiz-next-wrap{margin-top:auto;padding-top:1.5rem}.site .quiz-next{border-radius:var(--radius);background:var(--brand);width:100%;color:var(--brand-foreground);padding:1rem;font-size:1rem;font-weight:600}.site .quiz-next:hover{background:color-mix(in srgb, var(--brand) 90%, #000)}.site .quiz-recap{flex:1;width:100%;max-width:36rem;margin-inline:auto;padding:1.5rem 1rem}.site .quiz-score{flex-direction:column;align-items:center;gap:.5rem;padding-block:1.5rem;display:flex}.site .quiz-score-label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);font-size:.875rem}.site .quiz-score-value{font-size:3rem;font-weight:700}.site .quiz-recap-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.site .quiz-recap-play{outline-offset:2px;outline:2px solid #0000;flex-shrink:0;width:2.75rem;height:2.75rem;display:flex}.site .quiz-recap-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .quiz-recap-play{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:9999px;justify-content:center;align-items:center}.site .quiz-recap-play:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}.site .quiz-recap-play:disabled{opacity:.4}.site .quiz-recap-play[data-playing=true]{background:var(--primary);color:var(--primary-foreground)}.site .quiz-recap-play svg{width:1rem;height:1rem;margin-left:.125rem}.site .quiz-recap-text{flex:1;min-width:0}.site .quiz-recap-thai{font-size:.875rem;font-weight:600}.site .quiz-recap-romanization{color:var(--muted-foreground);font-weight:400}.site .quiz-recap-correct{color:#15803d;font-size:.875rem}.site .quiz-recap-wrong{color:var(--destructive);font-size:.875rem;text-decoration:line-through}.site .quiz-recap-icon{flex-shrink:0}.site .quiz-recap-icon svg{width:1.25rem;height:1.25rem}.site .quiz-recap-icon-correct{color:#16a34a}.site .quiz-recap-icon-incorrect{color:#ef4444}.site .quiz-recap-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.site .quiz-secondary-action{border-radius:var(--radius);border:1px solid var(--border);text-align:center;width:100%;padding:1rem;font-size:1rem;font-weight:500}.site .quiz-secondary-action:hover{background:color-mix(in srgb, var(--muted) 40%, transparent)}.site .quiz-progress-summary{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--foreground);align-items:center;gap:1.25rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.site .quiz-progress-summary:hover{background:var(--muted)}.site .quiz-progress-stat{align-items:baseline;gap:.375rem;display:flex}.site .quiz-progress-stat[data-streak=true] svg{color:#f97316;align-self:center;width:1.1rem;height:1.1rem}.site .quiz-progress-value{font-size:1.125rem;font-weight:700}.site .quiz-progress-label{color:var(--muted-foreground);font-size:.875rem}.site .quiz-progress-chevron{width:1.25rem;height:1.25rem;color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.site .quiz-review-card{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.site .quiz-review-card[data-empty=true]{border-color:var(--border);background:var(--card)}.site .quiz-review-head{align-items:center;gap:.75rem;display:flex}.site .quiz-review-head svg{width:1.75rem;height:1.75rem;color:var(--primary);flex-shrink:0}[data-empty=true] .site .quiz-review-head svg{color:var(--muted-foreground)}.site .quiz-review-title{font-size:.875rem;font-weight:600}.site .quiz-review-count{color:var(--muted-foreground);font-size:.875rem}.site .quiz-review-cta{border-radius:var(--radius);background:var(--brand);width:100%;color:var(--brand-foreground);padding:.875rem 1rem;font-size:1rem;font-weight:600}.site .quiz-review-cta:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 90%, #000)}.site .quiz-review-cta:disabled{opacity:.5}.site .quiz-review-hint{color:var(--muted-foreground);font-size:.875rem}.site .quiz-mode-options{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.site .quiz-mode-option{border-radius:var(--radius);outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.75rem;width:100%;display:flex}.site .quiz-mode-option:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .quiz-mode-option{border:1px solid var(--border);background:var(--card);text-align:left;padding:1rem}.site .quiz-mode-option:hover{background:color-mix(in srgb, var(--muted) 40%, transparent)}.site .quiz-mode-option svg{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0}.site .quiz-mode-text{flex-direction:column;gap:.25rem;display:flex}.site .quiz-mode-name{font-size:1rem;font-weight:600}.site .quiz-mode-hint{color:var(--muted-foreground);font-size:.875rem}.site .quiz-prompt{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding-block:2rem;display:flex}.site .quiz-prompt-text{font-size:1.5rem;font-weight:600}.site .quiz-choice[data-variant=audio]{align-items:center;gap:.75rem;display:flex}.site .quiz-choice[data-variant=audio][data-selected=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.site .quiz-choice-play{background:color-mix(in srgb, var(--primary) 10%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-state] .site .quiz-choice-play{color:currentColor;background:0 0}.site .quiz-choice-play[data-playing=true]{background:var(--primary);color:var(--primary-foreground)}.site .quiz-choice-play svg{width:1.25rem;height:1.25rem}.site .quiz-choice-thai{font-size:1.125rem}.site .flashcards-play{background:var(--background);color:var(--foreground);flex-direction:column;display:flex}.site .flashcard{flex-direction:column;flex:1;width:100%;max-width:36rem;margin-inline:auto;padding:1.5rem 1rem;display:flex}.site .flashcard-front{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-block:2rem;display:flex}.site .flashcard-thai{font-size:2.5rem;font-weight:600;line-height:1.3}.site .flashcard-prompt{font-size:1.5rem;font-weight:600;line-height:1.3}.site .flashcard-audio{align-items:center;gap:.75rem;display:flex}.site .flashcard-play-button{outline-offset:2px;outline:2px solid #0000;flex-shrink:0;width:3.5rem;height:3.5rem;display:flex}.site .flashcard-play-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .flashcard-play-button{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:9999px;justify-content:center;align-items:center}.site .flashcard-play-button:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 20%, transparent)}.site .flashcard-play-button:disabled{opacity:.4}.site .flashcard-play-button[data-playing=true]{background:var(--primary);color:var(--primary-foreground)}.site .flashcard-play-button svg{width:1.5rem;height:1.5rem}.site .flashcard-back{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-block:1.5rem;display:flex}.site .flashcard-translation{font-size:1.5rem;font-weight:600}.site .flashcard-romanization{color:var(--muted-foreground);font-size:1rem}.site .flashcard-actions{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex}.site .flashcard-hint{text-align:center;color:var(--muted-foreground);font-size:.875rem}.site .flashcard-grades{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.site .flashcard-grade{border-radius:var(--radius);outline-offset:2px;outline:2px solid #0000}.site .flashcard-grade:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .flashcard-grade{border:1px solid var(--border);background:var(--card);padding:1rem;font-size:1rem;font-weight:600}.site .flashcard-grade:disabled{opacity:.5}.site .flashcard-grade[data-grade=again]{border-color:color-mix(in srgb, var(--destructive) 40%, transparent);background:color-mix(in srgb, var(--destructive) 8%, transparent);color:var(--destructive)}.site .flashcard-grade[data-grade=hard]{color:#b45309;background:#d9770614;border-color:#d9770666}.site .flashcard-grade[data-grade=good]{color:#15803d;background:#16a34a14;border-color:#16a34a66}.site .flashcard-grade[data-grade=easy]{border-color:color-mix(in srgb, var(--primary) 40%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary)}.site .progress-streak{border-radius:var(--radius);background:#f9731614;border:1px solid #f973164d;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.site .progress-streak svg{color:#f97316;flex-shrink:0;width:2.25rem;height:2.25rem}.site .progress-streak-value{font-size:1.5rem;font-weight:700;line-height:1}.site .progress-streak-label{color:var(--muted-foreground);margin-top:.25rem;font-size:.875rem}.site .progress-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.site .progress-stat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);text-align:center;padding:.75rem}.site .progress-stat-value{font-size:1.25rem;font-weight:700}.site .progress-stat-label{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem}.site .progress-mastery-title{font-size:1rem;font-weight:600}.site .progress-mastery-hint{color:var(--muted-foreground);margin-top:.25rem;margin-bottom:1rem;font-size:.875rem}.site .progress-box-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.site .progress-box-row{grid-template-columns:6.5rem 1fr 2rem;align-items:center;gap:.75rem;display:grid}.site .progress-box-label{color:var(--muted-foreground);font-size:.875rem}.site .progress-box-track{background:var(--muted);border-radius:9999px;height:.5rem;overflow:hidden}.site .progress-box-bar{background:var(--primary);border-radius:9999px;min-width:.25rem;height:100%;display:block}.site .progress-box-count{text-align:right;font-size:.875rem;font-weight:600}.site .home-hero{text-align:center;max-width:64rem;margin-inline:auto;padding:2.5rem 1rem 3rem}@media (width>=40rem){.site .home-hero{padding-block:4rem}}.site .home-hero h1{letter-spacing:-.02em;margin:0;font-size:1.875rem;font-weight:700}@media (width>=40rem){.site .home-hero h1{font-size:3rem}}.site .home-hero p{max-width:40rem;color:var(--muted-foreground);margin-block:1rem 0;margin-inline:auto;font-size:1rem}@media (width>=40rem){.site .home-hero p{font-size:1.125rem}}.site .home-hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (width>=40rem){.site .home-hero-actions{flex-direction:row}}.site .home-cta-primary{border-radius:var(--radius);background:var(--brand);min-height:2.75rem;color:var(--brand-foreground);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.site .home-cta-primary:hover{background:color-mix(in srgb, var(--brand) 90%, black)}.site .home-cta-secondary{border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.site .home-cta-secondary:hover{background:var(--muted)}.site .home-trial-note{color:var(--muted-foreground);margin-top:.75rem;font-size:.75rem}.site .home-hero-phone{border:6px solid var(--foreground);background:var(--foreground);border-radius:2.5rem;max-width:16rem;margin:2.5rem auto 0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .home-hero-phone .screenshot{border-radius:2rem}.site .home-listen h2,.site .home-steps h2,.site .home-showcase h2,.site .home-features h2,.site .home-free h2,.site .home-simple h2,.site .home-faq h2,.site .home-final-cta h2{text-align:center;margin:0;font-size:1.5rem;font-weight:600}@media (width>=40rem){.site .home-listen h2,.site .home-steps h2,.site .home-showcase h2,.site .home-features h2,.site .home-free h2,.site .home-simple h2,.site .home-faq h2,.site .home-final-cta h2{font-size:1.875rem}}.site .home-listen{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-listen{padding-block:4rem}}.site .home-listen{text-align:center;padding-block:2rem}.site .home-listen>p{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.875rem}.site .home-listen-words{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.site .home-listen-word{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:1rem .5rem;display:flex}.site .home-listen-word[data-playing=true]{border-color:var(--primary)}.site .home-listen-word[data-playing=true] svg{color:var(--primary)}.site .home-listen-word svg{width:1.125rem;height:1.125rem;color:var(--muted-foreground)}.site .home-listen-word .home-listen-thai{font-size:1.25rem;font-weight:600}.site .home-listen-word .home-listen-roman{color:var(--muted-foreground);font-size:.75rem}.site .home-listen-word .home-listen-meaning{color:var(--primary);font-size:.75rem}.site .home-steps{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-steps{padding-block:4rem}}.site .home-steps{border-top:1px solid var(--border);background:color-mix(in srgb, var(--muted) 30%, transparent)}.site .home-steps ol{counter-reset:step;gap:1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.site .home-steps ol{grid-template-columns:repeat(3,1fr)}}.site .home-step{counter-increment:step}.site .home-step:before{content:counter(step);background:color-mix(in srgb, var(--primary) 10%, transparent);width:2rem;height:2rem;color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;font-weight:700;display:flex}.site .home-step h3{margin:.75rem 0 0;font-size:1rem;font-weight:600}.site .home-step p{color:var(--muted-foreground);margin:.375rem 0 0;font-size:.875rem;line-height:1.65}.site .home-showcase{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-showcase{padding-block:4rem}}.site .home-showcase-item{margin-top:2.5rem}.site .home-showcase-item .screenshot{border:1px solid var(--border);border-radius:var(--radius);max-width:20rem;margin-inline:auto;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .home-showcase-item h3{margin:1.25rem 0 0;font-size:1.25rem;font-weight:600}.site .home-showcase-item p{color:var(--muted-foreground);margin:.5rem 0 0;line-height:1.65}.site .home-showcase-item a{color:var(--teal);text-underline-offset:.2em;margin-top:.5rem;font-weight:500;text-decoration:underline;display:inline-block}.site .home-showcase-item a:hover{color:color-mix(in srgb, var(--teal) 80%, black)}@media (width>=40rem){.site .home-showcase-item{align-items:center;gap:2.5rem;display:flex}.site .home-showcase-item:nth-child(2n){flex-direction:row-reverse}.site .home-showcase-item .screenshot{flex-shrink:0;margin-inline:0}.site .home-showcase-item div{flex:1}.site .home-showcase-item h3{margin-top:0}}.site .home-features{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-features{padding-block:4rem}}.site .home-features{border-top:1px solid var(--border);background:color-mix(in srgb, var(--muted) 30%, transparent)}.site .home-features-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=40rem){.site .home-features-grid{grid-template-columns:repeat(3,1fr)}}.site .home-feature-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);padding:1.5rem}.site .home-feature-icon{background:color-mix(in srgb, var(--primary) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;display:flex}.site .home-feature-icon svg{width:1.25rem;height:1.25rem}.site .home-feature-title{margin:1rem 0 0;font-weight:600}.site .home-feature-description{color:var(--muted-foreground);margin-top:.375rem;font-size:.875rem}.site .home-free{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-free{padding-block:4rem}}.site .home-free{text-align:center}.site .home-free>p{max-width:40rem;color:var(--muted-foreground);margin:.75rem auto 0;line-height:1.65}.site .home-free-links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.site .home-free-links a{border:1px solid var(--border);background:var(--card);border-radius:9999px;align-items:center;min-height:2.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.site .home-free-links a:hover{background:var(--muted)}.site .home-simple{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-simple{padding-block:4rem}}.site .home-simple{border-top:1px solid var(--border);background:color-mix(in srgb, var(--muted) 30%, transparent)}.site .home-simple p{max-width:40rem;margin:1rem auto 0;line-height:1.65}.site .home-simple a{color:var(--teal);text-underline-offset:.2em;font-weight:500;text-decoration:underline}.site .home-simple a:hover{color:color-mix(in srgb, var(--teal) 80%, black)}.site .home-pricing-teaser{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-pricing-teaser{padding-block:4rem}}.site .home-teaser-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);text-align:center;max-width:24rem;margin-inline:auto;padding:1.5rem}.site .home-teaser-card h2{margin:0;font-size:1.125rem;font-weight:600}.site .home-teaser-card .home-teaser-price{letter-spacing:-.02em;margin:.5rem 0 0;font-size:1.875rem;font-weight:700}.site .home-teaser-card .home-teaser-monthly{color:var(--muted-foreground);margin:.125rem 0 0;font-size:.75rem}.site .home-teaser-card .home-teaser-trial{color:var(--primary);margin:.75rem 0 0;font-size:.875rem;font-weight:500}.site .home-teaser-card .home-cta-primary,.site .home-teaser-card .home-teaser-manage{width:100%;margin-top:1.25rem}.site .home-teaser-card .home-teaser-manage{border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:center;min-height:2.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.site .home-teaser-card .home-teaser-manage:hover{background:var(--muted)}.site .home-teaser-card .home-teaser-details{color:var(--teal);text-underline-offset:.2em;margin-top:.75rem;font-size:.875rem;text-decoration:underline;display:block}.site .home-teaser-card .home-teaser-details:hover{color:color-mix(in srgb, var(--teal) 80%, black)}.site .home-faq{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-faq{padding-block:4rem}}.site .home-faq{border-top:1px solid var(--border);background:color-mix(in srgb, var(--muted) 30%, transparent)}.site .home-faq .faq-list{max-width:40rem;margin:1.5rem auto 0}.site .home-final-cta{padding-block:3rem;padding-inline:max(1rem,50% - 32rem)}@media (width>=40rem){.site .home-final-cta{padding-block:4rem}}.site .home-final-cta{text-align:center;padding-bottom:4rem}.site .home-final-cta p{max-width:40rem;color:var(--muted-foreground);margin:.75rem auto 0;line-height:1.65}.site .home-final-cta .home-cta-primary{margin-top:1.5rem}.site .marketing-page{max-width:36rem;margin-inline:auto;padding:1.5rem 1rem 4rem}@media (width>=64rem){.site .marketing-page{max-width:44rem}}.site .marketing-page h2{margin:2rem 0 0;font-size:1.125rem;font-weight:600}.site .marketing-page p{margin:1rem 0 0;line-height:1.65}.site .marketing-page h2+p{margin-top:.5rem}.site .marketing-page a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}.site .marketing-page a:hover{color:color-mix(in srgb, var(--primary) 80%, black)}.site .marketing-cta-row{margin-top:2rem}.site .marketing-cta-lead{margin:0 0 .75rem;font-weight:500}.site .marketing-page .marketing-cta{border-radius:var(--radius);background:var(--brand);color:var(--brand-foreground);justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.site .marketing-page .marketing-cta:hover{background:color-mix(in srgb, var(--brand) 90%, black);color:var(--brand-foreground)}.site .contact-intro{color:var(--muted-foreground)}.site .contact-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-top:1.5rem;padding:1.5rem}.site .contact-fields{border:0;gap:1.25rem;margin:0;padding:0;display:grid}.site .contact-fields .button{width:100%;min-height:2.75rem}.site .contact-field{gap:.5rem;display:grid}.site .contact-success{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--primary) 8%, transparent);align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.875rem;display:flex}.site .contact-success svg{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0;margin-top:.125rem}.site .contact-success p{color:var(--muted-foreground);margin:0}.site .contact-success .contact-success-title{color:var(--primary);font-weight:600}.site .contact-channels{flex-direction:column;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.site .contact-channels li{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);align-items:center;gap:1rem;padding:1rem;display:flex}.site .contact-channels li p{margin:0}.site .contact-channel-icon{background:color-mix(in srgb, var(--primary) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site .contact-channel-icon svg{width:1.25rem;height:1.25rem}.site .contact-channel-label{color:var(--muted-foreground);font-size:.75rem}.site .contact-note{color:var(--muted-foreground);margin-top:2rem;font-size:.875rem}.site .about-name-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);text-align:center;margin-top:2rem;padding:1.5rem}.site .about-name-card p{margin:0}.site .about-name-card .about-name-thai{font-size:1.875rem;font-weight:600;line-height:1.4}.site .about-name-card .about-name-romanization{color:var(--primary);margin-top:.25rem;font-size:.875rem;font-weight:500}.site .about-name-card .about-name-meaning{color:var(--muted-foreground);margin-top:.125rem;font-size:.875rem}.site .marketing-page h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.site .pricing-intro{color:var(--muted-foreground)}.site .pricing-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-top:1.5rem;padding:1.5rem}.site .pricing-card .pricing-badge{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:9999px;margin:0;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.site .pricing-card .pricing-plans{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.site .pricing-card .pricing-plan-option{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:.75rem}.site .pricing-card .pricing-plan-option[data-featured=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent)}.site .pricing-card .pricing-plan{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin:0;font-size:.875rem;font-weight:600}.site .pricing-card .pricing-price{letter-spacing:-.02em;margin:.5rem 0 0;font-size:1.5rem;font-weight:700}.site .pricing-card .pricing-price span{color:var(--muted-foreground);font-size:.875rem;font-weight:400}.site .pricing-card .pricing-monthly{color:var(--muted-foreground);margin:.125rem 0 0;font-size:.75rem}.site .pricing-card .pricing-trial{color:var(--primary);margin:.75rem 0 0;font-size:.875rem;font-weight:500}.site .pricing-card .pricing-features{margin:1.5rem 0 0;padding:0;list-style:none}.site .pricing-card .pricing-features li{align-items:flex-start;gap:.75rem;padding-block:.5rem;font-size:.875rem;display:flex}.site .pricing-card .pricing-features li svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0;margin-top:.1875rem}.site .pricing-card .pricing-features li strong{font-weight:600;display:block}.site .pricing-card .pricing-features li span{color:var(--muted-foreground)}.site .pricing-card .marketing-cta{width:100%;min-height:2.75rem;margin-top:1.5rem}.site .pricing-card .pricing-reassurance{margin:1rem 0 0;padding:0;list-style:none}.site .pricing-card .pricing-reassurance li{color:var(--muted-foreground);align-items:center;gap:.5rem;padding-block:.25rem;font-size:.75rem;display:flex}.site .pricing-card .pricing-reassurance li svg{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.site .pricing-compare{margin-top:2.5rem}.site .pricing-compare ul{flex-wrap:wrap;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.site .pricing-compare ul a{border:1px solid var(--border);background:var(--card);min-height:2.75rem;color:var(--foreground);border-radius:9999px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.site .pricing-compare ul a:hover{background:var(--muted);color:var(--foreground)}.site .pricing-faq{margin-top:2.5rem}.site .pricing-faq .faq-list{margin-top:1rem}.site .pricing-final{margin-top:2.5rem;font-weight:500}.site .vocab-toolbar{max-width:36rem;margin-inline:auto;padding:1rem 1rem 0}@media (width>=64rem){.site .vocab-toolbar{max-width:64rem}}.site .vocab-search{position:relative}.site .vocab-search-icon{width:1rem;height:1rem;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.site .vocab-search-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);outline-offset:2px;outline:2px solid #0000;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem}.site .vocab-search-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .vocab-meta-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.site .vocab-count{color:var(--muted-foreground);font-size:.75rem}.site .vocab-audio-tools{align-items:center;gap:.375rem;display:flex}.site .vocab-lists{max-width:36rem;margin-inline:auto;padding:1rem 1rem 0}@media (width>=64rem){.site .vocab-lists{max-width:64rem}}.site .vocab-lists-link{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:500;display:flex}.site .vocab-lists-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .vocab-lists-link:active{background:var(--muted)}.site .vocab-lists-link>svg:first-child{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.site .vocab-lists-count{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600}.site .vocab-lists-chevron{width:1rem;height:1rem;color:var(--muted-foreground);margin-left:auto}.site .vocab-chips{scrollbar-width:none;gap:.5rem;max-width:36rem;margin-inline:auto;padding:1rem 1rem 0;display:flex;overflow-x:auto}.site .vocab-chips::-webkit-scrollbar{display:none}@media (width>=64rem){.site .vocab-chips{flex-wrap:wrap;max-width:64rem;overflow-x:visible}}.site .vocab-chip{border:1px solid var(--border);background:var(--card);white-space:nowrap;color:var(--muted-foreground);border-radius:9999px;flex-shrink:0;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:color .15s,background-color .15s,border-color .15s;position:relative}.site .vocab-chip:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .vocab-chip{outline-offset:2px;outline:2px solid #0000}.site .vocab-chip:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .vocab-chip:hover{background:var(--muted)}.site .vocab-chip[data-active=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.site .vocab-content{max-width:36rem;margin-inline:auto;padding:1.25rem 1rem}@media (width>=64rem){.site .vocab-content{max-width:64rem}}.site .vocab-quiz-bar{justify-content:flex-end;margin-bottom:1rem;display:flex}@media (width>=64rem){.site .vocab-entry-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}}.site .vocab-category-quiz{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:relative}.site .vocab-category-quiz:after{content:"";position:absolute;inset:-.75rem -.25rem}.site .vocab-category-quiz:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 15%, transparent)}.site .vocab-category-quiz:disabled{opacity:.4}.site .entry-pronounce,.site .entry-bookmark{min-width:2.75rem;min-height:2.75rem;color:color-mix(in srgb, var(--muted-foreground) 40%, transparent);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.375rem;transition:color .15s;display:flex}.site .entry-pronounce:focus-visible,.site .entry-bookmark:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .entry-pronounce:disabled,.site .entry-bookmark:disabled{opacity:.4}.site .entry-pronounce:hover,.site .entry-bookmark:hover{color:var(--muted-foreground)}.site .entry-pronounce[data-active=true],.site .entry-bookmark[data-active=true]{color:var(--brand)}.site .entry-pronounce svg,.site .entry-bookmark svg{width:1.25rem;height:1.25rem}.site .vocab-empty{color:var(--muted-foreground);flex-direction:column;align-items:center;padding-block:4rem;display:flex}.site .vocab-empty svg{opacity:.3;width:2rem;height:2rem;margin-bottom:.5rem}.site .vocab-empty p{font-size:.875rem}.site .vocab-sheet{border-top-left-radius:1rem;border-top-right-radius:1rem}.site .vocab-sheet-body{flex-direction:column;gap:.5rem;padding:0 1rem 1.5rem;display:flex}.site .vocab-sheet-list-item{border-radius:var(--radius);border:1px solid var(--border);text-align:left;outline-offset:2px;outline:2px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}.site .vocab-sheet-list-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .vocab-sheet-list-item:hover{background:color-mix(in srgb, var(--muted) 40%, transparent)}.site .vocab-sheet-list-item[data-active=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent)}.site .vocab-sheet-list-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site .vocab-sheet-list-check{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.site .vocab-sheet-empty{color:var(--muted-foreground);font-size:.875rem}.site .vocab-sheet-create{gap:.5rem;margin-top:.5rem;display:flex}.site .vocab-sheet-create-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--background);outline-offset:2px;outline:2px solid #0000;flex:1;padding:.5rem .75rem;font-size:.875rem}.site .vocab-sheet-create-input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .onboarding{flex-direction:column;max-width:36rem;min-height:calc(100vh - 3.5rem);margin-inline:auto;padding:1.25rem 1rem;display:flex}.site .onboarding-skip{min-height:2.75rem;color:var(--muted-foreground);align-self:flex-end;padding:.5rem;font-size:.875rem}.site .onboarding-skip:hover{text-decoration:underline}.site .onboarding-step{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;display:flex}.site .onboarding-step>svg{width:3.5rem;height:3.5rem;color:var(--brand)}.site .onboarding-step h2{font-size:1.5rem;font-weight:700}.site .onboarding-step p{max-width:26rem;color:var(--muted-foreground);font-size:1rem}.site .onboarding-word{gap:.75rem}.site .onboarding-word-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.875rem;font-weight:600}.site .onboarding-word-thai{color:var(--foreground);font-size:2.5rem;font-weight:600;line-height:1.3}.site .onboarding-word-roman{font-size:1.125rem}.site .onboarding-word-meaning{color:var(--foreground);font-size:1.25rem;font-weight:600}.site .onboarding-listen{background:var(--primary);width:4.5rem;height:4.5rem;color:var(--primary-foreground);border-radius:9999px;justify-content:center;align-items:center;margin-top:.5rem;transition:transform .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .onboarding-listen:active{transform:scale(.95)}.site .onboarding-listen[data-playing=true]{background:var(--brand)}.site .onboarding-listen svg{width:2rem;height:2rem}.site .onboarding-listen-hint{color:var(--muted-foreground);font-size:.875rem}.site .onboarding-install-hint{border-radius:var(--radius);border:1px dashed var(--border);padding:.75rem 1rem;font-size:.875rem}.site .onboarding-install-button{border-radius:var(--radius);border:1px solid var(--primary);color:var(--primary);padding:.625rem 1.5rem;font-size:.875rem;font-weight:600}.site .onboarding-install-button:hover{background:color-mix(in srgb, var(--primary) 5%, transparent)}.site .onboarding-footer{flex-direction:column;align-items:center;gap:1.25rem;padding-block:1.5rem;display:flex}.site .onboarding-dots{gap:.5rem;display:flex}.site .onboarding-dots span{background:var(--border);border-radius:9999px;width:.5rem;height:.5rem;transition:background-color .15s}.site .onboarding-dots span[data-active=true]{background:var(--primary)}.site .onboarding-next{border-radius:var(--radius);background:var(--brand);width:100%;color:var(--brand-foreground);padding:.75rem 1rem;font-size:1rem;font-weight:600}.site .onboarding-next:hover{background:color-mix(in srgb, var(--brand) 90%, #000)}.site .learn-page,.site .lesson{max-width:36rem;margin-inline:auto;padding:1rem 1rem 2.5rem}@media (width>=64rem){.site .learn-page,.site .lesson{max-width:44rem}}.site .learn-intro,.site .lesson-intro{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.site .gender-switch{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1rem;display:flex}.site .gender-switch-label{color:var(--muted-foreground);font-size:.875rem}.site .gender-switch-options{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);padding:.15rem;display:inline-flex}.site .gender-switch-option{border-radius:calc(var(--radius) - .15rem);color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.site .gender-switch-option[data-active=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .learn-cards{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.site .learn-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:inherit;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;display:flex}.site .learn-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .learn-card:hover{background:var(--muted)}.site .learn-card[data-featured=true]{border-color:color-mix(in srgb, var(--brand) 35%, transparent);background:color-mix(in srgb, var(--brand) 8%, transparent)}.site .learn-card[data-featured=true]:hover{background:color-mix(in srgb, var(--brand) 12%, transparent)}.site .learn-card-badge{background:var(--brand);color:var(--brand-foreground);border-radius:9999px;align-self:flex-start;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.site .learn-card-thai{border-radius:calc(var(--radius) - 2px);background:color-mix(in srgb, var(--brand) 12%, transparent);width:2.75rem;height:2.75rem;color:var(--brand);flex-shrink:0;place-items:center;font-size:1.25rem;line-height:1;display:grid}.site .learn-card-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.site .learn-card-title{font-weight:600}.site .learn-card-summary{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.site .learn-card-chevron{width:1.25rem;height:1.25rem;color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.site .lesson-section{margin-top:2rem}.site .lesson-section h2{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.site .lesson-section>p{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.site .lesson-section>p+p,.site .lesson-section>p+ul,.site .lesson-section>p+.lesson-example,.site .lesson-section .lesson-example+ul,.site .lesson-section ul+p{margin-top:.75rem}.site .lesson-example{border-left:2px solid var(--brand);border-radius:calc(var(--radius) - 4px);background:var(--muted);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.site .lesson-example p{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.site .lesson-note{border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 8%, transparent);margin-top:2rem;padding:1rem}.site .lesson-note p{font-size:.875rem;line-height:1.6}.site .lesson-note-title{margin-bottom:.25rem;font-weight:600}.site .lesson-link{color:var(--brand);outline-offset:2px;outline:2px solid #0000;margin-top:.75rem;font-size:.875rem;font-weight:500;display:inline-block}.site .lesson-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .lesson-word{align-items:center;gap:.75rem;min-width:0;display:flex}.site .lesson-word-play{background:color-mix(in srgb, var(--brand) 12%, transparent);width:2.25rem;height:2.25rem;color:var(--brand);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;flex-shrink:0;place-items:center;display:grid}.site .lesson-word-play:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .lesson-word-play svg{width:1.125rem;height:1.125rem}.site .lesson-word-play[data-playing=true]{background:var(--brand);color:var(--brand-foreground)}.site .lesson-word-body{min-width:0}.site .lesson-word-thai{font-size:1.25rem;line-height:1.3}.site .lesson-word-romanization{color:var(--muted-foreground);font-size:.75rem}.site .lesson-word-translation{font-size:.875rem}.site .tone-list,.site .word-list,.site .sentence-list,.site .particle-list{flex-direction:column;gap:.5rem;padding-left:0;list-style:none;display:flex}.site .tone-row{border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem;display:flex}.site .tone-row .lesson-word{width:200px;margin-left:auto}.site .tone-contour{fill:none;width:2.5rem;height:1.5rem;stroke:var(--brand);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site .tone-body{min-width:0}.site .tone-name{font-size:.875rem;font-weight:600}.site .tone-description{color:var(--muted-foreground);font-size:.75rem;line-height:1.5}.site .word-row,.site .sentence-row{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.site .word-usage,.site .sentence-literal{color:var(--muted-foreground);font-size:.75rem;line-height:1.5}.site .sentence-literal{font-style:italic}.site .sentence-hear-other{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin-top:.25rem;padding:0;font-size:.75rem;display:inline-flex}.site .sentence-hear-other svg{width:.9rem;height:.9rem}.site .sentence-hear-other[data-playing=true],.site .sentence-hear-other:hover{color:var(--brand)}.site .particle-row{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.site .particle-situation{font-size:.875rem;font-weight:600}.site .particle-pair{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.site .particle-speaker{flex:12rem}.site .particle-speaker[data-primary=true] .particle-label{color:var(--brand);font-weight:600}.site .particle-label{color:var(--muted-foreground);margin-bottom:.25rem;font-size:.75rem}.site .number-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;list-style:none;display:grid}.site .number-card{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.site .number-card .lesson-word{flex-direction:column;gap:.25rem}.site .number-card .lesson-word-thai{font-size:1.125rem}.site .number-value{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.site .letters-page{max-width:36rem;margin-inline:auto;padding:1rem 1rem 2.5rem}@media (width>=64rem){.site .letters-page{max-width:44rem}}.site .letters-intro,.site .letters-section-intro{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.site .letters-tabs{background:var(--muted);border-radius:9999px;gap:.25rem;margin:1rem 0 1.5rem;padding:.25rem;display:flex}.site .letters-tab{min-height:2.75rem;color:var(--muted-foreground);white-space:nowrap;outline-offset:2px;border-radius:9999px;outline:2px solid #0000;flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.site .letters-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .letters-tab[data-active=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.site .letters-group{margin-top:1.5rem}.site .letters-group h2{font-size:1.125rem;font-weight:600}.site .letters-group-description{color:var(--muted-foreground);margin-top:.25rem;font-size:.75rem;line-height:1.5}.site .letters-grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.5rem;margin-top:.75rem;padding-left:0;list-style:none;display:grid}.site .letter-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.site .letter-button{border-radius:calc(var(--radius) - 2px);outline-offset:2px;outline:2px solid #0000;place-items:center;width:100%;padding:.25rem;display:grid;position:relative}.site .letter-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .letter-button:disabled{cursor:default}.site .letter-button[data-playing=true]{color:var(--brand)}.site .letter-character{font-size:1.875rem;line-height:1.2}.site .letter-audio-icon{width:.875rem;height:.875rem;color:var(--muted-foreground);position:absolute;top:0;right:0}.site .letter-thai-name{font-size:.875rem}.site .letter-name{color:var(--muted-foreground);font-size:.75rem;font-weight:500}.site .letter-romanization{color:var(--muted-foreground);font-size:.75rem}.site .letter-note{color:var(--muted-foreground);font-size:.75rem;line-height:1.4}.site .letters-empty{color:var(--muted-foreground);text-align:center;margin-top:2rem;font-size:.875rem}.site .romanization-page{max-width:36rem;margin-inline:auto;padding:1rem 1rem 2.5rem}@media (width>=64rem){.site .romanization-page{max-width:44rem}}.site .romanization-intro,.site .romanization-section-intro{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.site .romanization-rules{border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--brand) 8%, transparent);margin-top:1.5rem;padding:1rem}.site .romanization-rules h2{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.site .romanization-rules ol{flex-direction:column;gap:.5rem;margin:0;padding-left:1rem;display:flex}.site .romanization-rules li{font-size:.875rem;line-height:1.6}.site .romanization-group{margin-top:2rem}.site .romanization-group h2{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.site .romanization-grid{grid-template-columns:1fr;gap:.5rem;margin-top:.75rem;padding-left:0;list-style:none;display:grid}@media (width>=64rem){.site .romanization-grid{grid-template-columns:repeat(2,1fr)}}.site .sound-card{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.site .sound-head{align-items:center;gap:.5rem;display:flex}.site .sound-symbol{color:var(--brand);font-size:1.5rem;font-weight:600;line-height:1.1}.site .sound-audio{background:color-mix(in srgb, var(--brand) 12%, transparent);width:2.25rem;height:2.25rem;color:var(--brand);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.site .sound-audio:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .sound-audio[data-playing=true]{background:var(--brand);color:var(--brand-foreground)}.site .sound-audio-icon{width:1.125rem;height:1.125rem}.site .sound-example{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.site .sound-example-thai{font-size:1.125rem;line-height:1.3}.site .sound-example-roman{color:var(--muted-foreground);font-size:.875rem}.site .sound-example-gloss{color:var(--muted-foreground);font-size:.75rem;font-style:italic}.site .sound-note{font-size:.875rem;line-height:1.5}.site .today{flex-direction:column;gap:1.5rem;display:flex}.site .today-streak{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand);outline-offset:2px;border-radius:9999px;outline:2px solid #0000;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.site .today-streak:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .today-streak svg{width:1.125rem;height:1.125rem}.site .today-primary{border-radius:var(--radius);background:var(--primary);width:100%;color:var(--primary-foreground);text-align:left;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:1rem;padding:1.25rem;transition:transform .15s;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.site .today-primary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .today-primary:active{transform:scale(.98)}.site .today-primary:disabled{opacity:.4}.site .today-primary-icon{background:color-mix(in srgb, var(--primary-foreground) 20%, transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.site .today-primary-icon svg{width:1.75rem;height:1.75rem}.site .today-primary-text{flex-direction:column;gap:.25rem;display:flex}.site .today-primary-title{font-size:1.125rem;font-weight:700}.site .today-primary-hint{opacity:.85;font-size:.875rem}.site .today-done{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.25rem;display:flex}.site .today-done svg{width:2.5rem;height:2.5rem;color:var(--brand)}.site .today-done-title{font-size:1.125rem;font-weight:700}.site .today-done-hint{color:var(--muted-foreground);font-size:.875rem}.site .today-next{flex-direction:column;gap:.75rem;display:flex}.site .today-next h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.875rem;font-weight:600}.site .today-next-item{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;outline-offset:2px;outline:2px solid #0000;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:500;display:flex}.site .today-next-item:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.site .today-next-item:active{background:var(--muted)}.site .today-next-item:disabled{opacity:.4}.site .today-next-item>svg:first-child{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.site .today-next-chevron{width:1rem;height:1rem;color:var(--muted-foreground);margin-left:auto}