.home-info-links{position:fixed;top:20px;right:max(40px,calc((100vw - 232px - 1160px) / 2));display:flex;align-items:center;gap:4px}.home-info-links a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#737b84;text-decoration:none;background:#fff}.home-info-links a:hover{color:#087fae;background:#edf8ff}.home-shell.home-playful .home-hero{min-height:calc(100svh - 80px);padding:clamp(56px,10vh,104px) 0 172px}.home-shell.home-playful .home-hero .home-intro h1{font-family:var(--home-font);font-size:clamp(28px,2.8vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.2}.home-shell.home-playful .home-hero .hero-copy{margin-top:12px;font-size:16px;font-weight:600}.home-shell.home-playful .home-showcase{margin-top:clamp(72px,10vh,96px);width:100%}.home-shell.home-playful .home-core-copy{gap:8px;font-size:14px;line-height:1.65}.home-shell.home-playful .home-core-copy strong{flex-shrink:0;border:1px solid #d6efbd;border-radius:10px;padding:6px 8px;color:#3b7815;background:#edfadf;letter-spacing:0}.home-shell.home-playful .home-core-copy span{padding:6px 10px;border-radius:10px;color:#356443;background:#f0fae9;font-weight:700;text-align:left}.home-shell.home-playful .home-showcase-stage{--home-card-collapsed-height:128px;max-width:calc(100% - 112px);margin-top:24px}.home-shell.home-playful .home-word-parts{max-width:100%;gap:6px}.home-shell.home-playful .home-word-part-motion{min-width:0;flex:0 1 auto}.home-shell.home-playful .home-word-part,.home-shell.home-playful .home-word-part-motion+.home-word-part-motion .home-word-part{min-width:0;width:100%;padding:18px 16px 16px;border:2px solid #e1e2e5;border-radius:18px;background:#fff;box-shadow:0 5px 0 #dedfe1}.home-shell.home-playful .home-word-part strong{font-family:var(--home-font);font-size:clamp(30px,calc((100vw - 500px) / var(--home-letter-count)),56px);font-weight:900;line-height:1}html[lang=zh-CN] .home-shell.home-playful .home-word-part small{margin-top:10px;padding-top:8px;border-color:#ececee;font-size:14px;line-height:1.4;color:#747a81;font-weight:700;opacity:1}.home-shell.home-playful .home-word-part.is-prefix{--home-part-color:var(--part-text-prefix)}.home-shell.home-playful .home-word-part.is-root{--home-part-color:var(--part-text-root)}.home-shell.home-playful .home-word-part.is-suffix{--home-part-color:var(--part-text-suffix)}.home-shell.home-playful .home-word-part.is-base,.home-shell.home-playful .home-word-part.is-word{--home-part-color:var(--part-text-base)}.home-shell.home-playful .home-word-part-motion+.home-word-part-motion .home-word-part:is(:hover,:focus-visible),.home-shell.home-playful .home-word-part:is(:hover,:focus-visible){background:#fff;border-color:#e1e2e5;color:var(--home-part-color);box-shadow:0 5px 0 #dedfe1;transform:translateY(-2px)}.home-shell.home-playful .home-word-part:is(:hover,:focus-visible) small{border-color:#ececee;opacity:1}.home-shell.home-playful .home-showcase-switch{width:40px;height:40px;border:2px solid #e0e1e4;color:#5b6066;background:#f7f7f8}.home-shell.home-playful .home-showcase-switch svg{width:18px;height:18px}.home-shell.home-playful .home-showcase-switch.is-previous{right:calc(100% + 16px)}.home-shell.home-playful .home-showcase-switch.is-next{left:calc(100% + 16px)}.home-shell.home-playful .home-showcase-switch:hover{background:#ecf7e4;border-color:#bddba4}.home-shell.home-playful .home-showcase-switch:disabled{opacity:.45}.home-shell.home-playful .home-showcase-translation{margin-top:28px}.home-shell.home-playful .home-showcase-translation .home-translations{font-family:var(--home-font);font-size:22px;font-weight:800;color:#4b4e50}.home-shell.home-playful .home-showcase-progress{width:144px;height:5px;margin-top:20px;margin-bottom:var(--home-progress-offset,0);background:#e6e6e8}.home-shell.home-playful .home-showcase-progress span{background:#58c600}.home-shell.home-playful .home-search-dock{left:calc(232px + (100% - 232px) / 2);width:min(640px,calc(100% - 312px));bottom:136px}.home-shell.home-playful .home-hero .home-search{border:2px solid #dedfe2;padding:5px 6px 5px 18px;border-radius:24px;background:#fafafa;box-shadow:none}.home-shell.home-playful .home-search .search-icon{width:20px;height:20px;color:#737a82}.home-shell.home-playful .home-search input{min-width:0;padding:8px 12px;font-size:16px;font-weight:600;color:#454b51}.home-shell.home-playful .home-search input::placeholder{color:#858d97}html[lang=zh-CN] .home-shell.home-playful .home-hero .home-search button{width:96px;height:40px;border:0;border-radius:16px;background:#3e8500;box-shadow:0 4px 0 #306800;color:#fff;font-size:16px;font-weight:800;margin:0 0 3px;transition:transform .12s ease,box-shadow .12s ease}.home-shell.home-playful .home-search button:hover{filter:brightness(1.04)}.home-shell.home-playful .home-search button:active{transform:translateY(2px);box-shadow:0 2px 0 #306800}.home-shell.home-playful .home-search button:disabled{opacity:.6;cursor:wait}.home-shell.home-playful .home-search input:focus{outline:none;box-shadow:none}.home-shell.home-playful .home-hero .home-search:focus-within{border-color:#769c58}.home-shell.home-playful .lookup-feedback,.home-shell.home-playful .not-found{background:#fff;border:2px solid #e3e6e8;border-radius:18px;box-shadow:0 4px 16px #00000008}@media (max-width:1100px) and (min-width:901px){.home-shell.home-playful .home-core-copy{font-size:14px}.home-shell.home-playful .home-showcase-translation .home-translations{font-size:22px}}@media (max-width:900px){.home-info-links{position:static;margin-left:auto;flex-shrink:0}.home-shell.home-playful:has(>.site-nav){width:calc(100% - 32px);max-width:none;margin-inline:auto;padding:0 0 calc(240px + env(safe-area-inset-bottom, 0px))}.home-shell.home-playful .site-nav{gap:0}.home-shell.home-playful .home-hero{min-height:0;padding:36px 0 0}.home-shell.home-playful .home-hero .home-intro h1{max-width:600px;font-size:clamp(24px,4vw,32px);letter-spacing:-.04em}.home-shell.home-playful .home-hero .hero-copy{max-width:500px;font-size:14px;line-height:1.8;margin-top:12px}.home-shell.home-playful .home-showcase{margin-top:60px}.home-shell.home-playful .home-core-copy{font-size:13px;align-items:flex-start;gap:6px}.home-shell.home-playful .home-core-copy strong{padding:6px 8px;border-radius:10px}.home-shell.home-playful .home-core-copy span{padding:6px 10px;border-radius:10px}.home-shell.home-playful .home-showcase-meaning{margin-top:0}.home-shell.home-playful .home-showcase-stage{--home-card-collapsed-height:112px;min-height:112px;max-width:calc(100% - 100px);margin-top:24px}.home-shell.home-playful .home-word-parts{gap:4px}.home-shell.home-playful .home-word-part,.home-shell.home-playful .home-word-part-motion+.home-word-part-motion .home-word-part{padding:18px 8px 16px;border-radius:18px;box-shadow:0 5px 0 #dedfe1}.home-shell.home-playful .home-word-part strong{font-size:clamp(22px,calc((100vw - 146px - var(--home-part-count) * 24px) / var(--home-letter-count) * 1.5),40px)}html[lang=zh-CN] .home-shell.home-playful .home-word-part small{font-size:12px;margin-top:8px;padding-top:8px}.home-shell.home-playful .home-showcase-switch{width:40px;height:40px}.home-shell.home-playful .home-showcase-switch.is-previous{right:calc(100% + 10px)}.home-shell.home-playful .home-showcase-switch.is-next{left:calc(100% + 10px)}.home-shell.home-playful .home-showcase-switch svg{width:18px;height:18px}.home-shell.home-playful .home-showcase-translation{margin-top:28px}.home-shell.home-playful .home-showcase-translation .home-translations{font-size:18px}.home-shell.home-playful .home-showcase-progress{margin-top:20px;width:144px;height:6px}.home-shell.home-playful .home-search-dock{left:50%;width:min(640px,calc(100% - 32px));bottom:calc(118px + env(safe-area-inset-bottom, 0px))}.home-shell.home-playful .home-hero .home-search{padding:4px 5px 4px 14px;border-radius:22px}.home-shell.home-playful .home-search input{padding:8px;font-size:16px}.home-shell.home-playful .home-search .search-icon{width:18px;height:18px}html[lang=zh-CN] .home-shell.home-playful .home-hero .home-search button{width:64px;height:40px;font-size:16px;border-radius:14px;box-shadow:0 3px 0 #306800;margin-bottom:3px}}@media (prefers-reduced-motion:reduce){.home-shell.home-playful .home-search button{transition:none}}@media (min-width:901px) and (max-height:850px){.home-shell.home-playful .home-hero{padding-top:40px}.home-shell.home-playful .home-hero .home-intro h1{font-size:clamp(28px,2.8vw,40px)}.home-shell.home-playful .home-hero .hero-copy{font-size:16px}.home-shell.home-playful .home-showcase{margin-top:72px}.home-shell.home-playful .home-showcase-stage{--home-card-collapsed-height:128px;min-height:128px;margin-top:24px}.home-shell.home-playful .home-word-part,.home-shell.home-playful .home-word-part-motion+.home-word-part-motion .home-word-part{padding:16px}.home-shell.home-playful .home-word-part strong{font-size:clamp(30px,calc((100vw - 500px) / var(--home-letter-count)),56px)}html[lang=zh-CN] .home-shell.home-playful .home-word-part small{margin-top:8px;padding-top:8px;font-size:14px}.home-shell.home-playful .home-showcase-translation{margin-top:26px}.home-shell.home-playful .home-showcase-translation .home-translations{font-size:22px}.home-shell.home-playful .home-showcase-progress{margin-top:20px}}@media (max-width:900px) and (max-height:740px){.home-shell.home-playful .home-hero{padding-top:24px}.home-shell.home-playful .home-hero .hero-copy{font-size:14px}.home-shell.home-playful .home-showcase{margin-top:40px}.home-shell.home-playful .home-showcase-stage{--home-card-collapsed-height:112px;min-height:112px}.home-shell.home-playful .home-showcase-translation{margin-top:22px}}@media (max-width:900px) and (max-height:620px),(min-width:901px) and (max-height:700px){.home-shell.home-playful .home-search-dock{position:static;transform:none;width:100%;margin-top:48px}.home-shell.home-playful .home-hero{padding-bottom:20px}.home-shell.home-playful:has(>.site-nav){padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))}}.site-shell.tabs-playful:has(>.site-nav){padding-top:40px;padding-bottom:64px}.tabs-playful{--type-caption:12px;--type-ui:14px}.tabs-playful :is(h1,h2,h3,em,.wordbook-undo strong,.review-finish>span){font-family:var(--home-font);font-style:normal}.tabs-playful .page-intro{padding:0 0 32px}.tabs-playful .page-intro h1{color:var(--ink);font-size:clamp(28px,2.8vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.3}.tabs-playful .page-intro h1 em{color:#4a9900;font-weight:inherit}.tabs-playful .page-intro>p:last-child{margin-top:14px;max-width:660px;color:var(--muted)}html[lang=zh-CN] .tabs-playful .page-intro .eyebrow{margin:0 0 10px;color:#087fae;font-size:12px;font-weight:800;letter-spacing:.08em}.tabs-playful .site-nav .nav-search{border:2px solid #dedfe2;border-radius:18px;padding:4px 5px 4px 12px;background:#fafafa;gap:6px}.tabs-playful .nav-search input{font-family:var(--home-font);font-size:16px;color:var(--ink)}.tabs-playful .nav-search input::placeholder{color:#858d97}.site-shell.tabs-playful .nav-search input:focus{outline:none;box-shadow:none}.tabs-playful .site-nav .nav-search:focus-within{border-color:#769c58}.tabs-playful .nav-search button{width:36px;height:36px;border-radius:12px;background:#3e8500;box-shadow:0 3px 0 #306800;margin-bottom:3px}.tabs-playful .nav-search button:active{transform:translateY(2px);box-shadow:0 1px 0 #306800}.tabs-playful .home-story-entry{padding:20px;border:2px solid #e1e2e5;border-radius:18px;background:#fff;box-shadow:0 5px 0 #dedfe1;transition:transform .16s ease}.tabs-playful .home-story-entry h2{font-family:var(--home-font);color:var(--ink);font-size:22px;font-weight:800;line-height:1.5}.tabs-playful .home-story-entry h2 [lang=en]{color:#087fae}.tabs-playful .home-story-tag{border:1px solid #d9c8ef;border-radius:8px;padding:4px 8px;background:#f4edff;color:#8050af;font-size:12px;font-weight:800}.tabs-playful .home-story-entry:is(:hover,:focus-visible){border-color:#e1e2e5;box-shadow:0 5px 0 #dedfe1;transform:translateY(-2px)}.tabs-playful .wordbook-panel{padding:24px;border:2px solid #e5e5e7;border-radius:20px;background:#fff}.tabs-playful .wordbook-toolbar{flex-wrap:wrap;gap:16px;border-color:#ececee}.tabs-playful .book-filters{gap:8px}html[lang=zh-CN] .tabs-playful .book-filters button{min-height:42px;padding:8px 12px;border:2px solid #e5e5e7;border-radius:12px;background:#fff;color:#626971;font-size:14px;font-weight:700}.tabs-playful .book-filters button span{min-width:22px;height:22px;padding:0 4px;font-size:12px;background:#f0f1f3}html[lang=zh-CN] .tabs-playful .book-filters button.active{border-color:#b9e8ff;background:#e4f5ff;color:#087fae}.tabs-playful .book-filters button.active span{background:#cceefe}.tabs-playful .book-filters button:not(.active):hover{background:#f5f8fa}.tabs-playful .book-review-link{color:#3e8500}.tabs-playful .wordbook-list{display:block;list-style:none;padding:0;margin:8px 0 0}.tabs-playful .wordbook-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 48px;align-items:center;gap:20px;padding:12px 8px;border-bottom:1px solid #ececee}.tabs-playful .wordbook-row:last-child{border-bottom:0}.tabs-playful .wordbook-row:hover{background:#f8fafb}.tabs-playful .wordbook-row-link{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);align-items:center;gap:24px;min-width:0;color:var(--ink);text-decoration:none}.tabs-playful .wordbook-list h2{margin:0;font-family:var(--home-font);font-size:20px;font-weight:800;line-height:1.4;color:#258995;overflow-wrap:anywhere}.tabs-playful .wordbook-row-meaning{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.tabs-playful .wordbook-row-progress{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.tabs-playful .wordbook-row-progress .word-status{border:1px solid transparent;border-radius:7px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.tabs-playful .wordbook-row-progress small{color:var(--muted);font-size:11px;white-space:nowrap}.tabs-playful .wordbook-list .word-status-new{background:#eaf6ff;border-color:#c9e9fb;color:#087fae}.tabs-playful .wordbook-list .word-status-learning{background:#fff5d6;border-color:#f1df9b;color:#886100}.tabs-playful .wordbook-list .word-status-mastered{background:#edf9e5;border-color:#cee7bb;color:#3d7719}.tabs-playful .wordbook-row-remove{min-height:40px;padding:4px;border:0;border-radius:8px;background:transparent;color:#707780;font-size:12px;cursor:pointer}.tabs-playful .wordbook-row-remove:hover{background:#fff0f0;color:#a63f45}.tabs-playful .book-empty{min-height:320px;padding:36px 16px;gap:12px}.tabs-playful .book-empty>.book-empty-icon{display:grid;place-items:center;width:76px;height:76px;margin-bottom:4px;border-radius:22px;background:#f4edff;color:#a965e8}.tabs-playful .book-empty h2{margin:0;font-size:22px;font-weight:800}.tabs-playful .book-empty p{margin:0;max-width:420px;color:var(--muted)}.tabs-playful .book-empty a{margin-top:8px}.tabs-playful .wordbook-undo{left:calc(232px + (100% - 232px) / 2);width:max-content;max-width:calc(100% - 312px);border:2px solid #e1e2e5;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 4px 12px #00000012;gap:16px;font-size:14px}.tabs-playful .wordbook-undo strong{font-size:16px}.tabs-playful .wordbook-undo button{flex-shrink:0;min-height:36px;border-radius:10px;background:#e4f5ff;color:#087fae}.tabs-playful .inline-load-error{border:1px solid #f1d3bc;background:#fff5eb;border-radius:14px;color:#98501e}.tabs-playful .review-intro{max-width:780px;margin-inline:auto}.tabs-playful .review-stage{width:min(780px,100%);padding:28px;border:2px solid #e1e2e5;border-radius:20px;background:#fff;box-shadow:0 5px 0 #dedfe1}.tabs-playful .review-stage-head{padding-bottom:16px;border-bottom:2px solid #f0f1f3;color:var(--muted);font-size:14px}.tabs-playful .review-stage-head span{padding:5px 10px;border-radius:8px;color:#3d7719;background:#edf9e5}.tabs-playful .review-stage-head{gap:16px}.tabs-playful .review-stage-head>span{flex-shrink:0}.tabs-playful .review-progress{display:flex;flex:1;min-width:0;align-items:center;gap:12px}.tabs-playful .review-progress small{flex-shrink:0;color:var(--muted);font-variant-numeric:tabular-nums}.tabs-playful .review-progress progress{appearance:none;flex:1;width:100%;min-width:0;height:12px;border:0;border-radius:999px;overflow:hidden;background:#eee8f5;color:#a965e8}.tabs-playful .review-progress progress::-webkit-progress-bar{background:#eee8f5;border-radius:999px}.tabs-playful .review-progress progress::-webkit-progress-value{background:#a965e8;border-radius:999px}.tabs-playful .review-progress progress::-moz-progress-bar{background:#a965e8;border-radius:999px}.tabs-playful .review-question-label{color:var(--muted);margin-top:24px;font-weight:600}.tabs-playful .review-stage>h2{color:#258995;font-size:40px;font-weight:800;line-height:1.25;margin-top:12px;overflow-wrap:anywhere}.tabs-playful .review-page-options{gap:12px;margin-top:24px}html[lang=zh-CN] .tabs-playful .review-page-options button{min-height:72px;border:2px solid #e1e2e5;border-radius:14px;padding:14px 16px;background:#fff;box-shadow:0 3px 0 #dedfe1;font-size:15px;line-height:1.65;font-weight:600;color:var(--ink);transition:transform .15s ease}.tabs-playful .review-page-options button:not(:disabled):hover{transform:translateY(-2px);background:#f5faff;border-color:#b9e8ff;box-shadow:0 3px 0 #b9e8ff}.tabs-playful .review-page-options button:disabled{cursor:default;opacity:1}html[lang=zh-CN] .tabs-playful .review-page-options button.correct{background:#edf9e5;border-color:#9bce7d;box-shadow:0 3px 0 #9bce7d;color:#3d7719}html[lang=zh-CN] .tabs-playful .review-page-options button.wrong{background:#fff0f0;border-color:#edaaaa;box-shadow:0 3px 0 #edaaaa;color:#a63f45}.tabs-playful .review-page-feedback{margin-top:24px;padding:20px;border-radius:16px;background:#edf9e5;align-items:flex-start}.tabs-playful .review-page-feedback.wrong{background:#fff0f0}.tabs-playful .review-page-feedback strong{color:#3d7719;font-size:16px}.tabs-playful .review-page-feedback.wrong strong{color:#a63f45}.tabs-playful .review-page-feedback p{margin-top:6px;color:#626971}.tabs-playful .review-page-feedback .review-answer-meaning{color:var(--ink);font-size:18px;font-weight:800}.tabs-playful .review-word-link{margin-top:24px;color:#087fae;text-underline-offset:4px}.tabs-playful .review-finish{padding-block:44px}.tabs-playful .review-finish>span{font-size:56px;font-weight:900;color:#4a9900}.tabs-playful .review-finish>h2{font-size:28px;color:var(--ink)}.tabs-playful .review-finish p{max-width:460px;margin:16px auto 0;color:var(--muted)}.tabs-playful .review-finish>div{gap:12px;flex-wrap:wrap;margin-top:28px}.tabs-playful .review-finish a{display:inline-flex;align-items:center;min-height:44px;border:2px solid #e1e2e5;border-radius:14px;padding:10px 16px;color:#087fae}html[lang=zh-CN] .tabs-playful :is(.book-empty a,.review-page-feedback button,.review-finish button,.review-load-error button){min-height:44px;border:0;border-radius:14px;padding:10px 16px;color:#fff;background:#3e8500;box-shadow:0 4px 0 #306800;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none}.tabs-playful :is(.book-empty a,.review-page-feedback button,.review-finish button,.review-load-error button):active{transform:translateY(2px);box-shadow:0 2px 0 #306800}@media (max-width:900px){.tabs-playful .home-story-entry{aspect-ratio:auto;justify-content:flex-start;gap:20px}.site-shell.tabs-playful:has(>.site-nav){padding-top:0;padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px))}.tabs-playful .page-intro{padding:28px 0}.tabs-playful .page-intro h1{font-size:28px}.tabs-playful .site-nav .nav-search{min-width:150px}.tabs-playful .wordbook-undo{left:50%;bottom:calc(92px + env(safe-area-inset-bottom, 0px));max-width:calc(100% - 32px)}}@media (max-width:600px){.tabs-playful .page-intro h1{font-size:26px}.tabs-playful .wordbook-panel{padding:16px}.tabs-playful .book-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.tabs-playful .book-filters button{justify-content:space-between}.tabs-playful .wordbook-row{grid-template-columns:minmax(0,1fr) 70px 36px;gap:8px;padding:12px 0}.tabs-playful .wordbook-row-link{grid-template-columns:minmax(0,1fr);gap:3px}.tabs-playful .wordbook-list h2{font-size:18px}.tabs-playful .wordbook-row-meaning{font-size:13px}.tabs-playful .book-empty{padding:28px 0}.tabs-playful .book-empty h2{font-size:20px}.tabs-playful .review-stage{padding:20px 16px}.tabs-playful .review-stage>h2{font-size:34px}.tabs-playful .review-page-options{grid-template-columns:1fr}.tabs-playful .review-page-feedback{flex-direction:column;padding:16px}.tabs-playful .review-page-feedback button{align-self:flex-end}.tabs-playful .home-story-entry{padding:14px}.tabs-playful .home-story-entry h2{font-size:clamp(16px,4.3vw,20px)}.tabs-playful .home-story-tag{font-size:11px}.tabs-playful .review-finish>h2{font-size:26px}}@media (max-width:359px){.tabs-playful .site-nav .nav-search{flex-basis:100%}.tabs-playful .home-story-entry{padding:20px}.tabs-playful .home-story-entry h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.tabs-playful :is(.home-story-entry,.review-page-options button){transition:none}.tabs-playful :is(.home-story-entry,.review-page-options button):hover{transform:none}}