.learn-root{--paper:#fff;--eager-green:#58cc02;--green-dark:#4aa802;--storybook-green:#d7ffb8;--spark-blue:#1cb0f6;--night-ink:#000437;--charcoal:#4b4b4b;--pencil-gray:#777;--faded-gray:#afafaf;--wrong-red:#ea2b2b;--wrong-wash:#ffe8e8;--brand-pink:#ff7aac;--radius:12px;--border-w:2px;--ease-out:cubic-bezier(.2, .9, .3, 1);--ease-in:cubic-bezier(.4, 0, .6, 1);--t-in:.19s;--t-out:.14s;--t-press:70ms;background:var(--paper);color:var(--charcoal);font-family:var(--font-body), "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;min-height:100%}.learn-root h1,.learn-root h2,.learn-root h3{color:var(--charcoal);letter-spacing:-.02em;text-wrap:balance}.learn-display{font-family:var(--font-display), "Hiragino Sans", sans-serif;font-weight:800;line-height:1.2}.learn-wrap{max-width:1000px;margin:0 auto;padding:0 16px}.learn-header{z-index:40;background:var(--paper);border-bottom:var(--border-w) solid #e8e8e8;position:sticky;top:0}.learn-header-inner{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.learn-mark{min-height:44px;font-family:var(--font-display), sans-serif;color:var(--charcoal);letter-spacing:-.02em;align-items:center;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.learn-mark .dot{color:var(--brand-pink)}.learn-btn{border-radius:var(--radius);border:var(--border-w) solid transparent;font:inherit;cursor:pointer;transition:background-color var(--t-out) linear, border-color var(--t-out) linear, color var(--t-out) linear, transform var(--t-out) var(--ease-in);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.learn-btn-primary{background:var(--eager-green);border-color:var(--eager-green);border-bottom-color:var(--green-dark);color:#fff;text-transform:uppercase;letter-spacing:.053em;border-bottom-width:5px;font-size:.9rem}@media (hover:hover){.learn-btn-primary:hover:not(:disabled){transition-duration:var(--t-in);transition-timing-function:var(--ease-out);transform:translateY(-1px)}}.learn-btn-primary:active:not(:disabled){transition-duration:var(--t-press);transform:translateY(1px)scale(.97)}.learn-btn-primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.learn-btn-primary:disabled{color:var(--faded-gray);cursor:not-allowed;background:#e5e5e5;border-color:#e5e5e5}.learn-btn-ghost{border-color:var(--faded-gray);min-height:44px;color:var(--spark-blue);background:0 0;font-size:.875rem}@media (hover:hover){.learn-btn-ghost:hover{border-color:var(--spark-blue);background:#f2fbff}}.learn-btn-ghost:active{transition-duration:var(--t-press);transform:translateY(1px)scale(.97)}.learn-choice{text-align:left;background:var(--paper);border:var(--border-w) solid #e5e5e5;border-radius:var(--radius);width:100%;font:inherit;color:var(--charcoal);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .12s,background-color .12s;display:flex}.learn-choice:hover:not(:disabled){border-color:var(--spark-blue)}.learn-choice:disabled{cursor:default}.learn-choice[data-state=picked]{border-color:var(--spark-blue);background:#e8f6ff}.learn-choice[data-state=correct]{border-color:var(--eager-green);background:var(--storybook-green)}.learn-choice[data-state=wrong]{border-color:var(--wrong-red);background:var(--wrong-wash)}.learn-choice-key{width:26px;height:26px;color:var(--faded-gray);border:2px solid;border-radius:8px;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.learn-choice[data-state=picked] .learn-choice-key{color:var(--spark-blue)}.learn-choice[data-state=correct] .learn-choice-key{color:var(--green-dark)}.learn-choice[data-state=wrong] .learn-choice-key{color:var(--wrong-red)}.learn-card{background:var(--paper);border:var(--border-w) solid #e8e8e8;border-radius:var(--radius);padding:20px}.learn-card-link{color:inherit;transition:transform var(--t-out) var(--ease-in), border-color var(--t-out) linear, background-color var(--t-out) linear;border-color:#e4e4e7 #e4e4e7 #d1d1d6;border-bottom-width:5px;padding-right:46px;text-decoration:none;display:block;position:relative}.learn-card-go{border-color:var(--eager-green);border-bottom-color:var(--green-dark)}.learn-card-link:after{content:"→";color:var(--faded-gray);transition:transform var(--t-out) var(--ease-in), color var(--t-out) linear;font-weight:700;position:absolute;top:20px;right:18px}@media (hover:hover){.learn-card-link:hover{border-color:var(--faded-gray);border-bottom-color:var(--pencil-gray);transition-duration:var(--t-in);transition-timing-function:var(--ease-out);background:#fafafa;transform:translateY(-3px)}.learn-card-go:hover{border-color:var(--green-dark);background:#f4fdf0;border-bottom-color:#3d8a02}.learn-card-link:hover:after{color:var(--green-dark);transition-duration:var(--t-in);transition-timing-function:var(--ease-out);transform:translate(5px)}}.learn-card-link:active{transition-duration:var(--t-press);transition-timing-function:var(--ease-in);transform:translateY(1px)scale(.985)}.learn-card-link:focus-visible{outline:3px solid var(--spark-blue);outline-offset:3px}.learn-card-soon{opacity:.6;cursor:default}.learn-rule{background:var(--storybook-green);border:var(--border-w) solid var(--eager-green);border-radius:var(--radius);padding:16px 18px}.learn-l1{border:var(--border-w) solid #b79cf0;border-radius:var(--radius);background:#f5f0ff;padding:16px 18px}.learn-ladder{border-radius:var(--radius);background:#f4f4f5;gap:6px;padding:4px;display:flex}.learn-ladder-step{min-height:44px;font:inherit;color:var(--pencil-gray);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 6px;font-size:.78rem;font-weight:700;transition:background-color .15s,color .15s}.learn-ladder-step[aria-pressed=true]{background:var(--paper);color:var(--charcoal);border:2px solid var(--faded-gray)}.learn-ladder-step[data-goal=true]:after{content:"★";color:var(--eager-green);margin-left:4px}.learn-progress{background:#e8e8e8;border-radius:999px;height:14px;overflow:hidden}.learn-progress-fill{background:var(--eager-green);border-radius:999px;height:100%;transition:width .35s}.learn-mascot{align-items:flex-start;gap:12px;display:flex}.learn-mascot-bubble{border:var(--border-w) solid #e5e5e5;border-radius:var(--radius);flex:1;padding:12px 14px;font-size:.92rem;line-height:1.5;position:relative}@media (prefers-reduced-motion:reduce){.learn-btn,.learn-choice,.learn-progress-fill,.learn-ladder-step,.learn-seg button,.learn-card-link,.learn-card-link:after{transition:none}.learn-card-link:hover,.learn-card-link:hover:after,.learn-btn-primary:hover:not(:disabled){transform:none}}.learn-prose{font-size:1rem;line-height:1.75}.learn-prose p{margin:0 0 14px}.learn-prose strong{color:var(--charcoal);font-weight:700}.learn-prose code{white-space:nowrap;background:#f4f4f5;border-radius:6px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.learn-prose .japanese-inline,.learn-prose .japanese-supplement{color:var(--pencil-gray);font-size:.93em;font-weight:400}.learn-prose h4 .japanese-supplement,.learn-prose h3 .japanese-supplement{margin-left:8px}.learn-prose h4{font-family:var(--font-display), "Hiragino Sans", sans-serif;color:var(--charcoal);margin:26px 0 10px;font-size:1.05rem;font-weight:800}.learn-table-scroll{margin:0 0 16px;overflow-x:auto}.learn-prose .translation-table,.learn-card>figure .translation-table{border-collapse:collapse;width:100%;min-width:420px;font-size:.95rem}.learn-prose .translation-table th,.learn-prose .translation-table td,.learn-card>figure .translation-table th,.learn-card>figure .translation-table td{text-align:left;vertical-align:top;border:1px solid #e5e5e5;padding:9px 12px}.learn-prose .translation-table th,.learn-card>figure .translation-table th{letter-spacing:.04em;text-transform:uppercase;color:var(--pencil-gray);background:#f4f4f5;font-size:.82rem;font-weight:700}.learn-prose .l1-box{border:var(--border-w) solid #b79cf0;border-radius:var(--radius);background:#f5f0ff;margin:20px 0;padding:16px 18px}.learn-prose .l1-box h4{color:#6f42c1;margin:0 0 8px;font-size:.85rem}.learn-prose .l1-box p:last-child{margin-bottom:0}.learn-prose .pro-tip-box{border:var(--border-w) solid var(--spark-blue);border-radius:var(--radius);background:#e8f6ff;margin:20px 0;padding:16px 18px}.learn-prose .example-box{border:var(--border-w) solid #e8e8e8;border-radius:var(--radius);background:#fafafa;margin:20px 0;padding:16px 18px}.learn-prose ul{margin:0 0 14px;padding-left:22px}.learn-prose li{margin-bottom:8px}.learn-prose .correct-text{color:var(--green-dark);font-weight:700}.learn-prose .incorrect-text{color:var(--wrong-red);font-weight:700}.learn-difficulty{letter-spacing:.05em;text-transform:uppercase;border:2px solid;border-radius:999px;flex:none;padding:3px 10px;font-size:.7rem;font-weight:700}.learn-difficulty[data-level=easy]{color:var(--green-dark)}.learn-difficulty[data-level=medium]{color:#c47f00}.learn-difficulty[data-level=hard]{color:var(--wrong-red)}.vocab-note-ja,[data-vocab-lang=en] .vocab-note-en{display:block}.vocab-en-only,.vocab-note-en,[data-vocab-lang=ja] .vocab-en,[data-vocab-lang=en] .vocab-ja,[data-vocab-lang=en] .vocab-note-ja{display:none}[data-vocab-lang=en] span.vocab-en-only{display:inline}[data-vocab-lang=en] p.vocab-en-only{display:block}.learn-keycap{min-width:22px;height:22px;color:var(--pencil-gray);vertical-align:middle;text-transform:none;letter-spacing:0;background:#fbfbfb;border:1px solid #dcdce0;border-bottom:3px solid #c9c9cf;border-radius:6px;place-items:center;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;line-height:1;display:inline-grid}.learn-btn-primary .learn-keycap{color:#fff;background:#ffffff29;border-color:#ffffff80 #ffffff80 #00000038}.learn-choice .learn-keycap{flex:none}.learn-seg{border:var(--border-w) solid #e5e5e5;border-radius:var(--radius);background:#f4f4f5;gap:4px;padding:4px;display:inline-flex}.learn-seg button{min-height:44px;font:inherit;color:var(--pencil-gray);cursor:pointer;transition:background-color var(--t-out) linear, color var(--t-out) linear, border-color var(--t-out) linear;background:0 0;border:2px solid #0000;border-radius:9px;padding:0 14px;font-size:.85rem;font-weight:700}@media (hover:hover){.learn-seg button:hover[aria-pressed=false]{color:var(--charcoal);background:#ebebed}}.learn-seg button[aria-pressed=true]{background:var(--paper);border-color:var(--spark-blue);color:var(--charcoal)}.learn-seg button:active{transition-duration:var(--t-press);transform:scale(.97)}.learn-seg button:focus-visible{outline:3px solid var(--spark-blue);outline-offset:2px}.learn-footer{border-top:1px solid #ececef;margin-top:56px;padding:26px 0 40px}.learn-footer p{color:var(--pencil-gray);margin:0;font-size:.85rem;line-height:1.8}.learn-footer a{color:var(--spark-blue);font-weight:700}@media (max-width:360px){.learn-ladder-step{white-space:normal;min-width:0;padding:7px 4px;font-size:.72rem;line-height:1.25}}