@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2) format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2) format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff) format("woff")}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2) format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff) format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--card-fade-top:0px;--card-fade-bottom:0px}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ui:var(--font-ui);--font-display:var(--font-display);--font-thai:var(--font-thai);--radius-card:var(--radius-card);--radius-panel:var(--radius-panel);--radius-tile:var(--radius-tile);--radius-chip:var(--radius-chip);--text-micro:var(--text-micro);--text-mini:var(--text-mini)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-tap-highlight-color:transparent}::selection{background:var(--lime)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--lime) 65%,transparent)}}::selection{color:var(--fg)}input,textarea{caret-color:var(--fg)}*{scrollbar-width:thin;scrollbar-color:var(--fg) transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in srgb,var(--fg) 22%,transparent) transparent}}:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:6px}.ui-btn:focus-visible,.ui-tool:focus-visible,.ui-icircle:focus-visible,.ui-navitem:focus-visible{outline-offset:3px;border-radius:inherit}.ui-nav :focus-visible,.bg-ink :focus-visible{outline-color:var(--lime)}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);letter-spacing:-.015em;min-height:100dvh}}@layer components{.app-shell{max-width:62rem}.pb-nav{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.ui-nav-dock{bottom:max(.75rem,env(safe-area-inset-bottom))}.font-display{font-family:var(--font-display)}.font-thai{font-family:var(--font-thai)}.ui-card{background:var(--surface);border-radius:var(--radius-card)}.ui-sheet{z-index:50;inset:max(1.75rem,env(safe-area-inset-top)) 0 0;background:var(--surface);border-radius:var(--radius-card) var(--radius-card) 0 0;animation:sheet-up .34s var(--ease-out) backwards;flex-direction:column;display:flex;position:fixed;overflow:hidden}.ui-sheet[data-state=closed]{animation:sheet-down .24s var(--ease-in-out) forwards}@media(min-width:40rem){.ui-sheet{width:min(94vw,30rem);max-height:min(46rem,92dvh);margin-inline:auto;inset:auto 0 0}}.ui-sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.24s backwards sheet-veil-in;position:fixed;inset:0}.ui-sheet-overlay[data-state=closed]{animation:.2s forwards sheet-veil-out}.ui-sheet-grip{touch-action:none;cursor:grab;justify-content:center;padding:.7rem 0 .35rem;display:flex}.ui-sheet-grip:active{cursor:grabbing}.ui-sheet-grip>span{background:var(--fg);border-radius:999px;width:2.75rem;height:.3rem;display:block}@supports (color:color-mix(in lab,red,red)){.ui-sheet-grip>span{background:color-mix(in srgb,var(--fg) 18%,transparent)}}.ui-sheet-head{padding:.25rem 1.5rem .85rem}.ui-sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 1.5rem 1rem;overflow-y:auto}.ui-sheet-foot{border-top:1px solid var(--line);padding:1rem 1.5rem max(1rem,env(safe-area-inset-bottom))}.pw-sheet{background:var(--bg)}.mark-lime{background:var(--mark);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.35rem;padding:.1em .25em}.ui-btn{font-family:var(--font-ui);transition:transform .16s var(--ease-out),background-color .15s ease,filter .15s ease,opacity .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn:not(:disabled):active{transform:scale(.97)}.ui-btn-ink{background:var(--ink);color:var(--on-ink)}@media(hover:hover)and (pointer:fine){.ui-btn-ink:not(:disabled):hover{filter:brightness(1.25)}.ui-btn-soft:not(:disabled):hover{filter:brightness(.97)}.ui-btn-ghost:hover{color:var(--fg);background:var(--surface)}}.ui-btn-soft{background:var(--surface);color:var(--fg)}.ui-btn-ghost{color:var(--muted);background:0 0}.ui-btn-dot{aspect-ratio:1;background:var(--lime);height:calc(100% - .7rem);color:var(--fg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-btn:has(>.ui-btn-dot){justify-content:space-between;padding-inline:.35rem}.ui-btn:has(>.ui-btn-dot):before{content:"";aspect-ratio:1;flex-shrink:0;height:calc(100% - .7rem)}.ui-btn>*{min-width:0}.ui-chip{background:var(--surface);color:var(--fg);border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.study-counter{background:var(--ink);min-width:4.25rem;min-height:2.625rem;color:var(--on-ink);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding-inline:.8rem;font-size:.68rem;font-weight:850;display:inline-flex;position:relative}.count-val{font-size:.85rem;line-height:1;transition:opacity .2s}.count-new{color:var(--lavender)}.count-learning{color:var(--coral)}.count-review{color:var(--lime)}.count-sep{color:var(--on-ink);opacity:.3;font-size:.7rem}.count-zero{opacity:.4}.count-cur{padding-bottom:2px;box-shadow:0 2px}.ui-icircle{background:var(--surface);width:2.625rem;height:2.625rem;color:var(--fg);transition:transform .16s var(--ease-out),filter .15s ease;cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-icircle-sm{width:2.25rem;height:2.25rem}.ui-icircle-xs{width:1.75rem;height:1.75rem}.ui-icircle:active{transform:scale(.94)}.hit-44:after{content:"";border-radius:inherit;width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-tool{white-space:nowrap;min-width:2.375rem;height:2.375rem;color:var(--fg);background:var(--surface);transition:background-color .15s ease,transform .16s var(--ease-out);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.ui-tool:active{transform:scale(.95)}.ui-tool:after{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-tool[data-on=true]{background:var(--lime)}.ui-nav{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ui-nav{background:color-mix(in srgb,var(--ink) 94%,transparent)}}.ui-nav{box-shadow:var(--shadow-nav);border-radius:2rem}.ui-navitem{height:3.25rem;color:var(--muted);border-radius:999px;flex:1;justify-content:center;align-items:center;transition:color .15s;display:flex;position:relative}.ui-navitem>span{width:100%;height:3.25rem;transition:background-color .2s var(--ease-out),color .15s ease,transform .16s var(--ease-out);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex}.ui-navitem:active>span{transform:scale(.92)}.ui-navitem small{font-size:var(--text-micro);font-weight:650;line-height:1}.ui-navitem{color:var(--on-ink)}@supports (color:color-mix(in lab,red,red)){.ui-navitem{color:color-mix(in srgb,var(--on-ink) 75%,transparent)}}.ui-navitem[data-active=true]{color:var(--fg)}.ui-navitem[data-active=true]>span{background:var(--lime)}.tone-low{color:var(--tone-low)}.tone-falling{color:var(--tone-falling)}.tone-mid{color:var(--tone-mid)}.tone-rising{color:var(--tone-rising)}.tone-high{color:var(--tone-high)}.tone-unknown{color:var(--tone-unknown);-webkit-text-decoration:underline dotted var(--tone-unknown) 1.5px;text-decoration:underline dotted var(--tone-unknown) 1.5px;text-underline-offset:.3em}.kar-unit{transition:transform .16s var(--ease-out),opacity .15s ease,filter .15s ease;display:inline-block}.kar-rise .kar-active{filter:saturate(1.6);transform:translateY(-.14em)}.kar-dim .kar-spoken{opacity:.75}.kar-dim .kar-ahead{opacity:.35}.focus-mark{background:var(--mark);border-radius:.8rem;margin:0 -.06em;padding:0 .35em .08em;display:inline-block}.focus-mark .tone-low{color:var(--tone-low-mark)}.focus-mark .tone-falling{color:var(--tone-falling-mark)}.focus-mark .tone-mid{color:var(--tone-mid-mark)}.focus-mark .tone-rising{color:var(--tone-rising-mark)}.focus-mark .tone-high{color:var(--tone-high-mark)}.focus-mark .tone-unknown{color:var(--tone-unknown-mark);-webkit-text-decoration-color:var(--tone-unknown-mark);text-decoration-color:var(--tone-unknown-mark)}.vowel-long,.vowel-short{position:relative}.vowel-long:after,.vowel-short:after{content:"";opacity:.5;background:currentColor;border-radius:999px;height:.09em;position:absolute;bottom:-.14em;left:8%;right:8%}.vowel-short:after{left:30%;right:30%}.ui-progress{background:var(--line);border-radius:999px;height:.375rem;overflow:hidden}.ui-progress>div{background:var(--progress-fill,var(--lime));transform-origin:0;height:100%;transition:transform .3s var(--ease-out);border-radius:999px}.queue-swatch{border-radius:999px;flex-shrink:0;width:.5rem;height:.5rem}.queue-swatch-new{background:var(--lavender)}.queue-swatch-learning{background:var(--coral)}.queue-swatch-review{background:var(--lime)}.ui-progress-ink{background:var(--surface);height:.5rem}@supports (color:color-mix(in lab,red,red)){.ui-progress-ink{background:color-mix(in srgb,var(--surface) 20%,transparent)}}.grade-dock{flex-shrink:0;padding-top:.75rem}.deck-tile{border-radius:var(--radius-tile);min-height:7.25rem;transition:transform .15s var(--ease-out);padding:.875rem;display:block}.deck-tile:active{transform:scale(.98)}.deck-tile-artful{position:relative;overflow:hidden}.deck-tile-artful>:not(.deck-art){position:relative}.deck-art{pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000 68%);mask-image:linear-gradient(270deg,#000 30%,#0000 68%)}.deck-art img{opacity:.22;width:56%;max-width:8.5rem;transition:transform .25s var(--ease-out);position:absolute;bottom:-14%;right:-5%;transform:rotate(-5deg)}@media(hover:hover)and (pointer:fine){.deck-tile-artful:hover .deck-art img{transform:rotate(-2deg)scale(1.06)}}.chapter-tile-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.chapter-tile-badge{background:var(--ink);width:2rem;height:2rem;color:var(--on-ink);font-size:var(--text-micro);border-radius:999px;flex-shrink:0;place-items:center;font-weight:850;display:grid}.chapter-tile-count{font-size:var(--text-micro);font-weight:850}.chapter-tile-body{min-width:0;margin-top:.625rem;display:block}@media(max-width:639px){.chapter-tile{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:6rem;display:grid}.chapter-tile-head{display:contents}.chapter-tile-badge{grid-area:1/1;width:2.75rem;height:2.75rem}.chapter-tile-count{grid-area:1/3}.chapter-tile-body{grid-area:1/2;margin-top:0}}.own-deck-new{text-align:center;border:2px dashed var(--fg);align-content:center}@supports (color:color-mix(in lab,red,red)){.own-deck-new{border:2px dashed color-mix(in srgb,var(--fg) 25%,transparent)}}.own-deck-new{color:var(--fg);transition:border-color .15s var(--ease-out),transform .15s var(--ease-out)}.own-deck-new:active{transform:scale(.98)}@media(hover:hover){.own-deck-new:hover{border-color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.own-deck-new:hover{border-color:color-mix(in srgb,var(--fg) 45%,transparent)}}}.own-deck-new-plus{background:var(--yellow);border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;margin-inline:auto;display:grid}.ui-fab{right:max(1rem,env(safe-area-inset-right));bottom:calc(6.25rem + env(safe-area-inset-bottom));z-index:20;background:var(--ink);height:3.25rem;color:var(--on-ink);box-shadow:var(--shadow-nav);transition:transform .15s var(--ease-out);border-radius:999px;align-items:center;gap:.5rem;padding-inline:1.25rem;font-size:.85rem;font-weight:800;display:inline-flex;position:fixed}.ui-fab:active{transform:scale(.97)}.ui-wizard-card{border-radius:var(--radius-card);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:1.25rem}.ui-wizard-input{resize:none;width:100%;font:inherit;color:var(--fg);background:0 0;border:0;padding:0;font-size:1.5rem;font-weight:650;line-height:1.3}.ui-wizard-input::placeholder{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.ui-wizard-input::placeholder{color:color-mix(in srgb,var(--fg) 30%,transparent)}}.ui-wizard-input:focus-visible{outline:none}.ui-wizard-card:has(.ui-wizard-input:focus-visible){box-shadow:inset 0 0 0 2px var(--fg)}.ui-capture{border-radius:var(--radius-chip);background:var(--surface);width:100%;box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;color:var(--fg);transition:transform .15s var(--ease-out);grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.ui-capture:first-child{background:var(--lime);box-shadow:none}.ui-capture:active:not(:disabled){transform:scale(.98)}.ui-capture:disabled{opacity:.5}.ui-capture-icon{background:var(--surface);width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;place-items:center;display:grid}.ui-capture-live{background:var(--coral)}.ui-capture-live .ui-capture-icon{animation:1.4s ease-in-out infinite pulse-record}@keyframes pulse-record{0%,to{box-shadow:inset 0 0 0 1.5px var(--line)}50%{box-shadow:inset 0 0 0 1.5px var(--line),0 0 0 6px color-mix(in srgb,var(--surface) 45%,transparent)}}@media(prefers-reduced-motion:reduce){.ui-capture-live .ui-capture-icon{animation:none}}.deck-tint-0{background:var(--lavender)}.deck-tint-1{background:var(--yellow)}.deck-tint-2{background:var(--surface)}.deck-tint-3{background:var(--coral)}.heat-0{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.heat-0{background:color-mix(in srgb,var(--ink) 5%,var(--surface))}}.heat-1{background:var(--lavender)}@supports (color:color-mix(in lab,red,red)){.heat-1{background:color-mix(in srgb,var(--lavender) 40%,var(--surface))}}.heat-2{background:var(--lavender-soft)}.heat-3{background:var(--lavender)}.heat-4{background:var(--lime)}.rise-in{animation:rise-in .26s var(--ease-out) both}.rise-in-stagger>*{animation:rise-in .28s var(--ease-out) both;animation-delay:calc(min(var(--row-index,0),6)*35ms)}.pop-in{animation:pop-in .28s var(--ease-out) both}.screen{width:100%;margin-inline:auto}.screen-standard{max-width:36rem}.screen-wide{max-width:54rem}.screen-study{max-width:32rem}.screen-eyebrow{color:var(--muted);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.screen-title{letter-spacing:-.06em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;font-size:clamp(2rem,8vw,2.35rem);font-weight:850;line-height:.91}.surface-outline{box-shadow:inset 0 0 0 1px var(--line)}.data-number{font-variant-numeric:tabular-nums;letter-spacing:-.04em}.section-label{font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;font-weight:750}.stage-badge{min-height:1.5rem;font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:.28rem .55rem;font-weight:800;display:inline-flex}.stage-new{background:var(--bg);color:var(--muted)}.stage-learning{background:var(--coral);color:var(--fg)}.stage-reviewing{background:var(--lavender);color:var(--fg)}.stage-mastered{background:var(--lime);color:var(--fg)}.stage-due{box-shadow:inset 0 0 0 1.5px var(--fg)}.ui-segment{min-height:2.75rem;font-size:var(--text-micro);letter-spacing:.02em;text-transform:uppercase;transition:background-color .15s ease,color .15s ease,transform .16s var(--ease-out);cursor:pointer;border-radius:999px;flex:1;padding-inline:.5rem;font-weight:800}.ui-segment:active{transform:scale(.96)}.ui-segment[data-active=true]{background:var(--ink);color:var(--on-ink)}.ui-switch{background:var(--bg);border-radius:999px;width:2.75rem;height:1.6rem;padding:.22rem;transition:background-color .16s;display:block}.ui-switch>span{background:var(--surface);width:1.16rem;height:1.16rem;transition:transform .2s var(--ease-in-out),background-color .16s ease;border-radius:999px;display:block;transform:translate(0)}.ui-switch[data-on=true]{background:var(--lime)}.ui-switch[data-on=true]>span{background:var(--ink);transform:translate(1.15rem)}.ui-plan-option{background:var(--surface);width:100%;min-height:3.5rem;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.ui-plan-option:active{transform:scale(.99)}.ui-plan-option[data-selected=true]{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}.ui-plan-radio{width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 2px var(--fg);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.ui-plan-radio>span{background:0 0;border-radius:999px;width:.625rem;height:.625rem;transition:background-color .15s}.ui-plan-option[data-selected=true] .ui-plan-radio>span{background:var(--ink)}.ui-feedback-input{border-radius:var(--radius-tile);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-ui);resize:vertical;padding:.85rem 1rem;font-size:.875rem;font-weight:600;line-height:1.5}.ui-feedback-input::placeholder{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.ui-feedback-input::placeholder{color:color-mix(in srgb,var(--fg) 35%,transparent)}}.ui-feedback-input:focus-visible{box-shadow:inset 0 0 0 2px var(--fg);outline:none}.queue-popover{transform-origin:100% 0;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}@starting-style{.queue-popover{opacity:0;transform:scale(.95)}}.onboarding-screen{min-height:100dvh;color:var(--fg)}.onboarding-yellow{background:var(--yellow)}.onboarding-lavender{background:var(--lavender)}.onboarding-coral{background:var(--coral)}.onboarding-lime{background:var(--lime)}.onboarding-panel{width:min(100%,34rem);min-height:100dvh;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));animation:onboarding-enter .26s var(--ease-out) both;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:1rem;margin-inline:auto;display:grid}.onboarding-panel header{justify-content:space-between;align-items:center;display:flex}.onboarding-badge{background:var(--ink);color:var(--on-ink);font-size:var(--text-micro);border-radius:999px;padding:.45rem .7rem;font-weight:750}.onboarding-count{font-size:.62rem;font-weight:800}.onboarding-copy h1{white-space:pre-line;letter-spacing:-.075em;font-size:clamp(2.5rem,12vw,4rem);font-weight:900;line-height:.83}.onboarding-copy p{max-width:31rem;margin-top:.8rem;font-size:.78rem;font-weight:520;line-height:1.25}.onboarding-art{aspect-ratio:1;background:var(--surface);border-radius:50%;place-self:center;place-items:center;width:min(75vw,21rem,32dvh);display:grid}@supports (color:color-mix(in lab,red,red)){.onboarding-art{background:color-mix(in srgb,var(--surface) 38%,transparent)}}.onboarding-mascot{width:88%;height:88%}.onboarding-setup{align-content:center;align-self:center;gap:.9rem;width:100%;min-height:0;display:grid;overflow-y:auto}.onboarding-pref{gap:.4rem;display:grid}.onboarding-note{border-radius:var(--radius-tile);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.onboarding-note{background:color-mix(in srgb,var(--surface) 50%,transparent)}}.onboarding-note{padding:.85rem 1rem;font-size:.78rem;font-weight:550;line-height:1.45}.onboarding-note strong{font-weight:800}.onboarding-dots{justify-content:center;gap:.32rem;display:flex}.onboarding-dots span{background:var(--fg);border-radius:999px;width:.35rem;height:.35rem}@supports (color:color-mix(in lab,red,red)){.onboarding-dots span{background:color-mix(in srgb,var(--fg) 25%,transparent)}}.onboarding-dots span{transition:width .2s var(--ease-out),background-color .16s ease}.onboarding-dots span[data-active=true]{background:var(--fg);width:1.4rem}.onboarding-actions{align-items:center;gap:.5rem;display:flex}.onboarding-action{flex:1;justify-content:space-between;height:3.25rem;padding:.35rem .35rem .35rem 1rem;font-size:.76rem}.onboarding-back{flex-shrink:0}.onboarding-skip{min-height:2.75rem;font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--fg);padding-inline:.5rem;font-weight:750}@supports (color:color-mix(in lab,red,red)){.onboarding-skip{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.onboarding-skip{cursor:pointer}@media(hover:hover)and (pointer:fine){.onboarding-skip:hover{color:var(--fg)}}.ui-btn-dot-coral{background:var(--coral);color:var(--surface)}.onboarding-coral .ui-btn-dot-coral{background:var(--yellow);color:var(--fg)}.study-card-stage{perspective:1200px}.study-card-flip{height:100%;transform-style:preserve-3d;transition:transform .26s var(--ease-in-out);grid-template-rows:minmax(0,1fr);display:grid}.study-card-flip[data-revealed=true]{transform:rotateY(180deg)}.study-card-face{backface-visibility:hidden;grid-area:1/1;min-width:0;height:100%}.study-card-scroll{overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.study-card-scroll::-webkit-scrollbar{display:none}.study-card-scroll,.demo-tokens{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--card-fade-top),#000 calc(100% - var(--card-fade-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--card-fade-top),#000 calc(100% - var(--card-fade-bottom)),transparent)}@supports (animation-timeline:scroll(self)){.study-card-scroll,.demo-tokens{animation:linear both study-edge-top,linear both study-edge-bottom;animation-timeline:scroll(self),scroll(self);animation-range:0 28px,calc(100% - 28px) 100%}}@keyframes study-edge-top{0%{--card-fade-top:0px}to{--card-fade-top:18px}}@keyframes study-edge-bottom{0%{--card-fade-bottom:18px}to{--card-fade-bottom:0px}}.study-card-scroll-padded{padding:1rem}.study-card-panel{min-height:14rem;padding-block:2rem}.mark-glyph{vertical-align:middle;width:1.2em;height:1.3em;display:inline-block;position:relative}.mark-glyph-circle{border:.085em dashed;border-radius:999px;width:.55em;height:.55em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.mark-glyph-circle{border:.085em dashed color-mix(in srgb,currentColor 42%,transparent)}}.mark-glyph-symbol{line-height:0;position:absolute;bottom:50%;left:50%;transform:translate(calc(.15em - 50%),-.12em)}.mark-glyph-below .mark-glyph-symbol{top:50%;bottom:auto;transform:translate(calc(.15em - 50%),-.05em)}.study-card-front{transform:rotateY(0)}.study-card-back{transform:rotateY(180deg)}.study-card-flip[data-revealed=false] .study-card-back,.study-card-flip[data-revealed=true] .study-card-front{pointer-events:none}.landing{width:100%;max-width:74rem;margin-inline:auto;padding-inline:1.25rem}.landing-bar{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.1rem;display:flex}.landing-mark{letter-spacing:-.05em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:850;display:inline-flex}.landing-mark-logo{width:auto;height:2.35rem}.landing-bar-nav{align-items:center;gap:.5rem;display:flex}.landing-bar-link{color:var(--muted);border-radius:999px;padding:.6rem .75rem;font-size:.78rem;font-weight:700;display:none}.landing-bar-btn{height:2.75rem;box-shadow:inset 0 0 0 1px var(--line);padding-inline:1.1rem;font-size:.78rem}@media(hover:hover){.landing-bar-link:hover{color:var(--fg);background:var(--surface)}}.landing-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:1.5rem 3rem;display:grid}.landing-eyebrow{background:var(--ink);color:var(--on-ink);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.45rem .8rem;font-weight:750;display:inline-block}.landing-title span{display:block}.landing-title{letter-spacing:-.075em;text-transform:uppercase;margin-top:1rem;font-size:clamp(2.9rem,12vw,4.6rem);font-weight:900;line-height:.85}.landing-lead{max-width:30rem;color:var(--muted);margin-top:1.1rem;font-size:.98rem;font-weight:550;line-height:1.5}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.6rem;display:flex}.landing-cta{width:100%;height:3.4rem;font-size:.85rem}.landing-badges{font-size:var(--text-mini);flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;font-weight:700;display:flex}.landing-badges li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem .8rem;display:inline-flex}.landing-hero-demo{flex-direction:column;gap:.6rem;min-width:0;display:flex}.landing-demo-label{color:var(--muted)}.landing-section{padding-block:3.5rem 0;scroll-margin-top:1rem}.landing-h2{letter-spacing:-.06em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.9rem,7vw,2.9rem);font-weight:900;line-height:.92}.landing-bento{grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem;display:grid}.landing-block{border-radius:var(--radius-card);padding:1.5rem}.landing-block h3{letter-spacing:-.035em;text-wrap:balance;margin-top:.6rem;font-size:1.25rem;font-weight:800;line-height:1.12}.landing-block p{margin-top:.7rem;font-size:.85rem;font-weight:550;line-height:1.55}.landing-block-yellow{background:var(--yellow)}.landing-block-yellow p{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.landing-block-yellow p{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.landing-block-lavender{background:var(--lavender)}.landing-block-lavender p{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.landing-block-lavender p{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.landing-block-lime{background:var(--lime)}.landing-block-lime p{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.landing-block-lime p{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.landing-block-paper{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.landing-block-paper p{color:var(--muted)}.landing-block .section-label{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.landing-block .section-label{color:color-mix(in srgb,var(--fg) 62%,transparent)}}.landing-block-paper .section-label{color:var(--muted)}.landing-spec{border-radius:var(--radius-chip);background:var(--surface);margin-top:1.1rem;padding:.8rem 1rem;display:block}.landing-spec-thai{font-size:1.1rem;font-weight:600;line-height:1.75;display:block}.landing-spec-gloss{font-size:var(--text-mini);color:var(--muted);margin-top:.35rem;font-weight:600;display:block}.landing-tonebar{flex-wrap:wrap;gap:.3rem .85rem;font-size:.8rem;font-weight:800;display:flex}.landing-gradespec-label{color:var(--muted);margin-bottom:.45rem;display:block}.landing-gradebar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.3rem .85rem;font-size:.8rem;font-weight:650;display:flex}.landing-gradebar span{align-items:center;gap:.4rem;display:inline-flex}.landing-gradebar span:before{content:"";border-radius:999px;width:.55rem;height:.55rem}.landing-gradebar span:first-child:before{background:var(--coral)}.landing-gradebar span:nth-child(2):before{background:var(--cream)}.landing-gradebar span:nth-child(3):before{background:var(--lime)}.landing-gradebar span:nth-child(4):before{background:var(--lavender)}.landing-gradebar b{color:var(--fg);font-weight:850}.lang-roadmap{margin-top:1.2rem}.lang-chips{flex-wrap:wrap;gap:.5rem;display:flex}.lang-chip{min-height:2.75rem;transition:transform .15s var(--ease-out),background-color .2s var(--ease-out),border-color .2s var(--ease-out),opacity .2s var(--ease-out);border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.8rem;font-weight:750;line-height:1;display:inline-flex}.lang-chip-live{background:var(--ink);color:var(--on-ink)}.lang-chip-hello{font-weight:700}.lang-chip-badge{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .55rem;font-weight:850;display:inline-flex}.lang-chip-live .lang-chip-badge{background:var(--lime);color:var(--fg)}.lang-chip-planned{border:2px dashed var(--fg)}@supports (color:color-mix(in lab,red,red)){.lang-chip-planned{border:2px dashed color-mix(in srgb,var(--fg) 28%,transparent)}}.lang-chip-planned{color:var(--fg);cursor:pointer;background:0 0}@media(hover:hover)and (pointer:fine){.lang-chip-planned:not(:disabled):not(.lang-chip-voted):hover{border-color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.lang-chip-planned:not(:disabled):not(.lang-chip-voted):hover{border-color:color-mix(in srgb,var(--fg) 50%,transparent)}}}.lang-chip-planned:not(:disabled):active{transform:scale(.96)}.lang-chip-planned:disabled{opacity:.4;cursor:default}.lang-chip-voted{border-style:solid;border-color:var(--lavender);background:var(--lavender)}.lang-chip-voted:disabled{opacity:1}.lang-chip-badge-voted{background:var(--ink);color:var(--on-ink);transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}@starting-style{.lang-chip-badge-voted{opacity:0;transform:scale(.6)}}.lang-form{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}@starting-style{.lang-form{opacity:0;transform:translateY(4px)}}.lang-email{background:var(--bg);min-width:0;height:3rem;box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;color:var(--fg);border:0;border-radius:999px;flex:15rem;padding-inline:1.1rem;font-size:.82rem;font-weight:650}.lang-email::placeholder{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.lang-email::placeholder{color:color-mix(in srgb,var(--fg) 34%,transparent)}}.lang-email:focus-visible{box-shadow:inset 0 0 0 2px var(--fg);outline:none}.lang-submit{height:3rem;font-size:.8rem}.lang-roadmap-note{font-size:var(--text-mini);color:var(--muted);margin-top:.8rem;font-weight:650}.lang-change{font:inherit;color:var(--fg);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:.35rem;padding:0;font-weight:800;text-decoration:underline}.landing-close{grid-template-columns:minmax(0,1fr);align-items:center;gap:1rem;padding-block:3.5rem 1rem;display:grid}.landing-close-copy p{max-width:32rem;color:var(--muted);margin-top:.9rem;font-size:.92rem;font-weight:550;line-height:1.55}.landing-close-copy .landing-cta{margin-top:1.4rem}.landing-close-mascot{justify-self:center;width:min(60vw,16rem);height:auto}.site-foot{border-top:1px solid var(--line);text-align:center;font-size:var(--text-mini);color:var(--muted);flex-direction:column;align-items:center;gap:.9rem;margin-top:2.5rem;padding-block:2rem 1.75rem;font-weight:600;display:flex}.site-foot-mark{gap:.35rem;font-size:.8rem}.site-foot-mark .landing-mark-logo{height:1.5rem}.site-foot-links{flex-wrap:wrap;justify-content:center;gap:.25rem 1.5rem;display:flex}.site-foot-links a{min-width:2.75rem;min-height:2.75rem;color:var(--fg);justify-content:center;align-items:center;font-size:.8rem;font-weight:750;display:inline-flex}@media(hover:hover){.site-foot-links a:hover{text-underline-offset:3px;text-decoration:underline}}.site-foot-fine{max-width:34rem;line-height:1.5}.legal-body{max-width:34rem;margin-inline:auto;padding-block:2rem 1.5rem}.legal-body h1{letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:900;line-height:.95}.legal-body h2{letter-spacing:-.02em;margin-top:2.2rem;font-size:1.05rem;font-weight:850}.legal-body p{color:var(--fg);margin-top:.8rem;font-size:.9rem;font-weight:500;line-height:1.65}@supports (color:color-mix(in lab,red,red)){.legal-body p{color:color-mix(in srgb,var(--fg) 82%,transparent)}}.legal-body ul{gap:.55rem;margin-top:.8rem;padding-left:1.1rem;list-style:outside;display:grid}.legal-body li{color:var(--fg);font-size:.9rem;font-weight:500;line-height:1.6}@supports (color:color-mix(in lab,red,red)){.legal-body li{color:color-mix(in srgb,var(--fg) 82%,transparent)}}.legal-body li::marker{color:var(--muted)}.legal-body strong{color:var(--fg);font-weight:800}.legal-link{color:var(--fg);text-underline-offset:3px;font-weight:750;text-decoration:underline}@media(min-width:640px){.landing-bar-link{display:inline-flex}.landing-cta{width:auto;height:4rem;font-size:.95rem}}@media(min-width:900px){.landing{padding-inline:2rem}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,27rem);align-items:start;gap:3rem;padding-block:2.5rem 4rem}.landing-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-block-wide{grid-column:span 2}.landing-close{grid-template-columns:minmax(0,1fr) auto;padding-block:4.5rem 1rem}}.demo-card{border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -28px #14141480;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.demo-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-card-head .section-label{color:var(--muted)}.demo-progress{margin-block:0}.demo-tools{gap:.5rem;min-width:0;padding-bottom:.25rem;display:flex;overflow-x:auto}.demo-tools>.ui-tool{flex:none}.demo-card-loading .demo-prompt{opacity:.45}.demo-action-placeholder{background:var(--bg);border-radius:999px;height:3.25rem}.demo-card-stage{perspective:1200px}.demo-card-flip{transform-style:preserve-3d;transition:transform .26s var(--ease-in-out),height .26s var(--ease-in-out);position:relative}.demo-card-flip[data-ready=false]{transition:none}.demo-card-flip[data-revealed=true]{transform:rotateY(180deg)}.demo-face{backface-visibility:hidden;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.demo-face-front{transform:rotateY(0)}.demo-face-back{transform:rotateY(180deg)}.demo-card-flip[data-revealed=false] .demo-face-back,.demo-card-flip[data-revealed=true] .demo-face-front{pointer-events:none}.demo-prompt{border-radius:var(--radius-panel);background:var(--lavender);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:15rem;padding:.85rem;display:flex}.demo-reading{border-radius:var(--radius-tile);background:var(--surface);flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;padding:1.25rem .9rem;display:flex}.demo-thai{font-size:1.5rem;font-weight:600;line-height:1.65}.demo-roman{color:var(--fg);margin-top:.6rem;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.demo-roman{color:color-mix(in srgb,var(--fg) 72%,transparent)}}.demo-audio{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.1rem;display:flex}.demo-prompt-english{letter-spacing:-.03em;max-width:24rem;font-size:1.4rem;font-weight:900;line-height:1.2}.demo-prompt-focus{color:var(--fg);margin-top:.7rem;font-size:.8rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.demo-prompt-focus{color:color-mix(in srgb,var(--fg) 72%,transparent)}}.demo-audio-hint{width:100%;font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.05em;color:var(--fg);justify-content:center;align-items:center;gap:.3rem;margin-top:.7rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.demo-audio-hint{color:color-mix(in srgb,var(--fg) 66%,transparent)}}.demo-write{justify-content:flex-start;padding:1.1rem}.demo-action{width:100%;height:3.25rem;font-size:.82rem}.demo-answer{border-radius:var(--radius-panel);background:var(--yellow);text-align:center;padding:1rem}.demo-answer .demo-card-head{text-align:left}.demo-answer .section-label{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.demo-answer .section-label{color:color-mix(in srgb,var(--fg) 72%,transparent)}}.demo-answer-thai{font-family:var(--font-thai);margin-top:.5rem;font-size:2rem;font-weight:600;line-height:1.3}.demo-answer-roman{color:var(--fg);margin-top:.15rem;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.demo-answer-roman{color:color-mix(in srgb,var(--fg) 72%,transparent)}}.demo-answer-english{text-transform:uppercase;letter-spacing:-.03em;margin-top:.25rem;font-size:1.1rem;font-weight:900}.demo-sentence{border-radius:var(--radius-tile);background:var(--bg);padding:.9rem 1rem}.demo-sentence-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.demo-sentence-thai{font-size:1.05rem;font-weight:600;line-height:1.6}.demo-sentence-roman{font-size:var(--text-mini);color:var(--muted);margin-top:.2rem;font-weight:600}.demo-sentence-english{color:var(--muted);margin-top:.35rem;font-size:.8rem;font-weight:700}.demo-tokens{scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;max-height:18rem;display:grid;overflow-y:auto}.demo-tokens::-webkit-scrollbar{display:none}.demo-token{border-radius:var(--radius-chip);background:var(--bg);padding:.6rem .7rem}.demo-token-thai{font-family:var(--font-thai);font-size:.95rem;font-weight:600}.demo-token-roman{font-size:var(--text-micro);color:var(--muted);font-weight:600}.demo-token-english{font-size:var(--text-mini);color:var(--muted);font-weight:700}.demo-grade-label{color:var(--muted);margin-bottom:.4rem}.demo-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.demo-grade{flex-direction:column;gap:0;height:3.5rem;border-radius:var(--radius-tile)!important}.demo-grade-name{text-transform:uppercase;font-size:.7rem;font-weight:900}.demo-grade-interval{font-size:var(--text-micro);color:var(--fg);font-weight:700}@supports (color:color-mix(in lab,red,red)){.demo-grade-interval{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.demo-grade-note{font-size:var(--text-mini);color:var(--muted);align-items:flex-start;gap:.3rem;margin-top:.6rem;font-weight:600;line-height:1.4;display:flex}.demo-grade-note>svg{flex-shrink:0;margin-top:.15rem}.demo-done{border-radius:var(--radius-panel);background:var(--lime);padding:1.25rem}.demo-done-lead{letter-spacing:-.03em;font-size:1.05rem;font-weight:800;line-height:1.2}.demo-done-list{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.demo-done-list li{border-radius:var(--radius-chip);background:var(--surface);justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .85rem;display:flex}.demo-done-word{font-family:var(--font-thai);font-size:1.05rem;font-weight:600}.demo-done-meta{font-size:var(--text-mini);color:var(--muted);font-weight:700}.demo-done-foot{color:var(--fg);margin-top:1rem;font-size:.8rem;font-weight:550;line-height:1.5}@supports (color:color-mix(in lab,red,red)){.demo-done-foot{color:color-mix(in srgb,var(--fg) 78%,transparent)}}.auth-screen{justify-content:center;align-items:center;min-height:100dvh;padding:1.25rem;display:flex;position:relative;overflow:hidden}.auth-panel{z-index:1;border-radius:var(--radius-card);background:var(--surface);width:100%;max-width:26rem;box-shadow:inset 0 0 0 1px var(--line),0 24px 60px -40px #1414148c;padding:1.5rem;position:relative}.auth-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-back{min-height:2.75rem;font-size:var(--text-mini);color:var(--muted);align-items:center;gap:.3rem;font-weight:750;display:inline-flex}@media(hover:hover){.auth-back:hover{color:var(--fg)}}.auth-mark{font-size:.85rem}.auth-mark .landing-mark-logo{height:1.8rem}.auth-body{margin-top:1.25rem}.auth-title span{display:block}.auth-title{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(1.9rem,8vw,2.3rem);font-weight:900;line-height:.92}.auth-lead{color:var(--muted);margin-top:.7rem;font-size:.84rem;font-weight:550;line-height:1.5}.auth-email{color:var(--fg);word-break:break-all;font-weight:800}.auth-google{background:var(--surface);width:100%;height:3.25rem;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--line);gap:.6rem;margin-top:1.25rem;font-size:.85rem}.auth-divider{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:.75rem;margin-block:1rem;font-weight:750;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{flex-direction:column;gap:.75rem;margin-top:1.25rem;display:flex}.auth-field{display:block}.auth-field .section-label{color:var(--muted)}.auth-input{border-radius:var(--radius-chip);background:var(--bg);width:100%;height:3.25rem;box-shadow:inset 0 0 0 1.5px var(--line);font:inherit;color:var(--fg);border:0;margin-top:.35rem;padding-inline:1rem;font-size:.95rem;font-weight:650}.auth-input::placeholder{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.auth-input::placeholder{color:color-mix(in srgb,var(--fg) 26%,transparent)}}.auth-input:focus-visible{box-shadow:inset 0 0 0 2px var(--fg);outline:none}.auth-input-code{text-align:center;letter-spacing:.4em;text-indent:.4em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.auth-submit{width:100%;height:3.25rem;font-size:.85rem}.auth-alts{flex-wrap:wrap;gap:.25rem;margin-top:.75rem;display:flex}.auth-alt{height:2.75rem;font-size:var(--text-mini);padding-inline:.75rem}.auth-status{align-items:center;min-height:2.5rem;margin-top:.75rem;display:flex}.auth-error{border-radius:var(--radius-chip);background:var(--blush);width:100%;color:var(--danger);font-size:var(--text-mini);padding:.6rem .8rem;font-weight:700;line-height:1.4}.auth-notice{border-radius:var(--radius-chip);background:var(--lime);width:100%;color:var(--fg);font-size:var(--text-mini);padding:.6rem .8rem;font-weight:700}.auth-foot{font-size:var(--text-mini);color:var(--muted);margin-top:.5rem;font-weight:600;line-height:1.45}.auth-mascot{display:none}@media(min-width:900px){.auth-mascot{z-index:0;opacity:.5;pointer-events:none;width:min(26vw,15rem);height:auto;display:block;position:absolute;bottom:0;right:5vw}}.auth-splash{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100dvh;display:flex}.auth-splash-mascot{width:7rem;height:auto}.auth-splash p{font-size:var(--text-mini);color:var(--muted);font-weight:700}@media(min-width:768px){.onboarding-panel{padding-inline:2rem}}@media(min-width:600px)and (max-height:560px){.screen-study{max-width:46rem}.grade-dock{padding-top:.4rem}.ui-tool{height:2.125rem}.study-card-scroll-padded{padding:.75rem}.study-card-panel{min-height:0;padding-block:.75rem}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.breakdown-token{padding-right:2.25rem;position:relative}.breakdown-token-audio{position:absolute;top:.5rem;right:.5rem}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-12{top:calc(var(--spacing) * 12)}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-1{margin-right:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-square{aspect-ratio:1}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-72{height:calc(var(--spacing) * 72)}.h-\[2\.625rem\]{height:2.625rem}.h-\[11px\]{height:11px}.h-\[92\%\]{height:92%}.h-\[104\%\]{height:104%}.h-\[110\%\]{height:110%}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[86dvh\]{max-height:86dvh}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-56{min-height:calc(var(--spacing) * 56)}.min-h-\[4\.5rem\]{min-height:4.5rem}.min-h-\[60dvh\]{min-height:60dvh}.min-h-\[70dvh\]{min-height:70dvh}.min-h-\[100dvh\],.min-h-dvh{min-height:100dvh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-56{width:calc(var(--spacing) * 56)}.w-72{width:calc(var(--spacing) * 72)}.w-\[11px\]{width:11px}.w-\[90\%\]{width:90%}.w-\[92\%\]{width:92%}.w-\[min\(92vw\,22rem\)\]{width:min(92vw,22rem)}.w-\[min\(92vw\,26rem\)\]{width:min(92vw,26rem)}.w-\[min\(94vw\,28rem\)\]{width:min(94vw,28rem)}.w-\[min\(calc\(100\%-2rem\)\,22\.375rem\)\]{width:min(100% - 2rem,22.375rem)}.w-full{width:100%}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[48\%\]{max-width:48%}.max-w-\[54\%\]{max-width:54%}.max-w-\[58\%\]{max-width:58%}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-12{min-width:calc(var(--spacing) * 12)}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[2\.625rem_1fr_auto\]{grid-template-columns:2.625rem 1fr auto}.grid-cols-\[3\.5rem_1fr_2rem\]{grid-template-columns:3.5rem 1fr 2rem}.grid-cols-\[3\.25rem_1fr_auto\]{grid-template-columns:3.25rem 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[3px\]{gap:3px}.gap-px{gap:1px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-tile{border-radius:var(--radius-tile)!important}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-card{border-radius:var(--radius-card)}.rounded-chip{border-radius:var(--radius-chip)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-tile{border-radius:var(--radius-tile)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--line\)\]{border-color:var(--line)}.border-ink\/10{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.border-ink\/10{border-color:color-mix(in oklab,var(--ink) 10%,transparent)}}.border-ink\/20{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.border-ink\/20{border-color:color-mix(in oklab,var(--ink) 20%,transparent)}}.bg-bg{background-color:var(--bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blush{background-color:var(--blush)}.bg-coral,.bg-coral\/25{background-color:var(--coral)}@supports (color:color-mix(in lab,red,red)){.bg-coral\/25{background-color:color-mix(in oklab,var(--coral) 25%,transparent)}}.bg-cream{background-color:var(--cream)}.bg-ink,.bg-ink\/5{background-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.bg-ink\/5{background-color:color-mix(in oklab,var(--ink) 5%,transparent)}}.bg-ink\/10{background-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.bg-ink\/10{background-color:color-mix(in oklab,var(--ink) 10%,transparent)}}.bg-lavender{background-color:var(--lavender)}.bg-lime,.bg-lime\/60{background-color:var(--lime)}@supports (color:color-mix(in lab,red,red)){.bg-lime\/60{background-color:color-mix(in oklab,var(--lime) 60%,transparent)}}.bg-on-ink\/10{background-color:var(--on-ink)}@supports (color:color-mix(in lab,red,red)){.bg-on-ink\/10{background-color:color-mix(in oklab,var(--on-ink) 10%,transparent)}}.bg-on-ink\/15{background-color:var(--on-ink)}@supports (color:color-mix(in lab,red,red)){.bg-on-ink\/15{background-color:color-mix(in oklab,var(--on-ink) 15%,transparent)}}.bg-surface,.bg-surface\/30{background-color:var(--surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/30{background-color:color-mix(in oklab,var(--surface) 30%,transparent)}}.bg-surface\/35{background-color:var(--surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/35{background-color:color-mix(in oklab,var(--surface) 35%,transparent)}}.bg-surface\/70{background-color:var(--surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/70{background-color:color-mix(in oklab,var(--surface) 70%,transparent)}}.bg-yellow{background-color:var(--yellow)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-thai{font-family:var(--font-thai)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.55rem\]{font-size:1.55rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[2\.4rem\]{font-size:2.4rem}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[2\.45rem\]{font-size:2.45rem}.text-\[4\.5rem\]{font-size:4.5rem}.text-\[5\.25rem\]{font-size:5.25rem}.text-micro{font-size:var(--text-micro)}.text-mini{font-size:var(--text-mini)}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-blush{color:var(--blush)}.text-danger{color:var(--danger)}.text-fg,.text-fg\/70{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.text-fg\/70{color:color-mix(in oklab,var(--fg) 70%,transparent)}}.text-fg\/80{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.text-fg\/80{color:color-mix(in oklab,var(--fg) 80%,transparent)}}.text-fg\/85{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.text-fg\/85{color:color-mix(in oklab,var(--fg) 85%,transparent)}}.text-ink,.text-ink\/75{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.text-ink\/75{color:color-mix(in oklab,var(--ink) 75%,transparent)}}.text-lime{color:var(--lime)}.text-muted{color:var(--muted)}.text-on-ink,.text-on-ink\/75{color:var(--on-ink)}@supports (color:color-mix(in lab,red,red)){.text-on-ink\/75{color:color-mix(in oklab,var(--on-ink) 75%,transparent)}}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-ink\/40{--tw-ring-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ring-ink\/40{--tw-ring-color:color-mix(in oklab, var(--ink) 40%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[3px\]{--tw-blur:blur(3px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[filter\,opacity\]{transition-property:filter,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:brightness-\[0\.98\]:hover{--tw-brightness:brightness(.98);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:no-underline:disabled{text-decoration-line:none}@media(min-width:40rem){.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:right-7{right:calc(var(--spacing) * 7)}.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:w-44{width:calc(var(--spacing) * 44)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_minmax\(11rem\,1\.25fr\)\]{grid-template-columns:1fr minmax(11rem,1.25fr)}.sm\:grid-cols-\[8rem_1fr\]{grid-template-columns:8rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{color-scheme:light;--bg:#f4f1ea;--surface:#fffdf8;--ink:#141414;--fg:#141414;--on-ink:#fffdf8;--muted:#66645f;--line:#14141417;--lime:#dcef45;--mark:#dcef45;--yellow:#f9df47;--lavender:#d7b5f6;--lavender-soft:#eadcf8;--cream:#eed8ad;--blush:#ffd5cb;--coral:#ff6547;--danger:#b62d18;--tone-low:#5a3fc0;--tone-falling:#4e781b;--tone-mid:#1b1b16;--tone-rising:#94630c;--tone-high:#c8331c;--tone-unknown:#6d6d67;--tone-low-mark:#5a3fc0;--tone-falling-mark:#486f19;--tone-mid-mark:#1b1b16;--tone-rising-mark:#885b0b;--tone-high-mark:#bc301a;--tone-unknown-mark:#65655f;--radius-card:1.875rem;--radius-panel:1.7rem;--radius-tile:1.5rem;--radius-chip:1.35rem;--shadow-nav:0 12px 30px #14141433;--text-micro:.625rem;--text-mini:.6875rem;--font-ui:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-display:var(--font-ui);--font-thai:"Sarabun", system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}@property --card-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --card-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reduced-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes sheet-veil-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-veil-out{0%{opacity:1}to{opacity:0}}@keyframes spell-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.spell-shake{animation:.25s ease-in-out spell-shake}@media(prefers-reduced-motion:reduce){.rise-in,.rise-in-stagger>*,.pop-in,.onboarding-panel{animation:.2s both reduced-fade}.animate-pulse,.spell-shake{animation:none}.ui-sheet{animation:.2s backwards reduced-fade}.ui-sheet[data-state=closed]{animation:.16s forwards sheet-veil-out}.ui-btn,.ui-tool,.ui-icircle,.ui-navitem>span,.ui-progress>div,.kar-unit{transition-duration:80ms}.kar-rise .kar-active{transform:none}.study-card-flip{transition:opacity .2s;transform:none!important}.study-card-back{transform:none}.study-card-flip[data-revealed=false] .study-card-back,.study-card-flip[data-revealed=true] .study-card-front{opacity:0}.demo-card-flip{transition:height .2s!important;transform:none!important}.demo-face{transition:opacity .2s}.demo-face-back{transform:none}.demo-card-flip[data-revealed=false] .demo-face-back,.demo-card-flip[data-revealed=true] .demo-face-front{opacity:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}