/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@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;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-\[72px\]{top:-72px}.top-1\/2{top:50%}.-right-\[52px\]{right:-52px}.right-0{right:0}.left-0{left:0}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-0\!{margin-inline:0!important}.mt-1{margin-top:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-\[30px\]{width:30px;height:30px}.size-\[180px\]{width:180px;height:180px}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-24{height:calc(var(--spacing) * 24)}.h-\[calc\(100dvh-8px\)\]\!{height:calc(100dvh - 8px)!important}.max-h-\[calc\(100dvh-8px\)\]\!{max-height:calc(100dvh - 8px)!important}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-11\!{min-height:calc(var(--spacing) * 11)!important}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-12\!{min-height:calc(var(--spacing) * 12)!important}.min-h-16\!{min-height:calc(var(--spacing) * 16)!important}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-\[50px\]\!{min-height:50px!important}.min-h-\[72px\]{min-height:72px}.min-h-\[76px\]\!{min-height:76px!important}.min-h-\[92px\]{min-height:92px}.min-h-\[132px\]{min-height:132px}.w-full{width:100%}.w-full\!{width:100%!important}.w-max{width:max-content}.max-w-\[17ch\]{max-width:17ch}.max-w-\[36ch\]{max-width:36ch}.min-w-0{min-width:0}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-none{list-style-type:none}.appearance-none\!{appearance:none!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[30px_minmax\(0\,1fr\)\]{grid-template-columns:30px minmax(0,1fr)}.grid-cols-\[44px_minmax\(0\,1fr\)_auto\]\!{grid-template-columns:44px minmax(0,1fr) auto!important}.grid-cols-\[minmax\(0\,1fr\)\]\!{grid-template-columns:minmax(0,1fr)!important}.grid-cols-\[minmax\(0\,1fr\)_44px\]{grid-template-columns:minmax(0,1fr) 44px}.grid-rows-\[auto_auto_minmax\(0\,1fr\)\]{grid-template-rows:auto auto minmax(0,1fr)}.grid-rows-\[minmax\(0\,1fr\)_1\.5rem\]{grid-template-rows:minmax(0,1fr) 1.5rem}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.items-start\!{align-items:flex-start!important}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.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-3\!{gap:calc(var(--spacing) * 3)!important}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-14{gap:calc(var(--spacing) * 14)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[inherit\]\!{border-radius:inherit!important}.rounded-\[var\(--radius-2xl\)\]{border-radius:var(--radius-2xl)}.rounded-\[var\(--radius-2xl\)\]\!{border-radius:var(--radius-2xl)!important}.rounded-\[var\(--radius-3xl\)\]{border-radius:var(--radius-3xl)}.rounded-\[var\(--radius-3xl\)\]\!{border-radius:var(--radius-3xl)!important}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-lg\)\]\!{border-radius:var(--radius-lg)!important}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-\[var\(--radius-xl\)\]\!{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:2147483647px}.rounded-t-\[var\(--radius-2xl\)\]\!{border-top-left-radius:var(--radius-2xl)!important;border-top-right-radius:var(--radius-2xl)!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}.border-transparent{border-color:#0000}.bg-\[color-mix\(in_oklch\,var\(--container-background\)_88\%\,var\(--primary-soft\)\)\]{background-color:var(--container-background)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--container-background\)_88\%\,var\(--primary-soft\)\)\]{background-color:color-mix(in oklch,var(--container-background) 88%,var(--primary-soft))}}.bg-\[color-mix\(in_oklch\,var\(--container-background\)_90\%\,var\(--primary-soft\)\)\]{background-color:var(--container-background)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--container-background\)_90\%\,var\(--primary-soft\)\)\]{background-color:color-mix(in oklch,var(--container-background) 90%,var(--primary-soft))}}.bg-\[color-mix\(in_oklch\,var\(--container-background\)_92\%\,var\(--primary-soft\)\)\]\!{background-color:var(--container-background)!important}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--container-background\)_92\%\,var\(--primary-soft\)\)\]\!{background-color:color-mix(in oklch,var(--container-background) 92%,var(--primary-soft))!important}}.bg-\[color-mix\(in_oklch\,var\(--primary\)_11\%\,transparent\)\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary\)_11\%\,transparent\)\]{background-color:color-mix(in oklch,var(--primary) 11%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--primary-soft\)_72\%\,var\(--container-background\)\)\]{background-color:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary-soft\)_72\%\,var\(--container-background\)\)\]{background-color:color-mix(in oklch,var(--primary-soft) 72%,var(--container-background))}}.bg-\[color-mix\(in_oklch\,var\(--primary-soft\)_72\%\,var\(--container-background\)\)\]\!{background-color:var(--primary-soft)!important}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--primary-soft\)_72\%\,var\(--container-background\)\)\]\!{background-color:color-mix(in oklch,var(--primary-soft) 72%,var(--container-background))!important}}.bg-\[var\(--elevation-2\)\]{background-color:var(--elevation-2)}.bg-\[var\(--primary-soft\)\]{background-color:var(--primary-soft)}.bg-transparent\!{background-color:#0000!important}.p-0{padding:0}.p-0\!{padding:0!important}.p-4{padding:calc(var(--spacing) * 4)}.p-4\!{padding:calc(var(--spacing) * 4)!important}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\!{padding-inline:var(--spacing)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\!{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\!{padding-block:calc(var(--spacing) * 2)!important}.py-2\.5\!{padding-block:calc(var(--spacing) * 2.5)!important}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3\.5\!{padding-right:calc(var(--spacing) * 3.5)!important}.pr-10\!{padding-right:calc(var(--spacing) * 10)!important}.pb-\[max\(24px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(24px, env(safe-area-inset-bottom))}.pl-3\!{padding-left:calc(var(--spacing) * 3)!important}.pl-4\!{padding-left:calc(var(--spacing) * 4)!important}.pl-10\!{padding-left:calc(var(--spacing) * 10)!important}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.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-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.font-\[var\(--font-data\)\]{--tw-font-weight:var(--font-data);font-weight:var(--font-data)}.font-\[var\(--font-ja\)\]{--tw-font-weight:var(--font-ja);font-weight:var(--font-ja)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-normal\!{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--icon-tertiary\)\]{color:var(--icon-tertiary)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-primary\)\]\!{color:var(--text-primary)!important}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-\[var\(--text-tertiary\)\]\!{color:var(--text-tertiary)!important}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--primary\)_10\%\,transparent\)\,0_16px_40px_-28px_color-mix\(in_oklch\,var\(--primary\)_42\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--primary)), 0 16px 40px -28px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--primary\)_10\%\,transparent\)\,0_16px_40px_-28px_color-mix\(in_oklch\,var\(--primary\)_42\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 10%,transparent)), 0 16px 40px -28px var(--tw-shadow-color,color-mix(in oklch,var(--primary) 42%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--primary\)_10\%\,transparent\)\,0_16px_40px_-28px_color-mix\(in_oklch\,var\(--primary\)_42\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\,0_6px_18px_-18px_color-mix\(in_oklch\,var\(--text-primary\)_34\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--text-primary)), 0 6px 18px -18px var(--tw-shadow-color,var(--text-primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\,0_6px_18px_-18px_color-mix\(in_oklch\,var\(--text-primary\)_34\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--text-primary) 5%,transparent)), 0 6px 18px -18px var(--tw-shadow-color,color-mix(in oklch,var(--text-primary) 34%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\,0_6px_18px_-18px_color-mix\(in_oklch\,var\(--text-primary\)_34\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--text-primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--text-primary) 5%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_5\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_6\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--text-primary))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_6\%\,transparent\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--text-primary) 6%,transparent))}}.shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_6\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\,transform\]\!{transition-property:background-color,box-shadow,transform!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--motion-nav-marker\)\]{--tw-duration:var(--motion-nav-marker);transition-duration:var(--motion-nav-marker)}.ease-\[var\(--ease-standard\)\]{--tw-ease:var(--ease-standard);transition-timing-function:var(--ease-standard)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none\!{--tw-outline-style:none!important;outline-style:none!important}@media (hover:hover){.hover\:bg-\[var\(--elevation-2\)\]:hover{background-color:var(--elevation-2)}.hover\:bg-\[var\(--elevation-2\)\]\!:hover{background-color:var(--elevation-2)!important}.hover\:shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_9\%\,transparent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--text-primary))}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_9\%\,transparent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,color-mix(in oklch,var(--text-primary) 9%,transparent))}}.hover\:shadow-\[0_0_0_1px_color-mix\(in_oklch\,var\(--text-primary\)_9\%\,transparent\)\]:hover{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--focus-ring\)\]:focus-visible{outline-color:var(--focus-ring)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:bg-\[var\(--elevation-2\)\]:active{background-color:var(--elevation-2)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-pressed\:border-\[var\(--border-primary\)\][aria-pressed=true]{border-color:var(--border-primary)}.aria-pressed\:bg-\[var\(--elevation-2\)\][aria-pressed=true]{background-color:var(--elevation-2)}.aria-pressed\:text-\[var\(--text-primary\)\][aria-pressed=true]{color:var(--text-primary)}@media (width>=360px){.min-\[360px\]\:p-5\!{padding:calc(var(--spacing) * 5)!important}}@media (width>=48rem){.md\:flex{display:flex}.md\:h-\[min\(820px\,calc\(100dvh_-_48px\)\)\]\!{height:min(820px,100dvh - 48px)!important}.md\:max-h-\[calc\(100dvh_-_48px\)\]\!{max-height:calc(100dvh - 48px)!important}.md\:w-52{width:calc(var(--spacing) * 52)}.md\:w-\[min\(100\%\,280px\)\]\!{width:min(100%,280px)!important}.md\:w-\[min\(1080px\,calc\(100vw_-_48px\)\)\]\!{width:min(1080px,100vw - 48px)!important}.md\:flex-1{flex:1}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.md\:rounded-\[var\(--radius-3xl\)\]\!{border-radius:var(--radius-3xl)!important}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-7\!{padding:calc(var(--spacing) * 7)!important}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:pt-4{padding-top:calc(var(--spacing) * 4)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(320px\,5fr\)\]{grid-template-columns:minmax(0,7fr) minmax(320px,5fr)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}}@media (forced-colors:active){.forced-colors\:border-\[ButtonText\]{border-color:buttontext}}.\[\&_\.content-card\]\:p-0\! .content-card{padding:0!important}.\[\&_\.learning-progress-label\]\:hidden .learning-progress-label,.\[\&_\.learning-progress-value\]\:hidden .learning-progress-value{display:none}.\[\&_\.menu-icon-badge\]\:size-11\! .menu-icon-badge{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.\[\&_\.menu-icon-badge\]\:rounded-\[var\(--radius-xl\)\]\! .menu-icon-badge{border-radius:var(--radius-xl)!important}.\[\&_\.menu-icon-badge-artwork\]\:size-\[30px\]\! .menu-icon-badge-artwork{width:30px!important;height:30px!important}.\[\&_\.navigation-chevron\]\:opacity-\[0\.28\]\! .navigation-chevron{opacity:.28!important}.\[\&_\.navigation-row-copy\>span\]\:line-clamp-2 .navigation-row-copy>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&_\.navigation-row-copy\>span\]\:text-\[13px\]\! .navigation-row-copy>span{font-size:13px!important}.\[\&_\.navigation-row-copy\>strong\]\:font-medium\! .navigation-row-copy>strong{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.\[\&_\.navigation-row-copy\>strong\]\:font-normal\! .navigation-row-copy>strong{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.\[\&_\.navigation-row-icon\]\:size-10\! .navigation-row-icon{width:calc(var(--spacing) * 10)!important;height:calc(var(--spacing) * 10)!important}.\[\&_\.navigation-row-icon\]\:size-11\! .navigation-row-icon{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.\[\&_\.navigation-row-icon\]\:rounded-\[var\(--radius-lg\)\]\! .navigation-row-icon{border-radius:var(--radius-lg)!important}.\[\&_\.navigation-row-icon\]\:rounded-none\! .navigation-row-icon{border-radius:0!important}.\[\&_\.navigation-row-icon\]\:bg-\[var\(--elevation-2\)\]\! .navigation-row-icon{background-color:var(--elevation-2)!important}.\[\&_\.navigation-row-icon\]\:bg-transparent\! .navigation-row-icon{background-color:#0000!important}.\[\&_\.navigation-row-icon\]\:text-\[var\(--text-secondary\)\]\! .navigation-row-icon{color:var(--text-secondary)!important}.\[\&_\.navigation-row-meta\]\:text-\[var\(--text-tertiary\)\]\! .navigation-row-meta{color:var(--text-tertiary)!important}.\[\&_\.navigation-row-trailing\>svg\]\:opacity-\[0\.18\]\! .navigation-row-trailing>svg{opacity:.18!important}.\[\&_\.phrase-action\]\:m-0\! .phrase-action{margin:0!important}.\[\&_\.phrase-action\]\:size-11\! .phrase-action{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.\[\&_\.phrase-action\]\:self-center .phrase-action{align-self:center}.\[\&_\.phrase-action\]\:rounded-full\! .phrase-action{border-radius:2147483647px!important}.\[\&_\.phrase-action\]\:p-0\! .phrase-action{padding:0!important}.\[\&_\.phrase-row\]\:rounded-\[var\(--radius-xl\)\] .phrase-row{border-radius:var(--radius-xl)}.\[\&_\.phrase-row\]\:border-0\! .phrase-row{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&_\.phrase-row\]\:px-2 .phrase-row{padding-inline:calc(var(--spacing) * 2)}.\[\&_\.phrase-row\]\:transition-colors .phrase-row{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&_\.phrase-row\:hover\]\:bg-\[var\(--elevation-2\)\] .phrase-row:hover{background-color:var(--elevation-2)}.\[\&_\.progress-fill\]\:rounded-\[inherit\] .progress-fill{border-radius:inherit}.\[\&_\.progress-fill\]\:bg-\[var\(--primary\)\] .progress-fill{background-color:var(--primary)}.\[\&_\.progress-strip\]\:gap-3\.5 .progress-strip{gap:calc(var(--spacing) * 3.5)}.\[\&_\.progress-strip\]\:border-0\! .progress-strip{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&_\.progress-strip\]\:py-0\! .progress-strip{padding-block:0!important}.\[\&_\.progress-strip-action\]\:min-h-11\! .progress-strip-action{min-height:calc(var(--spacing) * 11)!important}.\[\&_\.progress-strip-action\]\:w-full\! .progress-strip-action{width:100%!important}.\[\&_\.progress-strip-action\]\:rounded-\[var\(--radius-xl\)\]\! .progress-strip-action{border-radius:var(--radius-xl)!important}.\[\&_\.progress-strip-action\]\:py-2\! .progress-strip-action{padding-block:calc(var(--spacing) * 2)!important}.\[\&_\.progress-strip-action\]\:pr-3\.5\! .progress-strip-action{padding-right:calc(var(--spacing) * 3.5)!important}.\[\&_\.progress-strip-action\]\:pl-4\! .progress-strip-action{padding-left:calc(var(--spacing) * 4)!important}@media (width>=48rem){.md\:\[\&_\.progress-strip-action\]\:w-\[min\(100\%\,280px\)\]\! .progress-strip-action{width:min(100%,280px)!important}}.\[\&_\.progress-strip-block\]\:max-w-none .progress-strip-block{max-width:none}.\[\&_\.progress-strip-block\]\:gap-\[18px\] .progress-strip-block{gap:18px}.\[\&_\.progress-strip-meta\]\:text-\[var\(--text-secondary\)\] .progress-strip-meta{color:var(--text-secondary)}.\[\&_\.progress-strip-meta\>span\:first-child\]\:font-semibold .progress-strip-meta>span:first-child{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_\.progress-strip-title\]\:max-w-\[17ch\] .progress-strip-title{max-width:17ch}.\[\&_\.progress-strip-title\]\:text-2xl\! .progress-strip-title{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\[\&_\.progress-strip-title\]\:leading-\[1\.3\]\! .progress-strip-title{--tw-leading:1.3!important;line-height:1.3!important}.\[\&_\.progress-strip-track\]\:h-1\.5 .progress-strip-track{height:calc(var(--spacing) * 1.5)}.\[\&_\.progress-strip-track\]\:overflow-hidden .progress-strip-track{overflow:hidden}.\[\&_\.progress-strip-track\]\:rounded-full .progress-strip-track{border-radius:2147483647px}.\[\&_\.progress-strip-track\]\:bg-\[color-mix\(in_oklch\,var\(--primary\)_16\%\,var\(--container-background\)\)\] .progress-strip-track{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.progress-strip-track\]\:bg-\[color-mix\(in_oklch\,var\(--primary\)_16\%\,var\(--container-background\)\)\] .progress-strip-track{background-color:color-mix(in oklch,var(--primary) 16%,var(--container-background))}}.\[\&_\.progress-track\]\:h-1\.5 .progress-track{height:calc(var(--spacing) * 1.5)}.\[\&_\.progress-track\]\:overflow-hidden .progress-track{overflow:hidden}.\[\&_\.progress-track\]\:rounded-full .progress-track{border-radius:2147483647px}.\[\&_\.progress-track\]\:bg-\[color-mix\(in_oklch\,var\(--primary\)_16\%\,var\(--container-background\)\)\] .progress-track{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.progress-track\]\:bg-\[color-mix\(in_oklch\,var\(--primary\)_16\%\,var\(--container-background\)\)\] .progress-track{background-color:color-mix(in oklch,var(--primary) 16%,var(--container-background))}}.\[\&_\.status-message\]\:justify-items-center .status-message{justify-items:center}.\[\&_\.status-message\]\:py-0 .status-message{padding-block:0}.\[\&_\.ui-select-field-chevron\]\:right-1 .ui-select-field-chevron{right:var(--spacing)}.focus-within\:\[\&_\.ui-select-field-chevron\]\:text-\[var\(--icon-secondary\)\]:focus-within .ui-select-field-chevron{color:var(--icon-secondary)}.\[\&_\.ui-select-field-leading\]\:left-1 .ui-select-field-leading{left:var(--spacing)}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:stroke-\[1\.8\] svg{stroke-width:1.8px}.\[\&\>svg\]\:text-\[var\(--icon-disabled\)\]>svg{color:var(--icon-disabled)}.\[\&\>svg\]\:opacity-\[0\.28\]>svg{opacity:.28}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-00:#fbfbfb;--gray-01:#f1f1f1;--gray-02:#e5e5e5;--gray-03:#cfcfcf;--gray-04:#b1b1b1;--gray-05:#888;--gray-06:#616161;--gray-07:#484848;--gray-08:#363636;--gray-09:#2c2c2c;--gray-10:#222;--text-primary:var(--gray-10);--text-secondary:var(--gray-08);--text-tertiary:var(--gray-06);--text-disabled:var(--gray-05);--border-primary:var(--gray-02);--border-subtle:var(--gray-01);--border-secondary:var(--gray-03);--border-hovered:var(--gray-04);--border-focused:var(--gray-10);--border-disabled:var(--gray-04);--icon-primary:var(--gray-10);--icon-secondary:var(--gray-08);--icon-tertiary:var(--gray-06);--icon-disabled:var(--gray-05);--background:oklch(98.5% 0 0);--elevation-0:oklch(100% 0 0);--elevation-1:oklch(22% 0 0/.02);--elevation-2:oklch(22% 0 0/.06);--elevation-3:oklch(22% 0 0/.12);--container-background:var(--elevation-0);--component-segmented-option:var(--elevation-0);--primary:oklch(57% .201 29);--primary-soft:oklch(94.8% .02 28.9);--primary-foreground:oklch(100% 0 0);--success:oklch(51.9% .099 162.2);--achievement-start:oklch(43% .105 63);--achievement-complete:oklch(42% .095 162.2);--achievement-complete-soft:oklch(95.6% .026 153);--destructive:oklch(50% .182 29.5);--tag-important-bg:oklch(95.6% .027 28.5);--tag-important-fg:oklch(49% .14 28.5);--tag-basic-bg:oklch(96.3% .032 76);--tag-basic-fg:oklch(46% .09 69);--tag-extension-bg:oklch(95.7% .026 153);--tag-extension-fg:oklch(43% .08 153);--focus-ring:oklch(57% .201 29);--font-ko:Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-ja:"Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif;--font-data:ui-monospace, "SFMono-Regular", Consolas, monospace;--type-page:28px;--type-section:20px;--type-body:16px;--type-meta:14px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:999px;--button-h-sm:44px;--button-h-md:48px;--button-h-lg:52px;--button-px-sm:12px;--button-px-md:16px;--button-px-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--ease-standard:cubic-bezier(.2, .8, .2, 1);--motion-route-context:.18s;--motion-card-out:.12s;--motion-card-in:.18s;--motion-answer-feedback:.16s;--motion-progress-fill:.2s;--motion-audio-state:.14s;--motion-favorite-save:.14s;--motion-sheet:.24s;--motion-nav-marker:.16s;--shadow-floating:0 2px 6px oklch(0% 0 0/.12), 0 14px 32px oklch(0% 0 0/.1);--nav-item-gap:2px;--nav-label-size:13px;--menu-item-row-min-height:48px;--menu-icon-badge-size:32px;--menu-icon-badge-artwork-size:22px;--menu-icon-badge-background:var(--border-primary)}@supports (color:color-mix(in lab, red, red)){:root{--menu-icon-badge-background:color-mix(in oklch, var(--border-primary) 38%, var(--background))}}:root{--menu-icon-badge-border:var(--border-primary)}@supports (color:color-mix(in lab, red, red)){:root{--menu-icon-badge-border:color-mix(in oklch, var(--border-primary) 58%, var(--background))}}@media (width>=1024px){:root{--type-page:32px;--button-h-md:44px;--button-h-lg:48px}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:var(--gray-00);--text-secondary:var(--gray-02);--text-tertiary:var(--gray-04);--text-disabled:var(--gray-06);--border-primary:var(--gray-08);--border-subtle:var(--gray-09);--border-secondary:var(--gray-07);--border-hovered:var(--gray-06);--border-focused:var(--gray-00);--border-disabled:var(--gray-06);--icon-primary:var(--gray-00);--icon-secondary:var(--gray-02);--icon-tertiary:var(--gray-04);--icon-disabled:var(--gray-06);--background:oklch(20.5% .004 286.05);--elevation-0:oklch(0% 0 0);--elevation-1:oklch(100% 0 0/.03);--elevation-2:oklch(100% 0 0/.07);--elevation-3:oklch(100% 0 0/.12);--container-background:var(--elevation-1);--component-segmented-option:var(--gray-07);--primary:oklch(71% .183 27.3);--primary-soft:oklch(26.9% .031 22.5);--primary-foreground:oklch(17% .034 28.3);--success:oklch(75% .13 160.6);--achievement-start:oklch(78% .105 70);--achievement-complete:var(--success);--achievement-complete-soft:oklch(25% .035 153);--destructive:oklch(75.9% .144 26.1);--tag-important-bg:oklch(25.5% .042 27);--tag-important-fg:oklch(82% .095 27);--tag-basic-bg:oklch(26.5% .036 73);--tag-basic-fg:oklch(84% .085 75);--tag-extension-bg:oklch(25% .035 153);--tag-extension-fg:oklch(82% .075 153);--focus-ring:oklch(71% .183 27.3);--shadow-floating:0 2px 8px oklch(0% 0 0/.3), 0 18px 36px oklch(0% 0 0/.22)}@media (prefers-reduced-motion:reduce){:root{--motion-route-context:0s;--motion-card-out:0s;--motion-card-in:0s;--motion-answer-feedback:0s;--motion-progress-fill:0s;--motion-audio-state:0s;--motion-favorite-save:0s;--motion-sheet:0s;--motion-nav-marker:0s}}*,:before,:after{box-sizing:border-box}html{background:var(--background);inline-size:100%;max-inline-size:100%}#root{isolation:isolate}body{background:var(--background);min-block-size:100dvh;min-inline-size:0;max-inline-size:100%;color:var(--text-primary);font-family:var(--font-ko);font-size:var(--type-body);text-rendering:optimizelegibility;text-wrap:pretty;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.625;position:relative;overflow-x:hidden}button,a,input,select,textarea{min-inline-size:0;max-inline-size:100%;font:inherit}button,a,select,input[type=checkbox],input[type=radio]{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.skip-link{z-index:60;border:2px solid var(--text-primary);border-radius:var(--radius-md);color:var(--primary-foreground);background:var(--primary);transition:transform var(--motion-nav-marker) var(--ease-standard);padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;inset-block-start:8px;inset-inline-start:16px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-block-size:100dvh;padding-block-end:calc(5rem + env(safe-area-inset-bottom))}.top-bar{z-index:20;min-block-size:56px;padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));border-block-end:1px solid var(--border-primary);background:var(--background);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;inset-block-start:0}@supports (color:color-mix(in lab, red, red)){.top-bar{background:color-mix(in srgb, var(--background) 96%, transparent)}}.top-bar-start{flex:auto;align-items:center;min-inline-size:0;display:flex}.mobile-route-context{align-items:center;min-inline-size:0;max-inline-size:100%;display:flex}.mobile-route-back{color:var(--text-primary);flex:none;margin-inline-start:-8px}.mobile-route-title{min-inline-size:0;font-size:16px;font-weight:var(--weight-semibold);text-overflow:ellipsis;text-wrap:nowrap;margin:0;line-height:24px;overflow:hidden}.brand{min-block-size:44px;color:var(--text-primary);font-weight:var(--weight-semibold);letter-spacing:-.025em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-mark{block-size:32px;inline-size:32px;color:var(--primary-foreground);background:var(--primary);border-radius:var(--radius-xl);place-items:center;display:grid}.top-actions,.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;min-inline-size:0;display:flex}.top-actions{flex-wrap:nowrap;flex:none;gap:0}.ui-button{border-radius:var(--radius-lg);inline-size:fit-content;min-inline-size:44px;max-inline-size:100%;color:var(--text-primary);font-size:var(--type-body);font-weight:var(--weight-medium);transition:transform var(--motion-audio-state) ease-out, opacity var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out, border-color var(--motion-audio-state) ease-out, color var(--motion-audio-state) ease-out;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;line-height:24px;text-decoration:none;display:inline-flex}.ui-button-sm{min-block-size:var(--button-h-sm);padding:8px var(--button-px-sm)}.ui-button-md{min-block-size:var(--button-h-md);padding:10px var(--button-px-md)}.ui-button-lg{min-block-size:var(--button-h-lg);padding:11px var(--button-px-lg);font-size:16px;line-height:24px}.ui-button>svg{flex:none}.ui-button>svg:first-child:not(:last-child){margin-inline-start:-1px}.ui-button>svg:last-child:not(:first-child){margin-inline-end:-2px}.audio-state,.favorite-save{transition:transform var(--motion-audio-state) ease-out, opacity var(--motion-audio-state) ease-out}.audio-state[aria-pressed=true]{opacity:.9;transform:scale(.98)}.favorite-save[aria-pressed=true]{transform:scale(1.02)}.ui-button-icon{block-size:44px;min-block-size:44px;inline-size:44px;min-inline-size:44px;color:var(--icon-tertiary);background:0 0;padding:10px;position:relative}.ui-button-icon:before{border-radius:var(--radius-lg);content:"";pointer-events:none;transition:background-color var(--motion-audio-state) ease-out;background:0 0;position:absolute;inset:6px}.ui-button-icon>svg{z-index:1;position:relative}.ui-button-ghost,.ui-button-tertiary{color:var(--text-primary);background:0 0}.ui-button-primary{color:var(--primary-foreground);background:var(--primary)}.ui-button-secondary{border-color:var(--border-primary);color:var(--text-primary);background:var(--elevation-2)}.ui-button-danger{border-color:var(--destructive);color:var(--destructive);background:0 0}.ui-button:active,.nav-link:active{transform:scale(.96)}.ui-button:disabled{pointer-events:none;opacity:.45}.favorite-save[aria-busy=true]{color:var(--text-primary);opacity:.72}@media (hover:hover) and (pointer:fine){.ui-button-primary:hover{opacity:.9}.ui-button-secondary:hover,.ui-button-ghost:hover,.ui-button-tertiary:hover,.nav-link:hover{opacity:1;background:var(--elevation-2)}.ui-button-icon:hover{background:0 0}.ui-button-icon:hover:before,.list-link:hover{background:var(--elevation-2)}}.ui-input{border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-block-size:52px;inline-size:100%;color:var(--text-primary);background:var(--elevation-2);padding:10px 12px;font-size:16px}.ui-input-group{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--elevation-2);grid-template-columns:auto minmax(0,1fr);align-items:center;min-block-size:52px;min-inline-size:0;display:grid;overflow:visible}.ui-input-group:has(.ui-input-group-input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.ui-input-group-addon{block-size:50px;inline-size:44px;color:var(--icon-tertiary);place-items:center;display:inline-grid}.form-row .ui-input-group .ui-input-group-input{background:0 0;border:0;border-radius:0;min-block-size:50px;padding-inline:0 8px}.ui-input-group .ui-input-group-input:focus-visible{outline:none}.ui-search-field{border-radius:var(--radius-lg);background:var(--elevation-2);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;min-block-size:44px}.ui-search-field:has(.ui-search-field-input:focus-visible){outline:none}.ui-search-field .ui-input-group-addon{block-size:42px;inline-size:40px}.ui-search-field .ui-search-field-input{background:0 0;border:0;border-radius:0;min-block-size:42px;padding:8px 0}.form-row .ui-search-field .ui-search-field-input{min-block-size:42px;padding:8px 0}.ui-search-field .ui-search-field-input::-webkit-search-cancel-button{appearance:none}.ui-search-field-clear{border-radius:var(--radius-lg);block-size:42px;inline-size:40px;color:var(--icon-tertiary);opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.ui-search-field:focus-within .ui-search-field-clear{opacity:1;visibility:visible;pointer-events:auto}.ui-separator{background:var(--border-primary);flex:none}.ui-separator-horizontal{block-size:1px;inline-size:100%}.ui-separator-vertical{block-size:100%;inline-size:1px}.ui-dialog-backdrop{z-index:40;background:#0d0f12b8;min-block-size:100dvh;position:fixed;inset:0}.ui-dialog-content{z-index:41;border:1px solid var(--border-primary);border-radius:var(--radius-xl);max-block-size:calc(100dvh - 32px);inline-size:min(100% - 32px,760px);color:var(--text-primary);background:var(--elevation-0);padding:24px;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000003d}.ui-side-sheet-content{z-index:41;block-size:100dvh;inline-size:100%;color:var(--text-primary);background:var(--elevation-0);transition:transform var(--motion-sheet) cubic-bezier(.32, .72, 0, 1);will-change:transform;outline:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;transform:translate(0)}.ui-side-sheet-content[data-starting-style],.ui-side-sheet-content[data-ending-style]{transform:translate(100%)}.ui-side-sheet-header{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));border-block-end:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:12px;display:grid}.ui-side-sheet-heading{min-inline-size:0}.ui-side-sheet-title{font-size:24px;font-weight:var(--weight-semibold);letter-spacing:-.02em;margin:0;line-height:1.3}.ui-side-sheet-description{color:var(--text-tertiary);font-size:var(--type-meta);margin:4px 0 0;line-height:20px}.ui-side-sheet-close{border-radius:var(--radius-lg);block-size:44px;inline-size:44px;color:var(--icon-tertiary);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.ui-side-sheet-scroll-area{min-block-size:0}.ui-side-sheet-body{min-block-size:100%;padding:24px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.ui-drawer-backdrop{z-index:40;background:#0d0f12b8;position:fixed;inset:0}.ui-drawer-content{z-index:41;border-block-start:1px solid var(--border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-block-size:98dvh;color:var(--text-primary);background:var(--elevation-0);outline:none;flex-direction:column;display:flex;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -18px 60px #0000003d}.ui-drawer-header{border-block-end:1px solid var(--border-primary);flex:none;padding:8px 16px 14px}.ui-drawer-handle{border-radius:var(--radius-full);background:var(--border-secondary);block-size:5px;inline-size:40px;margin:0 auto 10px}.ui-drawer-heading-grid,.ui-responsive-dialog-header{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-inline-size:0;display:grid}.ui-drawer-heading-grid>:not(.ui-overlay-close-slot),.ui-responsive-dialog-header>:not(.ui-overlay-close-slot){grid-column:1}.ui-overlay-close-slot{grid-area:1/2;align-self:stretch;inline-size:44px;min-inline-size:44px;position:relative}.ui-drawer-close,.ui-responsive-dialog-close{border-radius:var(--radius-lg);block-size:44px;inline-size:44px;min-inline-size:44px;color:var(--icon-tertiary);transition:color var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out;background:0 0;border:0;place-items:center;margin-block:auto;padding:0;display:inline-grid;position:absolute;inset-block:0;inset-inline-end:0}.ui-drawer-close:disabled,.ui-responsive-dialog-close:disabled,.ui-side-sheet-close:disabled{opacity:.5}.ui-drawer-body{flex:auto;min-block-size:0;padding:16px}.ui-drawer-footer{padding:12px 16px max(12px, env(safe-area-inset-bottom));border-block-start:1px solid var(--border-primary);background:var(--elevation-0);flex:none;align-items:center;gap:8px;display:flex}.ui-drawer-footer>*{flex:1 1 0}@media (hover:hover) and (pointer:fine){.ui-drawer-close:hover,.ui-responsive-dialog-close:hover,.ui-side-sheet-close:hover{color:var(--text-primary);background:var(--elevation-2)}}.ui-scroll-area{position:relative;overflow:hidden}.ui-scroll-area-viewport{border-radius:inherit;block-size:100%;inline-size:100%;overflow:auto}.ui-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity var(--motion-nav-marker) var(--ease-standard);background:0 0;justify-content:center;padding:2px;display:flex}.ui-scrollbar[data-hovering],.ui-scrollbar[data-scrolling]{opacity:1;pointer-events:auto}.ui-scrollbar-vertical{flex-direction:column;block-size:100%;inline-size:10px}.ui-scrollbar-horizontal{block-size:10px;inline-size:100%}.ui-scrollbar-thumb{border-radius:var(--radius-full);background:var(--text-tertiary);flex:none;min-block-size:24px}@supports (color:color-mix(in lab, red, red)){.ui-scrollbar-thumb{background:color-mix(in oklch, var(--text-tertiary) 42%, transparent)}}.ui-scrollbar-thumb[data-orientation=vertical]{inline-size:4px}.ui-scrollbar-thumb[data-orientation=horizontal]{block-size:4px;min-inline-size:24px}.app-main{inline-size:min(100% - 32px,1440px);min-inline-size:0;padding-block:var(--space-5) 48px;animation:route-context var(--motion-route-context) var(--ease-standard) both;margin-inline:auto}.runtime-stack{inline-size:min(100% - 32px,1440px);min-inline-size:0;margin-inline:auto;padding-block-start:8px}.page-stack,.stack-16,.stack-24,.stack-32{min-inline-size:0;display:grid}.page-stack,.stack-16{gap:var(--space-3)}.settings-layout,.settings-main-column{gap:32px;min-inline-size:0;display:grid}.stack-24{gap:24px}.stack-32{gap:32px}.page-heading{gap:8px;max-inline-size:760px;margin-block-end:8px;display:grid}h1{font-size:var(--type-page);font-weight:var(--weight-semibold);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.2857}h2{font-size:var(--type-section);font-weight:var(--weight-semibold);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.2727}h3{font-size:var(--type-body);font-weight:var(--weight-semibold);letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.3889}strong{font-weight:var(--weight-semibold)}.eyebrow{color:var(--primary);font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);letter-spacing:-.01em;text-transform:none;margin:0}.page-heading h1,.hero h1,.page-heading h2,.hero h2,.section-heading h2,.empty-state h1,.error-state h1,.empty-state h2,.error-state h2{letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:1.2}.page-heading h1,.hero h1{font-size:28px;font-weight:600;line-height:1.2857}.page-heading p,.hero p,.section-heading p,.lead,.muted{color:var(--text-tertiary);text-wrap:pretty;margin:0;line-height:1.65}.section-heading{justify-content:space-between;align-items:end;gap:16px;min-inline-size:0;display:flex}.system-page-frame{min-inline-size:0}.section-heading-copy{gap:4px;min-inline-size:0;display:grid}.section-heading-copy p{color:var(--text-tertiary);font-size:var(--type-meta);margin:0;line-height:1.5}.icon-label{align-items:center;gap:6px;min-inline-size:0;display:inline-flex}.icon-label-icon{flex:none;place-items:center;display:inline-grid}.phrase-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-inline-size:0;padding:16px 8px;display:grid}.phrase-row-copy{min-inline-size:0;color:var(--text-primary);gap:4px;text-decoration:none;display:grid}.phrase-row-copy>*{min-inline-size:0;max-inline-size:100%;color:var(--text-tertiary);overflow-wrap:anywhere}.phrase-row-japanese{color:var(--text-primary);font-family:var(--font-ja);line-break:strict;word-break:normal;overflow-wrap:anywhere;font-size:20px;font-weight:500;line-height:1.3;display:block}.phrase-row-copy>span:not(.reading-guide){color:var(--text-primary);font-size:var(--type-body);line-height:1.55}.phrase-row-reading{font-size:var(--type-meta)}.reading-guide{gap:4px;min-inline-size:0;display:grid}.reading-guide-kana,.reading-guide-ko{min-inline-size:0;max-inline-size:100%;display:block}.reading-guide-kana{color:var(--text-secondary);font-weight:var(--weight-medium)}.reading-guide-ko{color:var(--text-tertiary);font-weight:var(--weight-regular)}.phrase-row-actions{flex-wrap:nowrap;align-self:start;align-items:center;gap:8px;min-inline-size:0;display:flex}.phrase-action-group{justify-content:flex-end;align-items:center;gap:8px;min-inline-size:0;display:inline-flex}.phrase-action-control{display:contents}.phrase-action{min-inline-size:0;color:var(--text-tertiary);background:0 0;border-color:#0000;padding-inline:10px}.learning-session-page{gap:16px;inline-size:100%;max-inline-size:720px;margin-inline:auto}.learning-session-context{gap:12px;min-inline-size:0;display:grid}.learning-reveal-card{gap:20px;min-block-size:min(620px,100dvh - 176px);padding:24px;display:grid}.learning-reveal-japanese{min-block-size:176px;font-family:var(--font-ja);letter-spacing:normal;line-break:strict;text-align:center;word-break:normal;overflow-wrap:anywhere;place-items:center;margin:0;font-size:clamp(36px,11vw,48px);font-weight:600;line-height:1.2;display:grid}.learning-reveal-controls{border-block-start:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;justify-self:center;align-items:center;gap:12px;inline-size:min(100%,360px);min-inline-size:0;padding-block-start:16px;display:grid}.learning-difficulty-tag{border-radius:var(--radius-sm);min-block-size:24px;font-size:12px;font-weight:var(--weight-medium);justify-self:start;align-items:center;padding-inline:8px;line-height:18px;display:inline-flex}.learning-difficulty-tag.is-difficulty-1{color:var(--tag-important-fg);background:var(--tag-important-bg)}.learning-difficulty-tag.is-difficulty-2{color:var(--tag-basic-fg);background:var(--tag-basic-bg)}.learning-difficulty-tag.is-difficulty-3{color:var(--tag-extension-fg);background:var(--tag-extension-bg)}.learning-reveal-icon-actions{flex:none}.learning-answer{border-block-start:1px solid var(--border-primary);animation:answer-feedback var(--motion-answer-feedback) ease-out both;gap:8px;margin-block-start:12px;padding-block-start:20px;display:grid}.learning-answer-reading,.learning-answer-meaning,.learning-answer-tip p{margin:0}.learning-answer-reading{color:var(--text-tertiary);font-size:16px;line-height:24px}.learning-answer-meaning{font-size:20px;font-weight:500;line-height:28px}.learning-answer-tip{border-block-start:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--type-meta);gap:8px;margin-block-start:16px;padding-block-start:16px;line-height:22px;display:grid}.learning-answer-tip>span{color:var(--primary);font-weight:500}.learning-answer-safety>span,.learning-answer-safety p{color:var(--destructive)}.learning-reveal-action,.learning-next-action{align-self:end;inline-size:100%}.learning-reveal-action.is-open{inline-size:auto;color:var(--text-tertiary);justify-self:center}.learning-session-complete{gap:16px;display:grid}.learning-session-complete h1,.learning-session-complete p{margin:0}.learning-session-complete h1{font-size:var(--type-page);font-weight:var(--weight-semibold);line-height:1.25}.learning-session-complete p{color:var(--text-tertiary);line-height:1.55}.learning-progress{min-inline-size:0;color:var(--text-tertiary);font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.learning-progress-label,.learning-progress-value{white-space:nowrap}.learning-session-context .learning-progress{grid-template-columns:minmax(0,1fr);position:relative}.learning-session-context .learning-progress-label,.learning-session-context .learning-progress-value{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.status-message{min-inline-size:0;color:var(--text-tertiary);font-size:var(--type-meta);gap:4px;padding-block:4px;line-height:1.5;display:grid}.status-message strong{color:var(--text-primary)}.status-message-success{color:var(--success)}.status-message-success strong,.status-message-error strong{color:currentColor}.status-message-error{color:var(--destructive)}.section-heading h2{letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.2727}.curriculum-hub-page,.characters-page,.vocabulary-router-page,.vocabulary-detail-page,.travel-menu-page{inline-size:min(100%,760px)}.achievement-label{min-block-size:20px;color:var(--text-tertiary);font:var(--weight-medium) 13px / 18px var(--font-ko);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;grid-template-columns:40px minmax(3ch,auto);align-items:center;gap:8px;padding:0;display:inline-grid}.achievement-label.is-compact{grid-template-columns:auto;gap:0;min-block-size:18px;font-size:12px;line-height:16px}.achievement-track{border-radius:var(--radius-xs);background:var(--border-primary);block-size:3px;inline-size:100%;display:block;overflow:hidden}.achievement-fill{border-radius:inherit;block-size:100%;transition:inline-size var(--motion-progress-fill) var(--ease-standard);background:currentColor;display:block}.achievement-value{text-align:end;min-inline-size:3ch}.achievement-label.is-started{color:var(--achievement-start)}.achievement-label.is-complete{color:var(--achievement-complete)}.characters-surface,.vocabulary-detail-surface{border-radius:var(--radius-xl);background:var(--container-background);min-inline-size:0}.characters-surface{border:1px solid var(--border-subtle)}.vocabulary-detail-surface{border:0}.curriculum-level-list{gap:20px;min-inline-size:0;display:grid}.curriculum-level-group{gap:0;min-inline-size:0;display:grid}.curriculum-level-heading{justify-content:space-between;align-items:center;gap:12px;min-block-size:28px;padding-inline:4px;display:flex}.level-identity,.level-status{align-items:center;min-inline-size:0;display:inline-flex}.level-identity{color:var(--text-tertiary);font-size:14px;font-weight:var(--weight-medium);gap:8px;margin:0}.level-number{color:var(--text-tertiary);font:var(--weight-semibold) 12px / 20px var(--font-data);font-variant-numeric:tabular-nums}.level-status{color:var(--text-tertiary);font-size:var(--type-meta);opacity:.3;flex:none;gap:8px}.curriculum-module-list{background:0 0;gap:0;margin:0;display:grid}.curriculum-module-row{grid-template-columns:var(--menu-icon-badge-size) minmax(0, 1fr) auto;min-block-size:var(--menu-item-row-min-height);color:var(--text-primary);transition:background-color var(--motion-nav-marker) var(--ease-standard);background:0 0;border:0;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;display:grid}.menu-icon-badge{inline-size:var(--menu-icon-badge-size);block-size:var(--menu-icon-badge-size);border:1px solid var(--menu-icon-badge-border);border-radius:var(--radius-lg);background:var(--menu-icon-badge-background);place-items:center;display:grid;overflow:hidden}.menu-icon-badge-artwork{inline-size:var(--menu-icon-badge-artwork-size);block-size:var(--menu-icon-badge-artwork-size);object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.curriculum-module-copy,.vocabulary-category-row>span:nth-child(2),.menu-link-row-label{color:var(--text-secondary);font-weight:var(--weight-regular)}.curriculum-module-meta,.vocabulary-category-meta{color:var(--text-tertiary);align-items:center;gap:8px;display:inline-flex}.navigation-chevron{color:var(--icon-disabled);opacity:.18;transition:opacity var(--motion-audio-state) ease-out, transform var(--motion-audio-state) ease-out}@media (hover:hover) and (pointer:fine){.curriculum-module-row:hover,.vocabulary-category-row:hover,.menu-link-row:hover,.vocabulary-item-row:hover{background:var(--elevation-2)}.curriculum-module-row:hover .navigation-chevron,.vocabulary-category-row:hover .navigation-chevron,.menu-link-row:hover .navigation-chevron{opacity:.42;transform:translate(2px)}}.characters-surface,.vocabulary-detail-surface{padding:20px}.vocabulary-detail-toolbar{justify-content:space-between;align-items:center;gap:16px;min-inline-size:0;display:flex}.characters-tabs-root{gap:var(--space-3);min-inline-size:0;display:grid}.kana-quiz-entry{min-inline-size:0;padding-block-start:4px;display:grid}.kana-quiz-entry>.ui-button{min-block-size:52px;inline-size:100%}.ui-dialog-content.ui-responsive-dialog-content{grid-template-rows:auto minmax(0,1fr) auto;inline-size:min(100% - 32px,512px);padding:0;display:grid;overflow:hidden}.ui-responsive-dialog-header{border-block-end:1px solid var(--border-primary);padding:16px 20px}.ui-responsive-dialog-body{min-block-size:0;padding:20px}.ui-responsive-dialog-footer{border-block-start:1px solid var(--border-primary);background:var(--elevation-0);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.kana-quiz-dialog-body{gap:16px;display:grid}.kana-quiz-mode-list{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.kana-quiz-mode{border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;background:0 0;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:12px;min-block-size:64px;min-inline-size:0;padding:10px 12px;display:grid}.kana-quiz-mode[data-selected=true]{background:var(--elevation-2)}.kana-quiz-mode:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.kana-quiz-mode input{block-size:18px;inline-size:18px;accent-color:var(--primary);margin:0}.kana-quiz-mode>span{gap:2px;min-inline-size:0;display:grid}.kana-quiz-mode strong{font-size:14px;font-weight:var(--weight-medium);line-height:20px}.kana-quiz-mode small{color:var(--text-tertiary);font-size:13px;line-height:18px}.kana-quiz-dialog-start{inline-size:100%}.kana-quiz-start-error{color:var(--destructive);font-size:var(--type-meta);margin:0;line-height:20px}.segmented-control{min-inline-size:0}.segmented-control-list{--segmented-control-trigger-height:44px;border-radius:var(--radius-xl);background:var(--elevation-2);border:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;inline-size:100%;min-inline-size:0;padding:2px;display:grid}.segmented-control-list[data-size=sm]{--segmented-control-trigger-height:40px}.segmented-control-trigger{min-block-size:var(--segmented-control-trigger-height);border-radius:var(--radius-lg);color:var(--text-tertiary);font-weight:var(--weight-regular);transition:color var(--motion-audio-state) ease-out, border-color var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out;background:0 0;border:1px solid #0000;padding-inline:14px}.segmented-control-trigger[data-active]{color:var(--text-primary);background:var(--component-segmented-option);font-weight:var(--weight-medium);border-color:#0000}.segmented-control-panel{min-inline-size:0}.curriculum-kana-grid{gap:6px}.curriculum-kana-cell{background:0 0;place-items:center;gap:4px;min-block-size:68px;min-inline-size:0;padding:8px 2px;display:grid}.curriculum-kana-cell>span:nth-child(2){color:var(--text-tertiary);font-size:12px;line-height:18px}.known-item-checkbox{border-radius:var(--radius-lg);color:var(--text-tertiary);transition:color var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out;background:0 0;border:0;place-items:center;display:inline-grid}.known-item-checkbox-icon{block-size:44px;inline-size:44px}.known-item-checkbox-icon[data-checked]{color:var(--achievement-complete)}.known-item-indicator{border:1px solid var(--border-primary);border-radius:var(--radius-lg);opacity:0;place-items:center;block-size:26px;inline-size:26px;display:inline-grid}.known-item-checkbox-icon .known-item-indicator{opacity:1}.known-item-checkbox-icon .known-item-indicator>svg{opacity:0}.known-item-checkbox[data-checked] .known-item-indicator{border-color:var(--achievement-complete)}@supports (color:color-mix(in lab, red, red)){.known-item-checkbox[data-checked] .known-item-indicator{border-color:color-mix(in oklch, var(--achievement-complete) 35%, transparent)}}.known-item-checkbox[data-checked] .known-item-indicator{color:var(--achievement-complete);background:var(--achievement-complete-soft);opacity:1}.known-item-checkbox[data-checked] .known-item-indicator>svg{opacity:1}.vocabulary-category-surface{background:0 0;border:0;min-inline-size:0;padding:0}.vocabulary-category-search,.travel-menu-search{display:block}.search-list-layout{grid-template-rows:auto minmax(0,1fr);block-size:clamp(360px,100dvh - 260px,640px);min-block-size:0;min-inline-size:0;display:grid}.search-list-toolbar{z-index:1;min-inline-size:0;padding-block:var(--space-5) var(--space-3);background:var(--background);position:relative}.search-list-scroll-area{min-block-size:0;min-inline-size:0}.search-list-scroll-area .ui-scroll-area-viewport{scrollbar-width:none}.search-list-scroll-area .ui-scroll-area-viewport::-webkit-scrollbar{display:none}.search-list-content{min-inline-size:0;padding-block:0}.list-filter-empty{color:var(--text-tertiary);font-size:var(--type-meta);text-align:center;margin:0;padding:28px 12px}.vocabulary-category-list{gap:4px;display:grid}.vocabulary-category-list,.vocabulary-item-list{margin:0;padding:0;list-style:none}.vocabulary-category-row{grid-template-columns:var(--menu-icon-badge-size) minmax(0, 1fr) auto;min-block-size:var(--menu-item-row-min-height);color:var(--text-primary);transition:background-color var(--motion-nav-marker) var(--ease-standard);background:0 0;border:0;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;display:grid}.travel-menu-list{gap:4px;display:grid}.menu-link-row{grid-template-columns:var(--menu-icon-badge-size) minmax(0, 1fr) auto;min-block-size:var(--menu-item-row-min-height);color:var(--text-primary);transition:background-color var(--motion-nav-marker) var(--ease-standard);background:0 0;border:0;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;display:grid}.menu-link-row>.navigation-chevron{color:var(--icon-disabled);opacity:.2;transition:opacity var(--motion-audio-state) ease-out, transform var(--motion-audio-state) ease-out}.vocabulary-detail-toolbar{padding-block-end:16px}.vocabulary-start-error{color:var(--destructive);font-size:var(--type-meta);margin:0;padding-block:8px 16px}.vocabulary-item-row{min-block-size:120px;transition:color var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 4px;display:grid}.vocabulary-item-row[data-known]{color:var(--text-tertiary)}.vocabulary-item-copy{gap:2px;min-inline-size:0;display:grid}.vocabulary-item-copy strong{font-size:25px;font-weight:var(--weight-medium);line-height:1.35}.vocabulary-item-reading{color:var(--text-tertiary);font-size:13px;line-height:1.45}.vocabulary-item-meaning{color:var(--text-primary);margin-block-start:5px;font-size:15px;line-height:1.45}.vocabulary-item-actions{align-items:center;gap:2px;display:inline-flex}@media (width<=479px){.curriculum-hub-page{inline-size:calc(100% + 8px);margin-inline:-4px}.characters-surface,.vocabulary-detail-surface{padding:16px}.curriculum-kana-grid{gap:3px}.curriculum-kana-cell{min-block-size:64px}.curriculum-module-row{grid-template-columns:var(--menu-icon-badge-size) minmax(0, 1fr) auto;min-block-size:var(--menu-item-row-min-height);gap:10px;padding:8px 4px}.vocabulary-category-row{grid-template-columns:var(--menu-icon-badge-size) minmax(0, 1fr) auto;gap:10px}.vocabulary-item-row{gap:8px;padding-inline:0}}.vocabulary-item-row+.vocabulary-item-row{border-block-start:1px solid var(--border-subtle)}.section-heading a{color:var(--text-primary);font-size:var(--type-meta);font-weight:var(--weight-medium);text-underline-offset:3px;line-height:20px;text-decoration:underline}.section-heading .section-action-link{min-block-size:44px;color:var(--text-primary);flex:none;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.section-action-link svg{transition:transform var(--motion-audio-state) ease-out}@media (hover:hover) and (pointer:fine){.section-action-link:hover svg{transform:translate(2px)}}.section-surface,.surface,.quiz-card,.dialogue-card,.empty-state,.error-state{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--container-background);align-self:start;min-inline-size:0;padding:20px}.section-surface .grid-list>:last-child,.surface .grid-list>:last-child,.quiz-card .grid-list>:last-child,.dialogue-card .grid-list>:last-child,.empty-state .grid-list>:last-child,.error-state .grid-list>:last-child,.section-surface>.navigation-row:last-child{border-block-end:0}.section-surface .empty-state,.section-surface .error-state{background:0 0;border:0;border-radius:0;min-block-size:0;padding:0}.data-preview{border-block:1px solid var(--border-primary);padding-block:16px}.meta-row,.result-meta,.chip-row,.progress-row,.progress-strip-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-inline-size:0;display:flex}.learning-session-context .meta-row{color:var(--text-tertiary);font-size:var(--type-meta);font-variant-numeric:tabular-nums;line-height:20px}.chip-row{justify-content:flex-start}.progress-strip-block{gap:16px;max-inline-size:760px;display:grid}.progress-strip{border-block:1px solid var(--border-primary);gap:12px;min-inline-size:0;padding-block:20px;display:grid}.progress-strip-meta{color:var(--text-tertiary);font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);font-variant-numeric:tabular-nums}.progress-strip-title{letter-spacing:-.025em;margin:0;font-size:clamp(24px,6vw,32px);font-weight:600;line-height:1.2}.progress-strip-action{place-self:start}.progress-track{background:var(--border-primary);block-size:4px;inline-size:100%;overflow:hidden}.progress-fill{background:var(--text-primary);transform-origin:0;block-size:100%;inline-size:100%;transition:transform var(--motion-progress-fill) ease-out;display:block;transform:scaleX(0)}.progress-strip-track{grid-template-columns:minmax(0,1fr);margin-block-start:4px;position:relative}.progress-strip-track .learning-progress-label,.progress-strip-track .learning-progress-value{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.jp-expression,.japanese,.content-card .japanese{font-family:var(--font-ja);letter-spacing:normal;line-break:strict;word-break:normal;overflow-wrap:anywhere}[lang=ja]{font-family:var(--font-ja);line-break:strict;word-break:normal;overflow-wrap:anywhere}.jp-expression{margin:0;font-size:clamp(40px,10vw,64px);font-weight:600;line-height:1.15}.japanese{font-size:clamp(24px,7vw,30px);font-weight:500;line-height:1.35}.curriculum-kana-cell>.japanese{color:var(--text-secondary);font-size:clamp(23px,6vw,30px);line-height:1.1}.list-link .japanese,.category-link .japanese,.dialogue-link .japanese{font-size:20px;font-weight:500;line-height:1.5}.jp-reading,.reading{color:var(--text-tertiary);overflow-wrap:anywhere;margin:8px 0 0;font-size:16px;line-height:1.6}.meaning{color:var(--text-primary);margin:12px 0 0;font-size:18px;font-weight:500;line-height:1.5}.tag,.status-pill{border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-block-size:32px;color:var(--text-tertiary);background:0 0;align-items:center;padding:5px 10px;font-size:13px;font-weight:500;line-height:1.25;display:inline-flex}.status-pill.pass{border-color:var(--success);color:var(--success)}.status-pill.fail{border-color:var(--destructive);color:var(--destructive)}.grid-list{gap:4px;min-inline-size:0;display:grid}.list-link{border-radius:var(--radius-lg);min-inline-size:0;color:var(--text-primary);border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px 16px;padding:14px 8px;text-decoration:none;display:grid}.list-link>*{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}.list-link span{min-inline-size:0;color:var(--text-tertiary);font-size:15px;line-height:1.5}.list-link .japanese{line-break:strict;word-break:normal;overflow-wrap:anywhere;display:block}.navigation-row{min-block-size:78px;min-inline-size:0;margin-inline:var(--space-1);padding-block:14px;padding-inline:var(--space-2);border-radius:var(--radius-lg);color:var(--text-primary);transition:background-color var(--motion-audio-state) ease-out;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;text-decoration:none;display:grid}.navigation-row-bounded{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--container-background);margin-inline:0;padding:14px}.navigation-row-bounded+.navigation-row-bounded{margin-block-start:8px}.navigation-row-icon{border-radius:var(--radius-lg);block-size:40px;inline-size:40px;color:var(--primary);background:var(--primary-soft);transition:background-color var(--motion-audio-state) ease-out, color var(--motion-audio-state) ease-out;place-items:center;display:inline-grid}.navigation-row-copy{gap:3px;min-inline-size:0;display:grid}.navigation-row-copy strong{letter-spacing:-.015em;min-inline-size:0;font-size:16px;font-weight:500;line-height:1.4}.navigation-row-copy>span{min-inline-size:0;color:var(--text-tertiary);text-wrap:pretty;font-size:14px;line-height:1.5}.navigation-row-trailing{min-inline-size:18px;color:var(--text-tertiary);justify-content:end;align-items:center;gap:5px;display:inline-flex}.navigation-row-trailing>svg{transition:color var(--motion-audio-state) ease-out, transform var(--motion-audio-state) ease-out;flex:none}.navigation-row-meta{color:var(--text-tertiary);font-size:var(--type-meta);font-weight:var(--weight-regular);white-space:nowrap;line-height:20px}.navigation-row:active{background-color:var(--elevation-2)}@media (hover:hover) and (pointer:fine){.navigation-row:hover{background-color:var(--elevation-2)}.navigation-row:hover .navigation-row-icon{color:var(--primary)}.navigation-row:hover .navigation-row-trailing>svg{color:var(--text-primary);transform:translate(2px)}}.bottom-nav,.app-navigation{z-index:20;min-block-size:64px;padding:4px max(8px, env(safe-area-inset-left)) calc(4px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));border-block-start:1px solid var(--border-primary);background:var(--background);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;inset-block-end:0;inset-inline:0}.nav-group{display:contents}.nav-group-label{display:none}.nav-link{justify-content:center;align-items:center;gap:var(--nav-item-gap);min-block-size:52px;min-inline-size:44px;color:var(--text-tertiary);font-size:var(--nav-label-size);font-weight:var(--weight-regular);flex-direction:column;text-decoration:none;display:flex;position:relative}.nav-link.active{color:var(--text-primary);font-weight:var(--weight-medium)}.nav-link.active:before{background:var(--primary);content:"";opacity:0;transform-origin:50%;block-size:3px;transition:transform var(--motion-nav-marker) ease-out, opacity var(--motion-nav-marker) ease-out;opacity:1;position:absolute;inset-block-start:-4px;inset-inline:18%;transform:scaleX(1)}@media (width<=1023px){.nav-link.active:before{display:none}}.focus-shell{padding-block-end:env(safe-area-inset-bottom)}.focus-main{inline-size:min(100% - 32px,760px);animation:card-advance var(--motion-card-in) var(--ease-standard) both;padding-block-start:32px}.focus-shell:has(.quiz-experience){padding-block-end:0}.focus-main:has(>.quiz-experience){inline-size:min(100% - 32px,680px);min-block-size:calc(100dvh - 56px - env(safe-area-inset-top));padding-block:0;animation:none}.focus-shell .page-heading{margin-block-end:24px}.focus-progress{color:var(--text-tertiary);font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.answer-feedback{animation:answer-feedback var(--motion-answer-feedback) ease-out both;flex-wrap:wrap;align-items:center}.kana-answer-insight{border-block:1px solid var(--border-primary);gap:20px;padding-block:18px;display:grid}.kana-answer-insight h2,.kana-answer-insight p{margin:0}.kana-answer-insight h2{font-size:var(--type-body);line-height:1.4}.kana-answer-examples,.kana-answer-tip{gap:10px;min-inline-size:0;display:grid}.kana-answer-examples ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kana-answer-examples li{border-block-end:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(112px,auto);align-items:start;gap:12px;padding-block:8px;display:grid}.kana-answer-example-expression{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-inline-size:0;display:flex}.kana-answer-example-expression>span,.kana-answer-example-meaning,.kana-answer-tip p,.kana-answer-examples>p{color:var(--text-tertiary);font-size:var(--type-meta);line-height:1.5}.kana-answer-tip{align-content:start}.state-banner{border-block-start:1px solid var(--border-primary);min-inline-size:0;color:var(--text-tertiary);font-size:var(--type-meta);flex-wrap:wrap;align-items:flex-start;gap:10px;margin-block:12px;padding:12px 0;line-height:1.5;display:flex}.state-banner>span{min-inline-size:0}.state-banner strong{color:var(--text-primary);display:block}.state-banner.success{color:var(--success)}.state-banner.update-banner{border-radius:var(--radius-xl);inline-size:min(100%,520px);color:var(--primary-foreground);background:var(--primary);box-shadow:var(--shadow-floating);border:0;flex-wrap:nowrap;align-items:center;margin-block:16px 0;padding:14px 16px}.state-banner.update-banner.home-update-banner{z-index:30;inline-size:auto;max-inline-size:520px;margin:0 auto;position:fixed;inset-block-end:calc(64px + env(safe-area-inset-bottom) + 12px);inset-inline-start:max(12px, env(safe-area-inset-left));inset-inline-end:max(12px, env(safe-area-inset-right))}.app-shell:has(>.home-update-banner)>.app-main{padding-block-end:128px}.update-banner-icon{border-radius:var(--radius-lg);background:var(--primary-foreground);flex:none;place-items:center;block-size:32px;inline-size:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.update-banner-icon{background:color-mix(in oklch, var(--primary-foreground) 14%, transparent)}}.update-banner-copy{flex:auto;gap:1px;display:grid}.update-banner-action.ui-button-secondary{color:var(--primary);background:var(--primary-foreground);border-color:#0000;flex:none}.state-banner.update-banner strong{color:inherit}.state-banner.error{color:var(--destructive)}.state-banner.error strong,.state-banner.success strong{color:currentColor}.form-grid{gap:16px;min-inline-size:0;display:grid}.settings-update-control{border-block-start:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:16px;padding-block-start:16px;display:flex}.settings-update-copy{color:var(--text-tertiary);font-size:var(--type-meta);line-height:1.5}@media (width<=359px){.state-banner.update-banner.home-update-banner{grid-template-columns:32px minmax(0,1fr);display:grid}.home-update-banner .update-banner-action{grid-column:1/-1;inline-size:100%}}@media (width<=479px){.settings-update-control{flex-direction:column;align-items:stretch}.settings-update-control .ui-button{inline-size:100%}}@media (width>=1024px){.state-banner.update-banner.home-update-banner{inline-size:min(100% - 248px,520px);margin:0;inset-block-end:32px;inset-inline:auto 32px}}.form-row{gap:8px;min-inline-size:0;display:grid}.form-row label,.form-label{color:var(--text-primary);font-size:var(--type-meta);font-weight:var(--weight-medium)}.form-row input[type=text],.form-row input[type=search],.form-row input[type=file],.form-row input[type=number]{border:1px solid var(--border-primary);border-radius:var(--radius-lg);min-block-size:52px;inline-size:100%;color:var(--text-primary);background:var(--elevation-2);padding:10px 12px;font-size:16px}.toggle-row,.setting{border-block-end:1px solid var(--border-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-block-size:64px;padding-block:12px;display:flex}.toggle-copy{gap:4px;min-inline-size:0;display:grid}.toggle-copy strong{font-size:var(--type-body)}.toggle-copy span{color:var(--text-tertiary);font-size:var(--type-meta);line-height:1.45}.toggle-row input[type=checkbox]{block-size:24px;inline-size:24px;accent-color:var(--primary);flex:none;margin:8px}.data-management-surface{gap:16px;display:grid}.data-management-row{min-inline-size:0}.reset-zone{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.reset-zone{border-color:color-mix(in oklch, var(--destructive) 36%, var(--border-subtle))}}.reset-zone h2{color:var(--destructive);margin:0;font-size:22px}.quiz-experience{min-block-size:calc(100dvh - 56px - env(safe-area-inset-top));flex-direction:column;padding-block-end:max(16px, env(safe-area-inset-bottom));display:flex}.quiz-body-progress{padding-block-start:18px}.quiz-body-progress .progress-track{border-radius:var(--radius-full);background:var(--elevation-2);block-size:5px}.quiz-body-progress .progress-fill{border-radius:inherit;background:var(--primary)}.quiz-question{flex-direction:column;flex:auto;min-inline-size:0;display:flex}.quiz-stimulus{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-block-size:clamp(216px,29dvh,286px);padding-block:18px 22px;display:flex}.quiz-audio-action{aspect-ratio:1;border-radius:var(--radius-full);inline-size:clamp(116px,31vw,142px);color:var(--primary);transition:transform var(--motion-audio-state) ease-out, background-color var(--motion-audio-state) ease-out;background:0 0;border:0;place-items:center;gap:4px;padding:0;display:grid}.quiz-audio-action[data-playing=true]{background:var(--primary-soft)}.quiz-audio-action:active{transform:scale(.96)}.quiz-audio-action>span{color:var(--text-secondary);font-size:var(--type-meta);font-weight:var(--weight-semibold)}.quiz-prompt-reveal{min-block-size:72px;animation:answer-feedback var(--motion-answer-feedback) ease-out both;align-content:center;gap:2px;display:grid}.quiz-prompt-reveal>span{color:var(--text-tertiary);font-size:17px;line-height:1.45}.quiz-prompt-reveal>strong{font-family:var(--font-ja);font-size:clamp(24px,7vw,32px);font-weight:var(--weight-semibold);line-height:1.35}.quiz-prompt-disclosure{border:1px solid var(--border-primary);border-radius:var(--radius-full);min-block-size:42px;color:var(--text-secondary);background:var(--elevation-2);font-size:var(--type-meta);font-weight:var(--weight-semibold);align-items:center;gap:8px;padding:8px 16px;line-height:20px;display:inline-flex}.quiz-prompt-eyebrow,.quiz-kana-reading-prompt{margin:0}.quiz-prompt-eyebrow{color:var(--text-tertiary);font-size:var(--type-meta);font-weight:var(--weight-medium)}.quiz-kana-reading-prompt{color:var(--text-primary);font-size:clamp(24px,7vw,32px);font-weight:var(--weight-semibold);line-height:1.35}.quiz-kana-character-row{align-items:center;gap:10px;display:flex}.quiz-kana-character{font-family:var(--font-ja);font-size:clamp(88px,27vw,128px);font-weight:var(--weight-medium);margin:0;line-height:1}.quiz-options{border:0;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.kana-quiz-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quiz-option{border:1px solid var(--border-primary);border-radius:var(--radius-xl);min-block-size:72px;inline-size:100%;color:var(--text-primary);background:var(--elevation-0);text-align:center;white-space:normal;transition:transform var(--motion-card-out) ease-out, opacity var(--motion-audio-state) ease-out, background-color var(--motion-answer-feedback) ease-out, border-color var(--motion-answer-feedback) ease-out;place-items:center;padding:14px 48px;display:grid;position:relative;box-shadow:0 1px 2px oklch(0% 0 0/.04)}.quiz-option[aria-pressed=true]{background:var(--elevation-2)}.quiz-option.correct{border-width:2px;border-color:var(--success);color:var(--text-primary);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.quiz-option.correct{background:color-mix(in oklch, var(--success) 8%, var(--elevation-0))}}.quiz-option.incorrect{border-width:2px;border-color:var(--destructive);color:var(--text-primary);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.quiz-option.incorrect{background:color-mix(in oklch, var(--destructive) 7%, var(--elevation-0))}}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option-label{min-inline-size:0;font-size:17px;font-weight:var(--weight-semibold);overflow-wrap:anywhere;line-height:1.45}.quiz-option-indicator{border:3px solid var(--background);border-radius:var(--radius-full);block-size:34px;inline-size:34px;color:var(--primary-foreground);animation:answer-feedback var(--motion-answer-feedback) ease-out both;place-items:center;display:grid;position:absolute;inset-block-start:-13px;inset-inline-end:-10px}.kana-quiz-option{min-block-size:72px;padding:12px 4px}.kana-quiz-option-label{place-items:center;gap:2px;font-size:16px;display:grid}.kana-quiz-option-primary{line-height:1.3}.kana-quiz-option-primary[lang=ja]{font-family:var(--font-ja);font-size:24px;font-weight:var(--weight-medium)}.kana-quiz-option-secondary{color:var(--text-tertiary);font-size:13px;font-weight:var(--weight-medium);line-height:1.3}.kana-quiz-option-secondary[lang=ja]{font-family:var(--font-ja);font-size:18px}.kana-quiz-option-indicator{block-size:30px;inline-size:30px;inset-block-start:-10px;inset-inline-end:-5px}.quiz-option.correct .quiz-option-indicator{background:var(--success)}.quiz-option.incorrect .quiz-option-indicator{background:var(--destructive)}.quiz-continue-tray{margin-block-start:auto;padding-block-start:22px}.quiz-continue.ui-button{border-radius:var(--radius-xl);min-block-size:56px;inline-size:100%;font-size:17px;font-weight:var(--weight-semibold)}.quiz-navigation-dialog-body{flex-direction:column;gap:32px;display:flex}.quiz-navigation-menu{gap:4px;display:grid}.quiz-navigation-link{border-radius:var(--radius-lg);min-block-size:52px;inline-size:100%;color:var(--text-primary);font:inherit;font-weight:var(--weight-medium);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:10px 8px;text-decoration:none;display:flex}.quiz-navigation-link:active{background:var(--elevation-2)}.quiz-navigation-link.active{color:var(--primary);font-weight:var(--weight-semibold)}.quiz-navigation-secondary-menu{border-block-start:1px solid var(--border-subtle);margin-block-start:auto;padding-block-start:8px}.option-key,.result-number{border-radius:var(--radius-lg);block-size:32px;inline-size:32px;font:600 14px / 1 var(--font-data);border:1px solid;flex:none;place-items:center;display:grid}.result-primary-actions{margin-block-start:-8px}.result-details{gap:12px;min-inline-size:0;display:grid}.result-details .section-heading-copy p{font-size:var(--type-body)}.result-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.result-row{border-block-end:1px solid var(--border-primary);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding-block:16px;display:grid}.result-copy{gap:5px;min-inline-size:0;display:grid}.result-copy>span{min-inline-size:0;line-height:1.5}.result-summary{border-radius:var(--radius-xl);background:var(--elevation-2);grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:16px;min-inline-size:0;padding:16px;display:grid}.result-summary-copy{align-items:baseline;gap:8px;min-inline-size:0;display:flex}.result-summary-copy span{color:var(--text-tertiary);font-size:var(--type-meta)}.result-summary-copy small{font-size:inherit;font-weight:var(--weight-regular);white-space:nowrap;margin-block-start:3px;display:block}.result-summary-copy strong{font:600 20px / 1.2 var(--font-data)}.dialogue-card,.dialogue-turn-list{gap:16px;display:grid}.dialogue-turn{border-block-end:1px solid var(--border-primary);gap:8px;max-inline-size:88%;padding:16px 0;display:grid}.dialogue-turn.staff{margin-inline-start:auto}.dialogue-turn-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.dialogue-turn small{color:var(--text-tertiary);font-size:var(--type-meta);font-weight:var(--weight-medium)}.dialogue-turn p{margin:0;line-height:1.55}.dialogue-turn .japanese{font-size:clamp(24px,7vw,32px)}.empty-state,.error-state{align-content:center;justify-items:start;gap:10px;min-block-size:160px;display:grid}.empty-state p,.error-state p{color:var(--text-tertiary);margin:0;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}.dialog-backdrop{z-index:40;background:#0f1115b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog-panel{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:var(--elevation-0);inline-size:min(100%,480px);padding:24px;box-shadow:0 18px 60px #0000003d}.skeleton-stack{gap:16px;min-block-size:320px;display:grid}.skeleton-line,.skeleton-block{background:var(--border-primary);display:block}.skeleton-line{block-size:16px;inline-size:60%}.skeleton-line.wide{block-size:40px;inline-size:82%}.skeleton-block{min-block-size:200px}.content-card{gap:8px;min-inline-size:0;display:grid}.content-card>*{min-inline-size:0;max-inline-size:100%}.content-card .japanese{line-break:strict;word-break:normal;overflow-wrap:anywhere;display:block}.grid-list>.content-card{padding-block:20px}.content-card .meta-row{margin-block-end:8px}.content-card .jp-reading{margin-block-start:0}.content-card .meaning{margin-block-start:4px}.content-card-detail .japanese{font-size:clamp(36px,10vw,56px);line-height:1.2}.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.travel-item-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;min-inline-size:0;display:grid}.travel-row-actions{justify-content:flex-end}.travel-safety-note{grid-column:1/-1;color:var(--destructive)!important;font-size:14px!important}.travel-item-row>.phrase-row{gap:4px;min-inline-size:0;display:grid}.weakness-reason{min-inline-size:0;color:var(--text-tertiary);gap:8px;font-size:14px;display:grid}.review-row{gap:12px;min-inline-size:0;padding-block:20px;display:grid}.learning-reveal-progress{margin-block-end:-4px}.category-session-status{color:var(--text-tertiary);font-size:var(--type-meta);margin:0;line-height:20px}.learning-step-actions{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.learning-step-actions>:only-child{grid-column:1/-1}.learning-step-actions .ui-button{min-inline-size:0}.learning-next-stack{gap:8px;min-inline-size:0;display:grid}.learning-transition-error{color:var(--destructive);font-size:var(--type-meta);margin:0;line-height:20px}.travel-category-page{gap:16px}.travel-category-context{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-block-size:56px;min-inline-size:0;display:grid}.travel-category-back{align-self:start}.travel-category-context-copy{gap:2px;min-inline-size:0;display:grid}.travel-category-context-copy h1{text-overflow:ellipsis;min-inline-size:0;font-size:20px;font-weight:var(--weight-semibold);white-space:nowrap;margin:0;line-height:28px;overflow:hidden}.travel-category-layout{gap:16px;min-inline-size:0;display:grid}.travel-category-master{min-inline-size:0;display:none}.travel-category-master-heading{min-block-size:32px;color:var(--text-tertiary);font-size:var(--type-meta);font-weight:var(--weight-medium);justify-content:space-between;align-items:center;gap:8px;line-height:20px;display:flex}.travel-category-master ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.travel-master-row{border-radius:var(--radius-lg);min-block-size:64px;inline-size:100%;color:var(--text-primary);font:inherit;text-align:start;transition:background-color var(--motion-audio-state) ease-out, border-color var(--motion-audio-state) ease-out, transform var(--motion-audio-state) ease-out;border:1px solid #0000;background:0 0;border-inline-start:2px solid #0000;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:8px;display:grid}.travel-master-row:hover,.travel-master-row:focus-visible{background:var(--elevation-2)}.travel-master-row:active{transform:scale(.98)}.travel-master-row.is-selected{border-inline-start-color:var(--text-primary);background:var(--elevation-2)}.travel-master-index{color:var(--text-tertiary);font-size:var(--type-meta);font-variant-numeric:tabular-nums;text-align:center}.travel-master-copy{min-inline-size:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;overflow:hidden}.travel-master-row>svg{color:var(--icon-tertiary)}.travel-category-focus{gap:12px;min-inline-size:0;display:grid}.travel-category-progress{min-inline-size:0;color:var(--text-tertiary);font-size:var(--type-meta);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;line-height:20px;display:grid}.travel-category-progress>span:first-child{white-space:nowrap}.travel-category-progress .progress-track{min-inline-size:0}.travel-category-focus .learning-reveal-card{min-block-size:min(620px,100dvh - 176px)}.record-row{border-block-end:1px solid var(--border-primary);min-inline-size:0;padding:16px 8px}.record-row-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-inline-size:0;display:grid}.record-row-copy{gap:4px;min-inline-size:0;display:grid}.record-row-copy>*{overflow-wrap:anywhere;min-inline-size:0}.record-row-copy>strong{color:var(--text-primary);font-family:var(--font-ja);font-size:18px;font-weight:var(--weight-medium);line-break:strict;line-height:26px}.record-row-copy>span:not(.record-row-meta){color:var(--text-primary);font-size:15px;line-height:24px}.record-row-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:20px;display:flex}.record-row-status{align-items:center;gap:4px;display:inline-flex}.record-row-status svg{flex:none}.record-row-unknown strong{color:var(--text-primary);font-size:16px;font-weight:var(--weight-medium);margin:0;line-height:24px;display:block}@media (width>=1024px){.travel-category-layout{grid-template-columns:320px minmax(0,720px);align-items:start;gap:32px}.travel-category-master{display:grid}.travel-category-focus{max-inline-size:720px}.travel-category-context-copy h1{font-size:28px;line-height:36px}}@media (width<=359px){.travel-category-context{grid-template-columns:44px minmax(0,1fr);gap:8px}.travel-category-progress{grid-template-columns:minmax(0,1fr);gap:8px}.learning-step-actions{grid-template-columns:minmax(0,1fr)}.learning-step-actions>:only-child,.learning-step-actions>*{grid-column:1;inline-size:100%}}.weakness-reason-row{grid-template-columns:20px minmax(0,1fr);gap:8px;margin:0;display:grid}.weakness-reason-row strong{color:var(--text-primary);display:block}.weakness-history{font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);font-variant-numeric:tabular-nums;margin:0}@media (width<=767px){.kana-quiz-mode-list{grid-template-columns:minmax(0,1fr)}}@media (width<=479px){.top-bar{padding-inline:max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right))}.pwa-install-action{display:none}.kana-answer-examples li{grid-template-columns:minmax(0,1fr);gap:4px}}@media (width<=359px){.section-surface,.surface,.quiz-card,.dialogue-card,.empty-state,.error-state{padding:16px}.top-bar{inline-size:100%;padding-inline:max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right))}.brand{font-size:14px}.navigation-row-meta{display:none}.category-link .navigation-row-meta{display:inline}.kana-grid{gap:4px}.result-summary{grid-template-columns:minmax(0,1fr);gap:12px}}@media (width>=480px){.top-bar{padding-inline:24px}}@media (width>=768px){.kana-answer-insight{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)}.app-main{padding-block:48px 64px}.grid-list.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}@media (width<=1023px){.app-shell:not(.focus-shell):has(.search-list-layout){block-size:100dvh;min-block-size:0;grid-template-rows:auto auto minmax(0,1fr);padding-block-end:calc(64px + env(safe-area-inset-bottom));display:grid;overflow:hidden}.app-shell:not(.focus-shell):has(.search-list-layout)>.top-bar{grid-row:1}.app-shell:not(.focus-shell):has(.search-list-layout)>.runtime-stack{grid-row:2}.app-shell:not(.focus-shell):has(.search-list-layout)>.app-main{grid-row:3;min-block-size:0;padding-block:0}.app-main>.page-stack:has(>.search-list-layout){block-size:100%;min-block-size:0}.app-main>.page-stack:has(>.search-list-layout)>.search-list-layout{block-size:100%}.mobile-context-source .page-heading>.eyebrow,.mobile-context-source .page-title-row:not(.page-title-row-with-action),.mobile-context-source .page-title-row-with-action .section-heading-copy,.mobile-context-only{display:none}.mobile-context-source .page-title-row-with-action{order:2}.travel-category-context{display:none}}@media (width<=767px){.phrase-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.list-link{grid-template-columns:minmax(0,1fr);gap:6px}.phrase-row-actions{grid-column:1;justify-content:flex-end;inline-size:100%}.phrase-row-actions>.phrase-action-group{display:inline-flex}}@media (width>=1024px){.phrase-row-has-actions{grid-template-columns:minmax(0,1fr) 96px}.phrase-row-has-actions .phrase-row-actions{justify-content:flex-end;inline-size:96px}.ui-button-md{padding-block:8px}.section-surface,.surface,.quiz-card,.dialogue-card,.empty-state,.error-state{padding:24px}.page-heading{margin-block-end:16px}h1,.page-heading h1,.hero h1{font-size:32px;line-height:1.25}h2,.section-heading h2{font-size:20px;line-height:1.4}h3,.learn-group h3{font-size:18px;line-height:1.4444}.navigation-row-meta{font-size:13px;line-height:18px}.app-shell:not(.focus-shell){grid-template-columns:184px minmax(0,1fr);align-items:start;padding-block-end:0;display:grid}.app-shell:not(.focus-shell)>.top-bar,.app-shell:not(.focus-shell)>.runtime-stack,.app-shell:not(.focus-shell)>.app-main{grid-column:2}.app-shell:not(.focus-shell)>.app-navigation{border:0;border-inline-end:1px solid var(--border-primary);flex-direction:column;grid-area:1/1/span 4;justify-content:start;align-items:stretch;gap:28px;min-block-size:100dvh;padding:32px 16px;display:flex;position:sticky;inset-block-start:0}.app-shell:not(.focus-shell)>.app-navigation:before{color:var(--text-primary);content:"니혼고고";padding:0 8px 4px;font-weight:600;display:block}.app-shell:not(.focus-shell) .nav-group{gap:4px;display:grid}.app-shell:not(.focus-shell) .nav-group-label{color:var(--text-tertiary);font:var(--weight-medium) var(--type-meta) / 20px var(--font-ko);padding:0 8px 4px;display:block}.app-shell:not(.focus-shell) .nav-link{min-block-size:48px;font-size:var(--type-meta);text-align:start;flex-direction:row;justify-content:start;align-items:center;gap:10px;padding:8px;display:flex}.app-shell:not(.focus-shell) .nav-link.active{font-weight:600}.app-shell:not(.focus-shell) .nav-link.active:before{block-size:auto;inline-size:3px;inset-block:8px;inset-inline-start:-16px;transform:scaleY(1)}.app-shell:not(.focus-shell) .nav-link:before{transform:scaleY(0)}.app-shell:not(.focus-shell) .top-bar{justify-content:flex-end;min-block-size:64px;inline-size:auto;padding-inline:32px 48px;position:sticky}.app-shell:not(.focus-shell) .top-bar-start{display:none}.app-shell:not(.focus-shell) .top-bar .brand{color:var(--text-tertiary);font-size:14px;display:none}.app-shell:not(.focus-shell) .app-main,.app-shell:not(.focus-shell) .runtime-stack{inline-size:min(100% - 64px,1240px);margin-inline:auto}.app-shell:not(.focus-shell) .app-main{padding-block-start:48px}.learn-layout{grid-template-columns:minmax(0,1fr)}.learning-reveal-card{padding:32px}.settings-layout{grid-template-columns:minmax(200px,3fr) minmax(0,8fr);align-items:start;gap:48px}.focus-main{inline-size:min(100% - 64px,760px)}.focus-shell>.top-bar{inline-size:min(100% - 64px,760px);margin-inline:auto;padding-inline:0}.focus-main{padding-block-start:40px}}@keyframes route-context{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes card-advance{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes answer-feedback{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sheet{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ui-drawer-title,.ui-responsive-dialog-title{font-size:20px;font-weight:var(--weight-medium);margin:0;line-height:1.35}.ui-drawer-description,.ui-responsive-dialog-description{color:var(--text-tertiary);font-size:var(--type-meta);margin:0;line-height:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:0s!important;animation-duration:0s!important}@media (forced-colors:active){.ui-button,.nav-link,.quiz-option,.list-link,.category-link,.dialogue-link{border:1px solid buttontext}.progress-fill,.nav-link.active:before{background:highlight}}[data-travel-mode=true] .ui-button,[data-travel-mode=true] .nav-link{min-block-size:48px}[data-travel-mode=true] .japanese,.travel-item-row .japanese{font-size:clamp(26px,8vw,36px)}@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-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}