:root{--bg:#fff;--bg-soft:#f6f6f8;--card:#fff;--text:#111114;--muted:#62656d;--line:#e7e7ec;--accent:#d9480f;--accent-soft:#ffe8dc;--accent-text:#fff;--success:#2b8a3e;--danger:#c92a2a;--radius:16px;--shadow:0 10px 30px #11111414;--max:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans Thai,system-ui,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0d0d0f;--bg-soft:#151518;--card:#1b1b1f;--text:#f4f4f6;--muted:#a6aab2;--line:#2a2a30;--accent:#ff8a4c;--accent-soft:#3a2116;--accent-text:#1a0d06;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d0d0f;--bg-soft:#151518;--card:#1b1b1f;--text:#f4f4f6;--muted:#a6aab2;--line:#2a2a30;--accent:#ff8a4c;--accent-soft:#3a2116;--accent-text:#1a0d06;--shadow:0 10px 30px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0 0 12px;line-height:1.15}h1{font-size:clamp(36px,6vw,64px)}h2{font-size:clamp(26px,3.6vw,38px)}h3{font-size:19px}p{margin:0 0 12px}.container{width:min(var(--max), 100% - 40px);margin:0 auto}.muted{color:var(--muted)}.header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.header .container{align-items:center;gap:24px;height:64px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.wordmark{letter-spacing:-.03em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:23px;font-weight:800;line-height:1}.wordmark .jo1{color:#ff6a1a}.wordmark .jo2{color:#ff3e9a}.wordmark .ji{color:#6b4bff}:root[data-theme=dark] .wordmark .ji{color:#9b7bff}:root[data-theme=dark] .logo-bubble{fill:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wordmark .ji{color:#9b7bff}:root:not([data-theme=light]) .logo-bubble{fill:#fff}}.nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none}.nav a:hover,.nav a.active{color:var(--text);background:var(--bg-soft)}.theme-toggle{width:36px;height:36px;color:inherit;cursor:pointer;opacity:.8;background:0 0;border:0;border-radius:10px;place-items:center;margin:auto 4px;display:inline-grid}.theme-toggle:hover{opacity:1;background:var(--bg-soft)}.button{cursor:pointer;background:var(--accent);color:var(--accent-text);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font:600 16px/1 inherit;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:default;transform:none}.button.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--line)}.button.small{padding:8px 14px;font-size:14px}.section{padding:72px 0}.section.soft{background:var(--bg-soft)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card .icon{margin-bottom:10px;font-size:26px}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.hero{text-align:center;padding:84px 0 48px}.hero p.lead{color:var(--muted);max-width:720px;margin:0 auto 28px;font-size:clamp(18px,2.2vw,22px)}.hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo{aspect-ratio:16/9;max-width:860px;box-shadow:var(--shadow);background:linear-gradient(135deg,#1d2b3a,#3a1d2b);border-radius:20px;margin:48px auto 0;position:relative;overflow:hidden}.demo .demo-language{position:absolute;top:14px;left:14px}.demo .subs{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:9%;left:6%;right:6%}.demo .line{color:#fff;background:#000000a8;border-radius:10px;padding:4px 14px;font-size:clamp(16px,2.6vw,30px)}.demo .line.tr{color:#ffd9c2;font-size:clamp(13px,1.8vw,20px)}.demo .w2{color:#bdf0c4}.demo .w3{color:#ffe08a}.demo .w4{color:#ffb199}.demo .saved{text-underline-offset:5px;-webkit-text-decoration:underline #ff8a4c;text-decoration:underline #ff8a4c;text-decoration-thickness:3px}.demo .bubble{color:#111;text-align:left;background:#fff;border-radius:14px;width:min(320px,80%);padding:12px 16px;font-size:14px;position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000059}.demo .bubble b{font-size:24px}.demo .bubble .reading{color:#d9480f;font-weight:600}.platforms{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.steps .card:before{counter-increment:step;content:counter(step);background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:10px;place-items:center;margin-bottom:12px;font-weight:800;display:inline-grid}.plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:18px;display:grid}.plan{flex-direction:column;gap:10px;display:flex}.plan.featured{border:2px solid var(--accent)}.plan .price{font-size:40px;font-weight:800}.plan .price small{color:var(--muted);font-size:16px;font-weight:600}.plan ul{flex:1;margin:6px 0 14px;padding-left:18px}.notice{background:var(--accent-soft);color:var(--text);border-radius:12px;margin:18px 0;padding:12px 16px}.tutorial{max-width:820px}.tutorial ol>li{margin-bottom:14px}.kbd{border:1px solid var(--line);background:var(--bg-soft);text-align:center;border-bottom-width:3px;border-radius:7px;min-width:26px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}table{border-collapse:collapse;width:100%;margin:12px 0 24px}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}code{background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:700}.review{max-width:680px;margin:0 auto;padding:40px 0 80px}.review .stats{flex-wrap:wrap;gap:10px;margin:16px 0 24px;display:flex}.flashcard{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;display:flex}.flashcard .front{font-size:clamp(34px,6vw,56px);font-weight:700}.flashcard .reading{color:var(--accent);font-size:18px;font-weight:600}.flashcard .meaning{font-size:22px;font-weight:600}.flashcard .answer{cursor:default;justify-items:center;gap:10px;width:100%;max-width:520px;display:grid}.flashcard mark{background:color-mix(in srgb, var(--accent) 22%, transparent);color:inherit;border-radius:.2em;padding:0 .15em;font-weight:700}.flashcard .example{background:color-mix(in srgb, var(--accent) 7%, transparent);text-align:left;border-radius:12px;width:100%;margin:0;padding:10px 12px;font-size:18px;line-height:1.4}.flashcard .example small{color:var(--muted);font-size:15px;display:block}.flashcard.sentence .front{font-size:clamp(22px,3.6vw,32px);line-height:1.35}.modes{background:var(--bg-soft);border-radius:999px;gap:4px;margin-top:16px;padding:4px;display:inline-flex}.modes button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-weight:700}.modes button.on{background:var(--accent);color:var(--accent-text)}.flashcard .front-row{align-items:center;gap:12px;display:flex}.speak{background:var(--accent-soft);cursor:pointer;border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:18px}.speak:disabled{opacity:.5}.free-nav{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.grades{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.grades .button{flex-direction:column;gap:4px;padding:12px 6px}.grades .button small{opacity:.8;font-weight:500}.grade-again{background:var(--danger)!important;color:#fff!important}.grade-good{background:var(--success)!important;color:#fff!important}.footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0 48px;font-size:14px}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.lang-picker select{font:inherit;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:8px;padding:4px 8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.header .container{gap:8px}.brand{font-size:16px}.nav{flex-wrap:nowrap;gap:2px}.nav a{white-space:nowrap;padding:8px;font-size:14px}.grades{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.header .brand .wordmark{font-size:20px}.theme-toggle{margin:auto 0}}.form{gap:12px;margin-top:20px;display:grid}.form input{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:13px 14px;font-size:16px}.notice.error{background:color-mix(in srgb, var(--danger) 14%, transparent)}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}html{scroll-behavior:smooth}body{overflow-x:hidden}section[id]{scroll-margin-top:72px}.accent{color:var(--accent)}.small{font-size:14px}.narrow{max-width:680px}.button.large{padding:16px 28px;font-size:17px}.button.block{width:100%}.nav a.nav-cta,.nav a.nav-cta:hover{background:var(--accent);color:var(--accent-text);margin-left:6px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.source{color:var(--muted);opacity:.9;margin-top:12px;font-size:12px}.source a{color:var(--accent)}.demo .bubble-action{color:#fff;background:#d9480f;border-radius:8px;margin-top:10px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:860px;margin:40px auto 0;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 14px}.stat-value{color:var(--accent);font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.1}.stat-label{color:var(--muted);margin-top:4px;font-size:15px}.split{grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;display:grid}.split.reverse{grid-template-columns:1.1fr 1fr}.chart{width:100%;margin:0}.chart svg,svg.chart{width:100%;height:auto;display:block}.chart .grid-line{stroke:var(--line);stroke-width:1px}.chart .target-line{stroke:var(--success);stroke-width:1.5px;stroke-dasharray:6 5}.chart .axis{fill:var(--muted);font-size:13px}.chart .axis.strong{fill:var(--success);font-weight:700}.chart .value{fill:var(--text);font-size:13px;font-weight:700}.chart .series-without{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linejoin:round}.chart .series-with{fill:none;stroke:var(--accent);stroke-width:3.5px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--accent-soft);opacity:.7}.chart .dot-without{fill:var(--muted)}.chart .dot-with{fill:var(--accent);stroke:var(--card);stroke-width:2px}.chart figcaption{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:13px;display:flex}.legend{align-items:center;gap:8px;display:inline-flex}.swatch{border-radius:2px;flex:none;width:18px;height:4px;display:inline-block}.swatch.with{background:var(--accent)}.swatch.without{background:var(--muted)}.bars{gap:14px;margin:18px 0 4px;display:grid}.bar-label{margin-bottom:6px;font-weight:600}.bar-track{background:var(--bg-soft);border-radius:10px;overflow:hidden}.bar-fill{border-radius:10px;justify-content:flex-end;align-items:center;height:40px;padding-right:12px;font-weight:800;display:flex}.bar-fill.with{background:var(--accent);color:var(--accent-text)}.bar-fill.without{background:color-mix(in srgb, var(--muted) 35%, transparent);color:var(--text)}.calculator{grid-template-columns:280px 1fr;gap:32px;margin-top:28px;padding:28px;display:grid}.calc-controls{align-content:start;gap:20px;display:grid}.field{gap:8px;display:grid}.field>span{font-size:14px;font-weight:700}.field select{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:12px;padding:11px 12px;font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:15px;font-weight:700}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.calc-result{min-width:0}.calc-headline{margin-bottom:16px;font-size:19px}.tiles{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.tile{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px}.tile-value{color:var(--accent);font-size:22px;font-weight:800}.tile-label{color:var(--muted);font-size:13px}.calc-cta{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px;display:flex}.compare{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;display:grid}.compare-col{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);padding:24px}.compare-col.with{border:2px solid var(--accent);box-shadow:var(--shadow)}.compare-col ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.compare-col li{padding-left:30px;position:relative}.compare-col li:before{border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.compare-col.without li{color:var(--muted)}.compare-col.without li:before{content:"✕";background:var(--bg-soft);color:var(--muted)}.compare-col.with li:before{content:"✓";background:var(--accent);color:var(--accent-text)}.faq{max-width:820px}.faq details p{margin-top:10px}.final-cta h2{font-size:clamp(28px,4.4vw,46px)}.paywall-grid{grid-template:"top side""bottom side"1fr/1.25fr 1fr;align-items:start;gap:0 40px;display:grid}.paywall-top{grid-area:top}.paywall-bottom{grid-area:bottom}.paywall-side{grid-area:side}.paywall-grid>*{min-width:0}.paywall-side{gap:18px;display:grid;position:sticky;top:88px}.plan-options{gap:10px;margin:14px 0 18px;display:grid}.plan-option{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--card);border:1.5px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.plan-option.on{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 45%, var(--card))}.plan-option .radio{border:2px solid var(--line);border-radius:50%;flex:none;width:20px;height:20px}.plan-option.on .radio{border:6px solid var(--accent)}.plan-option-text{flex:1;gap:2px;min-width:0;display:grid}.plan-option-name{align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.plan-option-price{text-align:right;font-size:20px;font-weight:800;display:grid}.plan-option-price small{color:var(--muted);font-size:12px;font-weight:600}.guarantees{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guarantees li{align-items:flex-start;gap:12px;display:flex}.g-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;font-size:16px;display:grid}.checklist-plain{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.checklist-plain li{padding-left:30px;position:relative}.checklist-plain li:before{content:"✓";background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.narrow-form{max-width:460px}.narrow-form .form{margin-top:20px}.onboarding-head{justify-content:space-between;align-items:baseline;display:flex}.progress{background:var(--bg-soft);border-radius:99px;height:8px;margin:4px 0 14px;overflow:hidden}.progress>div{background:var(--accent);border-radius:99px;height:100%;transition:width .3s}.todo{margin:0;padding:0;list-style:none}.todo li{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.todo-text{flex:1;gap:2px;min-width:0;display:grid}.todo li.done b{color:var(--muted);text-decoration:line-through}.check{border:2px solid var(--line);width:28px;height:28px;color:var(--accent-text);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-weight:800;display:grid}.check:disabled{cursor:default}.todo li.done .check{background:var(--success);border-color:var(--success);color:#fff}@media (width<=900px){.split,.split.reverse,.paywall-grid,.calculator{grid-template-columns:1fr}.split.reverse>:first-child{order:0}.paywall-grid{grid-template-rows:auto;grid-template-areas:"top""side""bottom";gap:28px}.paywall-side{position:static}}@media (width<=640px){.section{padding:52px 0}.hero{padding:48px 0 36px}.stats{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,1fr)}.compare{grid-template-columns:1fr}.calculator{padding:18px}.demo{aspect-ratio:4/3}.chart .axis,.chart .value{font-size:20px}.todo li{flex-wrap:wrap}.todo-action{margin-left:42px}}.pricing-home{grid-template-columns:1fr minmax(300px,420px);align-items:center;gap:40px;display:grid}@media (width<=800px){.pricing-home{grid-template-columns:1fr}}@media (width<=640px){.demo{aspect-ratio:4/5}.demo .bubble{font-size:13px;top:12%}}:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}.jj{--jj-orange:#ff6a1a;--jj-pink:#ff3e9a;--jj-violet:#6b4bff;--jj-sun:#ffd23f;--jj-ink:#1c1530;--jj-bg:#fff;--jj-soft:#f5f1ff;--jj-text:#1c1530;--jj-muted:#5d5873;--jj-line:#1c15301a;--jj-display:"Bricolage Grotesque", system-ui, sans-serif;background:var(--jj-bg);color:var(--jj-text);font-family:Instrument Sans,system-ui,sans-serif;overflow-x:clip}:root[data-theme=dark] .jj{--jj-violet:#8b6cff;--jj-bg:#140f24;--jj-soft:#1d1633;--jj-text:#f6f3ff;--jj-muted:#b3abcc;--jj-line:#f6f3ff1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .jj{--jj-violet:#8b6cff;--jj-bg:#140f24;--jj-soft:#1d1633;--jj-text:#f6f3ff;--jj-muted:#b3abcc;--jj-line:#f6f3ff1f}}.jj h1,.jj h2,.jj h3{font-family:var(--jj-display);letter-spacing:-.035em;color:var(--jj-text);font-weight:800}.jj-lead{color:var(--jj-muted);max-width:34ch;font-size:clamp(17px,1.6vw,20px);line-height:1.55}.jj-h2{max-width:18ch;margin:0 0 36px;font-size:clamp(32px,4.4vw,54px);line-height:1.02}.jj-section{padding:clamp(56px,7vw,88px) 0}.jj-button{background:var(--jj-orange);color:#fff;min-height:56px;font-family:var(--jj-display);border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:19px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 5px #c94a0b}.jj-button:hover{transform:translateY(-2px);box-shadow:0 7px #c94a0b}.jj-button:active{transform:translateY(4px);box-shadow:0 1px #c94a0b}.jj-button:focus-visible,.jj-link:focus-visible,.jj summary:focus-visible{outline:3px solid var(--jj-violet);outline-offset:4px}.jj-button-ink{background:var(--jj-ink);box-shadow:0 5px #000}.jj-button-ink:hover{box-shadow:0 7px #000}.jj-link{color:var(--jj-text);-webkit-text-decoration:underline 3px var(--jj-pink);text-decoration:underline 3px var(--jj-pink);text-underline-offset:6px;font-weight:700}.jj-hero{background:radial-gradient(40% 50% at 100% 0,#ff3e9a29,#0000 70%),radial-gradient(40% 50% at 0 60%,#6b4bff1f,#0000 70%);padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,90px)}.jj-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.jj-title{text-wrap:balance;margin:0 0 24px;font-size:clamp(44px,5.4vw,76px);line-height:.98}.jj-yt{color:var(--jj-orange)}.jj-echo{color:var(--jj-pink);isolation:isolate;display:inline-block;position:relative}.jj-echo:before,.jj-echo:after{content:attr(data-echo);z-index:-1;-webkit-text-stroke:2px var(--jj-pink);color:#0000;animation:2.6s ease-out infinite jj-echo;position:absolute;top:0;left:0}.jj-echo:before{opacity:.45;transform:translate(.12em,.06em)}.jj-echo:after{opacity:.2;animation-delay:.25s;transform:translate(.24em,.12em)}@keyframes jj-echo{0%,35%{opacity:0;transform:translate(0)}}.jj-actions{flex-wrap:wrap;align-items:center;gap:26px;margin:32px 0 26px;display:flex}.jj-where{color:var(--jj-muted);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.jj-screen{background:var(--jj-ink);box-shadow:10px 12px 0 var(--jj-violet);border-radius:28px;padding:12px;position:relative;transform:rotate(1.2deg)}.jj-sticker{z-index:4;font-family:var(--jj-display);pointer-events:none;border-radius:999px;padding:10px 18px;font-size:20px;font-weight:800;position:absolute;box-shadow:0 4px #00000040}.jj-sticker-turn{background:var(--jj-sun);color:var(--jj-ink);top:-20px;left:-18px;transform:rotate(-9deg)}.jj-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.jj-step{color:#fff;border-radius:28px;padding:22px 24px 28px}.jj-step h3{color:inherit;margin:22px 0 6px;font-size:clamp(34px,3.6vw,46px)}.jj-step p{opacity:.92;margin:0;font-size:17px;line-height:1.45}.jj-orange{background:var(--jj-orange)}.jj-pink{background:var(--jj-pink)}.jj-violet{background:var(--jj-violet)}.jj-step-visual{background:#00000029;border-radius:20px;align-content:center;place-items:center;gap:16px;height:180px;display:grid}.jj-subtitle{text-align:center;justify-items:center;gap:6px;display:grid}.jj-subtitle p,.jj-subtitle small{background:#000000b8;border-radius:8px;margin:0;padding:4px 12px}.jj-subtitle p{font-size:18px;font-weight:600}.jj-subtitle b{color:var(--jj-sun);box-shadow:0 2px 0 var(--jj-sun)}.jj-subtitle small{color:#ffe2cf;font-size:14px}.jj-pink .lp-turn{background:var(--jj-ink)}.jj-pink .lp-wave i{background:#fff}.jj-card{width:min(250px,88%);color:var(--jj-ink);text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:4px;padding:14px 16px 16px;display:grid;transform:rotate(-2deg);box-shadow:0 8px 0 -4px #e6e0ff,0 16px 0 -8px #cfc5ff}.jj-card em{color:var(--jj-violet);background:#efeaff;border-radius:999px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:800}.jj-card b{font-family:var(--jj-display);font-size:28px;line-height:1.15}.jj-card span{color:#6a6580;font-size:14px}.jj-review{background:var(--jj-soft)}.jj-review-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.jj-review .jj-h2{margin-bottom:14px}.jj-returns{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.jj-returns li{font-family:var(--jj-display);color:#fff;border-radius:999px;padding:14px 22px;font-size:clamp(20px,2.2vw,28px);font-weight:800}.jj-returns li:first-child{background:var(--jj-orange);transform:rotate(-4deg)}.jj-returns li:nth-child(2){background:var(--jj-pink);transform:rotate(3deg)}.jj-returns li:nth-child(3){background:var(--jj-violet);transform:rotate(-2deg)}.jj-returns li:nth-child(4){background:var(--jj-sun);color:var(--jj-ink);transform:rotate(4deg)}.jj-languages .jj-h2{margin-bottom:28px}.jj-marquee{padding:10px 0;overflow:hidden}.jj-marquee-track{gap:16px;width:max-content;animation:40s linear infinite jj-marquee;display:flex}@keyframes jj-marquee{to{transform:translate(-50%)}}.jj-hello{white-space:nowrap;color:#fff;border-radius:22px;padding:16px 28px;font-size:clamp(26px,3vw,38px);font-weight:700}.jj-hello.c0{background:var(--jj-orange)}.jj-hello.c1{background:var(--jj-pink)}.jj-hello.c2{background:var(--jj-violet)}.jj-hello.c3{background:var(--jj-sun);color:var(--jj-ink)}.jj-faq{max-width:760px}.jj-faq details{border-bottom:2px solid var(--jj-line);padding:18px 0}.jj-faq summary{cursor:pointer;font-family:var(--jj-display);font-size:22px;font-weight:700}.jj-faq details p{color:var(--jj-muted);margin:10px 0 0;font-size:17px}.jj-final{background:var(--jj-orange);text-align:center;padding:clamp(64px,9vw,110px) 0}.jj-final h2{color:#fff;max-width:16ch;margin:0 auto 34px;font-size:clamp(36px,5.4vw,72px);line-height:1}@media (width<=960px){.jj-hero-grid,.jj-review-grid,.jj-steps{grid-template-columns:minmax(0,1fr)}.jj-screen{box-shadow:6px 8px 0 var(--jj-violet);transform:none}.jj-sticker-turn{left:-6px}}@media (width<=520px){.jj-screen{border-radius:22px;padding:8px}.jj-sticker{padding:8px 14px;font-size:16px}}@media (prefers-reduced-motion:reduce){.jj-echo:before,.jj-echo:after,.jj-marquee-track{animation:none}.jj-marquee-track{flex-wrap:wrap;width:auto;padding:0 16px}.jj-marquee-track span:nth-child(n+12){display:none}.jj-button{transition:none}}@keyframes sd-fade{0%{opacity:0}}@keyframes sd-bar{0%{transform:scaleX(0)}}.yd{color:#f6f3ff;padding:4px 6px 6px;position:relative}.yd-browser{align-items:center;gap:6px;padding:4px 2px 12px;display:flex}.yd-browser i{background:#ffffff38;border-radius:50%;width:10px;height:10px}.yd-browser span{color:#b9b2d3;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;border-radius:999px;flex:1;min-width:0;margin-left:10px;padding:5px 12px;font-size:12px;overflow:hidden}.yd-stage{aspect-ratio:16/9;background:#000;border-radius:16px;position:relative;overflow:hidden}.yd-poster,.yd-video,.yd-video iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.yd-poster{filter:blur(14px)brightness(.6);transform:scale(1.1)}.yd-poster.still{filter:none;transform:none}.yd-video{opacity:0;pointer-events:none;transition:opacity .25s}.yd-video iframe{pointer-events:none;transform:scale(1.02)}.yd-video.on{opacity:1}.yd-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 55%,#00000080);position:absolute;inset:0}.yd-subs{z-index:2;text-align:center;opacity:0;justify-items:center;gap:6px;transition:opacity .2s;display:grid;position:absolute;bottom:7%;left:4%;right:4%}.yd-subs.on{opacity:1}.yd-subs p{font-family:var(--jj-display);background:#0a0614b8;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:.1em .22em;margin:0;padding:.18em .35em;font-size:clamp(19px,2.5vw,30px);font-weight:800;line-height:1.3;display:inline-flex}.yd-subs p.tight{gap:.1em 0}.yd-subs small{color:#e8e3f7;background:#0a061499;border-radius:8px;padding:.2em .6em;font-size:clamp(14px,1.7vw,19px)}.yd-word{border-radius:.25em;padding:0 .12em}.yd-word.live{background:var(--jj-orange);color:var(--jj-ink)}.yd-word.you{background:var(--jj-pink)}.yd-word.kept{background:#9b7bff}.yd-turn{z-index:3;background:var(--jj-pink);font-family:var(--jj-display);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;font-size:15px;font-weight:800;animation:.25s ease-out sd-fade;display:inline-flex;position:absolute;top:12px;left:12px}.yd-turn i{background:#ffffff59;border-radius:999px;width:60px;height:5px;position:relative;overflow:hidden}.yd-turn i:after{content:"";transform-origin:0;animation:sd-bar var(--turn) linear forwards;background:#fff;position:absolute;inset:0}.yd-bar{align-items:center;gap:14px;padding:12px 4px 2px;font-size:14px;font-weight:700;display:flex}.yd-brand{font-family:var(--jj-display);align-items:center;gap:7px;font-weight:800;display:inline-flex}.yd-brand .logo-bubble{fill:#fff}.yd-cards{color:#d9ceff;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.yd-cards-icon{background:#9b7bff;border-radius:3px;width:12px;height:15px;box-shadow:3px -2px #9b7bff66}.yd-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.yd-credit{color:#8f88a8;white-space:nowrap;text-overflow:ellipsis;margin:8px 4px 0;font-size:12px;overflow:hidden}@media (width<=520px){.yd{padding:2px 2px 4px}.yd-bar{gap:10px;font-size:13px}.yd-turn{font-size:13px;top:8px}}.yd-word.live,.yd-word.you{animation:.28s cubic-bezier(.3,1.8,.5,1) yd-hop;display:inline-block}@keyframes yd-hop{0%{transform:translateY(3px)scale(.92)}}.yd-stage:after{transition:background-color .3s}.yd-stage.turning:after{background-color:#0a061459}.yd-stage.turning .yd-subs p{animation:1.1s ease-out infinite yd-ring}@keyframes yd-ring{0%{box-shadow:0 0 #ff3e9ab3}to{box-shadow:0 0 0 14px #ff3e9a00}}.yd-voice{align-items:center;gap:2px;height:14px;display:inline-flex}.yd-voice b{background:#fff;border-radius:2px;width:3px;height:100%;animation:.5s ease-in-out infinite alternate yd-voice}.yd-voice b:nth-child(2){animation-delay:.15s}.yd-voice b:nth-child(3){animation-delay:.3s}.yd-voice b:nth-child(4){animation-delay:.1s}.yd-voice b:nth-child(5){animation-delay:.25s}@keyframes yd-voice{0%{transform:scaleY(.25)}}@media (prefers-reduced-motion:reduce){.yd-word.live,.yd-word.you,.yd-stage.turning .yd-subs p,.yd-voice b{animation:none}}.yd-sound{z-index:4;background:var(--jj-sun);color:var(--jj-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 13px 7px 10px;font-size:14px;font-weight:800;animation:2.4s ease-in-out 3s infinite yd-nudge;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px #0000004d}.yd-sound.on{color:#fff;box-shadow:none;background:#0a061499;padding:6px 12px 6px 9px;font-size:12px;animation:none}.yd-sound:focus-visible{outline-offset:2px;outline:3px solid #fff}@keyframes yd-nudge{0%,80%,to{transform:none}88%{transform:rotate(-4deg)scale(1.06)}94%{transform:rotate(3deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.yd-sound{animation:none}}.yd-w{flex-direction:column;align-items:center;display:inline-flex}.yd-subs .yd-r{color:#d9d2f2;background:0 0;margin-bottom:-.15em;padding:0;font-family:Instrument Sans,system-ui,sans-serif;font-size:.46em;font-weight:600;line-height:1.1}.yd-subs p:has(.yd-r){gap:.15em .12em;font-size:clamp(17px,2.1vw,25px);line-height:1.15}.yd-mode{background:#ffffff14;border-radius:999px;padding:3px;font-size:13px;display:inline-flex}.yd-mode span{color:#b9b2d3;border-radius:999px;padding:3px 11px}.yd-mode .on{background:var(--jj-pink);color:#fff}.yd-cursor{z-index:12;pointer-events:none;filter:drop-shadow(0 2px 3px #00000080);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 11-6.5 1.2L16 21l-3 1.4-3.4-6.9L4 19z' fill='%23fff' stroke='%231c1530' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;width:22px;height:22px;margin:-2px 0 0 -4px;transition:transform .55s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.yd-cursor:after{content:"";border:2px solid var(--jj-sun);opacity:0;border-radius:50%;width:24px;height:24px;position:absolute;top:-10px;left:-10px}.yd-cursor.click:after{animation:.35s ease-out yd-click}@keyframes yd-click{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.yd-bubble{z-index:11;width:220px;color:var(--jj-ink);background:#fff;border-radius:14px;gap:3px;padding:12px 14px;animation:.25s cubic-bezier(.3,1.4,.5,1) yd-bubble;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 14px 30px #0a061473}@keyframes yd-bubble{0%{opacity:0;transform:translate(-50%,-92%)scale(.92)}}.yd-bubble b{font-family:var(--jj-display);font-size:20px}.yd-bubble-r{color:var(--jj-violet);font-size:13px;font-weight:700}.yd-bubble-m{color:#4a4560;font-size:14px;line-height:1.3}.yd-bubble-add{background:var(--jj-violet);color:#fff;border-radius:999px;justify-self:start;margin-top:6px;padding:5px 11px;font-size:13px;font-weight:800}.yd-bubble-add.done{background:#1f9d6b}.yd-stage.carding .yd-sound{opacity:0;pointer-events:none}.yd-stage.carding:after{background-color:#0a061480}.yd-caption{z-index:3;color:#fff;text-align:center;background:#0a0614bf;border-radius:999px;width:max-content;max-width:92%;margin:0;padding:6px 14px;font-size:clamp(12px,1.3vw,14px);font-weight:700;animation:.3s ease-out sd-fade;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.yd-card{z-index:10;perspective:1000px;pointer-events:none;width:min(390px,68%);height:clamp(180px,17.5vw,224px);transition:transform .7s cubic-bezier(.5,0,.3,1),opacity .7s;animation:.45s cubic-bezier(.3,1.4,.5,1) yd-card-in;position:absolute;transform:translate(-50%,-50%)}@keyframes yd-card-in{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)rotate(-6deg)}}.yd-card.fly{opacity:.4;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.08) rotate(14deg)}.yd-card>div{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);position:relative}.yd-card>div.flipped{transform:rotateY(180deg)}.yd-card .front,.yd-card .back{color:var(--jj-ink);backface-visibility:hidden;box-shadow:0 0 0 3px var(--jj-violet), 0 24px 44px #0a06148c;background:#fff;border-radius:20px;display:grid;position:absolute;inset:0}.yd-card .front{text-align:center;align-content:center;justify-items:center;gap:8px;padding:20px}.yd-card-tag{color:var(--jj-violet);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.yd-card .front b{font-family:var(--jj-display);font-size:clamp(32px,3.6vw,46px);font-weight:800;line-height:1}.yd-card-r{color:#5d5873;font-size:15px;font-weight:600}.yd-card .back{align-content:start;gap:9px;padding:15px 20px;transform:rotateY(180deg)}.yd-card .back>b{font-family:var(--jj-display);font-size:20px;line-height:1.15}.yd-card-block{border-top:1px solid #ece8f6;gap:2px;padding-top:8px;display:grid}.yd-card-label{color:#8a84a3;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.yd-card-label em{color:var(--jj-violet);letter-spacing:0;text-transform:none;font-style:normal}.yd-card .back p{margin:0;font-size:14px;font-weight:600;line-height:1.35}.yd-card .back small{color:#6f6a85;font-size:12px;line-height:1.3}.yd-card .back .hit{background:var(--jj-violet);color:#fff;border-radius:.2em;padding:0 .15em}.yd-bubble-add{white-space:nowrap}.yd-bubble.low{animation-name:yd-bubble-low;transform:translate(-50%)}@keyframes yd-bubble-low{0%{opacity:0;transform:translate(-50%,-8%)scale(.92)}}@media (width<=520px){.yd-card{width:82%;height:118px;margin-top:-10px}.yd-card .front,.yd-card .back{gap:4px;padding:10px 14px}.yd-card .front b{font-size:24px}.yd-card .back>b{font-size:14px}.yd-card-tag,.yd-card-r,.yd-card .back small{font-size:10px}.yd-card .back p{font-size:11px}.yd-card-block{padding-top:4px}.yd-card-label,.yd-card-ex{display:none}.yd-caption{padding:3px 10px;font-size:10px;bottom:5px}.yd-bubble{gap:1px;width:160px;padding:8px 10px}.yd-bubble b{font-size:16px}.yd-bubble-m,.yd-bubble-add{font-size:11px}}@media (prefers-reduced-motion:reduce){.yd-cursor,.yd-card,.yd-card>div{transition:none;animation:none}}.jj-modes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.jj-mode{background:var(--jj-ink);color:#fff;border-radius:28px;gap:18px;padding:22px 24px 26px;display:grid}.jj-mode>p{opacity:.92;margin:0;font-size:17px;line-height:1.45}.jj-mode-switch{background:#ffffff1a;border-radius:999px;justify-self:start;padding:4px;font-size:15px;display:inline-flex}.jj-mode-switch>*{color:#b9b2d3;border-radius:999px;padding:5px 14px}.jj-mode-switch b{background:var(--jj-orange);color:#fff}.jj-mode-switch.shadow b{background:var(--jj-pink)}.jj-mode-visual{background:#ffffff12;border-radius:20px;align-content:center;place-items:center;gap:14px;height:170px;display:grid}.jj-mode-visual p{font-family:var(--jj-display);gap:.15em;margin:0;font-size:34px;font-weight:800;display:flex}.jj-mode-visual p span{border-radius:.2em;flex-direction:column;align-items:center;padding:0 .1em;line-height:1.1;display:inline-flex}.jj-mode-visual p small{color:#d9d2f2;font-family:Instrument Sans,system-ui,sans-serif;font-size:13px;font-weight:600}.jj-mode-visual .hit{background:var(--jj-violet)}.jj-mode-visual em{color:#e8e3f7;font-size:16px;font-style:normal}.jj-anatomy-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.jj-anatomy .jj-h2{margin-bottom:14px}.jj-flash{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin:0;display:grid}.jj-flash-card{color:var(--jj-ink);box-shadow:0 0 0 3px var(--jj-violet), 10px 12px 0 var(--jj-violet);background:#fff;border-radius:24px;gap:16px;padding:26px 28px;display:grid;transform:rotate(-1.5deg)}.jj-flash-word{gap:6px;display:grid}.jj-flash-word b{font-family:var(--jj-display);font-size:46px;line-height:1}.jj-flash-word span{color:#5d5873;font-size:17px;font-weight:600}.jj-flash-block{border-top:1px solid #ece8f6;gap:4px;padding-top:14px;display:grid}.jj-flash-label{color:#8a84a3;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.jj-flash-label em{color:var(--jj-violet);letter-spacing:0;text-transform:none;font-size:13px;font-style:normal}.jj-flash-card p{margin:0;font-size:18px;font-weight:600;line-height:1.4}.jj-flash-card small{color:#6f6a85;font-size:14px;line-height:1.35}.jj-flash-card mark{background:var(--jj-violet);color:#fff;border-radius:.2em;padding:0 .15em}.jj-flash-notes{max-width:170px;color:var(--jj-text);gap:14px;margin:0;padding:0;font-weight:700;line-height:1.3;list-style:none;display:grid}.jj-flash-notes li{border-left:4px solid var(--jj-violet);padding-left:14px}@media (width<=900px){.jj-modes-grid,.jj-anatomy-grid,.jj-flash{grid-template-columns:minmax(0,1fr)}.jj-anatomy-grid{gap:28px}.jj-flash-card{margin-right:8px;transform:none}.jj-flash-notes{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}.lp-turn{color:#fff;white-space:nowrap;opacity:0;background:#d9480f;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-size:14px;font-weight:800;transition:opacity .2s;display:inline-flex}.lp-turn.on{opacity:1}.lp-turn i{background:#ffffff4d;border-radius:3px;width:64px;height:5px;display:block;overflow:hidden}.lp-turn i:after{content:"";transform-origin:0;background:#fff;height:100%;display:block}.lp-turn.on i:after{animation:lp-turn var(--turn,2.4s) linear infinite}@keyframes lp-turn{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.lp-wave{align-items:center;gap:4px;height:58px;display:flex}.lp-wave i{background:linear-gradient(#ff8a4c,#d9480f);border-radius:3px;width:6px;animation:1.1s ease-in-out infinite alternate lp-wave}@keyframes lp-wave{to{transform:scaleY(.35)}}@media (prefers-reduced-motion:reduce){.lp-turn.on i:after,.lp-wave i{animation:none}}