:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--text-3xl:2.074rem;--text-display-s:1.44rem;--text-display:1.728rem;--text-section:1.2rem;--text-title:1rem;--text-lead:1rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(52% .19 27);--color-success:oklch(50% .12 150);--color-caution:oklch(48% .11 70);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(95% .02 300);--color-paper-2:oklch(92% .03 300);--color-paper-3:oklch(89% .035 300);--color-ink:oklch(18% .02 300);--color-ink-2:oklch(28% .03 300);--color-muted:oklch(46% .05 300);--color-rule:oklch(84% .04 300);--color-rule-2:oklch(70% .08 295);--color-accent:oklch(50% .25 290);--color-accent-deep:oklch(43% .22 290);--color-accent-soft:oklch(86% .08 295);--color-accent-ink:oklch(97% .01 300);--color-focus:oklch(50% .25 290);--font-display:"Outfit", "Noto Sans JP", "Noto Sans KR", ui-sans-serif, system-ui, sans-serif;--font-body:"Onest", "Noto Sans JP", "Noto Sans KR", ui-sans-serif, sans-serif;--font-outlier:"JetBrains Mono", ui-monospace, monospace;--radius-card:16px;--radius-pill:999px;--rule-hair:1px;--shadow-card:0 1px 2px oklch(18% .02 300/.06);--tracking-display:-.03em;--display-weight:500}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 25%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-slot]:has(>img){isolation:isolate;background:color-mix(in oklab, var(--color-accent), white 82%);outline:1px solid color-mix(in oklab, var(--color-ink) 8%, transparent);outline-offset:-1px}[data-slot]>img{z-index:0;filter:grayscale()contrast(1.1);mix-blend-mode:multiply}[data-slot]:has(>img):before{content:"";z-index:1;background:color-mix(in oklab, var(--color-accent), black 55%);mix-blend-mode:lighten;pointer-events:none;position:absolute;inset:0}:root{--container:1120px;--measure:68ch;--bar-h:56px}body{min-height:100dvh}main.container{padding-block:var(--space-xl) var(--space-3xl)}.bar{z-index:var(--z-sticky-nav);background:color-mix(in oklab, var(--color-paper) 92%, transparent);border-bottom:var(--rule-hair) solid var(--color-rule);-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2);position:sticky;top:0}.bar__inner{min-height:var(--bar-h);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.wordmark{font:500 var(--text-lg)/1 var(--font-display);letter-spacing:var(--tracking-display);padding-block:var(--space-sm);text-decoration:none}.wordmark:hover{color:var(--color-accent-deep)}.toggle{align-items:center;gap:var(--space-xs);min-height:44px;font:500 var(--text-sm)/1 var(--font-display);color:var(--color-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle span:before{content:"";vertical-align:middle;width:36px;height:20px;margin-right:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-3);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);transition:background-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);display:inline-block}.toggle span:after{content:"";background:var(--color-muted);width:14px;height:14px;transition:transform var(--dur-short) var(--ease-out), background-color var(--dur-micro) var(--ease-out);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle input:checked+span:before{background:var(--color-accent);box-shadow:none}.toggle input:checked+span:after{background:var(--color-accent-ink);transform:translate(16px,-50%)}.toggle:hover span:before{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.toggle input:checked:hover+span:before{background:var(--color-accent-deep)}.toggle input:focus-visible+span:before{outline:2px solid var(--color-focus);outline-offset:2px}h1{font-size:clamp(var(--text-2xl), 6vw, 2.75rem);max-width:24ch;line-height:1.15}h2{font-size:var(--text-lg);color:var(--color-ink-2)}h3{font-size:var(--text-md)}[lang=ja]{font-family:var(--font-body)}h1[lang=ja],.card__grammar{font-family:var(--font-display)}ruby{ruby-position:over}rt{font:400 max(.5em, 11px)/1 var(--font-body);color:var(--color-muted);letter-spacing:0}[data-furigana=off] rt{visibility:hidden}.state{max-width:var(--measure);padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink-2)}.state--error{color:var(--color-error);background:color-mix(in oklab, var(--color-error) 8%, var(--color-paper))}.state a{color:var(--color-accent-deep)}.skeleton,.sk{border-radius:var(--radius-card);background:var(--color-paper-2);animation:pulse 1.4s var(--ease-in-out) infinite alternate}.skeleton{height:240px;margin-top:var(--space-xl)}@keyframes pulse{0%{opacity:1}to{opacity:.55}}.tag{min-height:24px;padding:0 var(--space-sm);border-radius:var(--radius-pill);font:500 var(--text-xs)/1 var(--font-display);color:var(--color-ink-2);box-shadow:inset 0 0 0 1px var(--color-rule-2);align-items:center;display:inline-flex}.home{gap:var(--space-2xl) var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid}.home>*{min-width:0}.home>.today,.home>.stats,.home>.browse,.home>.state,.home>.sk{grid-column:1/-1}.panel>h2{margin-bottom:var(--space-lg)}@media (width>=60rem){.home{gap:var(--space-3xl) var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.tag--red{color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.tag--yellow{color:var(--color-caution);box-shadow:inset 0 0 0 1px var(--color-caution)}.tag--green{color:var(--color-success);box-shadow:inset 0 0 0 1px var(--color-success)}.today{gap:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-ink);color:var(--color-paper);display:grid}.today--skeleton{background:var(--color-paper-2);min-height:420px;padding:0}.today__lesson{align-content:start;gap:var(--space-md);justify-items:start;min-width:0;display:grid}.today h1{max-width:none;color:var(--color-paper);overflow-wrap:anywhere;font-size:clamp(3rem,15vw,5.5rem);line-height:1.15}.today h1 a{color:inherit;text-decoration:none}.today h1 a:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}.today rt{color:var(--color-accent-soft)}.today__date{gap:var(--space-2xs) var(--space-md);font:400 var(--text-md)/1.4 var(--font-body);color:var(--color-accent-soft);flex-wrap:wrap;display:flex}.today__no{color:var(--color-paper);font-weight:500}.today :focus-visible{outline-color:var(--color-accent-soft)}.today .player :focus-visible{outline-color:var(--color-focus)}.cta{min-height:48px;margin-top:var(--space-xs);padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font:500 var(--text-md)/1 var(--font-display);transition:background-color var(--dur-micro) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex}.cta:hover{background:var(--color-accent-soft)}.cta:active{background:var(--color-paper-3)}.today__podcast{align-content:end;gap:var(--space-sm);min-width:0;display:grid}.today h2{color:var(--color-paper)}.today__note{font-size:var(--text-sm);color:var(--color-accent-soft)}.today .player{max-width:none;padding:var(--space-md);color:var(--color-ink);box-shadow:none}@media (width>=40rem){.today,.today .player{padding:var(--space-lg)}}@media (width>=60rem){.today{gap:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.stats__row{border-block:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stats__row>div{padding:var(--space-lg) var(--space-md)}.stats__row>div:first-child{padding-left:0}.stats__row>div+div{border-left:var(--rule-hair) solid var(--color-rule)}.stats dt{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--color-muted)}.stats dd{align-items:baseline;gap:var(--space-2xs);margin:var(--space-sm) 0 0;display:flex}.stat__n{font-variant-numeric:tabular-nums;font:300 var(--text-3xl)/1 var(--font-display);letter-spacing:var(--tracking-display)}.stat--live .stat__n{color:var(--color-accent)}.stat__unit{font:500 var(--text-md)/1 var(--font-display);color:var(--color-muted)}.stats__note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}@media (width>=48rem){.stats__row>div{padding-inline:var(--space-xl)}.stats__row>div:first-child{padding-left:0}.stat__n{font-size:3.25rem}}.scores,.review-list,.rows{margin:0;padding:0;list-style:none}.scores{border-top:var(--rule-hair) solid var(--color-rule)}.score{align-items:center;column-gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.score__label{font:500 var(--text-md)/1.4 var(--font-display)}.score__meta{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);display:flex}.score__value{font:300 var(--text-xl)/1 var(--font-display);letter-spacing:var(--tracking-display);grid-area:1/2/span 2}.score__total{color:var(--color-muted)}.review-group+.review-group{margin-top:var(--space-xl)}.review-group>h3{margin-bottom:var(--space-sm);color:var(--color-ink-2)}.review-list{border-top:var(--rule-hair) solid var(--color-rule)}.review{align-items:center;gap:var(--space-xs) var(--space-md);padding-block:var(--space-sm);border-bottom:var(--rule-hair) solid var(--color-rule);flex-wrap:wrap;display:flex}.review__item{overflow-wrap:anywhere;flex:10rem;font-weight:500}.review__tags{gap:var(--space-2xs);display:flex}.review__due{font-size:var(--text-sm);color:var(--color-muted)}.review__due--overdue,.when--overdue{color:var(--color-error)}.upcoming{margin:0;padding:0;list-style:none}.when{padding-top:var(--space-md);font:500 var(--text-sm)/1.3 var(--font-display);color:var(--color-accent-deep)}.upcoming__day:first-child .when{padding-top:0}.upcoming__day .review-list{margin-top:var(--space-xs)}.review__later{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.sk--stats{height:120px}.sk--row{height:52px;margin-bottom:var(--space-xs)}.sk--num{width:3rem;height:2.5rem;display:inline-block}.sk--day{height:88px;margin-block:var(--space-xs)}.browse>h2{margin-bottom:var(--space-md)}.search{gap:var(--space-xs);margin-bottom:var(--space-lg);display:grid}.search label{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--color-ink-2)}.search__field{display:flex;position:relative}.search input{width:100%;min-height:52px;padding:0 5rem 0 var(--space-md);border-radius:var(--radius-card);background:var(--color-paper-2);color:var(--color-ink);font:400 var(--text-md)/1.4 var(--font-body);box-shadow:inset 0 0 0 1.5px var(--color-muted);transition:box-shadow var(--dur-micro) var(--ease-out);border:0}.search input:hover{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.search input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search input::placeholder{color:var(--color-muted)}.search input::-webkit-search-cancel-button{appearance:none;display:none}.search input:disabled{opacity:.55;cursor:not-allowed}.search__clear{right:var(--space-2xs);min-width:44px;min-height:44px;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-accent-deep);font:500 var(--text-sm)/1 var(--font-display);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;position:absolute;top:50%;transform:translateY(-50%)}.search__clear:hover{background:var(--color-paper-3)}.search__hint{font-size:var(--text-sm);color:var(--color-muted)}.results{margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2)}.state .pill{margin-top:var(--space-md);min-height:44px}.days{border-top:var(--rule-hair) solid var(--color-rule);margin:0;padding:0;list-style:none}.day{border-bottom:var(--rule-hair) solid var(--color-rule)}.day__link{column-gap:var(--space-md);row-gap:var(--space-xs);padding:var(--space-lg) var(--space-xs);border-radius:var(--space-xs);transition:background-color var(--dur-micro) var(--ease-out);grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"date body""date parts";align-items:baseline;text-decoration:none;display:grid}.day__link:hover{background:var(--color-paper-2)}.day__link:hover .day__title{color:var(--color-accent-deep)}.day__link:active{background:var(--color-paper-3)}.day__date{gap:var(--space-2xs);flex-direction:column;grid-area:date;display:flex}.day__md{font:300 var(--text-2xl)/1 var(--font-display);letter-spacing:var(--tracking-display)}.day__weekday{font:500 var(--text-xs)/1.2 var(--font-display);color:var(--color-muted)}.day__body{gap:var(--space-xs);grid-area:body;min-width:0;display:grid}.day__title{font:500 var(--text-xl)/1.5 var(--font-display);letter-spacing:-.01em;overflow-wrap:break-word;min-width:0;transition:color var(--dur-micro) var(--ease-out)}.day__snippet{font-size:var(--text-sm);color:var(--color-ink-2);overflow-wrap:anywhere;line-height:1.7}.day__snippet mark{padding-inline:var(--space-3xs);border-radius:var(--space-3xs);background:var(--color-accent-soft);color:var(--color-ink)}.day__parts{gap:var(--space-2xs);flex-wrap:wrap;grid-area:parts;display:flex}@media (width>=48rem){.day__link{padding-inline:var(--space-md);grid-template-columns:6rem minmax(0,1fr) auto;grid-template-areas:"date body parts";align-items:center}.day__md{font-size:var(--text-2xl)}}.back{align-items:center;gap:var(--space-xs);min-height:44px;font:500 var(--text-sm)/1 var(--font-display);color:var(--color-muted);text-decoration:none;display:inline-flex}.back:before{content:"";border-bottom:1.5px solid;border-left:1.5px solid;width:8px;height:8px;transform:rotate(45deg)}.back:hover{color:var(--color-accent-deep)}.dayview__head{gap:var(--space-sm);margin-block:var(--space-md) var(--space-2xl);display:grid}.dayview__date{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--color-muted)}.block+.block{margin-top:var(--space-3xl)}.block>h2{margin-bottom:var(--space-lg)}.player{max-width:var(--measure);padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:var(--shadow-card)}.player__row{align-items:center;gap:var(--space-md);display:flex}.player__play{background:var(--color-accent);width:56px;height:56px;color:var(--color-accent-ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.player__play:hover{background:var(--color-accent-deep)}.player__play:active{transform:scale(.96)}.player__play:focus-visible{outline-offset:3px}.player__meta{min-width:0}.player__title{font:500 var(--text-lg)/1.2 var(--font-display)}.player__time{margin-top:var(--space-2xs);font:400 var(--text-sm)/1 var(--font-display);color:var(--color-muted)}.player__seek{appearance:none;width:100%;height:44px;margin:var(--space-sm) 0;cursor:pointer;background:0 0;display:block}.player__seek::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-accent) var(--played), var(--color-accent-soft) var(--played));height:8px}.player__seek::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-accent) var(--played), var(--color-accent-soft) var(--played));height:8px}.player__seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:calc(var(--space-2xs) * -1);background:var(--color-accent);box-shadow:0 0 0 3px var(--color-paper-2);border-radius:50%}.player__seek::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:16px;height:16px}.player__seek:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-pill)}.player__controls{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.player__rates{gap:var(--space-2xs);flex:100%;display:flex}.player__rates .pill{flex:1}@media (width>=40rem){.player__rates{flex:none;margin-left:auto}.player__rates .pill{flex:none}}.pill{min-height:36px;padding:0 var(--space-md);border-radius:var(--radius-pill);color:var(--color-ink);font:500 var(--text-sm)/1 var(--font-display);box-shadow:inset 0 0 0 1.5px var(--color-rule-2);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}button.pill{white-space:nowrap;position:relative}button.pill:after{content:"";position:absolute;inset:-4px 0}button.pill:hover{box-shadow:inset 0 0 0 1.5px var(--color-ink)}button.pill:active{background:var(--color-paper-3)}button.pill[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper);box-shadow:none}button:disabled{opacity:.55;cursor:not-allowed}.cards{gap:var(--space-md);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.card{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper-2);min-width:0}.card__head{column-gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:auto minmax(0,1fr);align-items:baseline;display:grid}.card__num{font:300 var(--text-xl)/1 var(--font-display);color:var(--color-accent)}.card__head h3{font-size:var(--text-lg);line-height:1.5}.card__kicker{font:400 var(--text-sm)/1.4 var(--font-body);color:var(--color-muted);grid-column:2}.card--title{background:var(--color-ink);color:var(--color-paper)}.card--title .card__num,.card--title rt,.card--title .card__kicker{color:var(--color-accent-soft)}.card__grammar{font:500 clamp(2.5rem, 12vw, 4rem)/1.1 var(--font-display);letter-spacing:var(--tracking-display)}.card__meaning{margin:var(--space-md) 0 0;font:500 var(--text-xl)/1.35 var(--font-body);padding:0;list-style:none}.card__usage{margin-top:var(--space-lg);color:color-mix(in oklab, var(--color-paper) 82%, var(--color-ink));line-height:1.9}.card__label{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.chips{gap:var(--space-xs);margin:var(--space-lg) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chips .pill{min-height:40px;font:400 var(--text-md)/1.6 var(--font-body);color:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-paper) 35%, var(--color-ink));cursor:default}.rule+.rule{margin-top:var(--space-lg)}.rule__label{font-size:var(--text-sm);color:var(--color-ink-2)}.pairs{margin:var(--space-xs) 0 0;gap:var(--space-xs);font-size:var(--text-lg);padding:0;line-height:1.9;list-style:none;display:grid}.pairs li{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.pairs strong{color:var(--color-accent-deep);font-weight:500}.pairs__arrow{color:var(--color-muted)}.forms{gap:var(--space-xs);margin:var(--space-lg) 0 0;padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.forms div{gap:var(--space-sm);flex-wrap:wrap;align-items:baseline;display:flex}.forms dt{font-weight:500}.forms dd{color:var(--color-muted);font-size:var(--text-sm);margin:0}.examples{margin:0;padding:0;list-style:none;display:grid}.example{padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.example:first-child{border-top:0;padding-top:0}.example .ja{font-size:var(--text-lg);line-height:2}.example .ko{color:var(--color-ink-2)}.example--ok .ja:before,.example--ng .ja:before{margin-right:var(--space-xs);font:500 var(--text-xs)/1 var(--font-display);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);vertical-align:.2em;display:inline-block}.example--ok .ja:before{content:"맞음";background:var(--color-accent-soft);color:var(--color-accent-deep)}.example--ng .ja:before{content:"틀림";box-shadow:inset 0 0 0 1px var(--color-error);color:var(--color-error)}.example__label{font-size:var(--text-sm);color:var(--color-muted)}.compare{border-collapse:collapse;width:100%;font-size:var(--text-md)}.compare th,.compare td{text-align:left;vertical-align:top;padding:var(--space-sm) var(--space-sm) var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule);line-height:1.8}.compare thead th{font:500 var(--text-sm)/1.2 var(--font-display);color:var(--color-muted);white-space:nowrap;border-top:0}.compare tbody th{white-space:nowrap;font-weight:500}.card__note{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-ink-2)}@media (width<=40rem){.compare thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.compare tr{padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.compare th,.compare td{border:0;padding:0;display:block}.compare tbody th{font-size:var(--text-lg)}.compare td:before{content:attr(data-label);margin-top:var(--space-xs);font:500 var(--text-xs)/1.4 var(--font-display);color:var(--color-muted);display:block}}.points{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.point{padding-left:var(--space-md);border-left:2px solid var(--color-rule-2)}.point--accent{border-left-color:var(--color-accent)}.point__label{font-weight:500}.point__rule{margin-top:var(--space-2xs);color:var(--color-ink-2);line-height:2}.point .examples{margin-top:var(--space-sm)}.vocab{margin:0;display:grid}.vocab__row{column-gap:var(--space-md);padding-block:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.vocab__row:first-child{border-top:0;padding-top:0}.vocab dt{font-size:var(--text-xl);line-height:1.7}.vocab dd{margin:0}.vocab__ko{align-self:center;font-weight:500}.vocab__example{gap:var(--space-3xs);font-size:var(--text-sm);grid-column:1/-1;display:grid}.vocab__example .ja{font-size:var(--text-md);line-height:1.9}.vocab__example .ko{color:var(--color-muted)}@media (width>=60rem){.cards{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:var(--space-xl)}.card--title,.card--compare,.card--vocab{grid-column:1/-1}.card--title{column-gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.card--title .card__head{grid-column:1/-1}.card--title .card__grammar,.card--title .card__meaning{grid-column:1}.card--title .card__usage,.card--title .card__label,.card--title .chips{grid-column:2}.card--title .card__usage{grid-row:2/span 2;margin-top:0}.vocab{column-gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.vocab__row:nth-child(2){border-top:0;padding-top:0}}.prose{max-width:var(--measure);font-size:var(--text-md);line-height:1.85}.prose>*+*{margin-top:var(--space-md)}.prose h1{font-size:var(--text-xl);max-width:none;line-height:1.5}.prose h2{font-size:var(--text-lg);color:var(--color-ink);margin-top:var(--space-2xl);line-height:1.5}.prose h3{margin-top:var(--space-xl)}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:var(--space-sm)}.prose li>ul,.prose li>ol{margin-top:var(--space-xs)}.prose li::marker{color:var(--color-rule-2)}.prose strong{color:var(--color-accent-deep);font-weight:500}.prose a{color:var(--color-accent-deep)}.prose hr{border:0;border-top:var(--rule-hair) solid var(--color-rule);margin-block:var(--space-xl)}.prose code{font-family:var(--font-outlier);font-size:.9em}.prose table{border-collapse:collapse}.prose th,.prose td{padding:var(--space-xs) var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);text-align:left}a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}