:root{--jk-primary: #1a5362;--jk-primary-light: #2a7a8f;--jk-primary-dark: #134048;--jk-primary-50: #f0f7f9;--jk-primary-100: #d9eef2;--jk-primary-200: #b3dde5;--jk-primary-300: #80c5d2;--jk-primary-400: #4da8ba;--jk-primary-500: #2a8a9d;--jk-primary-600: #1a5362;--jk-primary-700: #164654;--jk-primary-800: #123945;--jk-primary-900: #0e2c36;--jk-secondary: #daab2f;--jk-secondary-light: #e4c05a;--jk-secondary-dark: #b08a24;--jk-secondary-50: #fefbf0;--jk-secondary-100: #fdf5d9;--jk-secondary-200: #faeab3;--jk-secondary-300: #f5da80;--jk-secondary-400: #efc54d;--jk-secondary-500: #daab2f;--jk-secondary-600: #b08a24;--jk-secondary-700: #8a6b1c;--jk-secondary-800: #6a5216;--jk-secondary-900: #4a3910;--jk-accent: #E05A7C;--jk-accent-light: #ED849F;--jk-accent-dark: #CC3A5F;--jk-background: #FDF6E3;--jk-background-alt: #FAF8F5;--jk-surface: #FFFFFF;--jk-surface-elevated: #FFFFFF;--jk-surface-sunken: #F4F0E8;--jk-text: #2D3436;--jk-text-secondary: #52647E;--jk-text-muted: #5C7186;--jk-text-inverse: #FAFAFA;--jk-success: #22A06B;--jk-success-light: #36B37E;--jk-success-dark: #1B8356;--jk-success-bg: rgba(34, 160, 107, .15);--jk-warning: #E9A83B;--jk-warning-light: #F0C05E;--jk-warning-dark: #D4872A;--jk-warning-bg: rgba(233, 168, 59, .18);--jk-error: #C25D39;--jk-error-light: #E07A5F;--jk-error-dark: #A04B2E;--jk-error-bg: rgba(194, 93, 57, .15);--jk-info: #0D7377;--jk-info-light: #14B3AA;--jk-info-dark: #0b6366;--jk-info-bg: rgba(13, 115, 119, .15);--jk-rating-again: #C25D39;--jk-rating-again-hover: #D4704C;--jk-rating-hard: #E9A83B;--jk-rating-hard-hover: #F0C05E;--jk-rating-good: #0D7377;--jk-rating-good-hover: #14B3AA;--jk-rating-easy: #22A06B;--jk-rating-easy-hover: #36B37E;--jk-tone-mid: #677D98;--jk-tone-low: #3B5998;--jk-tone-falling: #8B4B6B;--jk-tone-high: #E9A83B;--jk-tone-rising: #22A06B;--rtok-tone-mid: #5B6670;--rtok-tone-low: #1D5FC4;--rtok-tone-falling: #A8215F;--rtok-tone-high: #8A6600;--rtok-tone-rising: #0F7A3C;--jk-border: rgba(45, 52, 54, .12);--jk-border-light: rgba(45, 52, 54, .08);--jk-border-focus: var(--jk-primary);--jk-divider: rgba(45, 52, 54, .1);--jk-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--jk-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--jk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--jk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--jk-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--jk-space-0: 0;--jk-space-1: .25rem;--jk-space-2: .5rem;--jk-space-3: .75rem;--jk-space-4: 1rem;--jk-space-5: 1.25rem;--jk-space-6: 1.5rem;--jk-space-8: 2rem;--jk-space-10: 2.5rem;--jk-space-12: 3rem;--jk-space-16: 4rem;--jk-font-thai: "Sarabun", "Noto Sans Thai", sans-serif;--jk-font-heading: "Source Serif 4", Georgia, serif;--jk-font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--jk-font-mono: "JetBrains Mono", "Fira Code", monospace;--jk-text-xs: .75rem;--jk-text-sm: .875rem;--jk-text-base: 1rem;--jk-text-md: 1.125rem;--jk-text-lg: 1.25rem;--jk-text-xl: 1.5rem;--jk-text-2xl: 1.875rem;--jk-text-3xl: 2.25rem;--jk-text-4xl: 3rem;--jk-thai-sm: .9375rem;--jk-thai-base: 1.125rem;--jk-thai-md: 1.25rem;--jk-thai-lg: 1.5rem;--jk-thai-xl: 2rem;--jk-thai-2xl: 2.5rem;--jk-thai-3xl: 3rem;--jk-thai-display: clamp(2.5rem, 8vw, 4rem);--jk-leading-tight: 1.25;--jk-leading-normal: 1.5;--jk-leading-relaxed: 1.625;--jk-leading-thai: 1.8;--jk-leading-thai-display: 1.5;--jk-tracking-tight: -.025em;--jk-tracking-normal: 0;--jk-tracking-wide: .025em;--jk-tracking-thai: .02em;--jk-font-normal: 400;--jk-font-medium: 500;--jk-font-semibold: 600;--jk-font-bold: 700;--jk-duration-fast: .15s;--jk-duration-normal: .3s;--jk-duration-slow: .5s;--jk-ease-default: cubic-bezier(.4, 0, .2, 1);--jk-ease-in: cubic-bezier(.4, 0, 1, 1);--jk-ease-out: cubic-bezier(0, 0, .2, 1);--jk-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--jk-ease-spring: cubic-bezier(.175, .885, .32, 1.275);--jk-card-radius-sm: .75rem;--jk-card-radius-md: 1rem;--jk-card-radius-lg: 1.25rem;--jk-btn-radius-sm: .375rem;--jk-btn-radius-md: .625rem;--jk-btn-radius-lg: .75rem;--jk-input-radius: .5rem;--jk-pattern-color: rgba(13, 115, 119, .03);--jk-pattern-accent: rgba(212, 169, 58, .02);--vh: 1vh;--vvh: 100vh;--vvw: 100vw;--keyboard-height: 0px;--keyboard-visible: 0;--safe-area-top: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px;--safe-area-right: 0px}.h-screen-safe{height:calc(var(--vh, 1vh) * 100)}.min-h-screen-safe{min-height:calc(var(--vh, 1vh) * 100)}.max-h-screen-safe{max-height:calc(var(--vh, 1vh) * 100)}.pt-safe{padding-top:max(var(--safe-area-top),0px)}.pb-safe{padding-bottom:max(var(--safe-area-bottom),0px)}.px-safe{padding-left:max(var(--safe-area-left),0px);padding-right:max(var(--safe-area-right),0px)}.p-safe{padding-top:max(var(--safe-area-top),0px);padding-bottom:max(var(--safe-area-bottom),0px);padding-left:max(var(--safe-area-left),0px);padding-right:max(var(--safe-area-right),0px)}.pb-bottom-nav{padding-bottom:calc(4rem + max(0px,env(safe-area-inset-bottom,0px)))}@media (min-width: 1024px){.pb-bottom-nav{padding-bottom:0}}.above-keyboard{padding-bottom:var(--keyboard-height, 0px);transition:padding-bottom .15s ease-out}.hide-on-keyboard{transition:opacity .1s ease-out,visibility .1s ease-out}body.keyboard-open .hide-on-keyboard{opacity:0;visibility:hidden;pointer-events:none}.show-on-keyboard{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease-out,visibility .1s ease-out}body.keyboard-open .show-on-keyboard{opacity:1;visibility:visible;pointer-events:auto}.no-overscroll{overscroll-behavior:none}.scroll-momentum{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.no-pull-refresh{overscroll-behavior-y:none}.fixed-safe-top{position:fixed;top:var(--safe-area-top, 0px);left:0;right:0}.fixed-safe-bottom{position:fixed;bottom:var(--safe-area-bottom, 0px);left:0;right:0}.tap-highlight-none{-webkit-tap-highlight-color:transparent}.tap-highlight-subtle{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.select-none-touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-target-lg{min-height:48px;min-width:48px}.viewport-stable{height:calc(var(--vh, 1vh) * 100);overflow:hidden;display:flex;flex-direction:column}.viewport-content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain}[data-theme=jamkham-dark]{--jk-background: #141B24;--jk-background-alt: #1E2836;--jk-surface: #1E2836;--jk-surface-elevated: #2A3544;--jk-surface-sunken: #0F141C;--jk-text: #ECF0F3;--jk-text-secondary: #B1BDCD;--jk-text-muted: #8799B1;--jk-text-inverse: #1E2836;--jk-primary: #2DD3C8;--jk-primary-light: #5FE8DF;--jk-primary-dark: #14B3AA;--jk-secondary: #F0C05E;--jk-secondary-light: #F6D88F;--jk-secondary-dark: #E9A83B;--jk-accent: #ED849F;--jk-accent-light: #F5B3C4;--jk-accent-dark: #E05A7C;--jk-success: #36B37E;--jk-success-light: #57D9A3;--jk-success-bg: rgba(54, 179, 126, .15);--jk-warning: #F0C05E;--jk-warning-light: #F6D88F;--jk-warning-bg: rgba(240, 192, 94, .15);--jk-error: #E07A5F;--jk-error-light: #F5A690;--jk-error-bg: rgba(224, 122, 95, .15);--jk-info: #2DD3C8;--jk-info-light: #5FE8DF;--jk-info-bg: rgba(45, 211, 200, .15);--jk-border: rgba(236, 240, 243, .15);--jk-border-light: rgba(236, 240, 243, .1);--jk-divider: rgba(236, 240, 243, .1);--jk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--jk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .25);--jk-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--jk-pattern-color: rgba(45, 211, 200, .02);--jk-pattern-accent: rgba(240, 192, 94, .015);--rtok-tone-mid: #AEB8C4;--rtok-tone-low: #6FA8FF;--rtok-tone-falling: #FF83C0;--rtok-tone-high: #F5B93C;--rtok-tone-rising: #2ED98C}[data-theme=jamkham-light]{--b1: 100% 0 0;--b2: 98% .005 85;--b3: 95% .015 80;--bc: 25% .02 240;color-scheme:light}[data-theme=jamkham-dark]{--b1: 21.9462% .020599 254.905166;--b2: 27.4017% .029701 256.849663;--b3: 32.6015% .032258 257.677116;--bc: 95.2955% .005892 239.821121;color-scheme:dark}[data-theme=jamkham-dark] .bg-base-100,[data-theme=jamkham-dark] .card{background-color:#141b24!important}[data-theme=jamkham-dark] .bg-base-200{background-color:#1e2836!important}[data-theme=jamkham-dark] .bg-base-300{background-color:#2a3545!important}[data-theme=jamkham-dark]{color:#ecf0f3!important}[data-theme=jamkham-dark] body,[data-theme=jamkham-dark] .card-body,[data-theme=jamkham-dark] p,[data-theme=jamkham-dark] span,[data-theme=jamkham-dark] div,[data-theme=jamkham-dark] li,[data-theme=jamkham-dark] td,[data-theme=jamkham-dark] th,[data-theme=jamkham-dark] label{color:#ecf0f3}[data-theme=jamkham-dark] h1,[data-theme=jamkham-dark] h2,[data-theme=jamkham-dark] h3,[data-theme=jamkham-dark] h4,[data-theme=jamkham-dark] h5,[data-theme=jamkham-dark] h6,[data-theme=jamkham-dark] .font-bold,[data-theme=jamkham-dark] .font-semibold,[data-theme=jamkham-dark] .font-medium{color:#f8fafc}[data-theme=jamkham-dark] .text-base-content{color:#ecf0f3!important}[data-theme=jamkham-dark] .text-base-content\/40{color:#ecf0f366!important}[data-theme=jamkham-dark] .text-base-content\/50{color:#ecf0f380!important}[data-theme=jamkham-dark] .text-base-content\/60{color:#ecf0f399!important}[data-theme=jamkham-dark] .text-base-content\/70{color:#ecf0f3b3!important}[data-theme=jamkham-dark] .text-base-content\/80{color:#ecf0f3cc!important}[data-theme=jamkham-dark] a{color:#5fe8df}[data-theme=jamkham-dark] a:hover{color:#9af5ed}[data-theme=jamkham-dark] .link{color:#5fe8df!important}[data-theme=jamkham-dark] .link-hover:hover{color:#9af5ed!important}[data-theme=jamkham-dark] .text-primary{color:#2dd3c8!important}[data-theme=jamkham-dark] .text-secondary{color:#f0c05e!important}[data-theme=jamkham-dark] .text-accent{color:#ed849f!important}[data-theme=jamkham-dark] .text-success{color:#36b37e!important}[data-theme=jamkham-dark] .text-warning{color:#f0c05e!important}[data-theme=jamkham-dark] .text-error{color:#e07a5f!important}[data-theme=jamkham-dark] .text-info{color:#2dd3c8!important}[data-theme=jamkham-dark] .btn{color:#ecf0f3}[data-theme=jamkham-dark] .btn-primary:not(.btn-outline){color:#0f141c!important}[data-theme=jamkham-dark] .btn-secondary:not(.btn-outline){color:#0f141c!important}[data-theme=jamkham-dark] .btn-outline.btn-primary{color:var(--jk-primary)!important;border-color:var(--jk-primary)}[data-theme=jamkham-dark] .btn-outline.btn-primary:hover{color:var(--jk-text-inverse)!important}[data-theme=jamkham-dark] .btn-outline.btn-secondary{color:var(--jk-secondary)!important;border-color:var(--jk-secondary)}[data-theme=jamkham-dark] .btn-outline.btn-secondary:hover{color:var(--jk-text-inverse)!important}[data-theme=jamkham-dark] .btn-ghost,[data-theme=jamkham-dark] .btn-outline{color:#ecf0f3!important}[data-theme=jamkham-dark] .btn-outline:hover,[data-theme=jamkham-dark] .btn-outline:focus-visible{color:var(--b1)!important}[data-theme=jamkham-dark] .menu li a,[data-theme=jamkham-dark] .menu li button{color:#ecf0f3!important}[data-theme=jamkham-dark] .menu li a:hover,[data-theme=jamkham-dark] .menu li button:hover{color:#2dd3c8!important}[data-theme=jamkham-dark] .label-text{color:#b1bdcd!important}[data-theme=jamkham-dark] ::placeholder{color:#677d98!important}[data-theme=jamkham-dark] .table th{color:#b1bdcd!important}[data-theme=jamkham-dark] .breadcrumbs li a{color:#8799b1!important}[data-theme=jamkham-dark] .breadcrumbs li a:hover,[data-theme=jamkham-dark] .font-thai,[data-theme=jamkham-dark] .thai-display,[data-theme=jamkham-dark] .thai-display-medium,[data-theme=jamkham-dark] .thai-display-small{color:#2dd3c8!important}[data-theme=jamkham-dark] .font-thai.launch-read-result{color:#0e2c36!important}[data-theme=jamkham-dark] .badge-primary{color:#0f141c!important}[data-theme=jamkham-dark] .opacity-50,[data-theme=jamkham-dark] .opacity-60,[data-theme=jamkham-dark] .opacity-70{color:#b1bdcd}[data-theme=jamkham-dark] .border-base-300,[data-theme=jamkham-dark] .border-base-300\/30,[data-theme=jamkham-dark] .border-base-300\/50{border-color:#ecf0f340!important}[data-theme=jamkham-dark] .footer{background-color:#1e2836e6!important}[data-theme=jamkham-dark] .drawer-side .menu{background-color:#141b24!important}[data-theme=jamkham-dark] .input,[data-theme=jamkham-dark] .textarea,[data-theme=jamkham-dark] .select{background-color:#2a3545!important;border-color:#ecf0f340!important;color:#ecf0f3!important}[data-theme=jamkham-dark] .btn-ghost:hover{background-color:#2a354580!important}[data-theme=jamkham-dark] .btn-outline{border-color:#ecf0f34d!important}[data-theme=jamkham-dark] .flashcard-front,[data-theme=jamkham-dark] .flashcard-back{background:var(--jk-surface)!important}[data-theme=jamkham-dark] .collapse{background-color:#1e2836!important}[data-theme=jamkham-dark] .alert{background-color:#2a3545!important}[data-theme=jamkham-dark] .badge-ghost{background-color:#2a354580!important;color:#ecf0f3!important}[data-theme=jamkham-dark] .table tr:hover,[data-theme=jamkham-dark] .hover\:bg-base-200\/20:hover{background-color:#1e283680!important}[data-theme=jamkham-dark] .divide-base-200\/50>:not([hidden])~:not([hidden]){border-color:#ecf0f333!important}[data-theme=jamkham-dark] .kbd{background-color:#2a3545!important;border-color:#ecf0f340!important;color:#ecf0f3!important}[data-theme=jamkham-dark] .divider:before,[data-theme=jamkham-dark] .divider:after{background-color:#ecf0f333!important}[data-theme=jamkham-dark] .stat{background:#1e2836!important;border-color:#ecf0f340!important}.jamkham-bg-pattern{position:absolute;inset:0;background-color:oklch(var(--b1));background-image:radial-gradient(ellipse 120% 80% at 80% 20%,rgba(13,115,119,.025) 0%,transparent 60%)}[data-theme=jamkham-dark] .jamkham-bg-pattern{background-image:radial-gradient(ellipse 120% 80% at 80% 20%,rgba(45,211,200,.03) 0%,transparent 60%)}.jamkham-loading-bar{background:var(--jk-primary);animation:jk-loading-pulse 1.5s ease-in-out infinite}@keyframes jk-loading-pulse{0%,to{opacity:.7}50%{opacity:1}}.jamkham-logo-icon{display:inline-block;width:32px;height:32px;background-image:url("/static/brand/logo/jamkham-logo-icon.71fd282941db.svg");background-size:contain;background-repeat:no-repeat;background-position:center}.jamkham-logo-icon-sm{display:inline-block;width:24px;height:24px;background-image:url("/static/brand/logo/jamkham-logo-icon.71fd282941db.svg");background-size:contain;background-repeat:no-repeat;background-position:center}.jamkham-logo-icon-lg{display:inline-block;width:48px;height:48px;background-image:url("/static/brand/logo/jamkham-logo-icon.71fd282941db.svg");background-size:contain;background-repeat:no-repeat;background-position:center}.jk-thai-text,.thai-text,.font-thai{font-family:var(--jk-font-thai);line-height:var(--jk-leading-thai);letter-spacing:var(--jk-tracking-thai);font-feature-settings:"kern" 1}.jk-thai-sm{font-size:var(--jk-thai-sm)}.jk-thai-base{font-size:var(--jk-thai-base)}.jk-thai-md{font-size:var(--jk-thai-md)}.jk-thai-lg{font-size:var(--jk-thai-lg)}.jk-thai-xl{font-size:var(--jk-thai-xl)}.jk-thai-2xl{font-size:var(--jk-thai-2xl)}.jk-thai-3xl{font-size:var(--jk-thai-3xl)}.thai-text-sm{font-family:var(--jk-font-thai);font-size:var(--jk-thai-sm);line-height:1.7}.thai-text-md{font-family:var(--jk-font-thai);font-size:var(--jk-thai-base);line-height:var(--jk-leading-thai)}.thai-text-lg{font-family:var(--jk-font-thai);font-size:var(--jk-thai-lg);line-height:var(--jk-leading-thai)}.thai-text-xl{font-family:var(--jk-font-thai);font-size:var(--jk-thai-xl);line-height:var(--jk-leading-thai)}.thai-text-2xl{font-family:var(--jk-font-thai);font-size:var(--jk-thai-2xl);line-height:1.6}.thai-text-3xl{font-family:var(--jk-font-thai);font-size:var(--jk-thai-3xl);line-height:var(--jk-leading-thai-display)}.jk-thai-display,.thai-display{font-family:var(--jk-font-thai);font-size:var(--jk-thai-display);font-weight:var(--jk-font-semibold);line-height:1.4;letter-spacing:.03em;color:var(--jk-primary)}.thai-display-small{font-family:var(--jk-font-thai);font-size:var(--jk-thai-md);font-weight:var(--jk-font-medium);line-height:var(--jk-leading-thai)}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--jk-font-heading);font-weight:var(--jk-font-semibold);letter-spacing:-.01em}.heading-display{font-family:var(--jk-font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--jk-font-bold);line-height:1.1;letter-spacing:-.02em}.heading-section{font-family:var(--jk-font-heading);font-size:var(--jk-text-xl);font-weight:var(--jk-font-semibold);line-height:1.3}.card-reveal-container{display:grid;grid-template-areas:"content";min-height:320px}@media (min-width: 640px){.card-reveal-container{min-height:380px}}.card-reveal-container>.card-reveal-panel{grid-area:content}.card-reveal-panel{transition:opacity .2s ease-out,visibility .2s ease-out}.card-reveal-panel[data-visible=false]{opacity:0;visibility:hidden;pointer-events:none}.card-reveal-panel[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto}[x-cloak]{display:none!important}.audio-icon-default{display:block}.audio-icon-hidden{display:none!important}.jk-flashcard-container,.flashcard-container{perspective:1200px;perspective-origin:center}.jk-card-flashcard,.flashcard{position:relative;width:100%;min-height:min(280px,45vh);transition:transform var(--jk-duration-slow) var(--jk-ease-default);transform-style:preserve-3d}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--jk-space-8);border-radius:var(--jk-card-radius-lg);border:1px solid var(--jk-border);box-shadow:var(--jk-shadow-md);transition:box-shadow var(--jk-duration-normal) var(--jk-ease-default)}.flashcard-front{background:var(--jk-surface)}.flashcard-back{background:var(--jk-surface);transform:rotateY(180deg)}.flashcard-face:hover{box-shadow:var(--jk-shadow-lg)}.jk-flashcard-word,.flashcard-word{font-family:var(--jk-font-thai);font-size:clamp(2.5rem,10vw,4rem);font-weight:var(--jk-font-semibold);line-height:1.4;text-align:center;margin-bottom:var(--jk-space-4);color:var(--jk-primary)}.jk-flashcard-romanization,.flashcard-romanization{font-family:var(--jk-font-body);font-size:var(--jk-text-md);color:var(--jk-text-muted);font-style:italic;margin-bottom:var(--jk-space-2);letter-spacing:.01em}.jk-flashcard-meaning,.flashcard-meaning{font-family:var(--jk-font-heading);font-size:var(--jk-text-xl);font-weight:var(--jk-font-medium);text-align:center;color:var(--jk-text)}.flashcard-context{font-family:var(--jk-font-body);font-size:var(--jk-text-sm);opacity:.7;margin-top:var(--jk-space-4);text-align:center;max-width:85%;line-height:1.6}.jk-card{background:var(--jk-surface);border-radius:var(--jk-card-radius-md);border:1px solid var(--jk-border);box-shadow:var(--jk-shadow-md);transition:box-shadow var(--jk-duration-normal) var(--jk-ease-default),transform var(--jk-duration-fast) var(--jk-ease-default),border-color var(--jk-duration-normal) var(--jk-ease-default)}.jk-card:hover{box-shadow:var(--jk-shadow-lg);border-color:var(--jk-border)}.jk-card-interactive{cursor:pointer}.jk-card-interactive:hover{transform:translateY(-2px)}.jk-card-interactive:active{transform:translateY(0);box-shadow:var(--jk-shadow-sm)}.jk-card-accent{border-left:4px solid var(--jk-primary)}.jk-card-accent-secondary{border-left:4px solid var(--jk-secondary)}.jk-btn-primary,.btn-primary:not(.btn-outline){background:var(--jk-primary);color:var(--jk-text-inverse);border:none;box-shadow:var(--jk-shadow-sm);transition:transform var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default),background-color var(--jk-duration-fast) var(--jk-ease-default)}.jk-btn-primary:hover,.btn-primary:not(.btn-outline):hover{background:var(--jk-primary-dark);box-shadow:var(--jk-shadow-md);transform:translateY(-1px)}.jk-btn-primary:active,.btn-primary:not(.btn-outline):active{transform:translateY(0);box-shadow:var(--jk-shadow-xs)}.btn-outline.btn-primary{background:transparent;color:var(--jk-primary);border-color:var(--jk-primary);box-shadow:none}.btn-outline.btn-primary:hover{background:var(--jk-primary);color:var(--jk-text-inverse);border-color:var(--jk-primary)}.jk-btn-secondary,.btn-secondary:not(.btn-outline){background:var(--jk-secondary);color:var(--jk-text);border:none;box-shadow:var(--jk-shadow-sm)}.jk-btn-secondary:hover,.btn-secondary:not(.btn-outline):hover{background:var(--jk-secondary-dark);box-shadow:var(--jk-shadow-md);transform:translateY(-1px)}.btn-outline.btn-secondary{background:transparent;color:var(--jk-secondary-dark);border-color:var(--jk-secondary);box-shadow:none}.btn-outline.btn-secondary:hover{background:var(--jk-secondary);color:var(--jk-text);border-color:var(--jk-secondary)}.jk-btn-ghost,.btn-ghost{transition:background-color var(--jk-duration-fast) var(--jk-ease-default),transform var(--jk-duration-fast) var(--jk-ease-default)}.jk-btn-ghost:hover,.btn-ghost:hover{background-color:var(--jk-surface-sunken)}.btn-outline{border-width:1.5px;transition:background-color var(--jk-duration-fast) var(--jk-ease-default),border-color var(--jk-duration-fast) var(--jk-ease-default),transform var(--jk-duration-fast) var(--jk-ease-default)}.jk-rating-btn,.quality-btn{position:relative;transition:transform var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default),background-color var(--jk-duration-fast) var(--jk-ease-default);min-height:60px;min-width:70px;padding:var(--jk-space-3) var(--jk-space-4);border-radius:var(--jk-btn-radius-md);font-weight:var(--jk-font-semibold);border:none}.jk-rating-btn:hover,.quality-btn:hover{transform:translateY(-2px);box-shadow:var(--jk-shadow-md)}.jk-rating-btn:active,.quality-btn:active{transform:translateY(0)}.jk-rating-btn:focus-visible,.quality-btn:focus-visible{outline:2px solid var(--jk-primary);outline-offset:2px}.jk-rating-again,.quality-btn[data-quality="1"]{background:var(--jk-rating-again);color:#fff}.jk-rating-again:hover,.quality-btn[data-quality="1"]:hover{background:var(--jk-rating-again-hover)}.jk-rating-hard,.quality-btn[data-quality="2"]{background:var(--jk-rating-hard);color:var(--jk-text)}.jk-rating-hard:hover,.quality-btn[data-quality="2"]:hover{background:var(--jk-rating-hard-hover)}.jk-rating-good,.quality-btn[data-quality="4"]{background:var(--jk-rating-good);color:#fff;box-shadow:0 0 0 2px #0d737733}.jk-rating-good:hover,.quality-btn[data-quality="4"]:hover{background:var(--jk-rating-good-hover)}.jk-rating-easy,.quality-btn[data-quality="5"]{background:var(--jk-rating-easy);color:#fff}.jk-rating-easy:hover,.quality-btn[data-quality="5"]:hover{background:var(--jk-rating-easy-hover)}.quality-btn .text-xs.opacity-80{opacity:1;font-size:.8125rem;font-weight:var(--jk-font-medium)}.quality-consequence{font-size:.6875rem;opacity:.85;margin-top:.125rem;font-family:var(--jk-font-body)}.jk-tone-indicator,.tone-indicator{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;font-size:.6875rem;font-weight:var(--jk-font-bold);text-transform:uppercase;letter-spacing:.02em}.jk-tone-mid,.tone-mid{background:var(--jk-tone-mid);color:#fff}.jk-tone-low,.tone-low{background:var(--jk-tone-low);color:#fff}.jk-tone-falling,.tone-falling{background:var(--jk-tone-falling);color:#fff}.jk-tone-high,.tone-high{background:var(--jk-tone-high);color:var(--jk-text)}.jk-tone-rising,.tone-rising{background:var(--jk-tone-rising);color:#fff}.tone-badge{padding:.375rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:var(--jk-font-semibold);text-transform:capitalize;letter-spacing:.01em}.rtok-tone-mid{color:var(--rtok-tone-mid)}.rtok-tone-low{color:var(--rtok-tone-low)}.rtok-tone-falling{color:var(--rtok-tone-falling)}.rtok-tone-high{color:var(--rtok-tone-high)}.rtok-tone-rising{color:var(--rtok-tone-rising)}.rtok-tone-multi,.rtok-tone-unknown,.reader-text.no-tone [class*=rtok-tone-]{color:inherit}.rtok-legend{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.75rem}.rtok-legend.is-muted{opacity:.4}.rtok-legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--jk-text-secondary)}.rtok-legend-dot{width:.6rem;height:.6rem;border-radius:9999px;display:inline-block}.rtok-legend-dot--mid{background:var(--rtok-tone-mid)}.rtok-legend-dot--low{background:var(--rtok-tone-low)}.rtok-legend-dot--falling{background:var(--rtok-tone-falling)}.rtok-legend-dot--high{background:var(--rtok-tone-high)}.rtok-legend-dot--rising{background:var(--rtok-tone-rising)}.jk-progress,.session-progress{height:.5rem;background:var(--jk-surface-sunken);border-radius:9999px;overflow:hidden;position:relative}.jk-progress-bar,.session-progress-bar{height:100%;background:var(--jk-primary);transition:width var(--jk-duration-slow) var(--jk-ease-default)}.jk-streak,.streak-fire{display:inline-flex;align-items:center;gap:var(--jk-space-2);padding:var(--jk-space-2) var(--jk-space-4);background:#e9a83b1a;border-radius:9999px;border:1px solid rgba(233,168,59,.25);font-weight:var(--jk-font-semibold)}.streak-fire-icon{animation:jk-streak-pulse 3s ease-in-out infinite}@keyframes jk-streak-pulse{0%,to{opacity:1}50%{opacity:.85}}.interval-badge{font-size:.75rem;font-weight:var(--jk-font-semibold);font-family:var(--jk-font-body);padding:.25rem .625rem;border-radius:.375rem;background:var(--jk-surface-sunken);border:1px solid var(--jk-border)}.htmx-indicator{opacity:0;transition:opacity .1s var(--jk-ease-default)}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1}.htmx-hide-on-request{transition:opacity .1s var(--jk-ease-default)}.htmx-request .htmx-hide-on-request{opacity:0}.htmx-show-on-request{display:none}.htmx-request .htmx-show-on-request{display:inline}.htmx-loading{position:relative}.htmx-loading:after{content:"";position:absolute;inset:0;background:#fdf6e3cc;backdrop-filter:blur(2px);border-radius:inherit;animation:jk-fade-in var(--jk-duration-fast) var(--jk-ease-default)}.skeleton-loading{background:linear-gradient(90deg,var(--jk-surface-sunken) 25%,var(--jk-border) 50%,var(--jk-surface-sunken) 75%);background-size:200% 100%;animation:jk-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.5rem}@keyframes jk-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.jk-input,.answer-input{font-family:var(--jk-font-thai);font-size:var(--jk-text-xl);text-align:center;padding:var(--jk-space-4) var(--jk-space-6);border-radius:var(--jk-input-radius);border:2px solid var(--jk-border);background:var(--jk-surface);transition:border-color var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default)}.jk-input:focus,.answer-input:focus{outline:none;border-color:var(--jk-primary);box-shadow:0 0 0 3px #0d737726}.jk-input::placeholder,.answer-input::placeholder{font-family:var(--jk-font-thai);color:var(--jk-text-muted)}.jk-input-error{border-color:var(--jk-error)}.jk-input-error:focus{border-color:var(--jk-error);box-shadow:0 0 0 3px #c25d3926}.jk-input-thai{font-family:var(--jk-font-thai);font-size:var(--jk-thai-base);line-height:var(--jk-leading-thai)}.jk-feedback-correct,.feedback-correct{animation:jk-feedback-correct .6s var(--jk-ease-bounce)}@keyframes jk-feedback-correct{0%{background-color:transparent;transform:scale(1);box-shadow:0 0 #22a06b4d}30%{background-color:var(--jk-success-bg);transform:scale(1.02);box-shadow:0 0 0 8px #22a06b00}to{background-color:#22a06b0d;transform:scale(1)}}.jk-feedback-incorrect,.feedback-incorrect{animation:jk-feedback-incorrect .4s var(--jk-ease-default)}@keyframes jk-feedback-incorrect{0%,to{transform:translate(0);background-color:transparent}25%{transform:translate(-3px)}75%{transform:translate(3px)}50%{background-color:#c25d3926}}.feedback-incorrect-soft{animation:jk-feedback-incorrect-soft .5s var(--jk-ease-default)}@keyframes jk-feedback-incorrect-soft{0%{background-color:transparent}40%{background-color:#c25d3933}to{background-color:#c25d390d}}.answer-thai-display{font-family:var(--jk-font-thai);font-size:clamp(2.75rem,9vw,4.5rem);font-weight:var(--jk-font-semibold);line-height:1.35;letter-spacing:.02em;color:var(--jk-primary);text-shadow:0 2px 4px rgba(13,115,119,.1)}.answer-english-display{font-family:var(--jk-font-heading);font-size:1.375rem;font-weight:var(--jk-font-medium);color:var(--jk-text-secondary);margin-top:.75rem}.answer-romanization{font-family:var(--jk-font-body);font-size:var(--jk-text-md);color:var(--jk-text-muted);font-style:italic;letter-spacing:.01em}.card-answer-section{padding-top:var(--jk-space-6);margin-top:var(--jk-space-6);border-top:1px solid var(--jk-border-light)}.answer-area-highlight{background:#0d737705;border-radius:var(--jk-card-radius-sm);padding:var(--jk-space-6);margin:calc(var(--jk-space-2) * -1)}.syllable-display{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}.syllable{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;background:var(--jk-surface-sunken);border-radius:var(--jk-btn-radius-md);border:1px solid var(--jk-border);transition:transform var(--jk-duration-fast) var(--jk-ease-default)}.syllable:hover{transform:translateY(-2px)}.syllable-thai{font-family:var(--jk-font-thai);font-size:1.625rem;font-weight:var(--jk-font-semibold);color:var(--jk-primary)}.syllable-romanization{font-size:.75rem;opacity:.65;font-family:var(--jk-font-body)}.syllable-tone{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-weight:var(--jk-font-semibold);opacity:.8}@keyframes jk-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes jk-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes jk-success-pop{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.98)}to{transform:scale(1)}}@keyframes jk-success-glow{0%{box-shadow:0 0 #22a06b66}50%{box-shadow:0 0 0 12px #22a06b00}to{box-shadow:0 0 #22a06b00}}.jk-animate-fade-in,.animate-fade-in{animation:jk-fade-in var(--jk-duration-normal) var(--jk-ease-default)}.jk-animate-scale-up,.animate-scale-up{animation:jk-scale-up var(--jk-duration-normal) var(--jk-ease-bounce)}.jk-animate-success,.animate-success{animation:jk-success-pop .6s var(--jk-ease-bounce)}.jk-animate-success-glow,.animate-success-glow{animation:jk-success-glow .8s var(--jk-ease-default)}.jk-animate-stagger>*,.animate-stagger>*{animation:jk-fade-in var(--jk-duration-normal) var(--jk-ease-default) backwards}.jk-animate-stagger>*:nth-child(1),.animate-stagger>*:nth-child(1){animation-delay:0ms}.jk-animate-stagger>*:nth-child(2),.animate-stagger>*:nth-child(2){animation-delay:50ms}.jk-animate-stagger>*:nth-child(3),.animate-stagger>*:nth-child(3){animation-delay:.1s}.jk-animate-stagger>*:nth-child(4),.animate-stagger>*:nth-child(4){animation-delay:.15s}.jk-animate-stagger>*:nth-child(5),.animate-stagger>*:nth-child(5){animation-delay:.2s}.jk-animate-stagger>*:nth-child(6),.animate-stagger>*:nth-child(6){animation-delay:.25s}.animate-slide-in-right{animation:jk-slide-in-right var(--jk-duration-normal) var(--jk-ease-default)}@keyframes jk-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.animate-streak-pulse{animation:jk-streak-pulse 2s ease-in-out infinite}.audio-btn{position:relative;transition:transform var(--jk-duration-fast) var(--jk-ease-default),background-color var(--jk-duration-fast) var(--jk-ease-default)}.audio-btn:hover{transform:scale(1.1)}.audio-btn:active{transform:scale(.95)}.audio-btn.playing{animation:audio-ripple 1s ease-out infinite}.audio-btn.playing:after{content:"";position:absolute;inset:-4px;border:2px solid rgba(13,115,119,.5);border-radius:inherit;animation:audio-ring 1s ease-out infinite}@keyframes audio-ripple{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes audio-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.animate-audio-wave-1{animation:audio-wave .6s ease-in-out infinite;animation-delay:0s}.animate-audio-wave-2{animation:audio-wave .6s ease-in-out infinite;animation-delay:.15s}.animate-audio-wave-3{animation:audio-wave .6s ease-in-out infinite;animation-delay:.3s}@keyframes audio-wave{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--jk-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 639px){.hide-mobile{display:none!important}}@media (min-width: 640px){.hide-desktop{display:none!important}}.table-scroll-wrapper{position:relative}.table-scroll-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2rem;background:linear-gradient(to left,var(--jk-background),transparent);pointer-events:none;opacity:0;transition:opacity var(--jk-duration-normal) var(--jk-ease-default)}@media (max-width: 767px){.table-scroll-wrapper:after{opacity:.8}}html,body{max-width:100vw}body{overflow-x:hidden}.drawer-side{visibility:hidden}@media (max-width: 640px){.btn-sm{min-height:44px;min-width:44px}.jk-rating-btn,.quality-btn{min-height:48px;padding-left:.5rem;padding-right:.5rem}.jk-card-flashcard,.flashcard{min-height:180px;max-height:min(240px,35vh)}.flashcard-face{padding:var(--jk-space-3) var(--jk-space-4)}.jk-flashcard-word,.flashcard-word{font-size:clamp(1.75rem,8vw,2.5rem)}.container{padding-left:.5rem;padding-right:.5rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea,select{font-size:16px!important}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}@media (max-width: 1023px){.drawer-side .menu a,.drawer-side .menu button{min-height:52px}}@media print{.no-print{display:none!important}.flashcard{break-inside:avoid;page-break-inside:avoid}.jamkham-bg-pattern{display:none}}.stat{background:var(--jk-surface);border:1px solid var(--jk-border-light);transition:transform var(--jk-duration-fast) var(--jk-ease-default)}.stat:hover{transform:translateY(-2px)}.stat-value{font-family:var(--jk-font-heading);font-weight:var(--jk-font-bold)}.stat-title{font-family:var(--jk-font-body);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;opacity:.7}.stat-desc{font-family:var(--jk-font-body);opacity:.6}.hero-gradient{background:var(--jk-background)}.navbar{background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=jamkham-dark] .navbar{background:#1e2836f7}.navbar-brand{font-family:var(--jk-font-heading);font-weight:var(--jk-font-bold);letter-spacing:-.02em}.dropdown-content{background-color:var(--jk-surface)!important;z-index:100!important;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a!important}.modal{z-index:9999!important;isolation:isolate}dialog.modal:not([open]):not(.modal-open){display:none}.modal .modal-box{z-index:10!important;position:relative;background-color:var(--jk-surface, oklch(var(--b1)))}.modal .modal-backdrop,.modal>label.modal-backdrop{z-index:1!important;position:absolute;inset:0}.modal-toggle:checked~.modal .modal-box,.modal:has(.modal-toggle:checked) .modal-box{z-index:10!important}.modal-toggle:checked+.modal,.modal:target,.modal[open]{pointer-events:auto;visibility:visible;opacity:1}.modal-toggle:checked+.modal .modal-box{position:relative;z-index:10!important}[data-theme=jamkham-dark] .dropdown-content{background-color:oklch(var(--b2))!important}.feature-card{background:var(--jk-surface);border:1px solid var(--jk-border-light);border-radius:var(--jk-card-radius-md);padding:var(--jk-space-8);text-align:center;transition:transform var(--jk-duration-normal) var(--jk-ease-default),box-shadow var(--jk-duration-normal) var(--jk-ease-default),border-color var(--jk-duration-normal) var(--jk-ease-default)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--jk-shadow-md)}.feature-icon{width:4rem;height:4rem;border-radius:var(--jk-card-radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--jk-space-6);background:#0d737714}.alert{border-radius:var(--jk-card-radius-sm);border-width:1px}.alert-success{background:var(--jk-success-bg);border-color:#22a06b66;color:var(--jk-success-dark)}.alert-success svg{color:var(--jk-success)}.alert-warning{background:var(--jk-warning-bg);border-color:#e9a83b66;color:var(--jk-warning-dark)}.alert-warning svg{color:var(--jk-warning)}.alert-error{background:var(--jk-error-bg);border-color:#c25d3966;color:var(--jk-error-dark)}.alert-error svg{color:var(--jk-error)}.alert-info{background:var(--jk-info-bg);border-color:#0d737766;color:var(--jk-info-dark)}.alert-info svg{color:var(--jk-info)}[data-theme=jamkham-dark] .alert-success,[data-theme=jamkham-dark] .alert-warning,[data-theme=jamkham-dark] .alert-error,[data-theme=jamkham-dark] .alert-info{color:var(--jk-text)}[data-theme=jamkham-dark] .alert-success{background:#22a06b33}[data-theme=jamkham-dark] .alert-warning{background:#e9a83b33}[data-theme=jamkham-dark] .alert-error{background:#c25d3933}[data-theme=jamkham-dark] .alert-info{background:#0d737733}.badge-primary{background:var(--jk-primary);color:var(--jk-text-inverse)}.badge-secondary{background:var(--jk-secondary);color:var(--jk-text)}.badge-accent{background:var(--jk-accent);color:var(--jk-text-inverse)}.divider{font-family:var(--jk-font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:1}.divider:before,.divider:after{background:linear-gradient(90deg,transparent,var(--jk-border),transparent);height:1px}.tooltip:before{font-family:var(--jk-font-body);font-size:.8125rem}.auth-input{transition:border-color var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default)}.auth-input:focus{outline:none;border-color:var(--jk-primary);box-shadow:0 0 0 3px #0d737726}.auth-input:focus-visible{outline:none}.auth-input.input-error:focus{border-color:var(--jk-error);box-shadow:0 0 0 3px #c25d3926}.social-provider-btn{transition:transform var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default),background-color var(--jk-duration-fast) var(--jk-ease-default)}.social-provider-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--jk-border)}.social-provider-btn:active{transform:translateY(0)}.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--jk-primary);border-radius:var(--jk-card-radius-md) var(--jk-card-radius-md) 0 0}.auth-page-bg{background:var(--jk-background);min-height:100vh}.password-strength{height:4px;border-radius:2px;background:var(--jk-surface-sunken);overflow:hidden;margin-top:var(--jk-space-2)}.password-strength-bar{height:100%;transition:width var(--jk-duration-normal) var(--jk-ease-default),background-color var(--jk-duration-normal) var(--jk-ease-default)}.password-strength-bar.weak{width:25%;background:var(--jk-error)}.password-strength-bar.fair{width:50%;background:var(--jk-warning)}.password-strength-bar.good{width:75%;background:var(--jk-info)}.password-strength-bar.strong{width:100%;background:var(--jk-success)}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card-animate{animation:auth-fade-in var(--jk-duration-slow) var(--jk-ease-default)}.demo-feature-preview,.demo-audio-btn{position:relative}.demo-audio-btn:after{content:"Demo";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.demo-badge-pulse{animation:demo-badge-pulse 2s ease-in-out infinite}@keyframes demo-badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.demo-progress-header{background:var(--jk-surface-sunken)}.demo-rating-btn{transition:all var(--jk-duration-fast) var(--jk-ease-default)}.demo-rating-btn:hover{transform:translateY(-2px)}.demo-rating-btn:active{transform:translateY(0)}.review-session-container{display:flex;flex-direction:column;max-width:32rem;margin:0 auto;overflow:hidden;background:oklch(var(--b1));height:100vh;height:100dvh}@media (max-width: 1023px){.review-session-container{height:calc(100vh - 7rem);height:calc(100dvh - 7rem)}}@media (min-width: 1024px){.review-session-container{height:calc(100vh - 4rem);height:calc(100dvh - 4rem);max-width:36rem;padding:1rem}}#review-zones{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}#review-zones:has([data-session-complete]){overflow-y:auto;-webkit-overflow-scrolling:touch}.review-status-bar{flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:var(--jk-surface-sunken, oklch(var(--b2)));border-bottom:1px solid var(--jk-border-light, oklch(var(--b3)));font-size:.8125rem;gap:.75rem}.status-progress{display:flex;align-items:center;gap:.5rem;font-weight:600}.status-progress .card-count{color:oklch(var(--bc))}.status-progress .card-total{color:oklch(var(--bc) / .5)}.status-dots{display:flex;gap:.25rem;align-items:center}.status-dots .dot{width:8px;height:8px;border-radius:50%;background:oklch(var(--b3))}.status-dots .dot-correct{background:var(--jk-success, oklch(var(--su)))}.status-dots .dot-incorrect{background:var(--jk-warning, oklch(var(--wa)))}.status-timer{font-family:var(--jk-font-mono, ui-monospace, monospace);color:var(--jk-warning, oklch(var(--wa)));font-size:.75rem;white-space:nowrap}.status-end-btn{padding:.25rem;background:transparent;border:none;cursor:pointer;color:oklch(var(--bc) / .5);border-radius:.25rem}.status-end-btn:hover{color:oklch(var(--bc));background:oklch(var(--b3))}@media (min-width: 640px){.review-status-bar{height:44px;padding:0 1rem;font-size:.875rem}}.review-prompt-zone{flex:2 0 auto;min-height:120px;max-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.75rem 1rem;gap:.5rem;border-bottom:1px solid var(--jk-border-light, oklch(var(--b3)))}.prompt-thai-display{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:clamp(2.25rem,10vw,4rem);font-weight:600;color:var(--jk-primary, oklch(var(--p)));line-height:1.2;word-break:keep-all}.prompt-english-display{font-size:clamp(1.25rem,5vw,1.75rem);font-weight:500;color:oklch(var(--bc));line-height:1.3;max-width:280px;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.prompt-badges{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.prompt-audio-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:.25rem}.prompt-audio-btn{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--jk-surface-sunken, oklch(var(--b2)));border:1px solid var(--jk-border, oklch(var(--b3)));cursor:pointer;transition:transform .1s ease,background-color .15s ease;color:oklch(var(--bc) / .7)}.prompt-audio-btn:hover{background:var(--jk-primary-50, oklch(var(--p) / .1));color:var(--jk-primary, oklch(var(--p)))}.prompt-audio-btn:active{transform:scale(.95)}.prompt-context{font-size:.8125rem;color:oklch(var(--bc) / .6);font-style:italic;max-width:280px}@media (min-width: 640px){.review-prompt-zone{min-height:140px;max-height:220px;padding:1rem 1.5rem;gap:.75rem}.prompt-english-display{max-width:360px}}.review-input-zone{flex:3 1 0%;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:.75rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.traveller-reveal-zone{display:block}.show-answer-btn{width:100%;max-width:280px;min-height:52px;font-size:1rem;font-weight:600}.hint-toggle-btn{margin-top:.75rem;font-size:.75rem;color:oklch(var(--bc) / .5);text-decoration:underline;cursor:pointer;background:none;border:none;padding:.25rem .5rem}.hint-toggle-btn:hover{color:oklch(var(--bc) / .7)}.hint-content{margin-top:.5rem;font-size:1rem;color:oklch(var(--bc) / .6);font-style:italic}.answer-display{text-align:center;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center}.answer-thai{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:clamp(1.75rem,7vw,2.5rem);font-weight:600;color:var(--jk-primary, oklch(var(--p)));margin-bottom:.375rem;line-height:1.2}.answer-romanization{font-size:.9375rem;color:oklch(var(--bc) / .6);font-style:italic;margin-bottom:.25rem;word-break:break-word;overflow-wrap:anywhere}.answer-english{font-size:1.125rem;font-weight:500;color:oklch(var(--bc));margin-bottom:.5rem}.answer-badges{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap;margin-top:.375rem;max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}#production-feedback-zone,#cloze-feedback-zone,#listening-feedback-zone{max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%}@media (max-height: 670px){.example-content:not(.force-show){display:none}.review-prompt-zone{padding:.5rem .75rem}.review-input-zone{padding:.5rem}.answer-thai{font-size:clamp(1.5rem,6vw,2rem)}.answer-romanization{font-size:.8125rem}.answer-badges{gap:.25rem}.answer-badges .badge{padding:.125rem .375rem;font-size:.625rem}}@media (max-height: 600px){.example-content,.example-section{display:none!important}}@media (max-height: 550px){.example-content,.example-section,.answer-badges,.additional-glosses{display:none!important}.answer-thai{font-size:1.5rem}.answer-english{font-size:1rem}}.feedback-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.feedback-correct{background:#22a06b26;border:1px solid rgba(34,160,107,.3);color:#166534}[data-theme=dark] .feedback-correct{color:#86efac}.feedback-incorrect{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#92400e}[data-theme=dark] .feedback-incorrect{color:#fcd34d}.user-answer-section{margin-top:1rem;width:100%;max-width:320px}.user-answer-display{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:clamp(1.25rem,4vw,1.75rem);padding:.5rem .75rem;background:var(--jk-surface-sunken, #F4F0E8);border-radius:.375rem;border:1px solid var(--jk-border-light, oklch(var(--bc) / .15));text-align:center;margin:.5rem 0;line-height:1.4}.diff-segment{display:inline;padding:0 .125rem;border-radius:.125rem;position:relative}.diff-tone-error{background:var(--jk-warning-bg, rgba(245, 158, 11, .2));border-bottom:2px wavy var(--jk-warning, #f59e0b);color:var(--jk-warning-dark, #92400e)}[data-theme=dark] .diff-tone-error{background:#f59e0b26;color:#fcd34d}.diff-consonant-error{background:var(--jk-info-bg, rgba(59, 130, 246, .15));border-bottom:2px dotted var(--jk-info, #3b82f6);color:var(--jk-info-dark, #1e40af)}[data-theme=dark] .diff-consonant-error{background:#3b82f61f;color:#93c5fd}.diff-wrong{background:var(--jk-error-bg, rgba(239, 68, 68, .15));text-decoration:line-through;opacity:.7;color:var(--jk-error-dark, #991b1b)}[data-theme=dark] .diff-wrong{background:#ef44441f;color:#fca5a5}.diff-hint{font-size:.8125rem;color:var(--jk-text-muted, #677D98);text-align:center;margin-top:.5rem;padding:.5rem;background:var(--jk-surface-sunken, #F4F0E8);border-radius:.25rem;line-height:1.4}[data-theme=dark] .diff-hint{background:oklch(var(--b2))}.diff-error-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;font-weight:600}.diff-error-badge-tone{background:var(--jk-warning-bg, rgba(245, 158, 11, .2));color:var(--jk-warning-dark, #92400e)}[data-theme=dark] .diff-error-badge-tone{background:#f59e0b26;color:#fcd34d}.diff-error-badge-consonant{background:var(--jk-info-bg, rgba(59, 130, 246, .15));color:var(--jk-info-dark, #1e40af)}[data-theme=dark] .diff-error-badge-consonant{background:#3b82f61f;color:#93c5fd}.thai-input-wrapper{width:100%;max-width:280px;margin-bottom:.75rem}.thai-input-label{display:block;font-size:.8125rem;color:oklch(var(--bc) / .6);margin-bottom:.5rem;text-align:center}.thai-input-field{width:100%;height:48px;font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:1.25rem;text-align:center;border:2px solid var(--jk-border, oklch(var(--b3)));border-radius:.5rem;background:oklch(var(--b1));padding:0 1rem;color:oklch(var(--bc))}.thai-input-field:focus{outline:none;border-color:var(--jk-primary, oklch(var(--p)));box-shadow:0 0 0 3px #0d737726}.thai-input-hint{font-size:.6875rem;color:oklch(var(--bc) / .4);margin-top:.25rem;text-align:center}.check-answer-btn{width:100%;max-width:280px;min-height:48px}.skip-btn{margin-top:.5rem;font-size:.75rem;color:oklch(var(--bc) / .5);background:none;border:none;cursor:pointer;padding:.25rem .5rem}.skip-btn:hover{color:oklch(var(--bc) / .7);text-decoration:underline}.example-toggle-btn{font-size:.75rem;color:oklch(var(--bc) / .5);text-decoration:underline;margin-top:.75rem;cursor:pointer;background:none;border:none;padding:.25rem .5rem}.example-content{margin-top:.5rem;padding:.75rem;background:var(--jk-surface-sunken, oklch(var(--b2)));border-radius:.5rem;text-align:left;font-size:.875rem;width:100%;max-width:320px}.example-thai{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:1rem;color:oklch(var(--bc));margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;line-height:1.6}.example-romanization{font-size:.8125rem;color:oklch(var(--bc) / .6);font-style:italic;margin-bottom:.25rem;word-break:break-word;overflow-wrap:anywhere}.example-english{font-size:.8125rem;color:oklch(var(--bc) / .7)}@media (min-width: 640px){.review-input-zone{padding:1rem}}.review-rating-zone{flex-shrink:0;padding:.5rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px));background:oklch(var(--b1));border-top:1px solid var(--jk-border-light, oklch(var(--b3)));z-index:20}.review-rating-zone[data-state=hidden]{display:none}.rating-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}@media (min-width: 640px){.review-rating-zone{padding:.5rem .75rem}.rating-button-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}}.rating-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:.375rem .25rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.rating-btn:hover{transform:translateY(-1px)}.rating-btn:active{transform:translateY(0)}.rating-btn-label{font-size:.8125rem;line-height:1}.rating-btn-interval{font-size:.6875rem;font-family:var(--jk-font-mono, ui-monospace, monospace);opacity:.85;margin-top:.125rem}.rating-btn-again{background:var(--jk-rating-again, #f59e0b);color:#fff}.rating-btn-hard{background:var(--jk-rating-hard, #fcd34d);color:#78350f}.rating-btn-good{background:var(--jk-rating-good, #0d7377);color:#fff;box-shadow:0 0 0 2px #0d737733}.rating-btn-easy{background:var(--jk-rating-easy, #10b981);color:#fff}.introduction-card .review-prompt-zone{border-left:4px solid var(--jk-primary, oklch(var(--p)));background:linear-gradient(135deg,oklch(var(--p) / .04),transparent);padding-left:1.25rem;max-height:220px}.intro-romanization{font-family:var(--jk-font-heading, system-ui);font-size:clamp(1.75rem,8vw,2.75rem);font-weight:700;color:var(--jk-primary, oklch(var(--p)));line-height:1.2;margin:.5rem 0 .25rem;text-align:center}.intro-english{font-family:var(--jk-font-body, system-ui);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:600;color:oklch(var(--bc));text-align:center;margin:.25rem 0}.intro-audio{display:flex;justify-content:center;margin:.5rem 0 0}.intro-thai{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:1.125rem;color:oklch(var(--bc) / .5);text-align:center}.introduction-info{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.intro-example{text-align:center;padding:.5rem 0}.intro-tip{background:oklch(var(--b2));border-radius:var(--jk-radius, .5rem);padding:.625rem .875rem;text-align:center}.intro-transition-hint{font-size:.8125rem;color:oklch(var(--bc) / .45);font-style:italic;text-align:center;margin-top:.25rem}.introduction-action{padding:.5rem 0}.introduction-got-it-btn{font-size:1.125rem;min-height:3.25rem}@media (max-width: 480px){.intro-romanization{font-size:clamp(1.5rem,7vw,2.25rem)}.intro-english{font-size:clamp(1.125rem,4.5vw,1.5rem)}.introduction-card .review-prompt-zone{padding-left:1rem;max-height:180px}}.traveller-mode .prompt-thai-display{font-size:clamp(1rem,4vw,1.25rem);font-weight:400;color:oklch(var(--bc) / .45);order:3}.traveller-mode .prompt-romanization-display{font-family:var(--jk-font-heading, system-ui);font-size:clamp(1.75rem,8vw,2.5rem);font-weight:600;color:var(--jk-primary, oklch(var(--p)));line-height:1.2;order:1;display:block}.traveller-mode .answer-romanization{font-size:clamp(1.5rem,6vw,2rem);font-weight:600;color:var(--jk-primary, oklch(var(--p)));font-style:normal;order:1}.traveller-mode .answer-english{font-size:1.375rem;font-weight:600;order:2}.traveller-mode .answer-thai{font-size:1rem;font-weight:400;color:oklch(var(--bc) / .45);order:3}@media (max-width: 480px){.traveller-mode .prompt-romanization-display{font-size:clamp(1.5rem,7vw,2rem)}.traveller-mode .answer-romanization{font-size:clamp(1.25rem,5vw,1.75rem)}}.tone-button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;justify-items:center}.tone-btn{min-height:48px;min-width:0;width:100%}.tone-button-grid .tone-btn:nth-child(4),.tone-button-grid .tone-btn:nth-child(5){grid-column:span 1}@media (max-width: 639px){.tone-button-grid{grid-template-columns:repeat(6,1fr)}.tone-button-grid .tone-btn:nth-child(1),.tone-button-grid .tone-btn:nth-child(2),.tone-button-grid .tone-btn:nth-child(3){grid-column:span 2}.tone-button-grid .tone-btn:nth-child(4),.tone-button-grid .tone-btn:nth-child(5){grid-column:span 3}}@media (min-width: 640px){.tone-button-grid{grid-template-columns:repeat(5,1fr)}.tone-button-grid .tone-btn{grid-column:span 1}}.classifier-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;justify-items:center;padding:0 .5rem}.classifier-option{min-height:64px;min-width:0;width:100%;padding:.75rem .5rem;border-radius:var(--jk-card-radius-sm, .75rem);transition:all var(--jk-duration-fast, .15s) var(--jk-ease-default);border:2px solid var(--jk-border, rgba(45, 52, 54, .12));background:var(--jk-surface, #ffffff)}.classifier-option .font-thai{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:1.5rem;font-weight:600;color:var(--jk-text, #2d3436);line-height:1.3}.classifier-option .text-xs{color:var(--jk-text-muted, #677d98);font-size:.75rem}.classifier-option:hover{border-color:var(--jk-primary, #1a5362);background:var(--jk-primary-50, #f0f7f9);transform:translateY(-1px);box-shadow:var(--jk-shadow-sm)}.classifier-option:active{transform:translateY(0);box-shadow:none}.classifier-option:focus-visible{outline:2px solid var(--jk-primary, #1a5362);outline-offset:2px}@media (max-width: 639px){.classifier-option-grid{gap:.5rem;padding:0}.classifier-option{min-height:60px;padding:.625rem .5rem}.classifier-option .font-thai{font-size:1.375rem}}@media (min-width: 640px){.classifier-option-grid{max-width:320px;margin:0 auto}.classifier-option{min-height:72px}}[data-theme=jamkham-dark] .classifier-option{background:var(--jk-surface, #1e2836);border-color:var(--jk-border, rgba(236, 240, 243, .15))}[data-theme=jamkham-dark] .classifier-option .font-thai{color:var(--jk-text, #ecf0f3)}[data-theme=jamkham-dark] .classifier-option:hover{background:var(--jk-surface-elevated, #2a3544);border-color:var(--jk-primary, #2dd3c8)}@media (max-width: 639px){.review-prompt-zone{min-height:100px;max-height:180px;padding:.5rem .75rem}.prompt-thai-display{font-size:clamp(2rem,9vw,3rem)}.prompt-audio-btn{width:44px;height:44px;min-width:44px;min-height:44px}.answer-thai{font-size:clamp(1.5rem,6vw,2rem)}.rating-btn{min-height:40px}.rating-btn-label{font-size:.75rem}.rating-btn-interval{font-size:.625rem}}@media (max-height: 500px) and (orientation: landscape){.review-status-bar{height:32px;padding:0 .5rem;font-size:.75rem}.review-prompt-zone{min-height:60px;max-height:100px;padding:.25rem .5rem}.prompt-thai-display{font-size:1.5rem}.prompt-audio-btn{width:44px;height:44px;min-width:44px;min-height:44px}.review-input-zone{padding:.5rem}.review-rating-zone{padding:.25rem .5rem}.rating-btn{min-height:32px}}.review-session-container{--keyboard-height: 0px;--visible-height: 100%}.review-session-container.keyboard-active{position:fixed;top:var(--navbar-height, 48px);left:0;right:0;bottom:auto;overflow:hidden!important;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;margin:0 auto;display:flex;flex-direction:column}.keyboard-active #review-zones{overflow:hidden!important;overscroll-behavior:none;touch-action:manipulation}.keyboard-active .review-prompt-zone,.keyboard-active .review-input-zone{overscroll-behavior:none}.keyboard-active .review-status-bar{flex-shrink:0;height:28px;min-height:28px;max-height:28px;padding:0 .5rem;font-size:.75rem}.keyboard-active .review-prompt-zone{flex:0 1 auto;height:auto;min-height:40px;max-height:80px;padding:.25rem .5rem;gap:0;overflow-y:auto;border-bottom:none}.keyboard-active .prompt-thai-display{font-size:clamp(1.125rem,4.5vw,1.375rem);line-height:1.1;margin:0}.keyboard-active .prompt-english-display{font-size:clamp(.875rem,3vw,1rem);line-height:1.1;margin:0}.keyboard-active .prompt-badges,.keyboard-active .prompt-context{display:none!important}.keyboard-active .prompt-audio-buttons{display:flex!important;margin-top:2px}.keyboard-active .prompt-audio-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:.25rem;font-size:.875rem}.keyboard-active [data-card-type=listening_script] .prompt-audio-btn,.keyboard-active [data-card-type=listening_meaning] .prompt-audio-btn{width:44px;height:44px;min-width:44px;min-height:44px}.keyboard-active .review-input-zone{flex:1 1 0%;min-height:0;padding:.25rem .5rem;justify-content:flex-start;align-items:center;overflow:hidden!important;overflow-y:hidden!important;-webkit-overflow-scrolling:auto!important;gap:.25rem}.keyboard-active .thai-input-wrapper{margin:0;width:100%;max-width:300px}.keyboard-active .thai-input-label,.keyboard-active .thai-input-hint{display:none}.keyboard-active .thai-input-field{height:36px;min-height:36px;font-size:1rem;padding:.25rem .5rem}.keyboard-active .check-answer-btn{min-height:36px;height:36px;padding:.25rem .75rem;font-size:.8125rem;margin:0}.keyboard-active .skip-btn,.keyboard-active .review-rating-zone{display:none!important}.keyboard-active .introduction-card .introduction-action{display:block!important}.keyboard-active .show-answer-btn{min-height:36px;height:36px;max-width:180px;font-size:.8125rem;padding:.25rem .75rem}.keyboard-active .hint-toggle-btn{display:none!important}.review-prompt-zone,.review-input-zone{transition:flex .15s ease-out,padding .15s ease-out,height .15s ease-out,max-height .15s ease-out,min-height .15s ease-out}.prompt-thai-display,.prompt-english-display{transition:font-size .15s ease-out}.keyboard-transitioning .review-prompt-zone,.keyboard-transitioning .review-input-zone,.keyboard-transitioning .prompt-thai-display,.keyboard-transitioning .prompt-english-display{transition:none!important}@media (max-height: 450px) and (orientation: landscape){.keyboard-active .review-status-bar{height:24px;min-height:24px;max-height:24px;font-size:.6875rem}.keyboard-active .review-prompt-zone{height:44px;min-height:44px;max-height:44px;padding:.125rem .25rem}.keyboard-active .prompt-thai-display{font-size:clamp(.9375rem,3.5vw,1.125rem)}.keyboard-active .prompt-english-display{font-size:clamp(.75rem,2.5vw,.875rem)}.keyboard-active .review-input-zone{padding:.125rem .25rem;gap:.125rem}.keyboard-active .thai-input-field{height:32px;min-height:32px;font-size:.9375rem}.keyboard-active .check-answer-btn,.keyboard-active .show-answer-btn{min-height:32px;height:32px;padding:.125rem .5rem;font-size:.75rem}}.review-rating-zone{flex-shrink:0;position:sticky;bottom:0;z-index:10;background:oklch(var(--b1));box-shadow:0 -2px 8px oklch(var(--bc) / .05)}.review-session-container{isolation:isolate}.review-prompt-zone,.review-input-zone,.review-rating-zone{will-change:transform;transform:translateZ(0)}.review-session-container:not(.keyboard-active):not(.keyboard-transitioning) .review-prompt-zone,.review-session-container:not(.keyboard-active):not(.keyboard-transitioning) .review-input-zone,.review-session-container:not(.keyboard-active):not(.keyboard-transitioning) .review-rating-zone{will-change:auto}.thai-input-field{font-size:max(1rem,16px);transform:translateZ(0)}.thai-input-wrapper.input-focused .thai-input-field{border-color:var(--jk-primary, oklch(var(--p)));box-shadow:0 0 0 3px #0d737733}.undo-toast{position:fixed;top:3.5rem;right:.75rem;z-index:40;animation:undo-slide-in .25s ease-out}@media (min-width: 640px){.undo-toast{top:4rem;right:1rem}}.undo-toast-content{display:flex}.undo-toast-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:oklch(var(--bc) / .7);background:oklch(var(--b2));border:1px solid oklch(var(--b3));border-radius:9999px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #0000001a}.undo-toast-btn:hover{color:oklch(var(--wa));border-color:oklch(var(--wa) / .5);background:oklch(var(--wa) / .1)}.undo-countdown{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.625rem;font-weight:600;background:oklch(var(--b3));border-radius:50%;color:oklch(var(--bc) / .6)}.undo-toast-hide{opacity:0;transform:translate(20px);transition:all .2s ease-out}@keyframes undo-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.review-viewport-container{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden}.review-card-area{flex:1 1 0%;min-height:0;display:flex;flex-direction:column}.review-card-fixed-footer,.review-card-viewport{display:flex;flex-direction:column;height:100%;overflow:hidden}.mode-selector-page{position:fixed;inset:0;z-index:50}.mode-selector-page:has([style*="display: none"]){pointer-events:none}.quick-mode-selector{position:relative;z-index:50}.quick-mode-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.quick-mode-sheet{position:fixed;bottom:0;left:0;right:0;max-height:90vh;overflow-y:auto;background:var(--jk-surface);border-radius:1.5rem 1.5rem 0 0;box-shadow:var(--jk-shadow-xl);padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}[data-theme=jamkham-dark] .quick-mode-sheet{background:var(--jk-surface-elevated)}.quick-mode-handle{display:flex;justify-content:center;padding:.75rem 0 .5rem;position:sticky;top:0;background:inherit;z-index:1}.quick-mode-handle-bar{width:2.5rem;height:.25rem;background:var(--jk-border);border-radius:9999px}.quick-mode-header{padding:0 1.25rem 1rem;text-align:center}.quick-mode-title{font-family:var(--jk-font-heading);font-size:1.25rem;font-weight:600;color:var(--jk-text);margin:0 0 .25rem;letter-spacing:-.01em}.quick-mode-subtitle{font-size:.875rem;color:var(--jk-text-muted);margin:0}.quick-mode-options{padding:0 1rem;display:flex;flex-direction:column;gap:.625rem}.quick-mode-option{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--jk-surface-sunken);border:2px solid transparent;border-radius:.875rem;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.quick-mode-option:hover{background:var(--jk-primary-50);border-color:var(--jk-primary-200)}.quick-mode-option:focus-visible{outline:2px solid var(--jk-primary);outline-offset:2px}.quick-mode-option--selected{background:var(--jk-primary-50);border-color:var(--jk-primary)}[data-theme=jamkham-dark] .quick-mode-option{background:var(--jk-surface-sunken)}[data-theme=jamkham-dark] .quick-mode-option:hover{background:#2dd3c81a;border-color:#2dd3c84d}[data-theme=jamkham-dark] .quick-mode-option--selected{background:#2dd3c826;border-color:var(--jk-primary)}.quick-mode-option-icon{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem}.quick-mode-option-icon svg{width:1.375rem;height:1.375rem}.quick-mode-option-icon--primary{background:var(--jk-primary-100);color:var(--jk-primary)}.quick-mode-option-icon--warning{background:var(--jk-warning-bg);color:var(--jk-warning-dark)}.quick-mode-option-icon--info{background:var(--jk-info-bg);color:var(--jk-info)}.quick-mode-option-icon--success{background:var(--jk-success-bg);color:var(--jk-success)}.quick-mode-option-icon--secondary{background:var(--jk-secondary-100);color:var(--jk-secondary-dark)}.quick-mode-option-icon--accent{background:var(--jk-accent-100);color:var(--jk-accent-dark)}[data-theme=jamkham-dark] .quick-mode-option-icon--primary{background:#2dd3c826;color:var(--jk-primary)}[data-theme=jamkham-dark] .quick-mode-option-icon--warning{background:#f0c05e26;color:var(--jk-warning)}[data-theme=jamkham-dark] .quick-mode-option-icon--info{background:#2dd3c826;color:var(--jk-info)}[data-theme=jamkham-dark] .quick-mode-option-icon--success{background:#36b37e26;color:var(--jk-success)}[data-theme=jamkham-dark] .quick-mode-option-icon--secondary{background:#f0c05e26;color:var(--jk-secondary)}[data-theme=jamkham-dark] .quick-mode-option-icon--accent{background:#ed849f26;color:var(--jk-accent)}.quick-mode-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.quick-mode-option-name{font-size:.9375rem;font-weight:600;color:var(--jk-text)}.quick-mode-option-desc{font-size:.8125rem;color:var(--jk-text-muted)}.quick-mode-option-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1.5rem}.quick-mode-check{width:1.25rem;height:1.25rem;color:var(--jk-primary)}.quick-mode-footer{padding:1rem 1.25rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.quick-mode-remember{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:var(--jk-text-secondary);cursor:pointer}.quick-mode-footer-hint{font-size:.75rem;color:var(--jk-text-muted);margin:0}.mode-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem .125rem .375rem;font-size:.6875rem;font-weight:500;text-decoration:none;background:var(--jk-surface-sunken);border:1px solid var(--jk-border-light);border-radius:9999px;cursor:pointer;transition:all .15s ease;color:var(--jk-text-secondary)}.mode-badge:hover{background:var(--jk-primary-50);border-color:var(--jk-primary-200);color:var(--jk-primary)}.mode-badge:focus-visible{outline:2px solid var(--jk-primary);outline-offset:1px}[data-theme=jamkham-dark] .mode-badge{background:var(--jk-surface-sunken);border-color:var(--jk-border);color:var(--jk-text-secondary)}[data-theme=jamkham-dark] .mode-badge:hover{background:#2dd3c81a;border-color:#2dd3c84d;color:var(--jk-primary)}.mode-badge-icon{width:.875rem;height:.875rem;flex-shrink:0}.mode-badge-label{white-space:nowrap}.mode-badge--one_hand{background:var(--jk-warning-bg);border-color:#e9a83b4d;color:var(--jk-warning-dark)}.mode-badge--one_hand:hover{background:var(--jk-warning-bg);border-color:var(--jk-warning)}.mode-badge--silent{background:var(--jk-info-bg);border-color:#0d73774d;color:var(--jk-info)}.mode-badge--silent:hover{background:var(--jk-info-bg);border-color:var(--jk-info)}.mode-badge--quick{background:var(--jk-success-bg);border-color:#22a06b4d;color:var(--jk-success)}.mode-badge--quick:hover{background:var(--jk-success-bg);border-color:var(--jk-success)}.mode-badge--full{background:var(--jk-secondary-100);border-color:#daab2f4d;color:var(--jk-secondary-dark)}.mode-badge--full:hover{background:var(--jk-secondary-100);border-color:var(--jk-secondary)}[data-theme=jamkham-dark] .mode-badge--one_hand{background:#f0c05e1f;border-color:#f0c05e40;color:var(--jk-warning)}[data-theme=jamkham-dark] .mode-badge--silent{background:#2dd3c81f;border-color:#2dd3c840;color:var(--jk-info)}[data-theme=jamkham-dark] .mode-badge--quick{background:#36b37e1f;border-color:#36b37e40;color:var(--jk-success)}[data-theme=jamkham-dark] .mode-badge--full{background:#f0c05e1f;border-color:#f0c05e40;color:var(--jk-secondary)}@media (max-width: 359px){.mode-badge-label{display:none}.mode-badge{padding:.25rem}.mode-badge-icon{width:1rem;height:1rem}}.practice-type-card{transition:all .2s ease}.practice-type-card:hover{transform:translateY(-2px)}.lesson-progress-bar{height:8px;background-color:oklch(var(--b2));border-radius:9999px;overflow:hidden;display:flex}.lesson-progress-mastered{background-color:oklch(var(--su));transition:width .3s ease}.lesson-progress-familiar{background-color:oklch(var(--su) / .6);transition:width .3s ease}.lesson-progress-learning{background-color:oklch(var(--su) / .3);transition:width .3s ease}.lesson-progress-unseen{background-color:oklch(var(--b2))}.lesson-compact-item{transition:all .2s ease}.lesson-compact-item:hover{background-color:oklch(var(--b2))}.progress-badge{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.practice-type-card,.lesson-progress-mastered,.lesson-progress-familiar,.lesson-progress-learning,.lesson-compact-item{transition:none}}@media (max-width: 640px){.lesson-progress-bar{height:6px}}body.review-session-active [data-bottom-nav]{transform:translateY(100%);pointer-events:none;visibility:hidden;transition:transform 0s,visibility 0s}body.review-session-active .review-session-container{height:calc(100vh - 3rem - env(safe-area-inset-bottom,0px));height:calc(100dvh - 3rem - env(safe-area-inset-bottom,0px))}@media (min-width: 1024px){body.review-session-active .review-session-container{height:calc(100vh - 4rem - env(safe-area-inset-bottom,0px));height:calc(100dvh - 4rem - env(safe-area-inset-bottom,0px))}}.touch-target{min-height:44px;min-width:44px}.touch-target-inline{position:relative}.touch-target-inline:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}@media (pointer: coarse){.btn{min-height:44px}.btn-sm{min-height:44px;padding-left:1rem;padding-right:1rem}.btn-xs{min-height:36px;padding-left:.75rem;padding-right:.75rem}.audio-btn-touch,[data-bottom-nav] a,.quality-btn,.rating-btn{min-height:48px;min-width:48px}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{min-height:44px}}.rating-btn{min-height:52px;min-width:64px}@media (max-width: 639px){.rating-btn{min-height:56px}.rating-button-grid{gap:.5rem}}html:has(.keyboard-active),body:has(.keyboard-active){overflow:hidden!important;position:fixed;width:100%;height:100%}body.review-session-active .keyboard-active .review-input-zone{padding-bottom:.5rem}body.review-session-active .keyboard-active .review-rating-zone{display:none!important}body.review-session-active .keyboard-active .introduction-card .introduction-action{display:block!important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;padding:.5rem .25rem;gap:.125rem;color:var(--jk-text-muted, oklch(var(--bc) / .5));transition:color var(--jk-duration-fast, .15s) var(--jk-ease-default, ease);text-decoration:none}.bottom-nav-item:hover{color:var(--jk-primary, oklch(var(--p)))}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--jk-primary, oklch(var(--p)))}.bottom-nav-item.bottom-nav-primary{color:var(--jk-text-muted, oklch(var(--bc) / .5))}.bottom-nav-item.bottom-nav-primary:hover,.bottom-nav-item.bottom-nav-primary.active{color:var(--jk-secondary, oklch(var(--s)))}.bottom-nav-label{font-size:.625rem;font-weight:500;letter-spacing:.025em;line-height:1}.btn-lg{min-height:52px}.btn{min-height:44px}@media (max-width: 639px){.btn-lg{min-height:56px}}.card-body{padding:1rem}@media (min-width: 640px){.card-body{padding:1.5rem}}.thai-display-lg{font-family:var(--jk-font-thai);font-size:clamp(2rem,6vw,3.5rem);line-height:var(--jk-leading-thai-display, 1.3);font-weight:var(--jk-font-semibold, 600);letter-spacing:var(--jk-tracking-thai, .02em)}.thai-display-md{font-family:var(--jk-font-thai);font-size:clamp(1.5rem,4vw,2.5rem);line-height:var(--jk-leading-thai, 1.5);font-weight:var(--jk-font-medium, 500)}.thai-body-lg{font-family:var(--jk-font-thai);font-size:var(--jk-thai-lg, 1.5rem);line-height:var(--jk-leading-thai, 1.8)}.thai-body{font-family:var(--jk-font-thai);font-size:var(--jk-thai-base, 1.125rem);line-height:var(--jk-leading-thai, 1.8)}.thai-min{font-family:var(--jk-font-thai);font-size:max(1rem,var(--jk-thai-sm, .9375rem));line-height:var(--jk-leading-thai, 1.8)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.min-h-dvh{min-height:100dvh}.h-dvh{height:100dvh}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;min-height:44px;background:var(--jk-surface, oklch(var(--b1)));border:1px solid var(--jk-border, oklch(var(--bc) / .12));border-radius:.5rem;font-size:.875rem;font-weight:500;color:oklch(var(--bc) / .8);cursor:pointer;transition:all var(--jk-duration-fast, .15s) var(--jk-ease-default, ease)}.filter-toggle-btn:hover{background:var(--jk-surface-sunken, oklch(var(--b2)));border-color:var(--jk-primary, oklch(var(--p)))}.filter-toggle-btn:active{transform:scale(.98)}.filter-toggle-btn .filter-icon{width:1.25rem;height:1.25rem;color:oklch(var(--bc) / .6)}.filter-toggle-btn .filter-chevron{width:1rem;height:1rem;margin-left:auto;transition:transform var(--jk-duration-fast, .15s) var(--jk-ease-default, ease)}.filter-toggle-btn[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:.625rem;background:var(--jk-primary, oklch(var(--p)));color:#fff;font-size:.6875rem;font-weight:700;line-height:1}.filter-panel{overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease-out,padding .3s ease-out;background:var(--jk-surface-sunken, oklch(var(--b2)));border-radius:.75rem;border:1px solid var(--jk-border-light, oklch(var(--bc) / .08))}.filter-panel[hidden]{display:none}.filter-panel-content{padding:1rem}.filter-controls{display:flex;flex-wrap:wrap;gap:.75rem}.filter-controls .form-control{flex:1 1 auto;min-width:140px}@media (min-width: 640px){.filter-toggle-btn.mobile-only{display:none}.filter-panel.desktop-visible{display:block!important;background:transparent;border:none;padding:0}.filter-panel.desktop-visible .filter-panel-content{padding:0}.filter-controls{flex-wrap:nowrap;gap:.5rem}.filter-controls .form-control{flex:0 1 auto;min-width:auto}}.sticky-cta-bar{position:sticky;bottom:0;left:0;right:0;z-index:40;padding:1rem;background:linear-gradient(to top,var(--jk-surface, oklch(var(--b1))) 0%,var(--jk-surface, oklch(var(--b1))) 85%,transparent 100%);border-top:1px solid var(--jk-border-light, oklch(var(--bc) / .08));box-shadow:0 -4px 16px -4px #0000001a}@media (max-width: 1023px){.sticky-cta-bar{bottom:4rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.sticky-cta-bar.lg-only{display:none}}@media (min-width: 1024px){.sticky-cta-bar{position:static;background:transparent;border-top:none;box-shadow:none;padding:1.5rem 0 0}}.sticky-cta-bar .btn-primary{width:100%;min-height:52px;font-size:1rem;font-weight:600}@media (min-width: 640px){.sticky-cta-bar .btn-primary{width:auto;min-width:200px}}.sticky-cta-bar.auto-hide{transition:transform .3s var(--jk-ease-out, ease-out)}.sticky-cta-bar.auto-hide.scrolled-up{transform:translateY(100%)}.ptr-container{position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ptr-indicator{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);padding:1rem;transition:transform .3s var(--jk-ease-out, ease-out);z-index:10}.ptr-indicator.pulling{transform:translate(-50%) translateY(0)}.ptr-indicator.refreshing{transform:translate(-50%) translateY(1rem)}.ptr-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--jk-border, oklch(var(--bc) / .12));border-top-color:var(--jk-primary, oklch(var(--p)));border-radius:50%;animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr-arrow{width:1.5rem;height:1.5rem;color:var(--jk-primary, oklch(var(--p)));transition:transform .2s ease}.ptr-indicator.ready .ptr-arrow{transform:rotate(180deg)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,oklch(var(--bc) / .06) 25%,oklch(var(--bc) / .12) 37%,oklch(var(--bc) / .06) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:.25rem}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-heading{height:1.5rem;width:70%;margin-bottom:.75rem}.skeleton-thai{height:2rem;width:50%;margin-bottom:.5rem}.skeleton-badge{display:inline-block;height:1.25rem;width:4rem;border-radius:.625rem}.skeleton-card{background:var(--jk-surface, oklch(var(--b1)));border:1px solid var(--jk-border-light, oklch(var(--bc) / .08));border-radius:1rem;padding:1rem}.skeleton-card-body{display:flex;flex-direction:column;gap:.75rem}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:.5rem;flex-shrink:0}.skeleton-avatar.circle{border-radius:50%}.skeleton-button{height:2.5rem;width:100%;max-width:8rem;border-radius:.5rem}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin-top:-.625rem;margin-left:-.625rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-loading:after{border-color:oklch(var(--bc) / .3);border-top-color:oklch(var(--bc))}.btn-primary.btn-loading:after{border-color:oklch(var(--pc) / .3);border-top-color:oklch(var(--pc))}@keyframes btn-spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:280px}@media (max-width: 639px){.empty-state{padding:2rem 1rem;min-height:220px}}.empty-state-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--jk-primary-50, oklch(var(--p) / .1)) 0%,var(--jk-secondary-50, oklch(var(--s) / .1)) 100%);margin-bottom:1.5rem}.empty-state-icon svg{width:2.5rem;height:2.5rem;color:var(--jk-primary, oklch(var(--p)));opacity:.8}.empty-state-title{font-family:var(--jk-font-heading, "Source Serif 4", serif);font-size:1.25rem;font-weight:600;color:oklch(var(--bc));margin-bottom:.5rem}.empty-state-description{font-size:.9375rem;color:oklch(var(--bc) / .6);max-width:280px;margin-bottom:1.5rem;line-height:1.5}.empty-state-action{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.empty-state-action .btn{width:100%}@media (min-width: 640px){.empty-state-action{flex-direction:row;justify-content:center;max-width:none}.empty-state-action .btn{width:auto}}.empty-state-inline{padding:1.5rem 1rem;min-height:auto}.empty-state-inline .empty-state-icon{width:3rem;height:3rem;margin-bottom:1rem}.empty-state-inline .empty-state-icon svg{width:1.5rem;height:1.5rem}.empty-state-inline .empty-state-title{font-size:1rem}.empty-state-inline .empty-state-description{font-size:.875rem;margin-bottom:1rem}.card-touchable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.card-touchable:hover{box-shadow:var(--jk-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .07))}.card-touchable:active{transform:scale(.98)}.audio-btn-touch{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--jk-surface-sunken, oklch(var(--b2)));border:1px solid var(--jk-border, oklch(var(--bc) / .12));transition:all .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.audio-btn-touch:hover{background:var(--jk-primary-50, oklch(var(--p) / .1));border-color:var(--jk-primary, oklch(var(--p)))}.audio-btn-touch:active{transform:scale(.95);background:var(--jk-primary-100, oklch(var(--p) / .15))}.audio-btn-touch svg{width:1.25rem;height:1.25rem;color:oklch(var(--bc) / .7)}.audio-btn-touch:hover svg,.audio-btn-touch:active svg{color:var(--jk-primary, oklch(var(--p)))}@media (max-width: 639px){.grid-mobile-full{grid-template-columns:1fr!important}.list-item-touch{min-height:56px;padding:.875rem 1rem}.dropdown-content{min-width:200px}.dropdown-content .menu li>*{min-height:44px;padding:.75rem 1rem}}.htmx-added{animation:jk-fade-slide-in .2s ease-out}.htmx-settling{opacity:1}.htmx-swapping{opacity:0;transition:opacity .15s ease-out}@keyframes jk-fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .1s var(--jk-ease-default),background-color var(--jk-duration-fast) var(--jk-ease-default),box-shadow var(--jk-duration-fast) var(--jk-ease-default);-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary:active:not(:disabled){transform:scale(.97);box-shadow:inset 0 2px 4px #00000026}.btn-secondary:active:not(:disabled){transform:scale(.97);box-shadow:inset 0 2px 4px #0000001a}.jk-rating-btn:active:not(:disabled),.quality-btn:active:not(:disabled){transform:scale(.96);transition:transform .08s var(--jk-ease-default)}.answer-reveal{animation:jk-answer-reveal .3s var(--jk-ease-out)}@keyframes jk-answer-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-reveal{animation:jk-panel-reveal .35s var(--jk-ease-out)}@keyframes jk-panel-reveal{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-success{animation:jk-success-pulse .4s var(--jk-ease-out)}@keyframes jk-success-pulse{0%{transform:scale(1);background-color:inherit}50%{transform:scale(1.02);background-color:var(--jk-success-bg, rgba(34, 160, 107, .1))}to{transform:scale(1);background-color:inherit}}.feedback-error{animation:jk-error-shake .4s var(--jk-ease-out)}@keyframes jk-error-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.feedback-retry{animation:jk-retry-nudge .35s var(--jk-ease-default)}@keyframes jk-retry-nudge{0%,to{transform:translate(0);opacity:1}50%{transform:translate(2px);opacity:.9}}.progress-bar-animated,.progress-animated{transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-increment{animation:jk-progress-grow .5s cubic-bezier(.4,0,.2,1)}@keyframes jk-progress-grow{0%{transform:scaleX(.98)}to{transform:scaleX(1)}}.progress-milestone{animation:jk-progress-milestone .6s var(--jk-ease-out)}@keyframes jk-progress-milestone{0%{box-shadow:0 0 0 0 var(--jk-success-bg)}50%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.progress-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);animation:jk-progress-shine 2s ease-in-out infinite;animation-delay:1s}@keyframes jk-progress-shine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.audio-playing{animation:jk-audio-pulse 1s ease-in-out infinite}@keyframes jk-audio-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.audio-waves-active .wave-bar{animation:jk-wave-bar .6s ease-in-out infinite}.audio-waves-active .wave-bar:nth-child(1){animation-delay:0s}.audio-waves-active .wave-bar:nth-child(2){animation-delay:.15s}.audio-waves-active .wave-bar:nth-child(3){animation-delay:.3s}@keyframes jk-wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.streak-celebration{animation:jk-streak-pop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes jk-streak-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.achievement-unlock{animation:jk-achievement-reveal .6s var(--jk-ease-spring)}@keyframes jk-achievement-reveal{0%{transform:translateY(20px) scale(.9);opacity:0}60%{transform:translateY(-4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.goal-complete{animation:jk-goal-glow .8s var(--jk-ease-default)}.goal-complete,.goal-complete *,[data-session-complete],[data-session-complete] *{pointer-events:auto!important}@keyframes jk-goal-glow{0%{box-shadow:0 0 #22a06b66}40%{box-shadow:0 0 0 12px #22a06b00}to{box-shadow:0 0 #22a06b00}}.streak-increment{animation:jk-number-pop .35s var(--jk-ease-bounce)}@keyframes jk-number-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.milestone-modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--jk-space-4);animation:milestone-backdrop-enter .3s var(--jk-ease-default)}@keyframes milestone-backdrop-enter{0%{opacity:0}to{opacity:1}}.milestone-modal-card{position:relative;background:var(--jk-surface, #ffffff);border-radius:var(--jk-card-radius-lg, 1.25rem);padding:var(--jk-space-8) var(--jk-space-6);max-width:24rem;width:100%;text-align:center;box-shadow:var(--jk-shadow-xl),0 0 60px #daab2f26;border:1px solid var(--jk-border, rgba(45, 52, 54, .12));z-index:10;overflow:hidden}.milestone-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--jk-secondary-300, #f5da80) 0%,var(--jk-secondary, #daab2f) 50%,var(--jk-secondary-600, #b08a24) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}.milestone-icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--jk-space-4)}.milestone-icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;animation:milestone-icon-pop .6s var(--jk-ease-spring)}@keyframes milestone-icon-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.milestone-icon-words{background:linear-gradient(135deg,var(--jk-primary-100, #d9eef2) 0%,var(--jk-primary-200, #b3dde5) 100%);color:var(--jk-primary, #1a5362);box-shadow:0 8px 24px #1a536233}.milestone-icon-streak{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 8px 24px #d9770640}.milestone-icon-category{background:linear-gradient(135deg,var(--jk-secondary-100, #fdf5d9) 0%,var(--jk-secondary-200, #faeab3) 100%);color:var(--jk-secondary-700, #8a6b1c);box-shadow:0 8px 24px #daab2f40}.milestone-icon-first{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;box-shadow:0 8px 24px #2563eb33}.milestone-icon-perfect{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777;box-shadow:0 8px 24px #db277733}.milestone-icon-accuracy{background:linear-gradient(135deg,var(--jk-success-bg, rgba(34, 160, 107, .15)) 0%,rgba(34,160,107,.25) 100%);color:var(--jk-success, #22A06B);box-shadow:0 8px 24px #22a06b33}.milestone-icon-default{background:linear-gradient(135deg,var(--jk-secondary-100, #fdf5d9) 0%,var(--jk-secondary-200, #faeab3) 100%);color:var(--jk-secondary-600, #b08a24);box-shadow:0 8px 24px #daab2f33}.milestone-title{font-family:var(--jk-font-heading, "Source Serif 4", Georgia, serif);font-size:var(--jk-text-2xl, 1.875rem);font-weight:var(--jk-font-bold, 700);color:var(--jk-text, #2D3436);margin-bottom:var(--jk-space-2);line-height:var(--jk-leading-tight, 1.25);animation:milestone-text-reveal .5s var(--jk-ease-default) .1s backwards}@keyframes milestone-text-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.milestone-subtitle{font-size:var(--jk-text-sm, .875rem);color:var(--jk-secondary-600, #b08a24);font-weight:var(--jk-font-semibold, 600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--jk-space-4);animation:milestone-text-reveal .5s var(--jk-ease-default) .15s backwards}.milestone-message{font-size:var(--jk-text-base, 1rem);color:var(--jk-text-secondary, #52647E);line-height:var(--jk-leading-relaxed, 1.625);margin-bottom:var(--jk-space-6);animation:milestone-text-reveal .5s var(--jk-ease-default) .2s backwards}.milestone-message p{margin:0}.milestone-dismiss-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--jk-space-3) var(--jk-space-6);background:linear-gradient(135deg,var(--jk-primary, #1a5362) 0%,var(--jk-primary-dark, #134048) 100%);color:#fff;font-weight:var(--jk-font-semibold, 600);font-size:var(--jk-text-base, 1rem);border:none;border-radius:var(--jk-btn-radius-lg, .75rem);cursor:pointer;transition:all var(--jk-duration-fast, .15s) var(--jk-ease-default);box-shadow:0 4px 12px #1a53624d;animation:milestone-text-reveal .5s var(--jk-ease-default) .25s backwards}.milestone-dismiss-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a536266}.milestone-dismiss-btn:active{transform:translateY(0);box-shadow:0 2px 8px #1a53624d}.milestone-dismiss-btn:focus-visible{outline:2px solid var(--jk-secondary, #daab2f);outline-offset:2px}.milestone-badge{position:absolute;top:var(--jk-space-4);left:var(--jk-space-4);display:flex;flex-direction:column;align-items:center;padding:var(--jk-space-2) var(--jk-space-3);background:var(--jk-secondary-50, #fefbf0);border:1px solid var(--jk-secondary-200, #faeab3);border-radius:var(--jk-btn-radius-md, .625rem);color:var(--jk-secondary-700, #8a6b1c);animation:milestone-badge-pop .5s var(--jk-ease-spring) .3s backwards}@keyframes milestone-badge-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.milestone-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.confetti-piece{position:absolute;width:10px;height:10px;opacity:0;animation:confetti-fall 3s ease-out forwards}.confetti-piece:before{content:"";position:absolute;inset:0;border-radius:2px}.confetti-piece:nth-child(4n+1):before{background:var(--jk-secondary, #daab2f)}.confetti-piece:nth-child(4n+2):before{background:var(--jk-primary, #1a5362)}.confetti-piece:nth-child(4n+3):before{background:var(--jk-accent, #E05A7C)}.confetti-piece:nth-child(4n):before{background:var(--jk-success, #22A06B)}.confetti-piece:nth-child(3n):before{border-radius:50%}.confetti-piece:nth-child(5n):before{width:14px;height:6px;border-radius:1px}.confetti-piece-1{left:10%;animation-delay:0s}.confetti-piece-2{left:20%;animation-delay:.1s}.confetti-piece-3{left:30%;animation-delay:.05s}.confetti-piece-4{left:40%;animation-delay:.15s}.confetti-piece-5{left:50%;animation-delay:.08s}.confetti-piece-6{left:60%;animation-delay:.2s}.confetti-piece-7{left:70%;animation-delay:.03s}.confetti-piece-8{left:80%;animation-delay:.12s}.confetti-piece-9{left:90%;animation-delay:.07s}.confetti-piece-10{left:15%;animation-delay:.18s}.confetti-piece-11{left:25%;animation-delay:.02s}.confetti-piece-12{left:35%;animation-delay:.22s}.confetti-piece-13{left:45%;animation-delay:.09s}.confetti-piece-14{left:55%;animation-delay:.16s}.confetti-piece-15{left:65%;animation-delay:.04s}.confetti-piece-16{left:75%;animation-delay:.19s}.confetti-piece-17{left:85%;animation-delay:.11s}.confetti-piece-18{left:95%;animation-delay:.06s}.confetti-piece-19{left:5%;animation-delay:.14s}.confetti-piece-20{left:12%;animation-delay:.21s}.confetti-piece-21{left:38%;animation-delay:.01s}.confetti-piece-22{left:58%;animation-delay:.17s}.confetti-piece-23{left:72%;animation-delay:.13s}.confetti-piece-24{left:88%;animation-delay:.23s}@keyframes confetti-fall{0%{opacity:1;top:-10%;transform:translate(0) rotate(0) scale(1)}10%{opacity:1}50%{transform:translate(calc(var(--confetti-drift, 20px) * (.5 - var(--confetti-direction, 0)))) rotate(360deg) scale(.9)}to{opacity:0;top:100%;transform:translate(calc(var(--confetti-drift, 40px) * (.5 - var(--confetti-direction, 0)))) rotate(720deg) scale(.5)}}.confetti-piece:nth-child(odd){--confetti-direction: 1;--confetti-drift: 30px}.confetti-piece:nth-child(2n){--confetti-direction: 0;--confetti-drift: 25px}.confetti-piece:nth-child(3n){--confetti-drift: 45px}.confetti-piece:nth-child(5n){--confetti-drift: 35px}[data-theme=jamkham-dark] .milestone-modal-card{background:var(--jk-surface, #1a1a2e);border-color:var(--jk-border, rgba(255, 255, 255, .1));box-shadow:var(--jk-shadow-xl),0 0 80px #f0c05e1a}[data-theme=jamkham-dark] .milestone-modal-card:before{background:linear-gradient(135deg,#f0c05e66,#f0c05e99,#f0c05e4d)}[data-theme=jamkham-dark] .milestone-title{color:var(--jk-text, #e0e0e0)}[data-theme=jamkham-dark] .milestone-subtitle{color:var(--jk-secondary-light, #F0C05E)}[data-theme=jamkham-dark] .milestone-message{color:var(--jk-text-secondary, #a0a0a0)}[data-theme=jamkham-dark] .milestone-badge{background:#f0c05e1a;border-color:#f0c05e33;color:var(--jk-secondary-light, #F0C05E)}[data-theme=jamkham-dark] .milestone-dismiss-btn{background:linear-gradient(135deg,var(--jk-primary, #2DD3C8) 0%,var(--jk-primary-dark, #20a89f) 100%);box-shadow:0 4px 12px #2dd3c84d}[data-theme=jamkham-dark] .milestone-dismiss-btn:hover{box-shadow:0 6px 16px #2dd3c866}@media (prefers-reduced-motion: reduce){.milestone-modal-backdrop,.milestone-icon,.milestone-title,.milestone-subtitle,.milestone-message,.milestone-dismiss-btn,.milestone-badge,.confetti-piece{animation:none!important;opacity:1;transform:none}.confetti-piece{display:none}.milestone-modal-card{transition:none}}@media (max-width: 480px){.milestone-modal-card{padding:var(--jk-space-6) var(--jk-space-4);margin:var(--jk-space-2)}.milestone-icon{width:4rem;height:4rem}.milestone-icon svg{width:2.5rem;height:2.5rem}.milestone-title{font-size:var(--jk-text-xl, 1.5rem)}.milestone-message{font-size:var(--jk-text-sm, .875rem)}.milestone-badge{top:var(--jk-space-3);left:var(--jk-space-3);padding:var(--jk-space-1) var(--jk-space-2)}.milestone-badge span.text-lg{font-size:var(--jk-text-base, 1rem)}}:focus-visible{outline:2px solid var(--jk-primary, #1a5362);outline-offset:2px;border-radius:var(--jk-btn-radius-sm, .375rem)}.btn:focus-visible{outline:2px solid var(--jk-primary, #1a5362);outline-offset:2px;box-shadow:0 0 0 4px #1a536226}.btn-primary:focus-visible{outline-color:var(--jk-secondary, #daab2f);box-shadow:0 0 0 4px #daab2f33}[data-theme=jamkham-dark] :focus-visible{outline-color:var(--jk-primary, #2DD3C8)}[data-theme=jamkham-dark] .btn:focus-visible{outline-color:var(--jk-primary, #2DD3C8);box-shadow:0 0 0 4px #2dd3c833}[data-theme=jamkham-dark] .btn-primary:focus-visible{outline-color:var(--jk-secondary, #F0C05E);box-shadow:0 0 0 4px #f0c05e33}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--jk-primary, #1a5362);box-shadow:0 0 0 3px #1a53621a}[data-theme=jamkham-dark] .input:focus-visible,[data-theme=jamkham-dark] .textarea:focus-visible,[data-theme=jamkham-dark] .select:focus-visible{border-color:var(--jk-primary, #2DD3C8);box-shadow:0 0 0 3px #2dd3c826}.card:focus-visible,.card-touchable:focus-visible{outline:2px solid var(--jk-primary);outline-offset:2px;box-shadow:var(--jk-shadow-lg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:active:not(:disabled){transform:scale(.97);transition:none}.progress-bar-animated,.progress-animated{transition:none}}[data-haptic]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[data-haptic=light]:active{filter:brightness(.98)}[data-haptic=medium]:active{filter:brightness(.96)}[data-haptic=success]:active{filter:brightness(1.02)}[data-haptic=error]:active{filter:brightness(.94)}.btn:active,.rating-btn:active,.bottom-nav-item:active,.prompt-audio-btn:active,.show-answer-btn:active,.hint-toggle-btn:active{transform:scale(.95)!important;opacity:.85!important;transition:transform 0ms,opacity 0ms!important}.btn,.rating-btn,.bottom-nav-item,.prompt-audio-btn,.show-answer-btn,.hint-toggle-btn{transition:transform .15s var(--jk-ease-out, ease-out),opacity .15s var(--jk-ease-out, ease-out)}.htmx-request.rating-btn,.htmx-request.btn,.htmx-request button,.htmx-request input,.htmx-request a,form.htmx-request button,form.htmx-request input{pointer-events:none!important}.rating-btn.htmx-request,.btn.htmx-request{opacity:.7;position:relative}.rating-btn.htmx-request:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-loading-spin .6s linear infinite}@keyframes btn-loading-spin{to{transform:rotate(360deg)}}.card-loading-delayed{opacity:0;animation:delayed-fade-in 0s ease-out .15s forwards}@keyframes delayed-fade-in{to{opacity:1}}#review-zones{transition:opacity .12s ease-out}#review-zones.htmx-swapping{opacity:.4}#review-zones.card-exiting>*{animation:card-quick-exit .15s ease-out forwards}@keyframes card-quick-exit{to{opacity:.3;transform:scale(.98)}}.review-rating-zone[data-state=visible] .rating-btn{animation:rating-btn-enter .2s var(--jk-ease-spring, cubic-bezier(.34, 1.56, .64, 1)) backwards}.review-rating-zone[data-state=visible] .rating-btn:nth-child(1){animation-delay:0ms}.review-rating-zone[data-state=visible] .rating-btn:nth-child(2){animation-delay:30ms}.review-rating-zone[data-state=visible] .rating-btn:nth-child(3){animation-delay:60ms}.review-rating-zone[data-state=visible] .rating-btn:nth-child(4){animation-delay:90ms}@keyframes rating-btn-enter{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.answer-reveal{animation:answer-reveal .25s var(--jk-ease-spring, cubic-bezier(.34, 1.56, .64, 1))}@keyframes answer-reveal{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rating-submitted{pointer-events:none}.rating-btn.rating-selected{transform:scale(.95);box-shadow:inset 0 2px 4px #0003}.cloze-sentence-container{text-align:center}.cloze-sentence-thai{font-family:var(--jk-font-thai, "Sarabun", sans-serif);line-height:var(--jk-leading-thai, 1.8);letter-spacing:var(--jk-tracking-thai, .02em);word-break:break-all}.cloze-blank{display:inline-block;position:relative;min-width:3em;padding:0 .25em;margin:0 .125em;color:transparent;vertical-align:baseline;border-bottom:2px dashed var(--jk-primary, #1a5362);background:linear-gradient(to bottom,transparent 0%,transparent 85%,var(--jk-primary-50, rgba(26, 83, 98, .08)) 85%,var(--jk-primary-50, rgba(26, 83, 98, .08)) 100%);border-radius:2px 2px 0 0;transition:border-color var(--jk-duration-fast, .15s) ease,background var(--jk-duration-fast, .15s) ease}.cloze-blank:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--jk-primary, #1a5362);opacity:0;animation:cloze-pulse 2s ease-in-out infinite}@keyframes cloze-pulse{0%,to{opacity:0;transform:scaleX(.5)}50%{opacity:.6;transform:scaleX(1)}}[data-theme=jamkham-dark] .cloze-blank{border-bottom-color:var(--jk-primary, #2DD3C8);background:linear-gradient(to bottom,transparent 0%,transparent 85%,rgba(45,211,200,.1) 85%,rgba(45,211,200,.1) 100%)}[data-theme=jamkham-dark] .cloze-blank:after{background:var(--jk-primary, #2DD3C8)}.keyboard-active .cloze-blank:after{animation:none;opacity:0}@media (prefers-reduced-motion: reduce){.cloze-blank:after{animation:none;opacity:.4;transform:scaleX(1)}}@media (max-width: 480px){.cloze-blank{min-width:2.5em;padding:0 .375em;margin:0 .1875em}.cloze-sentence-thai{font-size:1.125rem;line-height:1.6}}.tone-contour{display:inline-block;vertical-align:middle;flex-shrink:0}.tone-contour-mid{color:var(--jk-tone-mid, #677D98)}.tone-contour-low{color:var(--jk-tone-low, #3B5998)}.tone-contour-falling{color:var(--jk-tone-falling, #8B4B6B)}.tone-contour-high{color:var(--jk-tone-high, #E9A83B)}.tone-contour-rising{color:var(--jk-tone-rising, #22A06B)}.tone-contour-primary{color:var(--jk-primary, #1a5362)}.tone-btn-contour{display:flex;align-items:center;justify-content:center;min-height:20px}.tone-btn-contour .tone-contour{opacity:.7;transition:opacity var(--jk-duration-fast) var(--jk-ease-default)}.tone-btn:hover .tone-btn-contour .tone-contour,.tone-btn:focus .tone-btn-contour .tone-contour{opacity:1}.tone-answer-display{display:flex;flex-direction:column;align-items:center;gap:var(--jk-space-2);margin-bottom:var(--jk-space-3)}.tone-answer-contour{display:flex;align-items:center;justify-content:center;width:48px;height:32px}.tone-answer-contour .tone-contour{width:40px;height:24px}.tone-contour-labeled{display:inline-flex;align-items:center;gap:var(--jk-space-2)}.tone-contour-label{font-size:var(--jk-text-sm);font-weight:var(--jk-font-medium);text-transform:capitalize}.tone-analysis-panel{background:var(--jk-surface-sunken, #F4F0E8);border-radius:var(--jk-card-radius-sm, .75rem);padding:var(--jk-space-4);text-align:left;width:100%}[data-theme=jamkham-dark] .tone-analysis-panel{background:var(--jk-surface, #1E2836)}.tone-analysis-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--jk-space-2);margin-bottom:var(--jk-space-3);padding-bottom:var(--jk-space-2);border-bottom:1px solid var(--jk-border-light)}.tone-analysis-title{font-size:var(--jk-text-sm);font-weight:var(--jk-font-semibold);color:var(--jk-text-secondary)}.tone-analysis-word{font-family:var(--jk-font-thai);font-size:var(--jk-thai-lg);font-weight:var(--jk-font-bold);color:var(--jk-text)}.tone-analysis-romanization{font-size:var(--jk-text-sm);color:var(--jk-text-muted);font-style:italic}.tone-analysis-details{display:flex;flex-direction:column;gap:var(--jk-space-2);margin:0;padding:0}.tone-detail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--jk-space-3);font-size:var(--jk-text-sm)}.tone-detail-row dt{color:var(--jk-text-muted);flex-shrink:0}.tone-detail-row dd{color:var(--jk-text);font-weight:var(--jk-font-medium);text-align:right;margin:0}.thai-char{font-family:var(--jk-font-thai);font-size:var(--jk-thai-md);font-weight:var(--jk-font-bold);color:var(--jk-primary);margin-right:var(--jk-space-1)}.detail-annotation{font-size:var(--jk-text-xs);color:var(--jk-text-muted);font-weight:var(--jk-font-normal)}.tone-result-row{margin-top:var(--jk-space-2);padding-top:var(--jk-space-2);border-top:1px solid var(--jk-border-light)}.tone-result{display:flex;align-items:center;gap:var(--jk-space-2)}.tone-result .tone-contour{color:var(--jk-primary)}.tone-name{font-weight:var(--jk-font-semibold);color:var(--jk-primary)}.tone-rule-formula{display:flex;align-items:center;gap:var(--jk-space-2);margin-top:var(--jk-space-3);padding:var(--jk-space-3);background:linear-gradient(135deg,color-mix(in srgb,var(--jk-primary) 8%,transparent),color-mix(in srgb,var(--jk-secondary) 5%,transparent));border-radius:var(--jk-btn-radius-md);border-left:3px solid var(--jk-primary)}.rule-formula-label{font-size:var(--jk-text-xs);font-weight:var(--jk-font-semibold);color:var(--jk-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.rule-formula-text{font-size:var(--jk-text-sm);font-weight:var(--jk-font-bold);color:var(--jk-primary);font-family:var(--jk-font-body)}[data-theme=jamkham-dark] .tone-rule-formula{background:linear-gradient(135deg,color-mix(in srgb,var(--jk-primary) 15%,transparent),color-mix(in srgb,var(--jk-secondary) 10%,transparent))}.tone-rule-explanation{margin-top:var(--jk-space-3);padding:var(--jk-space-3);background:var(--jk-surface);border-radius:var(--jk-btn-radius-md);font-size:var(--jk-text-xs);color:var(--jk-text-secondary);line-height:var(--jk-leading-relaxed)}[data-theme=jamkham-dark] .tone-rule-explanation{background:var(--jk-surface-sunken)}.syllable-type-label{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--jk-btn-radius-sm);font-size:var(--jk-text-xs);font-weight:var(--jk-font-medium);text-transform:capitalize}.syllable-type-label.live{background:color-mix(in srgb,var(--jk-success) 15%,transparent);color:var(--jk-success)}.syllable-type-label.dead{background:color-mix(in srgb,var(--jk-warning) 15%,transparent);color:var(--jk-warning)}[data-theme=jamkham-dark] .syllable-type-label.live{background:color-mix(in srgb,var(--jk-success) 25%,transparent)}[data-theme=jamkham-dark] .syllable-type-label.dead{background:color-mix(in srgb,var(--jk-warning) 25%,transparent)}.vowel-length-badge{font-size:var(--jk-text-xs);color:var(--jk-text-muted);font-style:italic;margin-left:var(--jk-space-1)}.syllable-analysis-details{display:flex;flex-direction:column;gap:var(--jk-space-1);margin-bottom:var(--jk-space-2);font-size:var(--jk-text-xs)}.syllable-detail-item{display:flex;align-items:center;gap:var(--jk-space-1);flex-wrap:wrap;justify-content:center}.syllable-detail-item .detail-label{color:var(--jk-text-muted);font-weight:var(--jk-font-medium)}.syllable-detail-item .detail-value{color:var(--jk-text-secondary)}.syllable-rule-formula{margin-top:var(--jk-space-2);padding:var(--jk-space-1) var(--jk-space-2);background:color-mix(in srgb,var(--jk-primary) 10%,transparent);border-radius:var(--jk-btn-radius-sm);font-size:.625rem;font-weight:var(--jk-font-medium);color:var(--jk-primary);text-align:center}.multi-syllable-note{margin-top:var(--jk-space-3);padding:var(--jk-space-2) var(--jk-space-3);background:var(--jk-surface);border-radius:var(--jk-btn-radius-sm);font-size:var(--jk-text-xs);color:var(--jk-text-muted);font-style:italic;text-align:center;border-left:2px solid var(--jk-border)}[data-theme=jamkham-dark] .multi-syllable-note{background:var(--jk-surface-sunken)}.tone-analysis-unavailable{padding:var(--jk-space-4)}.tone-analysis-unavailable .unavailable-message{font-size:var(--jk-text-sm);color:var(--jk-text-muted);font-style:italic;text-align:center;margin-bottom:var(--jk-space-3)}.generic-tone-info{background:var(--jk-surface);border-radius:var(--jk-btn-radius-md);padding:var(--jk-space-3)}[data-theme=jamkham-dark] .generic-tone-info{background:var(--jk-surface-sunken)}.generic-tone-header{font-size:var(--jk-text-xs);font-weight:var(--jk-font-semibold);color:var(--jk-text-secondary);margin-bottom:var(--jk-space-2)}.generic-tone-rules{font-size:var(--jk-text-xs);color:var(--jk-text-muted);line-height:var(--jk-leading-relaxed);padding-left:var(--jk-space-3);margin:0}.generic-tone-rules li{margin-bottom:var(--jk-space-1)}.generic-tone-rules li:last-child{margin-bottom:0}.generic-tone-rules strong{color:var(--jk-text-secondary);font-weight:var(--jk-font-semibold)}.tone-name-unavailable{font-size:var(--jk-text-xs);color:var(--jk-text-muted);font-style:italic}.analysis-confidence-note{margin-top:var(--jk-space-2);font-size:var(--jk-text-xs);color:var(--jk-text-muted);font-style:italic;text-align:center}.syllable-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--jk-space-2);margin-top:var(--jk-space-2)}.syllable-card{background:var(--jk-surface);border-radius:var(--jk-btn-radius-md);padding:var(--jk-space-3);text-align:center;border:1px solid var(--jk-border-light)}[data-theme=jamkham-dark] .syllable-card{background:var(--jk-surface-elevated)}.syllable-index{display:block;font-size:var(--jk-text-xs);color:var(--jk-text-muted);margin-bottom:var(--jk-space-1)}.syllable-text{display:block;font-family:var(--jk-font-thai);font-size:var(--jk-thai-lg);font-weight:var(--jk-font-bold);color:var(--jk-text);margin-bottom:var(--jk-space-2)}.syllable-details{display:flex;justify-content:center;gap:var(--jk-space-1);font-size:var(--jk-text-xs);color:var(--jk-text-muted);margin-bottom:var(--jk-space-2)}.syllable-onset{color:var(--jk-primary);font-weight:var(--jk-font-medium)}.syllable-vowel{color:var(--jk-secondary);font-weight:var(--jk-font-medium)}.syllable-coda{color:var(--jk-text-secondary);font-weight:var(--jk-font-medium)}.syllable-tone-indicator{display:flex;align-items:center;justify-content:center;gap:var(--jk-space-1)}.syllable-tone-name{font-size:var(--jk-text-xs);font-weight:var(--jk-font-medium);text-transform:capitalize;color:var(--jk-text-secondary)}@media (max-width: 480px){.tone-analysis-panel{padding:var(--jk-space-3)}.tone-analysis-header{flex-direction:column;align-items:flex-start;gap:var(--jk-space-1)}.tone-detail-row{font-size:var(--jk-text-xs)}.syllable-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.tone-btn-contour .tone-contour{transition:none}}.feedback-fab{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}@media (min-width: 1024px){.feedback-fab{bottom:2rem}}body.review-session-active .feedback-fab{display:none}.feedback-sentiment-badge{transition:all .15s ease;cursor:pointer}.feedback-sentiment-badge:hover{transform:scale(1.05)}.context-sheet-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:50}.context-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--jk-surface, oklch(var(--b1)));border-radius:1.25rem 1.25rem 0 0;z-index:51;max-height:70vh;overflow-y:auto;box-shadow:0 -4px 20px #00000026;padding-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark] .context-sheet,[data-theme=jamkham-dark] .context-sheet{background:var(--jk-surface-elevated, oklch(var(--b2)))}.context-sheet-handle{display:flex;justify-content:center;padding:.75rem 0 .25rem}.context-sheet-handle-bar{width:2.5rem;height:.25rem;background:var(--jk-border, oklch(var(--bc) / .2));border-radius:9999px}.context-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.25rem 1rem;border-bottom:1px solid var(--jk-border-light, oklch(var(--bc) / .1))}.context-sheet-title{font-family:var(--jk-font-heading, inherit);font-size:1.125rem;font-weight:600;color:var(--jk-text, oklch(var(--bc)));margin:0}.context-sheet-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:transparent;border:none;color:var(--jk-text-muted, oklch(var(--bc) / .6));cursor:pointer;transition:all .15s ease}.context-sheet-close:hover{background:var(--jk-surface-sunken, oklch(var(--bc) / .08));color:var(--jk-text, oklch(var(--bc)))}.context-sheet-body{padding:1.25rem}.context-sentence{margin-bottom:1rem}.context-sentence label,.context-source label{font-size:.75rem;color:var(--jk-text-muted, oklch(var(--bc) / .6));margin-bottom:.375rem;display:block;text-transform:uppercase;letter-spacing:.025em;font-weight:500}.context-sentence p{font-family:var(--jk-font-thai, "Sarabun", sans-serif);font-size:1.125rem;line-height:1.6;color:var(--jk-text, oklch(var(--bc)));background:var(--jk-surface-sunken, oklch(var(--bc) / .04));padding:.75rem 1rem;border-radius:.5rem;border-left:3px solid var(--jk-primary, oklch(var(--p)));margin:0}[data-theme=dark] .context-sentence p,[data-theme=jamkham-dark] .context-sentence p{background:oklch(var(--b2))}.context-source{margin-bottom:1rem}.context-source-text{margin:0;color:var(--jk-text, oklch(var(--bc)))}.context-source-title{font-weight:500}.context-source-page{color:var(--jk-text-muted, oklch(var(--bc) / .6));font-size:.875rem}.context-confidence-section{padding-top:.75rem;border-top:1px solid var(--jk-border-light, oklch(var(--bc) / .1))}.context-confidence-help{font-size:.75rem;color:var(--jk-text-muted, oklch(var(--bc) / .6));margin:.5rem 0 0;line-height:1.4}.context-sheet-actions{padding:1rem 1.25rem;border-top:1px solid var(--jk-border-light, oklch(var(--bc) / .1));display:flex;gap:.75rem;justify-content:flex-end}.context-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--jk-surface-sunken, oklch(var(--bc) / .06));color:var(--jk-text-muted, oklch(var(--bc) / .5));border:none;cursor:pointer;transition:all .15s ease;margin-left:.25rem}.context-info-btn:hover{background:var(--jk-primary-100, oklch(var(--p) / .15));color:var(--jk-primary, oklch(var(--p)))}.context-info-btn:focus-visible{outline:2px solid var(--jk-primary, oklch(var(--p)));outline-offset:2px}.context-info-btn svg{width:.875rem;height:.875rem}.confidence-indicator{display:inline-flex;align-items:center;gap:.25rem;margin-left:.375rem}.confidence-indicator--medium .confidence-dot{width:6px;height:6px;border-radius:50%;background:var(--jk-warning, oklch(var(--wa)))}.confidence-indicator--low{color:var(--jk-error, oklch(var(--er)))}.confidence-indicator--low svg{width:.75rem;height:.75rem}.confidence-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;font-weight:500}.confidence-badge--medium{background:var(--jk-warning-bg, rgba(233, 168, 59, .15));color:var(--jk-warning-dark, #92400e)}[data-theme=dark] .confidence-badge--medium,[data-theme=jamkham-dark] .confidence-badge--medium{background:#e9a83b33;color:#fcd34d}.confidence-badge--low{background:var(--jk-error-bg, rgba(194, 93, 57, .15));color:var(--jk-error-dark, #a04b2e)}[data-theme=dark] .confidence-badge--low,[data-theme=jamkham-dark] .confidence-badge--low{background:#c25d3933;color:#fca5a5}.confidence-badge svg{width:.75rem;height:.75rem}.break-article :where(table){display:block;max-width:100%;overflow-x:auto}.break-article{line-height:1.7;color:var(--fallback-bc, oklch(var(--bc) / .8))}.break-article>:first-child{margin-top:0}.break-article>:last-child{margin-bottom:0}.break-article p{margin:1em 0}.break-article h1,.break-article h2,.break-article h3,.break-article h4{color:var(--fallback-bc, oklch(var(--bc) / 1));font-weight:600;line-height:1.25;margin:1.6em 0 .6em}.break-article h1{font-size:1.6rem}.break-article h2{font-size:1.35rem}.break-article h3{font-size:1.15rem}.break-article h4{font-size:1rem}.break-article ul,.break-article ol{margin:1em 0;padding-left:1.6em}.break-article ul{list-style:disc}.break-article ol{list-style:decimal}.break-article li{margin:.4em 0}.break-article a{color:var(--fallback-p, oklch(var(--p) / 1));text-decoration:underline}.break-article strong{font-weight:600}.break-article blockquote{margin:1.2em 0;padding-left:1em;border-left:3px solid var(--fallback-bc, oklch(var(--bc) / .2));font-style:italic}.break-article img{max-width:100%;height:auto;border-radius:.5rem;margin:1.2em 0}.break-article hr{margin:2em 0;border-color:var(--fallback-bc, oklch(var(--bc) / .2))}.break-article code{font-size:.9em;background:var(--fallback-b2, oklch(var(--b2) / 1));padding:.15em .35em;border-radius:.3rem}.break-article pre{margin:1.2em 0;padding:1em;overflow-x:auto;border-radius:.5rem;background:var(--fallback-n, oklch(var(--n) / 1));color:var(--fallback-nc, oklch(var(--nc) / 1))}.break-article pre code{background:none;padding:0}