@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+TC:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-25..200";html,body{width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}header{height:var(--line-height-text-md)}hr{border:none;border-top:1px solid var(--gray-200)}.w-100{width:100%}.h-100{height:100%}.space-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.center{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.none{display:none}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.no-wrap{white-space:nowrap}.rubi{display:inline-flex;flex-direction:column;align-items:center;line-height:1.2rem}.rubi:before{content:attr(data-pinyin);text-transform:lowercase;height:1.2rem;font-size:var(--font-size-text-xl);margin-bottom:var(--space-05)}.mt-0\.25{margin-top:var(--space-0_25)}.mt-0\.5{margin-top:var(--space-0_5)}.mt-0\.75{margin-top:var(--space-0_75)}.mt-1{margin-top:var(--space-1)}.mt-n1{margin-top:calc(var(--space-1)*-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-0\.25{margin-bottom:var(--space-0_25)}.mb-0\.5{margin-bottom:var(--space-0_5)}.mb-0\.75{margin-bottom:var(--space-0_75)}.mb-1{margin-bottom:var(--space-1)}.mb-n1{margin-bottom:calc(var(--space-1)*-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.ml-0\.25{margin-left:var(--space-0_25)}.ml-0\.5{margin-left:var(--space-0_5)}.ml-0\.75{margin-left:var(--space-0_75)}.ml-1{margin-left:var(--space-1)}.ml-n1{margin-left:calc(var(--space-1)*-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.mr-0\.25{margin-right:var(--space-0_25)}.mr-0\.5{margin-right:var(--space-0_5)}.mr-0\.75{margin-right:var(--space-0_75)}.mr-1{margin-right:var(--space-1)}.mr-n1{margin-right:calc(var(--space-1)*-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-n1{margin-left:calc(var(--space-n1)*-1);margin-right:calc(var(--space-n1)*-1)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.pt-0{padding-top:0}.pt-0\.25{padding-top:var(--space-0_25)}.pt-0\.5{padding-top:var(--space-0_5)}.pt-0\.75{padding-top:var(--space-0_75)}.pt-1{padding-top:var(--space-1)}.pt-1\.25{padding-top:var(--space-1_25)}.pt-1\.5{padding-top:var(--space-1_5)}.pb-0{padding-bottom:0}.pb-0\.25{padding-bottom:var(--space-0_25)}.pb-0\.5{padding-bottom:var(--space-0_5)}.pb-0\.75{padding-bottom:var(--space-0_75)}.pb-1{padding-bottom:var(--space-1)}.pb-1\.25{padding-bottom:var(--space-1_25)}.pb-1\.5{padding-bottom:var(--space-1_5)}.pl-0{padding-left:0}.pl-0\.25{padding-left:var(--space-0_25)}.pl-0\.5{padding-left:var(--space-0_5)}.pl-0\.75{padding-left:var(--space-0_75)}.pl-1{padding-left:var(--space-1)}.pl-1\.25{padding-left:var(--space-1_25)}.pl-1\.5{padding-left:var(--space-1_5)}.pr-0{padding-right:0}.pr-0\.25{padding-right:var(--space-0_25)}.pr-0\.5{padding-right:var(--space-0_5)}.pr-0\.75{padding-right:var(--space-0_75)}.pr-1{padding-right:var(--space-1)}.pr-1\.25{padding-right:var(--space-1_25)}.pr-1\.5{padding-right:var(--space-1_5)}.px-0{padding-left:0;padding-right:0}.px-0\.25{padding-left:var(--space-0_25);padding-right:var(--space-0_25)}.px-0\.5{padding-left:var(--space-0_5);padding-right:var(--space-0_5)}.px-0\.75{padding-left:var(--space-0_75);padding-right:var(--space-0_75)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-1\.25{padding-left:var(--space-1_25);padding-right:var(--space-1_25)}.px-1\.5{padding-left:var(--space-1_5);padding-right:var(--space-1_5)}.py-0{padding-left:0;padding-right:0}.py-0\.25{padding-top:var(--space-0_25);padding-bottom:var(--space-0_25)}.py-0\.5{padding-top:var(--space-0_5);padding-bottom:var(--space-0_5)}.py-0\.75{padding-top:var(--space-0_75);padding-bottom:var(--space-0_75)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-1\.25{padding-top:var(--space-1_25);padding-bottom:var(--space-1_25)}.py-1\.5{padding-top:var(--space-1_5);padding-bottom:var(--space-1_5)}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border-radius:1000px;position:relative;overflow:hidden;cursor:pointer}.btn-round{width:50px;height:50px;flex-shrink:0}.btn-primary{background:var(--primary-800);border:1px solid var(--primary-800);box-shadow:0 1px 2px #0a0d120d;color:var(--gray-0)}.btn-primary:hover{background:var(--color-brand-hover)}.btn-gray{background:var(--gray-0);border:1px solid var(--gray-300);color:var(--gray-700)}.btn-gray:active{background:var(--color-selected-bg);border:2px solid var(--color-selected-border);color:var(--color-selected-text)}.btn-secondary{background-color:transparent;color:var(--gray-0);border:1px solid var(--primary-200)}.btn-secondary:active{background:var(--primary-600)}.btn-tertiary{background:var(--primary-600);border:1px solid var(--primary-600);box-shadow:0 1px 2px #0a0d120d;color:var(--gray-0)}.btn-selected{background:var(--color-selected-bg);border:2px solid var(--color-selected-border);color:var(--color-selected-text)}.btn-sm{height:46px;padding-left:var(--space-0_5);padding-right:var(--space-0_5);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl)}.btn-md{height:50px;padding-left:var(--space-0_75);padding-right:var(--space-0_75);font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl)}.btn-lg{height:54px;padding-left:var(--space-0_75);padding-right:var(--space-0_75);font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs)}.btn-xl{height:58px;padding-left:var(--space-1);padding-right:var(--space-1);font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs)}.display-xl{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl)}.display-lg{font-size:var(--font-size-display-lg);line-height:var(--line-height-display-lg)}.display-md{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md)}.display-sm{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm)}.display-xs{font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs)}.text-xl{font-size:var(--font-size-text-xl);line-height:var(--line-height-text-xl)}.text-lg{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg)}.text-md{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md)}.text-sm{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.text-xs{font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs)}.font-weight-100,.font-weight-thin{font-weight:100}.font-weight-200{font-weight:200}.font-weight-300,.font-weight-light{font-weight:300}.font-weight-400,.font-weight-regular{font-weight:400}.font-weight-500,.font-weight-medium{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700,.font-weight-bold{font-weight:700}.font-weight-800{font-weight:800}.font-weight-900,.font-weight-black{font-weight:900}.text-color-0{color:var(--gray-0)}.text-color-25{color:var(--gray-25)}.text-color-50{color:var(--gray-50)}.text-color-100{color:var(--gray-100)}.text-color-200{color:var(--gray-200)}.text-color-300{color:var(--gray-300)}.text-color-400{color:var(--gray-400)}.text-color-500{color:var(--gray-500)}.text-color-600{color:var(--gray-600)}.text-color-700{color:var(--gray-700)}.text-color-800{color:var(--gray-800)}.text-color-900{color:var(--gray-900)}.text-error-color-900{color:var(--error-900)}.text-success-color-900{color:var(--success-900)}.bg-color-primary-25{background-color:var(--primary-25)}.bg-color-primary-50{background-color:var(--primary-50)}.bg-color-primary-100{background-color:var(--primary-100)}.bg-color-primary-200{background-color:var(--primary-200)}.bg-color-primary-300{background-color:var(--primary-300)}.bg-color-primary-400{background-color:var(--primary-400)}.bg-color-primary-500{background-color:var(--primary-500)}.bg-color-primary-600{background-color:var(--primary-600)}.bg-color-primary-700{background-color:var(--primary-700)}.bg-color-primary-800{background-color:var(--primary-800)}.bg-color-primary-900{background-color:var(--primary-900)}.bg-color-gray-0{background-color:var(--gray-0)}.bg-color-gray-25{background-color:var(--gray-25)}.bg-color-gray-50{background-color:var(--gray-50)}.bg-color-gray-100{background-color:var(--gray-100)}.bg-color-gray-200{background-color:var(--gray-200)}.bg-color-gray-300{background-color:var(--gray-300)}.bg-color-gray-400{background-color:var(--gray-400)}.bg-color-gray-500{background-color:var(--gray-500)}.bg-color-gray-600{background-color:var(--gray-600)}.bg-color-gray-700{background-color:var(--gray-700)}.bg-color-gray-800{background-color:var(--gray-800)}.bg-color-gray-900{background-color:var(--gray-900)}.bg-color-error-25{background-color:var(--error-25)}.bg-color-error-50{background-color:var(--error-50)}.bg-color-error-100{background-color:var(--error-100)}.bg-color-error-200{background-color:var(--error-200)}.bg-color-error-300{background-color:var(--error-300)}.bg-color-error-400{background-color:var(--error-400)}.bg-color-error-500{background-color:var(--error-500)}.bg-color-error-600{background-color:var(--error-600)}.bg-color-error-700{background-color:var(--error-700)}.bg-color-error-800{background-color:var(--error-800)}.bg-color-error-900{background-color:var(--error-900)}.bg-color-success-25{background-color:var(--success-25)}.bg-color-success-50{background-color:var(--success-50)}.bg-color-success-100{background-color:var(--success-100)}.bg-color-success-200{background-color:var(--success-200)}.bg-color-success-300{background-color:var(--success-300)}.bg-color-success-400{background-color:var(--success-400)}.bg-color-success-500{background-color:var(--success-500)}.bg-color-success-600{background-color:var(--success-600)}.bg-color-success-700{background-color:var(--success-700)}.bg-color-success-800{background-color:var(--success-800)}.bg-color-success-900{background-color:var(--success-900)}.border-top{border-top:solid 1px var(--gray-200)}.border-bottom{border-bottom:solid 1px var(--gray-200)}.border-left{border-left:solid 1px var(--gray-200)}.border-right{border-right:solid 1px var(--gray-200)}.switch{position:relative;display:inline-block;width:60px;height:34px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-300);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--primary-800)}input:focus+.slider{box-shadow:0 0 1px var(--primary-800)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:1000px}.slider.round:before{border-radius:1000px}:root{--hue-primary: 290;--hue-error: 25;--hue-success: 150;--hue-gray: 290;--L-25: .98;--L-50: .97;--L-100: .94;--L-200: .88;--L-300: .78;--L-400: .68;--L-500: .58;--L-600: .5;--L-700: .42;--L-800: .34;--L-900: .26;--C-25: .005;--C-50: .012;--C-100: .025;--C-200: .05;--C-300: .09;--C-400: .12;--C-500: .14;--C-600: .14;--C-700: .12;--C-800: .09;--C-900: .06;--C-success-25: .02;--C-success-50: .04;--C-error-25: .02;--C-error-50: .04;--C-error-500: .16;--C-error-600: .16;--C-primary-25: .01;--C-primary-50: .008;--C-primary-100: .015;--C-primary-200: .025;--C-primary-300: .035;--C-primary-400: .045;--C-primary-500: .05;--C-primary-600: .05;--C-primary-700: .05;--C-primary-800: .045;--C-primary-900: .035;--primary-25: oklch(var(--L-25) var(--C-primary-25) var(--hue-primary));--primary-50: oklch(var(--L-50) var(--C-primary-50) var(--hue-primary));--primary-100: oklch(var(--L-100) var(--C-primary-100) var(--hue-primary));--primary-200: oklch(var(--L-200) var(--C-primary-200) var(--hue-primary));--primary-300: oklch(var(--L-300) var(--C-primary-300) var(--hue-primary));--primary-400: oklch(var(--L-400) var(--C-primary-400) var(--hue-primary));--primary-500: oklch(var(--L-500) var(--C-primary-500) var(--hue-primary));--primary-600: oklch(var(--L-600) var(--C-primary-600) var(--hue-primary));--primary-700: oklch(var(--L-700) var(--C-primary-700) var(--hue-primary));--primary-800: oklch(var(--L-800) var(--C-primary-800) var(--hue-primary));--primary-900: oklch(var(--L-900) var(--C-primary-900) var(--hue-primary));--error-25: oklch(var(--L-25) var(--C-error-25) var(--hue-error));--error-50: oklch(var(--L-50) var(--C-error-50) var(--hue-error));--error-100: oklch(var(--L-100) var(--C-100) var(--hue-error));--error-200: oklch(var(--L-200) var(--C-200) var(--hue-error));--error-300: oklch(var(--L-300) var(--C-300) var(--hue-error));--error-400: oklch(var(--L-400) var(--C-400) var(--hue-error));--error-500: oklch(var(--L-500) var(--C-error-500) var(--hue-error));--error-600: oklch(var(--L-600) var(--C-error-600) var(--hue-error));--error-700: oklch(var(--L-700) var(--C-700) var(--hue-error));--error-800: oklch(var(--L-800) var(--C-800) var(--hue-error));--error-900: oklch(var(--L-900) var(--C-900) var(--hue-error));--success-25: oklch(var(--L-25) var(--C-success-25) var(--hue-success));--success-50: oklch(var(--L-50) var(--C-success-50) var(--hue-success));--success-100: oklch(var(--L-100) var(--C-100) var(--hue-success));--success-200: oklch(var(--L-200) var(--C-200) var(--hue-success));--success-300: oklch(var(--L-300) var(--C-300) var(--hue-success));--success-400: oklch(var(--L-400) var(--C-400) var(--hue-success));--success-500: oklch(var(--L-500) var(--C-500) var(--hue-success));--success-600: oklch(var(--L-600) var(--C-600) var(--hue-success));--success-700: oklch(var(--L-700) var(--C-700) var(--hue-success));--success-800: oklch(var(--L-800) var(--C-800) var(--hue-success));--success-900: oklch(var(--L-900) var(--C-900) var(--hue-success));--gray-0: #ffffff;--gray-25: oklch(.99 .002 var(--hue-gray));--gray-50: oklch(.98 .003 var(--hue-gray));--gray-100: oklch(.96 .005 var(--hue-gray));--gray-200: oklch(.92 .008 var(--hue-gray));--gray-300: oklch(.85 .01 var(--hue-gray));--gray-400: oklch(.7 .012 var(--hue-gray));--gray-500: oklch(.56 .014 var(--hue-gray));--gray-600: oklch(.46 .014 var(--hue-gray));--gray-700: oklch(.38 .012 var(--hue-gray));--gray-800: oklch(.27 .01 var(--hue-gray));--gray-900: oklch(.18 .008 var(--hue-gray));--color-brand: var(--primary-700);--color-brand-hover: var(--primary-800);--color-brand-active: var(--primary-800);--color-brand-subtle: var(--primary-50);--color-brand-soft: var(--primary-25);--color-brand-on: var(--gray-0);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-700);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-on-brand: var(--gray-0);--color-text-success: var(--success-700);--color-text-error: var(--error-700);--color-bg-canvas: var(--gray-0);--color-bg-subtle: var(--gray-50);--color-bg-muted: var(--gray-100);--color-bg-feedback: var(--primary-25);--color-border-subtle: var(--gray-100);--color-border-default: var(--gray-200);--color-border-strong: var(--gray-300);--color-success: var(--success-500);--color-success-strong: var(--success-700);--color-success-subtle: var(--success-50);--color-success-soft: var(--success-25);--color-success-border: var(--success-500);--color-success-on: var(--gray-0);--color-danger: var(--error-500);--color-danger-strong: var(--error-700);--color-danger-subtle: var(--error-50);--color-danger-soft: var(--error-25);--color-danger-border: var(--error-500);--color-danger-on: var(--gray-0);--color-selected-bg: var(--primary-50);--color-selected-border: var(--primary-700);--color-selected-text: var(--primary-700);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px oklch(.18 .008 var(--hue-gray) / .06);--shadow-sm: 0 2px 6px oklch(.18 .008 var(--hue-gray) / .08);--shadow-md: 0 8px 24px oklch(.18 .008 var(--hue-gray) / .1);--font-size-display-2xl: 4.5rem;--line-height-display-2xl: 5.625rem;--font-size-display-xl: 3.75rem;--line-height-display-xl: 4.5rem;--font-size-display-lg: 3rem;--line-height-display-lg: 3.75rem;--font-size-display-md: 2.25rem;--line-height-display-md: 2.75rem;--font-size-display-sm: 1.875rem;--line-height-display-sm: 2.375rem;--font-size-display-xs: 1.5rem;--line-height-display-xs: 2rem;--font-size-text-xl: 1.25rem;--line-height-text-xl: 1.875rem;--font-size-text-lg: 1.125rem;--line-height-text-lg: 1.75rem;--font-size-text-md: 1rem;--line-height-text-md: 1.5rem;--font-size-text-sm: .875rem;--line-height-text-sm: 1.25rem;--font-size-text-xs: .75rem;--line-height-text-xs: 1.125rem;--space-unit: var(--line-height-text-md);--space-0_25: calc(var(--space-unit)*.25);--space-0_5: calc(var(--space-unit)*.5);--space-0_75: calc(var(--space-unit)*.75);--space-1: var(--space-unit);--space-1_25: calc(var(--space-unit)*1.25);--space-1_5: calc(var(--space-unit)*1.5);--space-2: calc(var(--space-unit)*2);--space-3: calc(var(--space-unit)*3);--font-family-ja: "Noto Sans JP", sans-serif;--font-family-zh-tw: "Noto Sans TC", sans-serif;--font-family-en-us: "sans-serif"}:lang(ja){font-family:Noto Sans JP,sans-serif}:lang(zh-tw){font-family:Noto Sans TC,sans-serif}:lang(en-us){font-family:"sans-serif"}.feedback-bar{background:var(--color-bg-feedback);border-top:1px solid var(--color-border-strong)}