.landing-hero,.landing-surface{background:#faf9f6}.dark .landing-surface{background:var(--surface-raised)}.dark .landing-hero{background:var(--surface)}.hero-copy{padding-block:48px 32px}.hero-note{border:1px solid var(--color-zinc-200);background:var(--color-white);border-radius:20px;padding:20px;box-shadow:0 12px 30px -18px #18181b40}.dark .hero-note{background:var(--surface-raised)}.hero-vocabulary{width:min(280px,100% - 40px);margin:0 auto 32px;position:relative}.hero-grammar,.hero-guided,.hero-kanji{display:none}@media (width>=1024px){.hero-stage{flex-direction:column;justify-content:center;align-items:center;min-height:760px;display:flex}.hero-copy{max-width:680px;padding-block:140px}.hero-note{width:220px;position:absolute}.hero-vocabulary{margin:0;top:36px;left:28px;transform:rotate(-7deg)}.hero-grammar{display:block;top:48px;right:16px;transform:rotate(8deg)}.hero-kanji{display:block;bottom:24px;right:26px;transform:rotate(-6deg)}.hero-guided{display:block;bottom:34px;left:20px;transform:rotate(4deg)}}@media (width>=1280px){.hero-note{width:280px}.hero-vocabulary{left:42px}.hero-grammar{right:18px}.hero-kanji{right:44px}}.landing-press{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.23,1,.32,1)}.landing-bar{transition:opacity .18s cubic-bezier(.23,1,.32,1)}.hero-word-answer>span{grid-area:1/1}.hero-word-hint{opacity:1}.hero-word-meaning,.hero-word-answer[data-revealed=true] .hero-word-hint{opacity:0}.hero-word-answer[data-revealed=true] .hero-word-meaning{opacity:1}@media (prefers-reduced-motion:no-preference){.landing-choice{transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s,border-color .15s,color .15s}@supports (interpolate-size:allow-keywords){.landing-faq::details-content{interpolate-size:allow-keywords;opacity:0;block-size:0;transition:block-size .2s cubic-bezier(.23, 1, .32, 1), opacity .16s ease, content-visibility .2s allow-discrete;overflow:hidden}.landing-faq[open]::details-content{opacity:1;block-size:auto}}.hero-note{transition:translate .18s cubic-bezier(.23,1,.32,1);animation:.5s cubic-bezier(.23,1,.32,1) backwards hero-note-enter}.hero-grammar{animation-delay:80ms}.hero-guided{animation-delay:.16s}.hero-kanji{animation-delay:.24s}.hero-word-answer>span{transition:opacity .16s cubic-bezier(.23,1,.32,1)}.hero-grammar-pattern,.hero-guided-step{transition:color .16s,background-color .16s}.hero-kanji-example{animation:.18s cubic-bezier(.23,1,.32,1) hero-example-enter}}@keyframes hero-example-enter{0%{opacity:0}to{opacity:1}}@keyframes hero-note-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width>=1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-note:hover{translate:0 -4px}}.landing-press:not(:disabled):active{transform:scale(.98)}.landing-press:focus-visible{outline-offset:3px;outline:2px solid #dc2626}@media (hover:hover) and (pointer:fine){.landing-module:hover{border-color:#fca5a5}}@media (prefers-reduced-motion:reduce){.landing-press,.landing-bar{transition:none}.landing-press:not(:disabled):active{transform:none}}