*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0}:where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:none;border:0;padding:0;text-align:left}textarea{resize:vertical}::-moz-placeholder{opacity:1}::placeholder{opacity:1}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-primary:var(--olive-700);--color-primary-strong:var(--olive-900);--color-primary-tint:var(--olive-200);--color-background:var(--gray-50);--color-surface-secondary:var(--olive-50);--color-text:var(--gray-900);--color-text-muted:var(--gray-500);--color-error:var(--red-600);--color-error-subtle:var(--red-100);--color-success:var(--green-700);--color-success-subtle:var(--green-100);--color-warning-bg:var(--amber-100);--color-warning-accent:var(--amber-700);--color-info-bg:var(--indigo-100);--color-info-accent:var(--indigo-700);--color-premium-gold:var(--gold-500);--color-border-subtle:var(--gray-900-alpha-10);--color-border:var(--gray-900-alpha-18);--color-primary-alpha-10:var(--olive-700-alpha-10);--color-primary-alpha-20:var(--olive-700-alpha-20);--color-theme-grammar-bg:var(--theme-grammar-bg);--color-theme-grammar-accent:var(--theme-grammar-accent);--color-theme-word-bg:var(--theme-word-bg);--color-theme-word-accent:var(--theme-word-accent);--color-theme-phrase-bg:var(--theme-phrase-bg);--color-theme-phrase-accent:var(--theme-phrase-accent);--color-status-unread-bg:var(--gray-100);--color-status-unread-accent:var(--gray-600);--color-status-learning-bg:var(--amber-100);--color-status-learning-accent:var(--amber-700);--color-status-uncertain-bg:var(--orange-100);--color-status-uncertain-accent:var(--orange-700);--color-status-memorized-bg:var(--teal-100);--color-status-memorized-accent:var(--teal-700);--color-status-nearly_perfect-bg:var(--sage-100);--color-status-nearly_perfect-accent:var(--sage-700);--color-status-perfect-bg:var(--violet-100);--color-status-perfect-accent:var(--violet-700);--color-pos-noun-bg:var(--teal-100);--color-pos-noun-accent:var(--teal-700);--color-pos-verb-bg:var(--indigo-100);--color-pos-verb-accent:var(--indigo-700);--color-pos-auxiliary-bg:var(--indigo-100);--color-pos-auxiliary-accent:var(--indigo-700);--color-pos-adjective-bg:var(--orange-100);--color-pos-adjective-accent:var(--orange-700);--color-pos-article-bg:var(--orange-100);--color-pos-article-accent:var(--orange-700);--color-pos-adverb-bg:var(--coral-100);--color-pos-adverb-accent:var(--coral-700);--color-pos-pronoun-bg:var(--violet-100);--color-pos-pronoun-accent:var(--violet-700);--color-pos-preposition-bg:var(--sage-100);--color-pos-preposition-accent:var(--sage-700);--color-pos-conjunction-bg:var(--amber-100);--color-pos-conjunction-accent:var(--amber-700);--color-pos-interjection-bg:var(--gray-100);--color-pos-interjection-accent:var(--gray-600);--olive-50:#d8ddd6;--olive-200:#bfc4be;--olive-700:#4a5548;--olive-900:#3b443a;--olive-700-alpha-10:rgba(74,85,72,.1);--olive-700-alpha-20:rgba(74,85,72,.2);--gray-50:#fafbf9;--gray-100:#ebecea;--gray-500:#6b6d6c;--gray-600:#4f5251;--gray-900:#2f3332;--gray-900-alpha-10:rgba(47,51,50,.1);--gray-900-alpha-18:rgba(47,51,50,.18);--red-100:#f9e8ea;--red-600:#c42b3a;--green-100:#e7f2ea;--green-700:#1d7a35;--amber-100:#f4e8c5;--amber-700:#6f5520;--orange-100:#f3d6bc;--orange-700:#7d3f17;--teal-100:#cce5d5;--teal-700:#2a6951;--sage-100:#d6dec5;--sage-700:#4d6232;--violet-100:#ddd1e8;--violet-700:#563c7e;--indigo-100:#d5d8ea;--indigo-700:#3c4180;--coral-100:#f3d4cf;--coral-700:#8a3f30;--gold-500:#c09830;--purple-500:#7e6b91;--slate-500:#5e7a89;--theme-grammar-bg:#e0eddb;--theme-grammar-accent:#3a7140;--theme-word-bg:#f4dde5;--theme-word-accent:#a24770;--theme-phrase-bg:#e1ecf6;--theme-phrase-accent:#2c5f8e;--border-default:1px solid var(--color-border);--border-thick:2px solid var(--color-border);--shadow-sm:0 2px 4px -1px var(--color-border-subtle),0 1px 2px -1px var(--color-border-subtle);--shadow-md:0 4px 8px -2px var(--color-border),0 2px 4px -1px var(--color-border-subtle);--shadow-lg:0 8px 16px -4px var(--color-border),0 4px 8px -2px var(--color-border-subtle);--shadow-xl:0 25px 50px -12px var(--color-border);--shadow-up:0 -4px 20px var(--color-border);--shadow-focus:0 0 0 2px var(--color-primary-alpha-20);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-32:128px;--section-gap-lg:52px;--section-gap-md:var(--space-8);--section-gap-sm:var(--space-5);--item-gap:var(--space-3);--badge-gap:var(--space-1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--header-height:56px;--sidebar-width:240px;--icon-xs:24px;--icon-sm:32px;--icon-md:40px;--icon-lg:48px;--icon-xl:64px;--icon-2xl:80px;--radius-xs:2px;--radius-sm:var(--space-1);--radius-md:var(--space-2);--radius-lg:var(--space-3);--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s;--transition-normal:0.2s;--transition-slow:0.3s;--z-sticky:20;--z-fixed:40;--z-dropdown:100;--z-sidemenu:110;--z-header:120;--z-modal:130;--z-toast:140;--z-loading:150;--font-weight-normal:400;--font-weight-bold:600;--line-height-none:1;--line-height-heading:1.25;--line-height-body:1.7;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:48px}body{background:var(--color-background);font-family:var(--font-roboto),var(--font-noto-sans-jp),system-ui,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);overscroll-behavior-y:none;padding-bottom:0!important}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading)}h1{font-size:var(--font-size-3xl)}h1,h2{font-weight:var(--font-weight-normal)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg)}h3,h4,h5,h6{font-weight:var(--font-weight-normal)}h4,h5,h6{font-size:var(--font-size-md)}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}[role=button],[role=tab],[tabindex]:not([tabindex="-1"]),button{cursor:pointer}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.font-bold{font-weight:var(--font-weight-bold)}.font-normal{font-weight:var(--font-weight-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.rounded-none{border-radius:0}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-4>*+*{margin-top:var(--space-4)}.mt-none{margin-top:0}.mb-none{margin-bottom:0}.ml-none{margin-left:0}.mr-none{margin-right:0}.mx-none{margin-inline:0}.my-none{margin-block:0}.m-none{margin:0}.pt-none{padding-top:0}.pb-none{padding-bottom:0}.pl-none{padding-left:0}.pr-none{padding-right:0}.px-none{padding-inline:0}.py-none{padding-block:0}.p-none{padding:0}.gap-none{gap:0}.mt-xs{margin-top:var(--space-1)}.mb-xs{margin-bottom:var(--space-1)}.ml-xs{margin-left:var(--space-1)}.mr-xs{margin-right:var(--space-1)}.mx-xs{margin-inline:var(--space-1)}.my-xs{margin-block:var(--space-1)}.m-xs{margin:var(--space-1)}.pt-xs{padding-top:var(--space-1)}.pb-xs{padding-bottom:var(--space-1)}.pl-xs{padding-left:var(--space-1)}.pr-xs{padding-right:var(--space-1)}.px-xs{padding-inline:var(--space-1)}.py-xs{padding-block:var(--space-1)}.p-xs{padding:var(--space-1)}.gap-xs{gap:var(--space-1)}.mt-sm{margin-top:var(--space-2)}.mb-sm{margin-bottom:var(--space-2)}.ml-sm{margin-left:var(--space-2)}.mr-sm{margin-right:var(--space-2)}.mx-sm{margin-inline:var(--space-2)}.my-sm{margin-block:var(--space-2)}.m-sm{margin:var(--space-2)}.pt-sm{padding-top:var(--space-2)}.pb-sm{padding-bottom:var(--space-2)}.pl-sm{padding-left:var(--space-2)}.pr-sm{padding-right:var(--space-2)}.px-sm{padding-inline:var(--space-2)}.py-sm{padding-block:var(--space-2)}.p-sm{padding:var(--space-2)}.gap-sm{gap:var(--space-2)}.mt-md{margin-top:var(--space-3)}.mb-md{margin-bottom:var(--space-3)}.ml-md{margin-left:var(--space-3)}.mr-md{margin-right:var(--space-3)}.mx-md{margin-inline:var(--space-3)}.my-md{margin-block:var(--space-3)}.m-md{margin:var(--space-3)}.pt-md{padding-top:var(--space-3)}.pb-md{padding-bottom:var(--space-3)}.pl-md{padding-left:var(--space-3)}.pr-md{padding-right:var(--space-3)}.px-md{padding-inline:var(--space-3)}.py-md{padding-block:var(--space-3)}.p-md{padding:var(--space-3)}.gap-md{gap:var(--space-3)}.mt-lg{margin-top:var(--space-4)}.mb-lg{margin-bottom:var(--space-4)}.ml-lg{margin-left:var(--space-4)}.mr-lg{margin-right:var(--space-4)}.mx-lg{margin-inline:var(--space-4)}.my-lg{margin-block:var(--space-4)}.m-lg{margin:var(--space-4)}.pt-lg{padding-top:var(--space-4)}.pb-lg{padding-bottom:var(--space-4)}.pl-lg{padding-left:var(--space-4)}.pr-lg{padding-right:var(--space-4)}.px-lg{padding-inline:var(--space-4)}.py-lg{padding-block:var(--space-4)}.p-lg{padding:var(--space-4)}.gap-lg{gap:var(--space-4)}.mt-xl{margin-top:var(--space-6)}.mb-xl{margin-bottom:var(--space-6)}.ml-xl{margin-left:var(--space-6)}.mr-xl{margin-right:var(--space-6)}.mx-xl{margin-inline:var(--space-6)}.my-xl{margin-block:var(--space-6)}.m-xl{margin:var(--space-6)}.pt-xl{padding-top:var(--space-6)}.pb-xl{padding-bottom:var(--space-6)}.pl-xl{padding-left:var(--space-6)}.pr-xl{padding-right:var(--space-6)}.px-xl{padding-inline:var(--space-6)}.py-xl{padding-block:var(--space-6)}.p-xl{padding:var(--space-6)}.gap-xl{gap:var(--space-6)}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.sticky-title-bar{background-color:var(--color-background);margin-inline:-1rem;padding-block:var(--space-3);padding-inline:var(--space-4);position:sticky;top:56px;z-index:var(--z-sticky)}@media(max-width:1023px){.sticky-action-bar{background-color:var(--color-background);bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.05);padding:var(--space-4) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom));position:sticky;z-index:var(--z-sticky)}}.hidden{display:none!important}@media(min-width:1024px){.sp-only{display:none!important}}@media(max-width:1023px){.pc-only{display:none!important}}.page-transition-overlay{background:var(--color-background);inset:0;pointer-events:none;position:fixed;z-index:var(--z-loading)}.page-transition-overlay.covering{animation:page-transition-slide-in .25s ease-out forwards}.page-transition-overlay.waiting{transform:translateX(0)}.page-transition-overlay.revealing{animation:page-transition-slide-out .25s ease-in forwards}@keyframes page-transition-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes page-transition-slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}