.speak-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#6d655821;border:none;border-radius:50%;color:#1f1a17;color:var(--ink,#1f1a17);cursor:pointer;display:inline-flex;justify-content:center;line-height:1;padding:0;transition:background .15s ease,transform .05s ease}.speak-button:hover{background:#6d655838}@media (prefers-color-scheme:dark){html[data-skin=ios] .speak-button,html[data-skin=material] .speak-button{background:#a79e8e2e}html[data-skin=ios] .speak-button:hover,html[data-skin=material] .speak-button:hover{background:#a79e8e47}}.speak-button:active{transform:scale(.92)}.speak-button:focus-visible{outline:2px solid #4a90d9;outline-offset:2px}.speak-button-md{font-size:1.15rem;height:var(--min-tap-target);width:var(--min-tap-target)}.speak-button-lg{font-size:1.5rem;height:max(2.75rem,var(--min-tap-target));margin-top:.5rem;width:max(2.75rem,var(--min-tap-target))}.word-card{background-color:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #281e140f,0 8px 24px #281e140f;box-sizing:border-box;container-type:inline-size;cursor:pointer;display:flex;flex-direction:column;margin:auto;max-width:320px;min-height:290px;overflow:hidden;padding:12px;perspective:1000px;position:relative;width:100%}.word-card.success{outline:3px solid var(--ok);outline-offset:2px}.word-card.failure{outline:3px solid var(--bad);outline-offset:2px}.feedback-indicator{font-size:1.1rem;font-weight:700;left:4px;line-height:1;position:absolute;top:4px;z-index:2}.feedback-indicator.success{color:var(--ok)}.feedback-indicator.failure{color:var(--bad)}.word-card-inner{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:240px;position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.word-card--hinted{min-height:366px}.word-card-back,.word-card-front{backface-visibility:hidden;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.word-card-front{align-items:center;background-color:initial;color:var(--ink);justify-content:flex-start;padding-top:6px;text-align:center}.word-card-front-content{flex-direction:column;gap:6px;margin:0;max-width:100%;width:100%}.card-front-hint-box,.word-card-front-content{align-items:center;display:flex;justify-content:center}.card-front-hint-box{aspect-ratio:1/1;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;flex:none;margin-bottom:2px;max-height:30%;max-width:52%;order:-1;overflow:hidden;text-align:center;width:72px}.card-front-hint-box:has(.hint-image-placeholder.is-empty),.card-hint-image-box:has(.hint-image-placeholder.is-empty){background:none;border-style:none}.hint-image-placeholder.is-empty{font-style:italic;opacity:.75}.word-card-front-hanzi{align-items:center;color:var(--ink);display:flex;font-family:"Noto Serif SC",serif;font-family:var(--font-hanzi,"Noto Serif SC",serif);font-size:4rem;justify-content:center;line-height:1.1;margin:0;min-height:70px;white-space:nowrap}.word-card-front-hanzi.long{font-size:2.8rem}.word-card-front-hanzi.len-4{font-size:2.1rem}.word-card-front-hanzi.len-5{font-size:1.65rem}.word-card-front-hanzi.len-6{font-size:1.35rem}.word-card-front-hanzi.len-7{font-size:1.2rem}.word-card-front-hanzi.len-8{font-size:1.05rem}.word-card-front-pinyin{font-size:1.35rem;line-height:1.2;margin:4px 0 6px}.word-card-back{background-color:initial;color:var(--ink)}.word-card-back,.word-card-inner.flipped{transform:rotateY(180deg)}.word-card-back,.word-card-front{-webkit-backface-visibility:hidden;transition:visibility 0s linear .3s}.word-card-inner.flipped .word-card-front,.word-card-inner:not(.flipped) .word-card-back{visibility:hidden}.practice-buttons{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:auto;width:100%;z-index:1}.practice-buttons button{align-items:center;border:none;border-radius:999px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:center;line-height:1.2;min-height:48px;overflow-wrap:break-word;padding:0 8px;text-align:center;transition:opacity .2s ease,transform .05s ease;white-space:normal;word-break:normal}.practice-buttons button:hover{opacity:.92}.practice-buttons button:active{transform:scale(.98)}.practice-buttons button.answer-yes{background-color:var(--ok);color:var(--ok-ink)}.practice-buttons button.answer-no{background-color:var(--bad);color:var(--bad-ink)}.practice-buttons button{font-size:1.25rem;line-height:1}.practice-buttons--front{box-sizing:border-box;margin-top:0;padding:0 10px 10px}.practice-buttons--front button{min-height:44px}.practice-buttons button:lang(th),:lang(th) .practice-buttons button{font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Roboto,sans-serif;line-height:1.4}.test-buttons{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1fr 1fr;margin-top:5px;width:95%;z-index:1}.test-buttons button{--t1:currentColor;--t2:currentColor;--t3:currentColor;--t4:currentColor;align-items:center;aspect-ratio:1;border:none;border-radius:8px;color:var(--surface);cursor:pointer;display:flex;flex-wrap:wrap;font-size:1.5rem;justify-content:center;line-height:1.2;margin:0;max-height:100%;overflow:hidden;overflow-wrap:break-word;padding:0;text-align:center;text-overflow:ellipsis;transition:background-color .3s;white-space:normal;width:100%;word-break:keep-all}.test-buttons button,.test-buttons button:hover{background-color:var(--accent)}.test-buttons button.test-option-md{font-size:1rem}.test-buttons button.test-option-sm{font-size:.85rem}.test-buttons button.test-option-xs{font-size:.7rem}.test-buttons button.test-option-xxs{font-size:.6rem}.metadata{display:flex;justify-content:space-between;margin-top:2px;width:100%}.exclude-button{border:none;border-radius:6px;color:var(--surface);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:600;line-height:1;min-width:68px;padding:6px 10px;white-space:nowrap}.red{background-color:var(--bad)}.green{background-color:var(--ok)}.exclude-button.red{background-color:var(--bad-soft);box-shadow:inset 0 0 0 1px var(--bad);color:var(--bad)}.exclude-button.green{background-color:var(--ok-soft);box-shadow:inset 0 0 0 1px var(--ok);color:var(--ok)}.mastery-indicator{align-items:center;align-self:center;color:var(--muted);font-size:.55rem}.history-tiles,.mastery-indicator{display:flex;justify-content:flex-end;overflow:hidden}.history-tiles{gap:2px}.history-tile{border-radius:3px;color:#fff;flex:0 0 auto;font-size:.5625rem;font-weight:700;height:13px;line-height:13px;text-align:center;width:13px}.history-tile .mark{display:block;margin:2px auto}.history-tile.correct{background-color:var(--ok);color:var(--ok-ink)}.history-tile.wrong{background-color:var(--bad);color:var(--bad-ink)}.history-tile.correct.bulk{background-color:initial;box-shadow:inset 0 0 0 1.5px var(--ok);color:var(--ok)}.history-empty{color:var(--muted);font-size:.55rem;white-space:nowrap}.green-background{background-color:var(--ok);color:var(--surface)}.red-background{background-color:var(--bad);color:var(--surface)}.card-back-main-row{align-items:flex-start;display:flex;flex:1 1 auto;gap:12px;min-height:0;overflow:hidden;width:100%}.card-hint-image-box{align-items:center;background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;color:var(--muted);display:flex;flex:none;font-size:.6875rem;height:96px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:96px}.hint-image-wrapper{height:100%;position:relative;width:100%}.hint-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.hint-image-placeholder{color:var(--muted);font-size:.6875rem;line-height:1.3;padding:6px}.regenerate-hint-button{background:#0009;border:none;border-radius:50%;color:var(--surface);cursor:pointer;font-size:1rem;height:44px;line-height:1;position:absolute;right:5px;top:5px;width:44px}.loading-hint{color:var(--muted);font-size:1rem}.card-back-text-col{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.card-back-hanzi-row{align-items:center;display:flex;gap:6px;justify-content:space-between}.card-back-hanzi{color:var(--ink);font-family:"Noto Serif SC",serif;font-family:var(--font-hanzi,"Noto Serif SC",serif);font-size:1.625rem;line-height:1.1}.card-back-pinyin{color:var(--ink);font-size:1.125rem;line-height:1.2}.word-gloss{color:var(--ink);display:block;font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}:lang(th) .word-gloss{line-height:1.45}.exclude-button:lang(th),:lang(th) .exclude-button,:lang(th) .word-gloss{font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Roboto,sans-serif}.exclude-button:lang(th),:lang(th) .exclude-button,:lang(vi) .word-gloss{line-height:1.35}.word-gloss.gloss-small{font-size:1.0625rem}.gloss-fallback-tag{align-items:center;border:1px solid var(--line);border-radius:5px;color:var(--muted);display:inline-flex;font-family:system-ui,-apple-system,sans-serif;font-size:.625rem;font-weight:600;height:18px;justify-content:center;line-height:18px;margin-right:6px;padding:0 5px;vertical-align:middle}.card-hint-row{align-items:flex-start;color:var(--muted);display:flex;font-size:.875rem;gap:6px;line-height:1.5}.hint-lang-tag{border:1px solid var(--line);border-radius:5px;color:var(--muted);flex:none;font-family:system-ui,-apple-system,sans-serif;font-size:.625rem;font-weight:600;height:18px;line-height:18px;padding:0 5px}.card-hint-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.word-meaning{display:flex;flex-direction:column;gap:10px;height:100%;min-height:0;width:100%}.test-back-pinyin{font-size:1.2rem;margin-top:auto;text-align:center}.test-buttons button.quiz-option-correct{background-color:var(--ok-soft);border:2px solid var(--ok);color:var(--ok)}.test-buttons button.quiz-option-picked{background-color:var(--bad-soft);border:2px solid var(--bad);color:var(--bad)}.test-buttons button.quiz-option-dimmed{opacity:.35}.test-buttons button.quiz-option-correct:hover{background-color:var(--ok-soft)}.test-buttons button.quiz-option-picked:hover{background-color:var(--bad-soft)}.test-buttons button{position:relative}.test-buttons .quiz-option-mark{font-size:.8rem;position:absolute;right:3px;top:3px}@container (max-width: 260px){.card-hint-image-box{aspect-ratio:1/1;height:auto;max-width:96px;width:34%}.practice-buttons{grid-template-columns:minmax(0,1fr)}.practice-buttons--front{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.practice-buttons button{min-width:44px}.test-buttons button{min-height:44px;min-width:44px}.cards-area .word-card{grid-row-gap:6px;display:grid;grid-template-rows:44px minmax(0,1fr) auto;height:306px;height:var(--card-h,306px);min-height:0;padding:10px;row-gap:6px}.cards-area .word-card.word-card--hinted{min-height:0}@media (max-width:599px){.cards-area .word-card{--card-h:var(--card-h-phone,clamp(420px,calc(100svh - 240px),600px));padding:12px;row-gap:8px}}.card-row-a{align-items:center;display:flex;gap:6px;height:44px;min-width:0}.level-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--ink);flex:none;font-size:.75rem;font-weight:600;line-height:1.4;padding:2px 8px;white-space:nowrap}.card-row-a .mastery-indicator{flex:1 1 auto;justify-content:flex-start;min-width:0;overflow:hidden}.card-row-a .history-empty{white-space:nowrap}.card-row-a-end{align-items:center;display:flex;flex:none;margin-left:auto}.cards-area .word-card-inner{height:100%;min-height:0}.card-row-d{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.card-row-d .practice-buttons,.card-row-d .practice-buttons--row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;padding:0}.card-row-d .practice-buttons button{min-height:44px}@media (max-width:599px){.card-row-d .practice-buttons button{min-height:56px}}.cards-area .exclude-button.exclude-icon{background:none;box-shadow:none;color:var(--muted);font-size:1.25rem;min-height:44px;min-width:44px;padding:0;width:44px}.cards-area .word-card-front{justify-content:center;padding-top:0}.cards-area .word-card-front-content{height:100%;justify-content:center}.cards-area .word-card-front-hanzi{font-size:min(calc(100cqi*.92/1 - 22.08px),110px);font-size:min(calc((100cqi*0.92 - 22.08px)/var(--chars, 1)),var(--hanzi-cap,110px));line-height:1.1;min-height:0}.cards-area .word-card--hinted .word-card-front-hanzi{--hanzi-cap:60px}@media (max-width:599px){.cards-area .word-card-front-hanzi{--hanzi-cap:200px}.cards-area .word-card--hinted .word-card-front-hanzi{--hanzi-cap:124px}}.cards-area .card-front-hint-box{aspect-ratio:1/1;height:88px;max-height:none;max-width:100%;order:0;width:auto}@media (max-width:599px){.cards-area .card-front-hint-box{height:200px}}.cards-area .word-card-back .word-meaning{display:flex;flex-direction:column;height:100%;min-height:0}.cards-area .word-card-back .word-gloss{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cards-area .word-card-back .card-hint-row{margin-top:auto;min-height:0;overflow:hidden}.cards-area .word-card-back .card-hint-copy{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;overflow:hidden}.cards-area .card-back-hanzi{font-size:min(calc(100cqi*.8/1 - 19.2px),44px);font-size:min(calc((100cqi*0.8 - 19.2px)/var(--chars, 1)),var(--back-hanzi-cap,44px));line-height:1.15;white-space:nowrap}.cards-area .card-back-pinyin{font-size:15px;font-size:var(--back-pinyin,15px)}.cards-area .word-card-back .word-gloss{font-size:15px;font-size:var(--back-gloss,15px);line-height:1.3}@media (max-width:599px){.cards-area .word-card-back{--back-hanzi-cap:75px;--back-pinyin:25px;--back-gloss:22px}}.cards-area .word-card:has(.test-buttons){grid-template-rows:44px minmax(0,1fr)}.hint-image-placeholder.is-empty{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.regenerate-hint-button.regenerate-hint-button--failed{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:1.25rem;height:44px;position:static;width:44px}.cards-area .word-card-back{--answer-room:110px;container-type:size}.cards-area .word-card-back .card-back-hanzi{--hanzi-cap:110px}@media (max-width:599px){.cards-area .word-card-back .card-back-hanzi{--hanzi-cap:200px}}.cards-area .word-card-back .word-meaning{align-items:center;justify-content:center;text-align:center}.cards-area .word-card-back .card-back-main-row{align-items:center;flex:0 1 auto;justify-content:center;margin-block:auto}.cards-area .word-card-back .card-back-text-col{align-items:center;flex:0 1 auto;max-width:100%}.cards-area .word-card-back .card-back-hanzi-row{justify-content:center}.cards-area .word-card-back .card-hint-row{margin-top:0}.cards-area .word-card-back .card-back-hanzi{font-size:min(calc(100cqi*.92/1 - 22.08px),110px,calc((100cqh - var(--answer-room))/1.15));font-size:min(calc((100cqi*0.92 - 22.08px)/var(--chars, 1)),var(--hanzi-cap,110px),calc((100cqh - var(--answer-room))/1.15))}.cards-area .word-card-back .word-gloss{text-align:center}@media (prefers-reduced-motion:reduce){.word-card-inner,.word-card-inner.flipped{transform:none;transition:none}.word-card-back{transform:none}.word-card-back,.word-card-front{transition:opacity .2s ease,visibility 0s linear .2s}.word-card-inner.flipped .word-card-front,.word-card-inner:not(.flipped) .word-card-back{opacity:0}}.card-row-d{grid-template-columns:minmax(0,1fr)}.cards-area .skip-button{background:none;border:0;border-radius:10px;box-shadow:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.9375rem;margin-right:4px;min-width:var(--min-tap-target);padding:0 10px;text-decoration:underline;white-space:nowrap}@media (max-width:599px){.card-row-a .history-empty,.card-row-a .level-chip{font-size:.9375rem}}.cards-area .word-card{grid-template-rows:44px minmax(0,1fr) auto auto}.cards-area .word-card>.card-row-a{grid-row:1}.cards-area .word-card>.word-card-inner{grid-row:2}.cards-area .word-card>.card-row-d{grid-row:3}.cards-area .word-card>.card-row-e{grid-row:4}.card-row-e{display:flex;justify-content:center}.cards-area .card-row-e .skip-button{background:none;border:0;box-shadow:none;color:var(--accent);cursor:pointer;font:inherit;font-size:.9375rem;margin:0;padding:0 16px;text-decoration:none}.answer-label{font-size:1.0625rem;font-weight:600}.card-tap-hint{display:none}@media (max-width:599px){.cards-area .word-card{--card-hanzi:112px;--answer-block:max(96px,calc(5.35rem + 12px));background:#0000;border:0;box-shadow:none;grid-template-rows:56px minmax(0,1fr) auto auto;padding:0;position:relative;row-gap:12px}.cards-area .word-card:before{background:var(--surface);border-radius:24px;box-shadow:0 0 0 .5px var(--line),0 2px 10px #0000000d;content:"";grid-column:1;grid-row:1/3}.cards-area .word-card>.card-row-a,.cards-area .word-card>.word-card-inner{grid-column:1;position:relative;z-index:1}.cards-area .word-card>.card-row-a{padding:12px 16px 0}.cards-area .word-card-back,.cards-area .word-card-front{justify-content:center;padding:0 16px}.cards-area .word-card-back .card-back-main-row,.cards-area .word-card-back .card-back-text-col,.cards-area .word-card-back .word-meaning,.cards-area .word-card-front-content{align-items:center;flex:0 0 auto;gap:0;height:auto;justify-content:center;margin:0}.cards-area .word-card-back .word-meaning{height:100%}.cards-area .word-card-back .card-back-hanzi,.cards-area .word-card-front-hanzi{font-size:min(var(--card-hanzi),calc(100cqi*.92/1 - 44.16px));font-size:min(var(--card-hanzi),calc((100cqi*0.92 - 44.16px)/var(--chars, 1)));line-height:1.1;min-height:0;white-space:nowrap}.cards-area .card-back-hanzi-row{justify-content:center}.cards-area .card-answer-block{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;height:var(--answer-block);justify-content:flex-start;padding-top:8px;width:100%}.cards-area .word-card-back .card-back-pinyin{font-size:1.75rem;font-weight:600}.cards-area .word-card-back .word-gloss{font-size:1.25rem;font-weight:400;text-align:center}.cards-area .card-tap-hint{bottom:16px;color:var(--muted);display:block;font-size:.9375rem;left:0;margin:0;position:absolute;right:0;text-align:center}.cards-area .word-card-back .card-hint-row{bottom:12px;left:16px;position:absolute;right:16px}.cards-area .card-row-d .practice-buttons{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cards-area .card-row-d .practice-buttons button{align-items:center;border:0;border-radius:14px;box-shadow:none;display:inline-flex;gap:8px;justify-content:center;min-height:56px}.cards-area .card-row-d .answer-no{background:var(--bad-soft);color:var(--bad)}.cards-area .card-row-d .answer-yes{background:var(--ok);color:var(--ok-ink)}}@media (max-width:380px){.cards-area .word-card{--card-hanzi:92px}}@media (min-width:430px) and (max-width:599px){.cards-area .word-card{--card-hanzi:124px}}@media (min-width:600px){html[data-skin=ios] .cards-area .cards-container,html[data-skin=material] .cards-area .cards-container{box-sizing:border-box;column-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--card-columns,3),minmax(0,1fr));padding:0 24px;row-gap:16px;width:100%}html[data-skin] .cards-area .word-card[data-in-grid]{--card-hanzi:64px;--answer-block:max(64px,calc(2.75rem + 8px));background:var(--surface);border:0;border-radius:24px;box-shadow:0 0 0 .5px var(--line),0 2px 10px #0000000d;grid-template-rows:44px minmax(0,1fr) auto;height:280px;height:var(--card-h-tablet,280px);max-width:none;padding:10px 12px 12px;width:100%}html[data-skin] .cards-area .word-card[data-in-grid]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}html[data-skin] .word-card[data-in-grid] .card-row-a-start{margin-right:auto}html[data-skin] .word-card[data-in-grid] .skip-button{background:none;border:0;box-shadow:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.9375rem;padding:0 8px 0 2px;text-decoration:none}html[data-skin] .word-card[data-in-grid] .word-card-back,html[data-skin] .word-card[data-in-grid] .word-card-front{justify-content:center;padding:0}html[data-skin] .word-card[data-in-grid] .card-back-main-row,html[data-skin] .word-card[data-in-grid] .card-back-text-col,html[data-skin] .word-card[data-in-grid] .word-card-front-content,html[data-skin] .word-card[data-in-grid] .word-meaning{align-items:center;flex:0 0 auto;gap:0;height:auto;justify-content:center;margin:0}html[data-skin] .word-card[data-in-grid] .word-meaning{height:100%}html[data-skin] .word-card[data-in-grid] .card-back-hanzi,html[data-skin] .word-card[data-in-grid] .word-card-front-hanzi{font-size:min(var(--card-hanzi),calc(100cqi*.92/1 - 29.44px));font-size:min(var(--card-hanzi),calc((100cqi*0.92 - 29.44px)/var(--chars, 1)));line-height:1.1;min-height:0;white-space:nowrap}html[data-skin] .word-card[data-in-grid] .card-back-hanzi-row{justify-content:center}html[data-skin] .word-card[data-in-grid] .card-answer-block{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;height:var(--answer-block);padding-top:6px;width:100%}html[data-skin] .word-card[data-in-grid] .card-back-pinyin{font-size:1.25rem;font-weight:600}html[data-skin] .word-card[data-in-grid] .word-gloss{-webkit-line-clamp:1;font-size:.9375rem;font-weight:400;text-align:center}html[data-skin] .word-card[data-in-grid] .card-hint-row,html[data-skin] .word-card[data-in-grid] .card-tap-hint{display:none}html[data-skin] .word-card[data-in-grid] .card-row-d .practice-buttons{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-skin] .word-card[data-in-grid] .card-row-d .practice-buttons button{align-items:center;border:0;border-radius:12px;box-shadow:none;display:inline-flex;gap:4px;justify-content:center;min-height:var(--min-tap-target);padding:0 6px}html[data-skin] .word-card[data-in-grid] .answer-label{font-size:.9375rem}html[data-skin] .word-card[data-in-grid] .answer-no{background:var(--bad-soft);color:var(--bad)}html[data-skin] .word-card[data-in-grid] .answer-yes{background:var(--ok);color:var(--ok-ink)}html[data-skin] .word-card[data-in-grid] .card-row-d .practice-buttons button{white-space:nowrap}}@container (max-width: 260px){html[data-skin] .word-card[data-in-grid] .answer-label{font-size:.8125rem}html[data-skin] .word-card[data-in-grid] .card-row-d .practice-buttons button{gap:2px;padding:0 2px}}@container (max-width: 224px){html[data-skin] .word-card[data-in-grid] .card-row-d .practice-buttons .mark{display:none}}.word-card:not([data-in-grid]) .word-card-inner{touch-action:pan-y}.cards-area .word-card:before,.cards-area .word-card>.card-row-a,.cards-area .word-card>.word-card-inner{opacity:1;opacity:var(--swipe-o,1);translate:0 0;translate:var(--swipe-x,0) 0}.cards-area .word-card:not([data-swipe]):before,.cards-area .word-card:not([data-swipe])>.card-row-a,.cards-area .word-card:not([data-swipe])>.word-card-inner{transition:translate .18s ease-out,opacity .18s ease-out}.cards-area .word-card:not([data-swipe])>.word-card-inner{transition:translate .18s ease-out,opacity .18s ease-out,transform .35s ease-in-out}@media (prefers-reduced-motion:no-preference){.cards-area .word-card .word-card-inner .word-card-back,.cards-area .word-card .word-card-inner .word-card-front{transition:visibility 0s linear .175s}}.card-memory-tip{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.9375rem;line-height:1.35;margin:0;overflow:hidden;overflow-wrap:anywhere;padding:0 8px;text-align:center}.word-card[data-in-grid] .card-memory-tip{font-size:.8125rem;line-height:1.3}.word-card[data-in-grid] .card-memory-tip-label{display:none}.card-error-fallback{align-items:center;background-color:var(--surface);border:3px solid #d3d3d3;border-radius:8px;box-sizing:border-box;color:#333;color:var(--ink,#333);display:flex;flex-direction:column;font-size:.85rem;gap:8px;justify-content:center;margin:auto;padding:12px;text-align:center;width:160px}.card-error-retry{background-color:var(--surface);border:1px solid #d3d3d3;border-radius:4px;cursor:pointer;padding:4px 10px}.missed-badge-root{display:flex;position:relative}.missed-badge{align-items:center;background-color:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--bad);cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;gap:4px;min-height:44px;min-width:44px;padding:0 10px;white-space:nowrap}.missed-sheet{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #281e142e;box-sizing:border-box;display:flex;flex-direction:column;max-height:60vh;padding:12px;position:absolute;right:0;top:calc(100% + 6px);width:320px;z-index:30}.missed-sheet-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.missed-sheet-title{color:var(--ink);font-weight:600}.missed-sheet-close{background:none;border:none;color:var(--ink);cursor:pointer;font-size:1.5rem;line-height:1;min-height:44px;min-width:44px}.missed-sheet-count{color:var(--muted);font-size:.85rem;margin:-4px 0 8px}.missed-sheet-list{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.missed-row{border-top:1px solid var(--line);min-width:0;padding:8px 0}.missed-row:first-child{border-top:none}.missed-row-main{align-items:center;display:flex;gap:10px;min-width:0}.missed-row-word{color:var(--ink);flex:none;font-size:1.35rem;white-space:nowrap}.missed-row-meaning{color:var(--ink);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.missed-row-pinyin{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:inline-flex;flex:none;font:inherit;gap:4px;min-height:44px;min-width:44px;padding:0 8px;white-space:nowrap}.missed-row-pinyin--answer[aria-expanded=true]{color:var(--ok)}.missed-row-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:4px 12px;margin-top:2px}.missed-row-meta--pick,.missed-row-times{color:var(--bad)}.missed-row-meta .mark{vertical-align:-.125em}.missed-sheet-foot{color:var(--muted);font-size:.85rem;margin:8px 0 0}@media (max-width:767px){.missed-sheet{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:auto;width:auto}}.options-sheet-root{inset:0;position:fixed;z-index:1100}.options-sheet-backdrop{background:#0006;inset:0;position:absolute}.options-sheet{background:var(--bg);border-radius:40px;bottom:8px;bottom:calc(8px + var(--yojowa-safe-bottom, 0px));box-shadow:0 -4px 24px #00000026;box-sizing:border-box;left:8px;margin:0 auto;max-width:560px;padding:8px 16px 16px;position:absolute;right:8px}.options-sheet-grabber{background:var(--line);border-radius:3px;height:5px;margin:0 auto 4px;width:36px}.options-sheet-head{align-items:center;display:flex;justify-content:center;margin-bottom:8px;min-height:44px;position:relative}.options-sheet-title{color:var(--ink);font-size:1.0625rem;font-weight:600}.options-sheet-done{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-size:1.0625rem;font-weight:600;min-height:44px;min-width:44px;padding:0 4px;position:absolute;right:0}.options-sheet-group{background:var(--surface);border-radius:14px;list-style:none;margin:0 0 12px;overflow:hidden;padding:0}.options-sheet-group li+li .options-sheet-row{border-top:.5px solid var(--line)}.options-sheet-row{align-items:center;background:none;border:0;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:1.0625rem;gap:12px;justify-content:space-between;min-height:50px;padding:10px 16px;text-align:left;width:100%}.options-sheet-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.options-sheet-row-sub{color:var(--muted);font-size:.9375rem}.options-sheet-chevron{color:var(--muted);font-size:1.375rem;line-height:1}.options-switch{background:var(--line);border-radius:16px;flex:none;height:31px;position:relative;transition:background-color .2s ease;width:51px}.options-switch.is-on{background:var(--ok)}.options-switch-knob{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:27px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:27px}.options-switch.is-on .options-switch-knob{transform:translateX(20px)}.options-sheet-confirm{padding:12px 16px}.options-sheet-confirm-text{color:var(--ink);font-size:.9375rem;margin:0 0 10px;text-align:center}.options-sheet-confirm-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.options-sheet-capsule{background:var(--surface-2);border:0;border-radius:25px;color:var(--ink);cursor:pointer;font:inherit;font-size:1.0625rem;min-height:50px}.options-sheet-capsule--primary{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (prefers-reduced-motion:reduce){.options-switch,.options-switch-knob{transition:none}}.options-alert-root{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1200}.options-alert-scrim{background:#00000040;inset:0;position:absolute}.options-alert{background:var(--surface);border-radius:24px;box-shadow:0 10px 40px #00000040;padding:20px 16px 16px;position:relative;text-align:center;width:min(300px,calc(100vw - 48px))}.options-alert-title{color:var(--ink);font-size:1.0625rem;font-weight:600;margin:0 0 6px}.options-alert-body{color:var(--ink);font-size:.9375rem;line-height:1.35;margin:0 0 16px}.options-sheet-action-row{color:var(--accent);font-weight:500}.options-sheet-footnote{color:var(--muted);font-size:.9375rem;line-height:1.35;margin:-4px 0 12px;padding:0 16px}@media (min-width:768px){html[data-skin=ios] .options-sheet{border-radius:28px;bottom:auto;left:50%;max-width:calc(100vw - 48px);right:auto;top:50%;transform:translate(-50%,-50%);width:540px}html[data-skin=ios] .options-sheet-grabber{display:none}}html[data-skin=material] .options-sheet{background:var(--surface-2);border-radius:28px 28px 0 0;bottom:0;left:0;max-width:none;padding:0 16px 24px;padding:0 16px calc(24px + var(--yojowa-safe-bottom, 0px));right:0}@media (min-width:768px){html.yojowa-app[data-skin=material] .options-sheet{max-width:100%;width:640px}}@media (min-width:600px) and (max-width:839px){html:not(.yojowa-app) .options-sheet{border-radius:28px 28px 0 0;bottom:0;left:0;margin:0 auto;max-width:640px;right:0;width:100%}}@media (min-width:840px){html:not(.yojowa-app) .options-sheet-root{align-items:center;display:flex;justify-content:center;padding:24px;pointer-events:auto}html:not(.yojowa-app) .options-sheet{border-radius:28px;bottom:auto;box-shadow:0 8px 32px #00000040;left:auto;margin:auto;max-width:560px;padding:24px 24px 28px;position:relative;right:auto;top:auto;width:min(560px,calc(100vw - 48px))}html:not(.yojowa-app) .options-sheet-grabber{display:none!important}html:not(.yojowa-app) .options-sheet-done{align-items:center;clip-path:none!important;display:inline-flex!important;font-size:1rem;font-weight:500;height:auto!important;justify-content:center;margin-left:auto;min-height:44px!important;min-width:44px!important;overflow:visible!important;position:static!important;width:auto!important}}html:not(.yojowa-app) .options-sheet{transition:transform .3s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1),border-radius .3s cubic-bezier(.2,0,0,1),max-width .3s cubic-bezier(.2,0,0,1)}@media (prefers-reduced-motion:reduce){html:not(.yojowa-app) .options-sheet{transition:opacity .15s ease!important}}html[data-skin=material] .options-sheet-grabber{background:var(--muted);border-radius:2px;height:4px;margin:22px auto 12px;opacity:.5;width:32px}html[data-skin=material] .options-sheet-head{justify-content:flex-start;margin:0;min-height:0;padding:0 8px 12px}html[data-skin=material] .options-sheet-title{font-size:1.375rem;font-weight:400}html[data-skin=material] .options-sheet-done:not(:focus-visible){clip-path:inset(50%);height:1px;min-height:0;min-width:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}html[data-skin=material] .options-sheet-group{border-radius:20px;margin-bottom:20px}html[data-skin=material] .options-sheet-group li+li .options-sheet-row{border-top-color:#0000}html[data-skin=material] .options-sheet-row{font-size:1rem;min-height:56px}html[data-skin=material] .options-sheet-switch-row{min-height:64px}html[data-skin=material] .options-sheet-chevron{display:none}html[data-skin=material] .options-switch{background:#0000;border:2px solid var(--muted);box-sizing:border-box;height:32px;transition:background-color .2s ease,border-color .2s ease;width:52px}html[data-skin=material] .options-switch-knob{background:var(--muted);box-shadow:none;height:16px;left:6px;top:6px;transition:transform .2s ease,width .2s ease,height .2s ease,top .2s ease,left .2s ease;width:16px}html[data-skin=material] .options-switch.is-on{background:var(--accent);border-color:var(--accent)}html[data-skin=material] .options-switch.is-on .options-switch-knob{background:var(--accent-ink);height:24px;left:2px;top:2px;transform:translateX(20px);width:24px}@media (prefers-reduced-motion:reduce){html[data-skin=material] .options-switch,html[data-skin=material] .options-switch-knob{transition:none}}.session-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;width:100%;z-index:10}.session-header-bar{align-items:center;background:var(--surface);box-sizing:border-box;display:flex;gap:14px;padding:8px 20px}.session-header-back{align-items:center;color:var(--ink);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;text-decoration:none}.session-header-back:hover{color:var(--accent);text-decoration:underline}.session-back-arrow{font-size:1.125rem;line-height:1}.session-back-title-desktop{display:inline}.session-header-count-desktop{color:var(--muted);font-size:.875rem;white-space:nowrap}.session-header-title-mobile{display:none}.session-header-spacer{flex:1 1}.session-header-status{font-feature-settings:"tnum";color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.session-header-progress-track{background:var(--line);height:4px;overflow:hidden;width:100%}.session-header-progress-fill{background:var(--accent);height:100%;transition:width .3s ease}@media (max-width:600px){.session-header-bar{gap:8px;padding:6px 8px 6px 4px}.session-header-back{justify-content:center;padding:0}.session-back-title-desktop,.session-header-count-desktop{display:none}.session-header-title-mobile{display:flex;flex:1 1;flex-direction:column;line-height:1.35;min-width:0}.session-header-spacer{display:none}.session-header-name{color:var(--ink);font-size:.9375rem}.session-header-name,.session-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-header-sub{color:var(--muted);font-size:.8125rem}}.session-back-label{display:none}.session-header-actions{align-items:center;display:flex;gap:8px}.session-header-progress-row{align-items:center;display:flex;gap:12px}.session-header-progress-row .session-header-progress-track{border-radius:2px;flex:1 1}@media (max-width:767px){.session-header{background:var(--bg);border-bottom:0}.session-header-bar{background:var(--bg);min-height:56px;padding:6px 16px;position:relative}.session-header-back{background:var(--surface);border-radius:22px;box-shadow:0 0 0 .5px var(--line),0 1px 3px #0000000f;color:var(--accent);font-size:1.0625rem;font-weight:500;gap:2px;min-height:var(--min-tap-target);padding:0 14px 0 10px;z-index:1}.session-back-arrow{font-size:0}.session-back-arrow:before{content:"‹";font-size:1.75rem;line-height:1;margin-top:-3px}.session-back-label{display:inline}.session-header-title-mobile{align-items:center;left:0;pointer-events:none;position:absolute;right:0}.session-header-name{font-size:1.0625rem;font-weight:600}.session-header-sub{display:none}.session-header-spacer{display:block;flex:1 1}.session-header-actions{z-index:1}.session-header-progress-row{background:var(--bg);padding:0 16px 8px}.session-header-status{font-size:.9375rem}}.header-icon-button{align-items:center;background:var(--surface);border:0;border-radius:22px;box-shadow:0 0 0 .5px var(--line),0 1px 3px #0000000f;color:var(--ink);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;width:44px}.header-icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}@media (min-width:768px){html[data-skin=ios] .session-header,html[data-skin=material] .session-header{background:var(--bg);border-bottom:0}html[data-skin=ios] .session-header-bar,html[data-skin=material] .session-header-bar{background:var(--bg);min-height:56px;padding:6px 16px;position:relative}html[data-skin=ios] .session-header-back,html[data-skin=material] .session-header-back{background:var(--surface);border-radius:22px;box-shadow:0 0 0 .5px var(--line),0 1px 3px #0000000f;color:var(--accent);font-size:1.0625rem;font-weight:500;gap:2px;min-height:var(--min-tap-target);padding:0 14px 0 10px;z-index:1}html[data-skin=ios] .session-back-arrow,html[data-skin=material] .session-back-arrow{font-size:0}html[data-skin=ios] .session-back-arrow:before,html[data-skin=material] .session-back-arrow:before{content:"‹";font-size:1.75rem;line-height:1;margin-top:-3px}html[data-skin=ios] .session-back-label,html[data-skin=material] .session-back-label{display:inline}html[data-skin=ios] .session-header-title-mobile,html[data-skin=material] .session-header-title-mobile{align-items:center;left:0;pointer-events:none;position:absolute;right:0}html[data-skin=ios] .session-header-name,html[data-skin=material] .session-header-name{font-size:1.0625rem;font-weight:600}html[data-skin=ios] .session-header-sub,html[data-skin=material] .session-header-sub{display:none}html[data-skin=ios] .session-header-spacer,html[data-skin=material] .session-header-spacer{display:block;flex:1 1}html[data-skin=ios] .session-header-actions,html[data-skin=material] .session-header-actions{z-index:1}html[data-skin=ios] .session-header-progress-row,html[data-skin=material] .session-header-progress-row{background:var(--bg);padding:0 16px 8px}html[data-skin=ios] .session-header-status,html[data-skin=material] .session-header-status{font-size:.9375rem}html[data-skin=ios] .session-back-title-desktop,html[data-skin=ios] .session-header-count-desktop,html[data-skin=material] .session-back-title-desktop,html[data-skin=material] .session-header-count-desktop{display:none}html[data-skin=ios] .session-header-title-mobile,html[data-skin=material] .session-header-title-mobile{display:flex;flex-direction:column}}html[data-skin=material] .session-header-back{background:none;box-shadow:none;color:var(--ink);justify-content:center;min-height:max(48px,var(--min-tap-target));min-width:max(48px,var(--min-tap-target));padding:0}html[data-skin=material] .session-back-label{display:none}html[data-skin=material] .session-back-arrow{font-size:0}html[data-skin=material] .session-back-arrow:before{content:"←";font-size:1.5rem;line-height:1;margin-top:0}html[data-skin=material] .session-header-title-mobile{align-items:flex-start;flex:1 1;pointer-events:auto;position:static}html[data-skin=material] .session-header-name{font-size:1.375rem;font-weight:400}html[data-skin=material] .session-header-spacer{display:none}html[data-skin=material] .header-icon-button{background:none;border-radius:24px;box-shadow:none;height:48px;width:48px}html[data-skin=material] .header-icon-button[aria-pressed=true]{background:var(--accent-soft)}html[data-skin=material] .options-dots{transform:rotate(90deg)}.excluded-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:12px 0 0;padding:0;width:100%}.excluded-row{grid-gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;gap:12px;grid-template-columns:auto auto minmax(0,1fr) auto;padding:8px 12px}.excluded-hanzi{color:var(--ink);font-family:"Noto Serif SC",serif;font-family:var(--font-hanzi,"Noto Serif SC",serif);font-size:1.5rem;white-space:nowrap}.excluded-pinyin{color:var(--muted);white-space:nowrap}.excluded-gloss{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excluded-include{background:var(--ok-soft);border:none;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ok);color:var(--ok);cursor:pointer;font-family:inherit;font-weight:600;min-height:44px;min-width:44px;padding:0 14px}.excluded-list-page .excluded-list-empty{color:var(--muted);margin:24px 0;text-align:center}@media (max-width:480px){.excluded-row{grid-template-columns:auto minmax(0,1fr) auto}.excluded-pinyin{grid-column:2;grid-row:1}.excluded-gloss{grid-column:2;grid-row:2}.excluded-hanzi{grid-row:1/span 2}.excluded-include{grid-column:3;grid-row:1/span 2}}.empty-set.empty-state{flex:1 1;flex-direction:column;gap:10px;margin-top:0;min-height:50vh;padding:48px 24px;text-align:center}.empty-set-icon,.empty-set.empty-state{align-items:center;display:flex;justify-content:center}.empty-set-icon{background:#efebe3;background:var(--surface-2,#efebe3);border-radius:36px;color:var(--muted);height:72px;margin-bottom:14px;width:72px}.empty-set-title{color:var(--ink);font-size:1.375rem;font-weight:700;margin:0}.empty-set-body{color:var(--muted);font-size:.9375rem;margin:0 0 16px;max-width:320px}.empty-set-show{background:var(--accent-soft);border:none;border-radius:12px;color:var(--accent);cursor:pointer;font:inherit;font-size:1rem;font-weight:600;min-height:var(--min-tap-target);padding:12px 28px}.completed{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;text-align:center;width:100%}.completed-time{font-size:2.5rem;margin:20px 0}.completed-stats{font-size:3rem;margin:20px 0}.completed-list{word-wrap:break-word;align-items:center;display:flex;flex-wrap:wrap;font-size:1.5rem;justify-content:center;list-style-position:inside;margin:0 auto;max-width:400px;overflow-wrap:break-word;padding-left:0;text-align:left;width:80%}.completed-list li{display:flex;margin:.2em}.completed-incorrect-indicator{font-feature-settings:"smcp";color:var(--bad);font-size:x-small;font-variant:small-caps;font-weight:bolder;vertical-align:super}.completed-review{margin:10px auto;max-width:400px;text-align:left;width:80%}.completed-review-title{font-size:1.3rem;margin:10px 0;text-align:center}.completed-review-list{list-style:none;margin:0;padding-left:0}.completed-review-item{align-items:baseline;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;font-size:1.2rem;gap:.4em;padding:4px 0}.completed-review-word{font-weight:700}.completed-review-def{color:var(--muted);font-size:1rem}.completed-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.completed-share-message{color:var(--accent);font-size:1rem;margin-top:12px}.completed-button{background-color:var(--accent);border:none;border-radius:8px;color:var(--surface);cursor:pointer;font-size:1.5rem;margin-top:20px;padding:10px 20px;transition:background-color .3s}.completed-actions .completed-button{margin-top:0}.completed-button-share,.completed-button-share:hover{background-color:var(--ok)}.completed-button:hover{background-color:var(--accent)}.completed-session{margin-bottom:.5rem;text-align:center}.completed-session-title{color:var(--ok);font-size:1.75rem;font-weight:700}.completed-session-sub{color:var(--muted);font-size:.95rem}.completed-actions-named{flex-direction:column;gap:8px;max-width:400px;width:100%}.completed-button-back{align-items:center;background-color:var(--accent);border-radius:999px;box-sizing:border-box;color:var(--accent-ink);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:0 16px;text-decoration:none;transition:opacity .2s}.completed-button-back:hover{opacity:.9;text-decoration:none}.completed-button-again{align-items:center;background:#0000;border:1.5px solid var(--line);border-radius:999px;box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:0 16px}.completed-button-again:hover{background:#00000008}.completed-sibling-section{align-self:center;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;margin-top:16px;max-width:400px;padding-top:12px;text-align:left;width:100%}.completed-sibling-title{color:var(--muted);font-size:.8125rem}.completed-sibling-list{display:flex;flex-direction:column;gap:6px}.completed-sibling-cta{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-sizing:border-box;color:var(--ink);display:flex;font-size:.9375rem;justify-content:space-between;padding:0 14px;text-decoration:none}.completed-sibling-cta:hover{border-color:var(--muted);text-decoration:none}.completed-sibling-label{flex:1 1}.completed-sibling-tag{border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:.6875rem;font-weight:600;margin-left:8px;margin-right:8px;padding:0 4px}.completed-sibling-arrow{color:var(--accent);font-weight:700}.completed-actions-summary,.completed-summary{align-self:stretch;box-sizing:border-box;width:100%}.completed-badge{align-items:center;background:var(--ok-soft);border-radius:32px;color:var(--ok);display:flex;height:64px;justify-content:center;margin:8px 0 12px;width:64px}.completed-summary{background:var(--surface);border-radius:14px;margin:20px 0 16px;padding:0 16px;text-align:left}.completed-summary-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;min-height:48px;padding:10px 0}.completed-summary-row:last-child{border-bottom:0}.completed-summary dt{color:var(--ink);font-size:1rem;margin:0}.completed-summary dd{color:var(--muted);font-size:1rem;font-weight:600;margin:0;white-space:nowrap}.completed-summary-note{color:var(--muted);display:block;font-size:.8125rem;margin-top:2px}.completed-summary dd.completed-summary-ok{color:var(--ok)}.completed-summary dd.completed-summary-bad{color:var(--bad)}.completed-actions-summary{display:flex;flex-direction:column;gap:10px}.completed-actions-summary .completed-button{box-sizing:border-box;min-height:50px;width:100%}.completed-button-again-missed{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--accent);display:flex;font-size:1rem;font-weight:600;justify-content:center;text-decoration:none}.onboarding-overlay{align-items:flex-end;background:#140f0a73;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@media (min-width:600px){.onboarding-overlay{align-items:center}}.onboarding-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-hero);box-shadow:var(--shadow);box-sizing:border-box;color:var(--ink);max-width:420px;padding:22px 20px 18px;text-align:left;width:100%}.onboarding-title{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.01em;margin:0 0 12px;text-align:left}.onboarding-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 0 18px;padding:0}.onboarding-list li{align-items:flex-start;display:flex;font-size:.98rem;gap:12px;line-height:1.4;margin:0}.onboarding-icon{background:var(--surface-2);border-radius:var(--r-pill);display:grid;flex:0 0 auto;font-size:.85rem;height:28px;place-items:center;text-align:center;width:28px}.onboarding-button{align-items:center;background-color:var(--accent);border:none;border-radius:var(--r-pill);color:var(--accent-ink);cursor:pointer;display:flex;flex-shrink:0;font:inherit;font-size:1.05rem;font-weight:600;justify-content:center;line-height:1.2;min-height:max(48px,var(--min-tap-target));overflow-wrap:break-word;padding:0 20px;text-align:center;transition:filter .15s;white-space:normal;width:100%;word-break:normal}.onboarding-button:hover{filter:brightness(1.05)}.onboarding-card:lang(th),.onboarding-overlay:lang(th),:lang(th) .onboarding-card,:lang(th).onboarding-overlay{font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Roboto,sans-serif}.onboarding-list li:lang(th),:lang(th) .onboarding-list li{line-height:1.6}.onboarding-button:lang(th),:lang(th) .onboarding-button{font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Roboto,sans-serif;line-height:1.4}.onboarding-icon--ok{color:var(--ok)}.onboarding-icon--bad{color:var(--bad)}.container{align-items:center;background-color:var(--bg);border:2px solid var(--line);border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;flex-direction:column;height:100%;justify-content:space-between;margin-top:60px;padding:10px}.cards-area,.container{display:flex;width:100%}.cards-area{flex-direction:row;height:calc(100% - 100px);min-height:0;overflow:hidden}.cards-container{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-auto-flow:column;margin:0 auto;padding:0;width:100%}.cards-container.layout1c1r,.cards-container.layout1c2r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout1c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout1c3r,.cards-container.layout1c4r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout2c1r,.cards-container.layout2c2r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout2c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout2c3r,.cards-container.layout2c4r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout3c1r,.cards-container.layout3c2r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout3c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout3c3r,.cards-container.layout3c4r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout4c1r,.cards-container.layout4c2r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout4c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout4c3r,.cards-container.layout4c4r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout5c1r,.cards-container.layout5c2r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout5c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout5c3r,.cards-container.layout5c4r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout6c1r,.cards-container.layout6c2r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout6c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout6c3r,.cards-container.layout6c4r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout7c1r,.cards-container.layout7c2r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout7c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout7c3r,.cards-container.layout7c4r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout8c1r,.cards-container.layout8c2r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout8c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout8c3r,.cards-container.layout8c4r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout9c1r,.cards-container.layout9c2r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout9c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout9c3r,.cards-container.layout9c4r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout10c1r,.cards-container.layout10c2r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout10c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout10c3r,.cards-container.layout10c4r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout11c1r,.cards-container.layout11c2r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout11c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout11c3r,.cards-container.layout11c4r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout12c1r,.cards-container.layout12c2r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout12c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout12c3r,.cards-container.layout12c4r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout1c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout1c5r,.cards-container.layout1c6r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr))}.cards-container.layout1c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout1c7r{grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout2c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout2c5r,.cards-container.layout2c6r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.cards-container.layout2c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout2c7r{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout3c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout3c5r,.cards-container.layout3c6r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.cards-container.layout3c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout3c7r{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout4c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout4c5r,.cards-container.layout4c6r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}.cards-container.layout4c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout4c7r{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout5c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout5c5r,.cards-container.layout5c6r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr))}.cards-container.layout5c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout5c7r{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout6c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout6c5r,.cards-container.layout6c6r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr))}.cards-container.layout6c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout6c7r{grid-auto-flow:row;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout7c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout7c5r,.cards-container.layout7c6r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr))}.cards-container.layout7c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout7c7r{grid-auto-flow:row;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout8c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout8c5r,.cards-container.layout8c6r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr))}.cards-container.layout8c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout8c7r{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout9c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout9c5r,.cards-container.layout9c6r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr))}.cards-container.layout9c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout9c7r{grid-auto-flow:row;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout10c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout10c5r,.cards-container.layout10c6r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr))}.cards-container.layout10c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout10c7r{grid-auto-flow:row;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout11c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout11c5r,.cards-container.layout11c6r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr))}.cards-container.layout11c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout11c7r{grid-auto-flow:row;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout12c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout12c5r,.cards-container.layout12c6r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr))}.cards-container.layout12c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout12c7r{grid-auto-flow:row;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout13c1r,.cards-container.layout13c2r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout13c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout13c3r,.cards-container.layout13c4r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout13c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout13c5r,.cards-container.layout13c6r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr))}.cards-container.layout13c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout13c7r{grid-auto-flow:row;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout14c1r,.cards-container.layout14c2r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout14c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout14c3r,.cards-container.layout14c4r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout14c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout14c5r,.cards-container.layout14c6r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr))}.cards-container.layout14c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout14c7r{grid-auto-flow:row;grid-template-columns:repeat(14,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout15c1r,.cards-container.layout15c2r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout15c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout15c3r,.cards-container.layout15c4r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout15c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout15c5r,.cards-container.layout15c6r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr))}.cards-container.layout15c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout15c7r{grid-auto-flow:row;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout16c1r,.cards-container.layout16c2r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout16c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout16c3r,.cards-container.layout16c4r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout16c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout16c5r,.cards-container.layout16c6r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr))}.cards-container.layout16c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout16c7r{grid-auto-flow:row;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout17c1r,.cards-container.layout17c2r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout17c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout17c3r,.cards-container.layout17c4r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout17c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout17c5r,.cards-container.layout17c6r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr))}.cards-container.layout17c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout17c7r{grid-auto-flow:row;grid-template-columns:repeat(17,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout18c1r,.cards-container.layout18c2r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout18c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout18c3r,.cards-container.layout18c4r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout18c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout18c5r,.cards-container.layout18c6r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr))}.cards-container.layout18c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout18c7r{grid-auto-flow:row;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout19c1r,.cards-container.layout19c2r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout19c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout19c3r,.cards-container.layout19c4r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout19c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout19c5r,.cards-container.layout19c6r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr))}.cards-container.layout19c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout19c7r{grid-auto-flow:row;grid-template-columns:repeat(19,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.cards-container.layout20c1r,.cards-container.layout20c2r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c2r{grid-template-rows:repeat(2,minmax(0,auto))}.cards-container.layout20c3r{grid-template-rows:repeat(3,minmax(0,auto))}.cards-container.layout20c3r,.cards-container.layout20c4r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c4r{grid-template-rows:repeat(4,minmax(0,auto))}.cards-container.layout20c5r{grid-template-rows:repeat(5,minmax(0,auto))}.cards-container.layout20c5r,.cards-container.layout20c6r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr))}.cards-container.layout20c6r{grid-template-rows:repeat(6,minmax(0,auto))}.cards-container.layout20c7r{grid-auto-flow:row;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,auto))}.progress-bar-container{margin:5px auto;position:relative;width:100%}.progress-bar{background-color:var(--line);border-radius:var(--r-item);height:24px;overflow:hidden;width:100%}.progress{background-color:var(--ok);border-radius:12px 0 0 12px;height:100%;transition:width .3s ease}.progress-info{border-radius:8px;color:var(--ink);font-size:.875rem;font-weight:700;left:50%;padding:4px 8px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-stats{display:flex;justify-content:space-between;margin:0 0 5px;width:100%}.memorized,.not-memorized,.timer{text-wrap-mode:nowrap;background-color:var(--surface);border-radius:10px;display:flex;font-size:2rem;padding:0 10px}.not-memorized{color:var(--bad)}.memorized{color:var(--ok)}.game-settings{align-items:center;display:flex;flex-direction:row;gap:6px}.game-settings-button{align-items:center;background-color:initial;border:0;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1.5px var(--line);box-sizing:border-box;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;line-height:1.2;margin:0;padding:0 16px;white-space:nowrap}.game-settings-button.is-on{background-color:var(--accent-soft);box-shadow:none;color:var(--accent)}.game-settings-button:hover{background-color:var(--surface-2)}.game-settings-button.is-on:hover{background-color:var(--accent-soft)}.game-settings-icon{display:none;flex:none}@media (max-width:430px){.game-settings-button{padding:0;position:relative;width:44px}.game-settings-icon{display:block}.game-settings-label{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}.mark-all-memorized-button{background-color:var(--ok);border:none;border-radius:10px;color:var(--ok-ink);font-size:1.6rem;margin:2px 0 0;padding:2px;width:100%}.loading-container{height:100%;margin-top:20%}.empty-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state{box-sizing:border-box;color:var(--muted);font-size:1rem;gap:12px;margin-top:60px;padding:32px 16px;text-align:center;width:100%}.loading-spinner{animation:loading-spin .9s linear infinite;border:4px solid #0000001f;border-radius:50%;border-top:4px solid var(--muted);height:40px;margin-bottom:12px;width:40px}@keyframes loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}@media (max-width:480px){.progress-stats{flex-wrap:wrap;gap:4px}.memorized,.not-memorized,.timer{font-size:1.2rem;padding:0 6px}}.unknown-set-page{background-color:var(--bg);min-height:calc(100dvh - 48px)}.unknown-set-container{align-items:start;justify-content:center;padding:20px 20px 14px}.unknown-set-banner,.unknown-set-container{box-sizing:border-box;display:flex;width:100%}.unknown-set-banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);flex-direction:column;gap:4px;line-height:1.6;max-width:800px;padding:14px 16px}.unknown-set-title{color:var(--ink);font-size:1.125rem;font-weight:600;margin:0}.unknown-set-description{color:var(--muted);font-size:.9375rem}.unknown-set-code{background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8125rem;padding:2px 4px}.progress-stats-end{align-items:center;display:flex;gap:6px}.cards-area .cards-container{justify-content:center}@media (max-width:599px){.cards-area .cards-container{grid-template-columns:minmax(0,380px)}.cards-area .word-card{max-width:380px}}@media (min-width:600px){.cards-area .cards-container{column-gap:12px;grid-template-columns:repeat(1,168px);grid-template-columns:repeat(var(--card-columns,1),168px);row-gap:16px}}.skip-toast{align-items:center;background:#1c1b19;background:var(--ink,#1c1b19);border-radius:12px;box-shadow:0 4px 16px #0003;color:#fff;color:var(--surface,#fff);display:flex;font-size:.9375rem;gap:12px;left:50%;max-width:calc(100vw - 32px);padding:4px 4px 4px 16px;position:fixed;top:8px;top:calc(var(--yojowa-safe-top, 0px) + 8px);transform:translateX(-50%);z-index:900}.skip-toast-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skip-toast-undo{background:none;border:0;border-radius:10px;color:inherit;cursor:pointer;font:inherit;font-weight:700;min-height:44px;min-width:44px;padding:0 14px;text-decoration:underline}.test-app{background:var(--bg);box-sizing:border-box;color:var(--ink);flex-direction:column;margin:0 auto;max-width:560px;min-height:100%;padding:0;width:100%}.test-app,.test-app-header{display:flex;position:relative}.test-app-header{align-items:center;flex-shrink:0;gap:8px;height:52px;padding:0 16px}html[data-skin=material] .test-app-header{height:64px;padding:0 4px}.test-app-back-btn{align-items:center;background:var(--surface);border:.5px solid var(--line);border-radius:var(--r-pill);box-sizing:border-box;color:var(--accent);cursor:pointer;display:inline-flex;font-size:1.0625rem;font-weight:500;gap:6px;height:44px;min-height:48px;min-width:48px;padding:0 14px 0 10px;text-decoration:none;z-index:1}html[data-skin=material] .test-app-back-btn{background:#0000;border:none;border-radius:24px;color:var(--ink);height:48px;justify-content:center;padding:0;width:48px}.test-app-header-title{align-items:center;bottom:0;color:var(--ink);display:flex;font-size:1.0625rem;font-weight:600;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}html[data-skin=material] .test-app-header-title{flex:1 1;font-size:1.375rem;font-weight:500;justify-content:flex-start;padding-left:12px;position:static}.test-app-progress-row{align-items:center;display:flex;flex-shrink:0;gap:12px;padding:0 16px 10px}.test-app-progress-track{background:var(--surface-2);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.test-app-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .25s ease-out}.test-app-progress-counter{font-feature-settings:"tnum";color:var(--muted);flex-shrink:0;font-size:.9375rem;font-variant-numeric:tabular-nums}.test-app-question-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:0;padding:24px 16px;text-align:center}.test-app-hanzi{color:var(--ink);font-family:var(--font-hanzi);font-size:5.5rem;line-height:1.1}.test-app-prompt{color:var(--muted);font-size:1.0625rem}.test-app-options-list{flex-direction:column;gap:10px;padding:0 16px}.test-app-option-btn,.test-app-options-list{box-sizing:border-box;display:flex;width:100%}.test-app-option-btn{align-items:center;background:var(--surface);border:2px solid #0000;border-radius:var(--r-item);box-shadow:var(--shadow);color:var(--ink);cursor:pointer;font-size:1.0625rem;font-weight:500;justify-content:space-between;min-height:56px;padding:0 18px;text-align:left;transition:background .15s ease,border-color .15s ease}.test-app-option-btn:disabled{cursor:default}.test-app-option-btn--correct{background:var(--ok-soft)!important;border-color:var(--ok)!important;box-shadow:none!important}.test-app-option-btn--incorrect{background:var(--bad-soft)!important;border-color:var(--bad)!important;box-shadow:none!important}.test-app-mark-check{fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.test-app-mark-cross{fill:none;stroke:var(--bad);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.test-app-feedback-card{border-radius:var(--r-card);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;margin:14px 16px 12px;padding:16px}.test-app-feedback-card--correct{background:var(--ok-soft);color:var(--ink)}.test-app-feedback-card--incorrect{background:var(--bad-soft);color:var(--ink)}.test-app-feedback-title{color:var(--ink);font-size:1.25rem;font-weight:700}.test-app-feedback-sentence{color:var(--ink);font-size:1.0625rem;line-height:1.4375rem}.test-app-continue-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--r-item);color:var(--accent-ink);cursor:pointer;display:flex;font-size:1.0625rem;font-weight:600;height:52px;justify-content:center;margin-top:8px;min-height:48px;width:100%}.test-app-spacer{height:24px}.test-app-results{display:flex;flex:1 1;flex-direction:column;width:100%}.test-app-results-header{align-items:center;display:flex;flex-direction:column;gap:4px;padding:24px 16px 20px;text-align:center}.test-app-results-score{color:var(--ink);font-size:3.5rem;font-weight:700;line-height:4rem}.test-app-results-sub{color:var(--muted);font-size:1.0625rem}.test-app-review-header{color:var(--muted);font-size:.9375rem;font-weight:600;padding:0 16px 8px}.test-app-missed-list{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);margin:0 16px;overflow:hidden}.test-app-missed-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:14px;min-height:64px;padding:0 16px}.test-app-missed-row:first-child{border-top:none}.test-app-missed-hanzi{color:var(--ink);flex-shrink:0;font-family:var(--font-hanzi);font-size:1.625rem;width:64px}.test-app-missed-col{flex:1 1;min-width:0}.test-app-missed-pinyin{display:flex;font-size:1.0625rem;font-weight:600;gap:1px}.test-app-missed-meaning{color:var(--muted);font-size:.9375rem;margin-top:2px}.test-app-flex-spacer{flex:1 1}.test-app-results-actions{display:flex;flex-direction:column;gap:10px;padding:16px}.test-app-practise-btn{background:var(--accent);border-radius:var(--r-item);color:var(--accent-ink);font-weight:600;height:52px}.test-app-done-btn,.test-app-practise-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:1.0625rem;justify-content:center;min-height:48px;width:100%}.test-app-done-btn{background:#0000;color:var(--accent);font-weight:500;height:48px}.test-app-status{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:32px 16px;text-align:center}.test-app-status-text{color:var(--muted);font-size:1.0625rem}.test-app-retry-btn{background:var(--accent);border:none;border-radius:var(--r-item);color:var(--accent-ink);cursor:pointer;font-size:1.0625rem;font-weight:600;height:48px;min-height:48px;padding:0 24px}@media (min-width:840px){html:not(.yojowa-app) .test-app{max-width:1040px;padding:0 24px}html:not(.yojowa-app) .test-app-body{align-items:center;display:flex;flex-direction:row;gap:48px;margin:32px 0 24px;width:100%}html:not(.yojowa-app) .test-app-question-area{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-shadow:0 1px 3px #0000000a;flex:1 1;margin:0;padding:40px 24px}html:not(.yojowa-app) .test-app-options-list{flex:1 1;margin:0}}.navbar{align-items:center;background-color:var(--ink);box-sizing:border-box;display:flex;justify-content:space-between;padding:0 .5rem 0 .25rem;width:100%}.nav-center,.nav-left,.nav-right{align-items:center;display:flex;gap:1.5rem}.nav-left{margin-right:.5rem}.nav-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none}.logo-text{font-size:1.1rem;margin-right:.5rem}.navbar a{color:#fff;padding:.5rem;text-decoration:none}.navbar a:hover{color:var(--accent)}.nav-button{border:none;border-radius:8px;color:var(--surface);cursor:pointer;font-size:.9rem;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.nav-button,.nav-button:hover{background:var(--accent)}.nav-list{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.nav-item{margin-right:20px}.nav-link{color:#fff;font-size:1.125rem;text-decoration:none}.user-section{align-items:center;display:flex;height:40px;justify-content:space-between;margin-left:auto}.user-section .nav-user-info{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.5rem;margin:3px 0;text-align:center}.login-button,.logout-button{background-color:var(--ok);border:none;border-radius:2px;color:#fff;cursor:pointer;height:30px;padding:2px 5px}.logout-button{background-color:#f44336;margin-left:20px}.page-content{margin-top:60px;padding:20px}.nav-profile-avatar,.profile-avatar{border-radius:50%;box-shadow:0 4px 10px #0000001a;display:block;height:30px;margin-bottom:5px;width:30px}.profile-avatar{height:100px;width:100px}.nav-center a,.nav-right a{color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none}.nav-link-active{background-color:#ffffff1a;border-radius:8px}.nav-right{gap:.4rem;margin-left:0}.nav-right a{font-size:.8rem;opacity:.7;padding:.25rem .5rem}.nav-wordsets-link{align-items:center;box-sizing:border-box;display:flex}.nav-center{margin-right:auto;padding-left:0}.dropdown{height:100%;position:relative}.dropdown-trigger{align-items:center;background:none;border:none;color:var(--surface);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;height:100%;padding:0 .5rem}.dropdown-arrow{font-size:.6rem;opacity:.7}.user-dropdown-trigger{max-width:200px}.user-avatar{border-radius:50%;height:24px;width:24px}.user-info-compact{align-items:flex-start;display:flex;flex-direction:column;font-size:.7rem;line-height:1.1;overflow:hidden}.user-info-compact .name{font-weight:500}.user-info-compact .email,.user-info-compact .name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-compact .email{opacity:.7}.dropdown-menu{background:#2a2a2a;border-radius:8px;box-shadow:0 2px 10px #0003;margin-top:4px;min-width:160px;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{color:var(--surface);cursor:pointer;display:block;padding:.5rem 1rem;text-decoration:none;white-space:nowrap}.dropdown-item:hover{background:#ffffff1a}.nav-right .auth-buttons{align-items:center;display:flex;flex-direction:row;gap:8px}.google-signin-compact{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-family:var(--font-latin);font-size:.875rem;font-weight:500;gap:6px;order:1;padding:4px 12px}.google-signin-compact img{height:18px;width:18px}.try-button{background-color:var(--accent);border:none;border-radius:8px;color:var(--surface);cursor:pointer;font-size:.875rem;order:2;padding:6px 12px;white-space:nowrap}.try-button:hover{background-color:#357ae8}.mobile-about-items{display:none}@media (max-width:480px){.navbar{padding:0 .25rem}.nav-center,.nav-left,.nav-right{gap:.5rem}.logo-text,.nav-left{margin-right:.25rem}.logo-text{font-size:1rem}.user-info-compact{display:none}.user-dropdown-trigger{max-width:none;padding:0 .25rem}.dropdown-trigger{padding:0 .35rem}.nav-right a{padding:.25rem .35rem}.nav-about-dropdown{display:none}.mobile-about-items{display:block}}.nav-doors{align-items:center;display:flex;gap:2px;min-width:0;overflow:hidden}.nav-door{align-items:center;border-radius:999px;box-sizing:border-box;color:#ffffffdb;display:inline-flex;font-size:.875rem;font-weight:500;padding:0 10px;text-decoration:none;white-space:nowrap}.nav-door:hover{background:#ffffff1a;text-decoration:none}.nav-door.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-menu-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#fff;cursor:pointer;display:none;flex:none;height:44px;justify-content:center;padding:0;width:44px}.nav-menu-btn.open{background:#ffffff1f}.navbar.nav--compact .nav-doors{display:none}.navbar.nav--compact .nav-menu-btn{display:inline-flex}@media (max-width:600px){.nav-doors{display:none}.nav-menu-btn{display:inline-flex}}.nav-menu-backdrop{background:#1d1a1652;bottom:0;z-index:1001}.nav-menu-backdrop,.nav-menu-sheet{left:0;position:fixed;right:0;top:48px}.nav-menu-sheet{background:var(--surface);border-bottom:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 8px 24px #281e141f;flex-direction:column;padding:6px 8px 14px;z-index:1002}.nav-menu-door,.nav-menu-sheet{box-sizing:border-box;display:flex}.nav-menu-door{align-items:center;border-radius:12px;border-radius:var(--r-item,12px);color:var(--ink);font-size:1rem;font-weight:500;padding:2px 14px;text-decoration:none}.nav-menu-door.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-menu-legal{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:0 14px;margin-top:6px;padding:6px 14px 0}.nav-menu-legal a{align-items:center;color:var(--muted);display:inline-flex;font-size:.8125rem;text-decoration:none}@media (max-width:600px){.nav-logo .logo,.nav-logo img,.nav-logo picture{display:none}.nav-left{gap:.25rem}}.navbar.nav--compact .nav-logo .logo,.navbar.nav--compact .nav-logo img,.navbar.nav--compact .nav-logo picture{display:none}@media (max-width:430px){.nav-right{gap:4px}.nav-left{margin-right:0}}@media (max-width:600px){.auth-buttons .google-signin-compact,.navbar .streak-badge .streak-goal,.user-info-compact{display:none}.user-dropdown-trigger{padding:0 2px}}.nav-menu-signin{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;border-radius:var(--r-item,12px);box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:.9375rem;font-weight:600;gap:10px;margin-top:6px;padding:2px 14px;width:100%}.nav-menu-signin .google-icon{height:18px;width:18px}@media (prefers-color-scheme:dark){html[data-skin=ios] .navbar,html[data-skin=material] .navbar{background-color:var(--surface);border-bottom:1px solid var(--line)}}.profile-container{align-items:flex-start;justify-content:center;padding:32px 16px 64px}.profile-card,.profile-container{box-sizing:border-box;display:flex}.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);flex-direction:column;gap:20px;max-width:480px;padding:24px 20px;width:100%}.profile-card .user-info{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.profile-user-name{font-size:1.125rem;font-weight:700}.profile-user-email{color:var(--muted);font-size:.875rem}.profile-language-section{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:16px}.profile-language-title{color:var(--ink);font-size:1rem;font-weight:700}.profile-language-desc{color:var(--muted);font-size:.875rem;line-height:1.5}.profile-card .logout-button{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;border-radius:var(--r-pill,999px);box-sizing:border-box;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;justify-content:center;margin:0;min-height:44px;min-height:var(--min-tap-target,44px);padding:0 24px;transition:border-color .15s ease;width:100%}.profile-card .logout-button:hover{border-color:var(--ink)}.profile-card .login-button{background:var(--accent);border:none;border-radius:999px;border-radius:var(--r-pill,999px);box-sizing:border-box;color:#fff;color:var(--accent-ink,#fff);cursor:pointer;font:inherit;margin:0;padding:0 24px;width:100%}.profile-card .login-button,.profile-card .profile-delete-link{align-items:center;display:inline-flex;font-weight:600;justify-content:center;min-height:44px;min-height:var(--min-tap-target,44px)}.profile-card .profile-delete-link{border-top:1px solid var(--line);color:var(--bad);padding-top:16px;text-decoration:none}.profile-card .profile-delete-link:hover{text-decoration:underline}.profile-app-container{margin:0 auto;max-width:680px;padding:0 16px 32px}.profile-app-container,.profile-app-split{box-sizing:border-box}.profile-app-container,.profile-app-split,.profile-pane-left,.profile-pane-right{display:flex;flex-direction:column;width:100%}@media (min-width:744px) and (min-height:600px),(min-width:840px){.profile-app-container{max-width:1000px;padding:0 24px 32px}.profile-app-split{align-items:flex-start;flex-direction:row;gap:32px}.profile-pane-left{border-right:1px solid var(--line);box-sizing:border-box;flex-shrink:0;padding-right:32px;width:360px}.profile-pane-right{flex:1 1;min-width:0;width:auto}}.profile-auth-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);box-sizing:border-box;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:14px;margin:0 0 24px;min-height:88px;padding:14px 16px;text-align:left;text-decoration:none;transition:background .15s ease;width:100%}.profile-auth-card:focus-visible,.profile-auth-card:hover{background:var(--surface-2);outline:none}.profile-auth-card--static{cursor:default}.profile-auth-card--static:focus-visible,.profile-auth-card--static:hover{background:var(--surface)}.profile-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.625rem;font-weight:600;height:60px;justify-content:center;width:60px}.profile-avatar--signed-in{background:var(--accent);color:var(--accent-ink)}.profile-avatar--signed-out{background:var(--surface-2);color:var(--muted)}.profile-user-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-user-name{color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user-provider{color:var(--muted);font-size:.9375rem;line-height:1.3;margin-top:2px}.profile-signin-title{color:var(--accent);font-size:1.25rem;font-weight:600;line-height:1.3}.profile-signin-subtitle{color:var(--muted);font-size:.9375rem;line-height:1.3;margin-top:2px}.profile-chevron{flex-shrink:0}.profile-section-title{color:var(--muted);font-size:.9375rem;font-weight:600;padding:0 4px 8px}.profile-card-group{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);display:flex;flex-direction:column;margin:0 0 24px;overflow:hidden}.profile-row-btn{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--line);box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:1.0625rem;justify-content:space-between;min-height:48px;min-height:var(--min-tap-target,48px);padding:.75rem 1rem;text-align:left;transition:background .15s ease;width:100%}.profile-row-btn:last-child{border-bottom:none}.profile-row-btn:focus-visible,.profile-row-btn:hover{background:var(--surface-2);outline:none}.profile-row-btn--active{background:var(--accent-soft)}.profile-row-btn--active:focus-visible,.profile-row-btn--active:hover{background:var(--accent-soft)}.profile-row-static{cursor:default}.profile-row-static:focus-visible,.profile-row-static:hover{background:#0000}.profile-row-switch{cursor:default}.profile-row-switch:focus-visible,.profile-row-switch:hover{background:#0000}.profile-row-label{color:var(--ink);flex:1 1}.profile-row-value{align-items:center;color:var(--muted);display:flex;font-size:1.0625rem;gap:10px}.profile-toggle-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;cursor:pointer;flex-shrink:0;height:31px;padding:0;position:relative;transition:background .2s ease,border-color .2s ease;width:51px}.profile-toggle-switch--on{background:var(--ok);border-color:var(--ok)}.profile-toggle-thumb{background:#fff;border-radius:14px;box-shadow:0 2px 4px #0003;height:27px;left:1px;position:absolute;top:1px;transition:transform .2s cubic-bezier(.2,.85,.32,1.2);width:27px}.profile-toggle-switch--on .profile-toggle-thumb{transform:translateX(20px)}.profile-action-signout{color:var(--accent);font-size:1.0625rem;font-weight:500}.profile-action-delete{color:var(--bad);font-size:1.0625rem;font-weight:500}.profile-app-footer{color:var(--muted);font-size:.9375rem;padding:16px 4px}.profile-footer-link{align-items:center;color:var(--muted);display:inline-flex;min-height:44px;text-decoration:none}html[data-skin=material] .profile-footer-link{min-height:48px}.profile-footer-link:focus-visible,.profile-footer-link:hover{color:var(--ink);text-decoration:underline}.profile-detail-pane{display:flex;flex-direction:column;width:100%}.profile-detail-nav{display:flex;margin-bottom:16px;position:relative}.profile-detail-back,.profile-detail-nav{align-items:center;min-height:48px;min-height:var(--min-tap-target,48px)}.profile-detail-back{background:#0000;border:none;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.0625rem;font-weight:500;gap:6px;padding:0 8px 0 0}.profile-detail-nav-title{color:var(--ink);font-size:1.0625rem;font-weight:600;margin:0}.profile-detail-nav .profile-detail-nav-title{left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.profile-detail-tablet-header{margin-bottom:20px}.profile-detail-tablet-header .profile-detail-nav-title{font-size:1.5rem;font-weight:700}.profile-goal-row{font-size:1.0625rem}.profile-goal-row--selected{font-weight:600}.profile-footnote{color:var(--muted);font-size:.9375rem;line-height:1.35rem;padding:10px 4px}.profile-tiles{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:12px 0 24px}.spoken-tile{background:var(--surface);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);box-sizing:border-box;color:var(--ink);min-height:112px;padding:16px}.spoken-tile-title{color:var(--muted);font-size:.95rem;font-weight:700;margin:0 0 8px}.spoken-tile-value{color:var(--muted);margin:0}.spoken-tile-value b{font-feature-settings:"tnum";color:var(--ink);font-size:1.75rem;font-variant-numeric:tabular-nums;margin-right:4px}.spoken-tile-change{color:var(--muted);font-size:.9rem;font-weight:700;margin:6px 0 0}.spoken-tile-change--up{color:var(--ok)}.spoken-tile-muted{color:var(--muted);margin:0}.spoken-tile-link{align-items:center;color:var(--accent);display:inline-flex;font-weight:700;min-height:44px;text-decoration:none}.lang-switcher{position:relative}.lang-pill,.lang-switcher{align-items:center;box-sizing:border-box;display:inline-flex}.lang-pill{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font-family:var(--font-latin);font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;list-style:none;min-height:44px;padding:0 16px;transition:border-color .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.lang-pill:hover,.lang-pill[aria-expanded=true],.lang-switcher.open .lang-pill{border-color:var(--ink)}.lang-pill-name-short{display:none}.lang-pill-name-full{display:inline}.lang-arrow{color:var(--muted);display:inline-block;font-size:.625rem;line-height:1}.lang-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:1002}.lang-sheet-handle{display:none}.lang-options{display:flex;flex-direction:column;width:100%}.lang-option{align-items:center;background:#0000;border:none;border-radius:var(--r-item);box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font-family:var(--font-latin);font-size:.9375rem;font-weight:400;justify-content:space-between;min-height:44px;padding:0 14px;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.lang-option:hover{background:#281e140a;text-decoration:none}.lang-option-active,.lang-option.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.lang-option-active:hover,.lang-option.active:hover{background:var(--accent-soft)}.lang-check{color:var(--accent);font-weight:700}.lang-backdrop{display:none}@media (max-width:480px){.lang-pill{font-size:.875rem;gap:6px;padding:0 12px}.lang-pill-name-full{display:none}.lang-pill-name-short{display:inline}}@media (max-width:600px){.lang-menu{border:none;border-radius:20px 20px 0 0;border-top:1px solid var(--line);bottom:0;box-shadow:0 -8px 24px #281e1414;left:0;padding:10px 12px 18px;position:fixed;right:0;top:auto;width:100%;z-index:1002}.lang-sheet-handle{align-self:center;background:var(--line);border-radius:2px;display:block;height:4px;margin:0 auto 8px;width:36px}.lang-option{font-size:1rem;min-height:48px}.lang-backdrop{background:#1d1a1659;display:block;inset:0;position:fixed;z-index:1001}}.private-login-container{align-items:center;min-height:calc(100dvh - 48px);padding:20px}.private-login-container,.signin-sheet-root{box-sizing:border-box;display:flex;justify-content:center}.signin-sheet-root{align-items:flex-end;inset:0;padding:0;pointer-events:auto;position:fixed;z-index:1100}.signin-sheet-backdrop{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0006;cursor:pointer;inset:0;position:absolute}.private-login-underlay{inset:0;opacity:.25;overflow:hidden;pointer-events:none;position:absolute}.login-card,.signin-sheet{-webkit-overflow-scrolling:touch;align-items:center;background:var(--surface);border-radius:var(--r-item);box-shadow:0 4px 24px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100dvh - 32px);max-height:calc(100dvh - 32px - var(--yojowa-safe-top, 0px));max-width:480px;overflow-y:auto;padding:24px 20px 32px;position:relative;text-align:center;width:100%;z-index:1}html[data-skin=ios] .signin-sheet{border-radius:28px;box-shadow:0 -4px 32px #00000040;margin:0 8px 8px;margin:0 8px calc(8px + var(--yojowa-safe-bottom, 0px)) 8px;max-width:560px;padding:8px 20px 24px;width:calc(100% - 16px)}html[data-skin=material] .signin-sheet{border-radius:28px 28px 0 0;box-shadow:0 -4px 32px #00000040;margin:0;max-width:100%;padding:8px 20px 24px;padding:8px 20px calc(24px + var(--yojowa-safe-bottom, 0px));width:100%}@media (min-width:768px){html.yojowa-app .signin-sheet-root{align-items:center;padding:24px}html.yojowa-app[data-skin=ios] .signin-sheet,html.yojowa-app[data-skin=material] .signin-sheet{border-radius:28px;margin:auto;max-width:520px;padding:16px 32px 32px;width:min(520px,calc(100vw - 32px))}html.yojowa-app .signin-sheet-grabber{display:none!important}}@media (max-width:839px){html:not(.yojowa-app) .signin-sheet-root{align-items:flex-end;justify-content:center;padding:0}html:not(.yojowa-app) .signin-sheet{border-radius:28px 28px 0 0;bottom:0;margin:0 auto;max-width:640px;width:100%}}@media (min-width:840px){html:not(.yojowa-app) .signin-sheet-root{align-items:center;justify-content:center;padding:24px}html:not(.yojowa-app) .signin-sheet{border-radius:28px;box-shadow:0 8px 32px #00000040;margin:auto;max-width:480px;padding:24px 32px 32px;width:min(480px,calc(100vw - 48px))}html:not(.yojowa-app) .signin-sheet-grabber{display:none!important}}html:not(.yojowa-app) .signin-sheet{transition:transform .3s cubic-bezier(.2,0,0,1),opacity .3s cubic-bezier(.2,0,0,1),border-radius .3s cubic-bezier(.2,0,0,1),max-width .3s cubic-bezier(.2,0,0,1)}@media (prefers-reduced-motion:reduce){html:not(.yojowa-app) .signin-sheet{transition:opacity .15s ease!important}}.signin-sheet-grabber{background:var(--line);border-radius:3px;flex:none;height:5px;margin:4px auto 0;width:36px}.signin-sheet-header{align-items:center;display:flex;justify-content:flex-start;min-height:var(--min-tap-target);width:100%}.signin-sheet-cancel{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-size:1.0625rem;font-weight:400;min-height:var(--min-tap-target);min-width:var(--min-tap-target);padding:0 4px;text-align:left}.signin-sheet-cancel:focus-visible,.signin-sheet-cancel:hover{opacity:.8}html[data-skin=material] .signin-sheet-cancel{display:none}.signin-sheet-icon{align-items:center;background:#b23b2e;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex:none;flex-direction:column;height:52px;justify-content:center;margin:0 auto 12px;width:52px}.signin-sheet-icon-zh{background:#fff;border-radius:4px;color:#b23b2e;font-size:.6875rem;font-weight:800;line-height:1.2;padding:1px 4px}.signin-sheet-icon-name{font-size:.5625rem;font-weight:600;letter-spacing:-.2px;line-height:1;margin-top:2px}.login-card h2,.signin-sheet h2{color:var(--ink);font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 8px}.login-card p,.signin-sheet p{color:var(--muted);font-size:.9375rem;line-height:1.4;margin:0 0 16px;max-width:320px}.features-list{box-sizing:border-box;margin:1.25rem 0 1.5rem;max-width:360px;padding:0 .5rem;width:100%}.feature-item{align-items:flex-start;display:flex;font-size:.9375rem;gap:10px;line-height:1.4;margin:.75rem 0;position:relative}.feature-item:before{flex:none;font-size:1rem;height:20px;line-height:20px;margin-top:1px;width:20px}@supports (((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none)){.feature-item:before{background-color:var(--ok);content:"";-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat}}.feature-item>:first-child{margin-left:0}html[data-skin=ios] .signin-sheet .features-list,html[data-skin=material] .signin-sheet .features-list{display:none}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:340px;width:100%}.apple-signin-button,.google-signin-button{align-items:center;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:500;gap:10px;height:50px;justify-content:center;padding:0 16px;transition:opacity .2s,background-color .2s;width:100%}.apple-signin-button{background:#000;border:1px solid #000;color:#fff;height:50px;min-height:50px}.apple-signin-button .apple-icon,.apple-signin-button img{height:18px;width:18px}@media (prefers-color-scheme:dark){html[data-skin=ios] .apple-signin-button,html[data-skin=material] .apple-signin-button{background:#fff;border-color:#fff;color:#000}html[data-skin=ios] .apple-signin-button .apple-icon,html[data-skin=ios] .apple-signin-button img,html[data-skin=material] .apple-signin-button .apple-icon,html[data-skin=material] .apple-signin-button img{filter:invert(1)}}.google-signin-button{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.google-signin-button .google-icon,.google-signin-button img{height:18px;width:18px}html[data-skin=material] .apple-signin-button,html[data-skin=material] .google-signin-button{border-radius:9999px}html[data-skin=material] .auth-buttons .google-signin-button{order:1}html[data-skin=material] .auth-buttons .apple-signin-button{order:2}.auth-buttons .apple-signin-button{order:1}.auth-buttons .google-signin-button{order:2}.try-without-signin{background:none!important;background-color:initial!important;border:none!important;box-shadow:none!important;color:var(--accent)!important;cursor:pointer;font-family:var(--font-latin);font-size:1rem!important;font-weight:500!important;margin-top:4px;min-height:var(--min-tap-target);order:3;padding:8px 16px;text-align:center;transition:opacity .2s;width:100%}.try-without-signin:focus-visible,.try-without-signin:hover{background:none!important;text-decoration:underline}.login-button{border-radius:12px;color:var(--surface);font-size:1rem;font-weight:500;margin:1rem auto 0;max-width:300px;min-height:48px;padding:14px 28px;width:100%}.review-signin-toggle{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:flex;font-size:.875rem;gap:6px;justify-content:center;margin:16px auto 0;min-height:var(--min-tap-target);order:4;padding:0 12px;text-align:center}.review-signin-toggle:hover{color:var(--ink)}.review-signin-chevron{transition:transform .2s ease}.review-signin-chevron--open{transform:rotate(180deg)}.review-signin-form{display:flex;flex-direction:column;gap:10px;margin:12px auto 0;max-width:340px;order:5;text-align:left;width:100%}.review-signin-form .review-signin-label{color:var(--muted);display:block;font-size:.75rem;font-weight:500;margin-bottom:4px}.review-signin-form .review-signin-input{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-sizing:border-box;color:var(--ink);font-size:1rem;padding:10px 12px;width:100%}.review-signin-form .review-signin-submit{background:var(--accent-soft);border:none;border-radius:10px;color:var(--accent);cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:6px;min-height:var(--min-tap-target);padding:12px 16px;width:100%}.review-signin-footnote{color:var(--muted);font-size:.75rem;margin-top:6px;text-align:center}.account-delete-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;padding:32px 16px 64px}.account-delete-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);box-sizing:border-box;color:var(--ink);display:flex;flex-direction:column;gap:14px;max-width:480px;padding:24px 20px;width:100%}html:not(.yojowa-app) .account-delete-container{align-items:center;min-height:calc(100dvh - 96px)}html:not(.yojowa-app) .account-delete-card{border-radius:28px;box-shadow:0 8px 32px #0000002e;max-width:440px;padding:28px 24px}.account-delete-done{align-items:center;text-align:center}.account-delete-title{font-family:var(--font-display);font-size:1.375rem;margin:0}.account-delete-section{color:var(--muted);font-size:.8125rem;font-weight:700;letter-spacing:.04em;margin:4px 0 0;text-transform:uppercase}.account-delete-bullets{line-height:1.6;margin:0;padding-left:20px}.account-delete-text{color:var(--muted);line-height:1.5;margin:0}.account-delete-text a{color:var(--accent)}.account-delete-warn{background:var(--bad-soft);border-radius:12px;border-radius:var(--r-item,12px);font-weight:600;line-height:1.45;padding:12px 14px}.account-delete-error,.account-delete-warn{color:var(--bad);margin:0}.account-delete-label{font-size:.875rem;font-weight:600}.account-delete-input{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;border-radius:var(--r-item,12px);color:var(--ink);font:inherit;font-size:1rem;letter-spacing:.08em;min-height:44px;min-height:var(--min-tap-target,44px);padding:0 14px}.account-delete-input:focus{border-color:var(--bad);outline:none}.account-delete-danger,.account-delete-ghost,.account-delete-primary{align-items:center;border-radius:999px;border-radius:var(--r-pill,999px);box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;justify-content:center;min-height:44px;min-height:var(--min-tap-target,44px);padding:0 24px;text-decoration:none;width:100%}.account-delete-primary{background:var(--accent);border:none;color:#fff;color:var(--accent-ink,#fff)}.account-delete-danger{background:var(--bad);border:none;color:#fff;color:var(--bad-ink,#fff)}.account-delete-danger:disabled{cursor:not-allowed;opacity:.45}.account-delete-ghost{background:#0000;border:none;color:var(--ink)}.streak-badge{align-items:center;background:#ff8a001f;border-radius:var(--r-pill);color:#d9660b;display:inline-flex;font-size:.9rem;font-weight:600;gap:.25rem;line-height:1;padding:.2rem .55rem;white-space:nowrap}.streak-badge.goal-met{background:#2ea04326;color:#1f7a34}.streak-flame{font-size:1rem}.streak-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.streak-goal{font-size:.75rem;font-weight:500;opacity:.85}.wordsets-container{align-items:start;box-sizing:border-box;display:flex;justify-content:center;padding:0 20px;width:100%}.wordsets-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;width:100%}.wordset-tile{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0}.wordset-button-group{grid-gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:16px 16px 14px;width:100%}.wordset-button{align-items:center;border:1.5px solid #0000;border-radius:var(--r-pill);box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-size:1rem;justify-content:center;line-height:1.2;margin:0;transition:filter .15s ease,background-color .15s ease;width:auto}.wordset-header{grid-column:1/3;grid-row:1}.wordset-header-text{color:var(--ink);font-size:1.05rem;font-weight:700;margin:0 0 4px;text-align:left}.wordset-button-due{background:var(--accent);color:var(--accent-ink);font-weight:600;grid-column:1/3;grid-row:2;min-height:calc(var(--min-tap-target) + 4px);padding:0 18px}.wordset-button-due:hover{filter:brightness(1.05)}.wordset-button-practice,.wordset-button-test{background:var(--surface);border-color:var(--line);color:var(--accent);font-weight:600;grid-row:3;padding:0 14px}.wordset-button-practice{grid-column:1}.wordset-button-test{grid-column:2}.wordset-button-practice:hover,.wordset-button-test:hover{background:var(--accent-soft)}.wordset-button-excluded{background:#0000;border:none;border-radius:0;color:var(--muted);font-size:.9rem;font-weight:500;grid-column:1/3;grid-row:4;justify-self:start;padding:0 4px;text-decoration:underline;text-decoration-color:#0000;transition:color .15s ease,text-decoration-color .15s ease}.wordset-button-excluded:hover{color:var(--ink);text-decoration-color:initial}.wordset-tile-foot{align-items:center;column-gap:8px;display:flex;flex-wrap:wrap;grid-column:1/3;grid-row:4;justify-content:space-between}.wordset-list-link{align-items:center;color:var(--accent);display:inline-flex;font-size:.9rem;font-weight:500;margin-left:auto;padding:0 10px;text-decoration:none;white-space:nowrap}.wordset-list-link:hover{text-decoration:underline}.wordsets-login-container{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:calc(100dvh - 64px);padding:2rem}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-hero);box-shadow:var(--shadow);max-width:480px;padding:2.5rem;text-align:center;width:100%}.login-card h2{color:var(--ink);font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.02em;margin-bottom:1rem}.login-card p{color:var(--muted);line-height:1.6;margin-bottom:2rem}.features-list{margin:1rem 0;text-align:left}.feature-item{color:var(--ink);font-size:1.1rem;margin:1rem 0}.feature-item:before{color:var(--ok);content:"✓";font-weight:700;margin-right:.5rem}@supports (((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none)){.feature-item:before{background-color:var(--ok);content:"";display:inline-block;height:1em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;vertical-align:-.125em;width:1em}}.login-button{background:var(--accent);border:none;border-radius:var(--r-pill);color:var(--accent-ink);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:filter .2s}.login-button:hover{filter:brightness(1.05)}.wordsets-status{color:var(--muted);font-size:1rem;padding:32px 16px;text-align:center;width:100%}.wordsets-error{align-items:center;display:flex;flex-direction:column;gap:12px}.wordsets-retry{background-color:var(--accent);border:none;border-radius:var(--r-pill);color:var(--accent-ink);cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px}.wordsets-retry:hover{filter:brightness(1.05)}.skeleton-block{background:var(--line);opacity:.6;pointer-events:none}.wordset-header-text.skeleton-block{border-radius:4px;height:1.2em;margin-bottom:4px;width:60%}.wordset-button-excluded.skeleton-block{width:90px}.wordsets-app-container{box-sizing:border-box;max-width:100%;padding:12px 16px 32px;width:100%}.wordsets-app-header{margin-bottom:14px}.wordsets-app-header-top{align-items:center;display:flex;justify-content:space-between}.wordsets-app-header-title{color:var(--ink);font-size:2.125rem;font-weight:700;letter-spacing:.3px;line-height:41px;margin:0}.wordsets-header-add-btn{align-items:center;background:var(--accent-soft);border:none;border-radius:50%;color:var(--accent);cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;min-width:36px;transition:opacity .15s ease;width:36px}.wordsets-header-add-btn:hover{opacity:.85}html[data-skin=material] .wordsets-header-add-btn{background:#0000;border-radius:24px;color:var(--ink);height:48px;min-height:48px;min-width:48px;width:48px}.wordsets-search-wrap{margin-bottom:16px}.wordsets-search-bar{align-items:center;background:var(--surface-2);border-radius:12px;box-sizing:border-box;display:flex;gap:8px;min-height:44px;padding:8px 12px}.wordsets-search-icon{color:var(--muted);flex-shrink:0}.wordsets-search-input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:inherit;font-size:1rem;outline:none}.wordsets-search-input::placeholder{color:var(--muted)}.wordsets-search-cancel{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9375rem;font-weight:500;min-height:36px;padding:4px 8px}.wordsets-search-results{margin-top:14px}.wordsets-search-section-title{color:var(--muted);font-size:.9375rem;font-weight:600;margin-bottom:8px;padding:0 4px}.wordset-search-set-row,.wordset-search-word-row{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;gap:12px;min-height:56px;padding:10px 16px}.wordset-search-set-row:last-child,.wordset-search-word-row:last-child{border-bottom:none}.wordset-search-set-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.wordset-search-set-name{color:var(--ink);font-size:1rem;font-weight:600}.wordset-search-set-sub{color:var(--muted);font-size:.875rem}.wordset-search-set-add-btn{background:var(--accent-soft);border:none;border-radius:16px;color:var(--accent);cursor:pointer;font-size:.875rem;font-weight:600;padding:6px 14px}.wordset-search-set-added{color:var(--muted);font-size:.875rem;font-weight:500}.wordset-search-word-lvl{background:var(--surface-2);border-radius:6px;color:var(--muted);flex-shrink:0;font-size:.8125rem;padding:2px 8px}.wordsets-app-container--tablet{align-items:flex-start;display:flex;flex-direction:row;gap:32px;margin:0 auto;max-width:1200px}.wordsets-app-container--tablet .wordsets-list-pane{flex-shrink:0;width:360px}.wordsets-app-container--tablet .wordsets-detail-pane{flex:1 1;min-width:0}@media (min-width:840px){.wordsets-app-container{align-items:flex-start;display:flex;flex-direction:row;gap:32px;margin:0 auto;max-width:1200px}.wordsets-app-container .wordsets-list-pane{flex-shrink:0;width:360px}.wordsets-app-container .wordsets-detail-pane{flex:1 1;min-width:0}}@media (min-width:1600px){.wordsets-app-container,.wordsets-app-container--tablet{gap:24px;max-width:1680px}.wordsets-app-container .wordsets-list-pane,.wordsets-app-container--tablet .wordsets-list-pane{width:380px}}.wordsets-preview-pane{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding:24px;width:440px}.wordsets-preview-char{color:var(--ink);font-family:var(--font-hanzi);font-size:5.5rem;line-height:1.1}.wordsets-preview-pinyin{color:var(--ink);font-size:1.5rem;font-weight:600;margin-top:4px}.wordsets-preview-meaning{color:var(--ink);font-size:1.25rem;margin-top:4px}.wordsets-preview-tag{align-items:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);display:inline-flex;font-size:.875rem;height:32px;margin-top:4px;padding:0 12px;width:fit-content}.wordsets-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.wordsets-preview-btn-listen{background:var(--surface-2);color:var(--ink)}.wordsets-preview-btn-add,.wordsets-preview-btn-listen{align-items:center;border:none;border-radius:24px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:8px;height:48px;padding:0 20px}.wordsets-preview-btn-add{background:var(--accent);color:var(--accent-ink)}.wordsets-list-view{margin-bottom:24px}.wordsets-list-section-title{color:var(--muted);font-size:.9375rem;font-weight:600;margin-bottom:8px;padding:0 4px}.wordsets-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.wordset-row-outer{border-bottom:1px solid var(--line);overflow:hidden;position:relative}.wordset-row-outer:last-child{border-bottom:none}.wordset-row{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--surface);box-sizing:border-box;cursor:pointer;display:flex;gap:14px;min-height:72px;padding:12px 16px;position:relative;text-align:left;transition:background-color .15s ease,transform .2s ease;-webkit-user-select:none;user-select:none;z-index:2}.wordset-row:hover{background:var(--surface-2)}.wordset-row--selected{background:var(--accent-soft)!important}.wordset-glyph-badge{align-items:center;background:var(--accent-soft);border-radius:10px;color:var(--accent);display:flex;flex-shrink:0;font-size:1.0625rem;font-weight:700;height:36px;justify-content:center;min-height:36px;min-width:36px;width:36px}.wordset-row-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.wordset-row-top{align-items:center;display:flex;justify-content:space-between}.wordset-row-name{color:var(--ink);font-size:1.0625rem;font-weight:600;line-height:1.3}.wordset-row-progress-track{background:var(--surface-2);border-radius:2px;height:4px;margin:2px 0;overflow:hidden;width:100%}.wordset-row-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s ease}.wordset-row-sub{color:var(--muted);font-size:.9375rem;line-height:1.3}.wordset-row-chevron{color:var(--muted);flex-shrink:0}.wordset-row-delete-action{align-items:center;background:var(--bad);border:none;bottom:0;color:var(--bad-ink);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:center;position:absolute;right:0;top:0;width:80px;z-index:1}.wordset-row--swiped{transform:translateX(-80px)}.wordsets-add-set-btn{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #0000000a;color:var(--accent);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:12px;min-height:48px;transition:background-color .15s ease;width:100%}.wordsets-add-set-btn:hover{background:var(--surface-2)}.wordsets-swipe-hint{color:var(--muted);font-size:.8125rem;line-height:1.4;margin:12px 4px 0;text-align:center}.wordsets-sheet-overlay{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.wordsets-sheet-backdrop{background:#0006;bottom:0;left:0;position:absolute;right:0;top:0}.wordsets-add-sheet{background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 16px #00000026;display:flex;flex-direction:column;margin:0 auto;max-height:80vh;max-width:600px;position:relative;width:100%;z-index:2}.wordsets-sheet-grabber{background:var(--muted);border-radius:2.5px;height:5px;margin:8px auto 4px;opacity:.4;width:36px}.wordsets-sheet-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px 16px}.wordsets-sheet-title{color:var(--ink);font-size:1.125rem;font-weight:700;margin:0}.wordsets-sheet-cancel-btn,.wordsets-sheet-done-btn{align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;display:flex;font-size:1rem;font-weight:500;min-height:44px;padding:6px 8px}.wordsets-sheet-done-btn{font-weight:600}.wordsets-sheet-content{overflow-y:auto;padding:16px}.wordset-sheet-row{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;gap:14px;min-height:60px;padding:10px 16px}.wordset-sheet-row:last-child{border-bottom:none}.wordset-sheet-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.wordset-sheet-row-name{color:var(--ink);font-size:1.0625rem;font-weight:600}.wordset-sheet-row-sub{color:var(--muted);font-size:.875rem}.wordset-sheet-add-btn{background:var(--accent);border:none;border-radius:18px;color:var(--accent-ink);cursor:pointer;font-size:.875rem;font-weight:600;min-height:36px;padding:8px 16px}.wordset-sheet-added-label{color:var(--muted);font-size:.875rem;font-weight:500}.wordset-detail-pane{display:flex;flex-direction:column;width:100%}.wordset-detail-nav{gap:12px;margin-bottom:12px}.wordset-detail-back,.wordset-detail-nav{align-items:center;display:flex;min-height:44px}.wordset-detail-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1.0625rem;font-weight:500;gap:6px;padding:8px 4px 8px 0}.wordset-detail-tablet-header{margin-bottom:16px}.wordset-detail-nav-title{color:var(--ink);font-size:1.375rem;font-weight:700}.wordset-detail-hero{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:18px;padding:20px 18px}.wordset-detail-learned-title{color:var(--ink);font-size:1.25rem;font-weight:700;margin:0 0 10px}.wordset-detail-progress-track{background:var(--surface-2);border-radius:3px;height:6px;margin-bottom:18px;overflow:hidden;width:100%}.wordset-detail-progress-fill{background:var(--accent);border-radius:3px;height:100%}.wordset-detail-actions{display:flex;gap:10px;margin-top:10px}.wordset-detail-btn-practise{align-items:center;background:var(--accent);border:none;border-radius:24px;color:var(--accent-ink);cursor:pointer;display:flex;flex:2 1;font-size:1.0625rem;font-weight:600;justify-content:center;min-height:48px;transition:opacity .15s ease}.wordset-detail-btn-practise:hover{opacity:.92}.wordset-detail-btn-test{align-items:center;background:var(--accent-soft);border:none;border-radius:24px;color:var(--accent);cursor:pointer;display:flex;flex:1 1;font-size:1.0625rem;font-weight:600;justify-content:center;min-height:48px;transition:opacity .15s ease,background-color .15s ease}.wordset-detail-btn-test:hover{opacity:.92}.wordset-detail-seg-wrap{background:var(--surface-2);border-radius:22px;display:flex;margin-bottom:16px;padding:3px}.wordset-seg-btn{align-items:center;background:#0000;border:none;border-radius:19px;color:var(--muted);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;justify-content:center;min-height:38px;padding:0 4px;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.wordset-seg-btn--active{background:var(--surface);box-shadow:0 1px 4px #0000001a;color:var(--ink);font-weight:600}.wordset-detail-word-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.wordset-word-row{align-items:center;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;gap:12px;min-height:58px;padding:10px 16px}.wordset-word-row:last-child{border-bottom:none}.wordset-word-hanzi{color:var(--ink);flex-shrink:0;font-family:var(--font-hanzi);font-size:1.25rem;font-weight:600;min-width:48px}.wordset-word-gloss{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.wordset-word-pinyin{font-size:.9375rem;font-weight:500;overflow-wrap:anywhere}.wordset-word-meaning{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.875rem;line-height:1.35;overflow:hidden;word-break:break-word}.wordset-word-status{flex-shrink:0;font-size:.875rem;font-weight:600;margin-left:8px}.wordset-word-status--known{color:var(--ok)}.wordset-word-status--learning{color:var(--accent)}.wordset-word-status--new,.wordset-word-status--skipped{color:var(--muted)}.wordset-detail-empty,.wordset-detail-loading{color:var(--muted);font-size:.9375rem;padding:32px 16px;text-align:center}html[data-skin=material] .wordset-detail-nav{gap:8px;margin-bottom:8px;min-height:56px}html[data-skin=material] .wordset-detail-back{background:#0000;border:none;border-radius:24px;box-shadow:none;color:var(--ink);height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;width:48px}html[data-skin=material] .wordset-detail-back-arrow svg,html[data-skin=material] .wordset-detail-back-label{display:none}html[data-skin=material] .wordset-detail-back-arrow{font-size:0;line-height:1}html[data-skin=material] .wordset-detail-back-arrow:before{color:var(--ink);content:"←";font-size:1.5rem;line-height:1}html[data-skin=material] .wordset-detail-nav .wordset-detail-nav-title{color:var(--ink);font-size:1.375rem;font-weight:400}html[data-skin=material] .wordset-detail-seg-wrap{background:#0000;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:0}html[data-skin=material] .wordset-seg-btn{background:#0000;border-radius:0;border-right:1px solid var(--line);color:var(--ink);font-size:.8125rem;min-height:48px;padding:0 4px;white-space:nowrap}@media (min-width:390px){html[data-skin=material] .wordset-seg-btn{font-size:.875rem}}html[data-skin=material] .wordset-seg-btn:last-child{border-right:none}html[data-skin=material] .wordset-seg-btn--active{background:var(--accent-soft);box-shadow:none;color:var(--accent);font-weight:600}html[data-skin=material] .wordset-seg-btn--active:before{background-color:currentColor;content:"";display:inline-block;height:14px;margin-right:4px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /contain no-repeat;vertical-align:-2px;width:14px}.site-footer{align-self:center;border-top:1px solid #eae3d6;border-top:1px solid var(--line,#eae3d6);box-sizing:border-box;display:flex;flex-wrap:wrap;font-size:.9rem;gap:6px 14px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:32px;max-width:1000px;max-width:var(--page-w,1000px);padding:12px 0 24px;width:100%}.site-footer,.site-footer a{align-items:center;color:#6d6558;color:var(--muted,#6d6558)}.site-footer a{display:inline-flex;min-height:44px;min-height:var(--min-tap-target,44px);text-decoration:underline}.session-size{box-sizing:border-box;color:var(--ink);margin:48px auto 0;max-width:560px;padding:28px 24px 72px;width:100%}.session-size-back{align-items:center;color:var(--muted);display:inline-flex;margin-left:-8px;min-height:var(--min-tap-target);padding:0 8px;text-decoration:none}.session-size-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.02em;line-height:1.2;margin:10px 0 4px}.session-size-sub{color:var(--muted);margin:0 0 20px}.session-size-options{grid-gap:10px;display:grid;gap:10px}.session-size-option{align-items:center;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-card);box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font:inherit;gap:12px;justify-content:space-between;min-height:64px;padding:10px 18px;text-align:left;transition:border-color .15s ease}.session-size-option:focus-visible,.session-size-option:hover{border-color:var(--accent);outline:none}.session-size-option.is-selected{background:var(--accent-soft);border-color:var(--accent)}.session-size-option-text{grid-gap:2px;display:grid;flex:1 1;gap:2px;min-width:0}.session-size-option-label{font-size:1.1rem;font-weight:700;line-height:1.35;word-break:break-word}.session-size-option-hint{color:var(--muted);font-size:.85rem;line-height:1.35;overflow-wrap:break-word;word-break:break-word}.session-size-option-time{color:var(--muted);flex-shrink:0;font-size:.9rem;white-space:nowrap}.session-size-note{color:var(--muted);font-size:.85rem;margin:18px 0 0}@media (max-width:480px){.session-size{padding:20px 16px 64px}.session-size-option{gap:8px;padding:10px 14px}}.policy-wrapper{background:var(--surface);bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:48px}.policy-container{color:var(--ink);font-family:var(--font-latin);margin:0 auto;max-width:min(var(--page-w),72ch);padding:2rem}.policy-container h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:.5rem}.policy-container h2{color:#2a2a2a;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.policy-container p{line-height:1.6;margin-bottom:1rem}.policy-container .last-updated{color:var(--muted);font-style:italic;margin-bottom:2rem}.policy-container ul{margin:1rem 0 1rem 2rem}.policy-container ul li{line-height:1.6;margin-bottom:.5rem}.policy-container ul ul{margin-top:.5rem}.policy-container section{margin-bottom:2rem}@media (max-width:768px){.policy-container{padding:1rem}}.cta-button-container{background-color:#f5f7fa;border-radius:8px;margin:2rem 0;padding:1rem;text-align:center}.cta-button{background-color:#24292e;border-radius:6px;display:inline-block;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.cta-button:hover{background-color:#2f363d;color:var(--surface);text-decoration:none}:root{--font-latin:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:var(--font-latin);--font-hanzi:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC","SimSun",serif;--r-pill:999px;--r-hero:20px;--r-card:16px;--r-item:12px;--page-w:1000px;--bg:#fbf9f4;--surface:#fff;--surface-2:#f4efe6;--ink:#1d1a16;--muted:#6d6558;--line:#eae3d6;--accent:#b23b2e;--accent-ink:#fff;--accent-soft:#fbeeeb;--ok:#397146;--ok-ink:#fff;--ok-soft:#e6f1e8;--bad:#a4133c;--bad-ink:#fff;--bad-soft:#fbe9ee;--t1:#c8361f;--t2:#9c5410;--t3:#2a7130;--t4:#6b3fa0;--shadow:0 1px 2px #281e140f,0 8px 24px #281e140f}@media (prefers-color-scheme:dark){html[data-skin=ios],html[data-skin=material]{--bg:#141310;--surface:#1f1c17;--surface-2:#28241d;--ink:#f2ede2;--muted:#a79e8e;--line:#332f27;--accent:#e6796a;--accent-ink:#1a0f0c;--accent-soft:#2b1d19;--ok:#7fc08f;--ok-ink:#0d1a10;--ok-soft:#1d2a20;--bad:#f0899d;--bad-ink:#33202a;--bad-soft:#34222a;--t1:#ff8a6f;--t2:#f0b45a;--t3:#7fd08a;--t4:#c39cf0;--shadow:0 1px 2px #0000004d,0 10px 30px #00000059;color-scheme:dark}}body,html{-webkit-font-smoothing:antialiased;background-color:#fbf9f4;color:#1d1a16;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:lang(zh),:lang(zh-Hans){font-family:"Noto Serif SC",Songti SC,STSong,"Source Han Serif SC",SimSun,serif;font-family:var(--font-hanzi)}.t1{color:#c8361f;color:var(--t1)}.t1,.t2{font-weight:700}.t2{color:#9c5410;color:var(--t2)}.t3{color:#2a7130;color:var(--t3)}.t3,.t4{font-weight:700}.t4{color:#6b3fa0;color:var(--t4)}:root{--min-tap-target:44px}.completed-button-again,.completed-button-back,.completed-sibling-cta,.dropdown-trigger,.exclude-button,.game-settings-button,.google-signin-button,.google-signin-compact,.home-link,.mark-all-memorized-button,.nav-door,.nav-menu-door,.nav-menu-legal a,.nav-menu-signin,.nav-wordsets-link,.onboarding-button,.popular-words-list a,.session-header-back,.session-size-back,.session-size-option,.skip-button,.speak-button,.talk-card-action,.today-guest-row,.today-secondary,.today-start,.try-button,.wordset-button,.wordset-list-link,.wordsets-retry{min-height:44px;min-height:var(--min-tap-target)}.dropdown-trigger,.session-header-back,.speak-button,.try-button{min-width:44px;min-width:var(--min-tap-target)}.mark{display:inline-block;flex:none;vertical-align:-.125em}html[data-skin=ios]{--font-latin:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif}html[data-skin=material]{--font-latin:Roboto,"Google Sans Text",system-ui,sans-serif}html.yojowa-app[data-skin=ios]{--font-hanzi:"PingFang SC","Hiragino Sans GB","Heiti SC",sans-serif}html.yojowa-app[data-skin=material]{--font-hanzi:"Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",sans-serif}body,html{align-items:center;background-color:var(--bg);box-sizing:border-box;display:flex;font-family:var(--font-latin);justify-content:center;margin:0;padding:0}#root,body,html{height:100%;width:100%}.app{display:flex;flex-direction:column;height:100dvh}.navbar{height:48px;left:0;position:fixed;right:0;top:0;z-index:1000}.content{height:calc(100dvh - 48px);margin-top:48px}.centered-content{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.text-content{line-height:1.6;max-width:min(var(--page-w),72ch);text-align:left}.content-container{height:100%}.cards-container{flex:1 1;min-height:0}html.yojowa-app .navbar,html.yojowa-app .site-footer{display:none}:is(html.yojowa-app,html[data-skin]) .content{height:auto;margin-top:0}:is(html.yojowa-app,html[data-skin]) .app{padding-top:0;padding-top:var(--yojowa-safe-top,0)}:is(html.yojowa-app,html[data-skin]) .content-container{padding-bottom:56px;padding-bottom:calc(var(--app-tabbar-h, 56px) + var(--yojowa-safe-bottom, 0px));padding-left:0;padding-left:var(--app-nav-left,0);padding-top:0;padding-top:var(--app-nav-top,0)}html.yojowa-app input,html.yojowa-app select,html.yojowa-app textarea{font-size:max(16px,1rem)}html.yojowa-app{--min-tap-target:48px}html.yojowa-app [role=button],html.yojowa-app button,html.yojowa-app input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html.yojowa-app select,html.yojowa-app summary{min-height:48px}html.yojowa-app [role=button],html.yojowa-app button{min-width:48px}html.yojowa-app a{min-height:48px}html.yojowa-app :is(p,li)>a{padding-block:16px}html.yojowa-app .apple-signin-button,html.yojowa-app .completed-sibling-tag,html.yojowa-app .game-settings-button,html.yojowa-app .google-signin-button,html.yojowa-app .review-signin-form .review-signin-label,html.yojowa-app .review-signin-form .review-signin-submit,html.yojowa-app .session-size-option-hint,html.yojowa-app .session-size-option-time,html.yojowa-app .wordset-button-excluded{font-size:.9375rem}html.yojowa-app .review-signin-form .review-signin-input{font-size:max(16px,1rem)}html.yojowa-app .lang-pill,html.yojowa-app .lang-pill .lang-arrow{font-size:.9375rem}html.yojowa-app .test-buttons{gap:10px}html.yojowa-app .test-buttons button,html.yojowa-app .test-buttons button.test-option-md,html.yojowa-app .test-buttons button.test-option-sm,html.yojowa-app .test-buttons button.test-option-xs,html.yojowa-app .test-buttons button.test-option-xxs{aspect-ratio:auto;font-size:1.125rem;min-height:56px}html.yojowa-app .cards-area .exclude-button.exclude-icon{min-height:48px;min-width:48px;width:48px}html.yojowa-app .lang-options{display:flex;flex-direction:column;gap:8px}html.yojowa-app .completed-sibling-list,html.yojowa-app .game-settings{gap:10px}html.yojowa-app .page-wrapper,html.yojowa-app .policy-wrapper{bottom:56px;bottom:calc(var(--app-tabbar-h, 56px) + var(--yojowa-safe-bottom, 0px));left:0;left:var(--app-nav-left,0);top:0;top:calc(var(--yojowa-safe-top, 0px) + var(--app-nav-top, 0px))}html.yojowa-app .onboarding-overlay{padding-bottom:16px;padding-bottom:calc(16px + var(--yojowa-safe-bottom, 0px));padding-top:16px;padding-top:calc(16px + var(--yojowa-safe-top, 0px));z-index:1100}html.yojowa-app .onboarding-card{display:flex;flex-direction:column;max-height:100%}html.yojowa-app .missed-sheet{padding-bottom:12px;padding-bottom:calc(12px + var(--yojowa-safe-bottom, 0px));z-index:1100}html.yojowa-app .lang-menu{padding-bottom:18px;padding-bottom:calc(18px + var(--yojowa-safe-bottom, 0px))}html.yojowa-app .onboarding-list{flex:1 1 auto;min-height:0;overflow-y:auto}html.yojowa-app .completed-sibling-cta[download],html.yojowa-app .popular-words-section,html.yojowa-app .today-browse-lists,html.yojowa-app .wordset-list-link{display:none}html.yojowa-app .container{border-color:#0000;border-radius:0;box-shadow:none;margin-top:0}html.yojowa-app[data-skin=ios]{font:-apple-system-body;font-family:var(--font-latin);line-height:normal}.app-tabbar{display:none}html.yojowa-app .app-tabbar{background:var(--surface);border-top:1px solid var(--line);bottom:0;box-sizing:border-box;display:flex;gap:8px;height:56px;height:calc(var(--app-tabbar-h, 56px) + var(--yojowa-safe-bottom, 0px));left:0;padding-bottom:0;padding-bottom:var(--yojowa-safe-bottom,0);position:fixed;right:0;z-index:1000}html.yojowa-app .app-tab{align-items:center;color:var(--ink);display:flex;flex:1 1;font-size:15px;font-weight:500;justify-content:center;min-height:var(--min-tap-target);text-decoration:none}html.yojowa-app .app-tab--active{color:var(--accent);font-weight:600}html.yojowa-app .app-tab{flex-direction:column;gap:2px}html.yojowa-app .app-tab-icon{align-items:center;display:inline-flex;justify-content:center;line-height:0}html.yojowa-app .app-tab-label{line-height:18px}html.yojowa-app[data-skin=ios]{--app-tabbar-h:76px}html.yojowa-app[data-skin=ios] .app-tabbar{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--surface) 78%,#0000);border:0;border-radius:31px;bottom:8px;bottom:calc(var(--yojowa-safe-bottom, 0px) + 8px);box-shadow:0 6px 24px #0000001f,0 0 0 .5px var(--line);gap:4px;height:62px;left:16px;padding:4px;right:16px}html.yojowa-app[data-skin=ios] .app-tab{border-radius:27px;color:var(--ink);font-size:11px;font-weight:600;min-height:54px}html.yojowa-app[data-skin=ios] .app-tab-label{line-height:13px}html.yojowa-app[data-skin=ios] .app-tab--active{background:color-mix(in srgb,var(--ink) 8%,#0000);color:var(--accent)}html.yojowa-app[data-skin=material]{--app-tabbar-h:80px}html.yojowa-app[data-skin=material] .app-tabbar{background:var(--surface);background:var(--surface-2,var(--surface));border-top:0}html.yojowa-app[data-skin=material] .app-tab{color:var(--muted);font-size:.8125rem;font-weight:500;gap:4px}html.yojowa-app[data-skin=material] .app-tab-icon{border-radius:16px;height:32px;transition:background-color .2s ease;width:64px}html.yojowa-app[data-skin=material] .app-tab--active{color:var(--ink);font-weight:600}html.yojowa-app[data-skin=material] .app-tab--active .app-tab-icon{background:var(--accent-soft);color:var(--accent)}.app-tabbar-brand,html.yojowa-app .app-tab.app-tab--tablet-only,html[data-skin] .app-tab.app-tab--tablet-only{display:none}@media (min-width:744px) and (min-height:600px){html.yojowa-app[data-skin=ios] .app-tab.app-tab--tablet-only,html[data-skin=ios] .app-tab.app-tab--tablet-only{display:flex}html.yojowa-app[data-skin=ios]{--app-tabbar-h:0px;--app-nav-left:260px}html.yojowa-app[data-skin=ios] .app-tabbar{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface-2);border-radius:0;border-right:.5px solid var(--line);bottom:0;box-shadow:none;flex-direction:column;gap:2px;height:auto;justify-content:flex-start;left:0;padding:16px 12px;padding:calc(var(--yojowa-safe-top, 0px) + 16px) 12px 16px;right:auto;top:0;width:260px}html.yojowa-app[data-skin=ios] .app-tabbar-brand{color:var(--ink);display:block;font-size:1.75rem;font-weight:700;padding:8px 12px 16px}html.yojowa-app[data-skin=ios] .app-tab{border-radius:10px;color:var(--ink);flex:none;flex-direction:row;font-size:1.0625rem;font-weight:500;gap:12px;justify-content:flex-start;min-height:var(--min-tap-target);padding:0 12px}html.yojowa-app[data-skin=ios] .app-tab-label{line-height:normal}html.yojowa-app[data-skin=ios] .app-tab--active{background:var(--accent-soft);color:var(--accent);font-weight:600}}@media (min-width:600px){html.yojowa-app[data-skin=material] .app-tab.app-tab--tablet-only,html[data-skin=material] .app-tab.app-tab--tablet-only{display:flex}html.yojowa-app[data-skin=material]{--app-tabbar-h:0px;--app-nav-left:96px}html.yojowa-app[data-skin=material] .app-tabbar{align-items:stretch;border-right:.5px solid var(--line);bottom:0;flex-direction:column;gap:12px;height:auto;justify-content:flex-start;left:0;padding:72px 0 16px;padding:calc(var(--yojowa-safe-top, 0px) + 72px) 0 16px;right:auto;top:0;width:96px}html.yojowa-app[data-skin=material] .app-tab{flex:none;min-height:56px}}@media (min-width:744px) and (min-height:600px) and (orientation:portrait){html.yojowa-app[data-skin=ios]{--app-tabbar-h:0px;--app-nav-left:0px;--app-nav-top:68px}html.yojowa-app[data-skin=ios]:not(.yojowa-nav-open) .app-tabbar{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--surface) 78%,#0000);border-radius:26px;border-right:0;bottom:auto;box-shadow:0 6px 24px #0000001a,0 0 0 .5px var(--line);flex-direction:row;gap:4px;height:52px;left:50%;padding:4px;right:auto;top:8px;top:calc(var(--yojowa-safe-top, 0px) + 8px);transform:translateX(-50%);width:auto}html.yojowa-app[data-skin=ios]:not(.yojowa-nav-open) .app-tab-icon,html.yojowa-app[data-skin=ios]:not(.yojowa-nav-open) .app-tabbar-brand{display:none}html.yojowa-app[data-skin=ios]:not(.yojowa-nav-open) .app-tab{border-radius:22px;font-size:.9375rem;padding:0 16px}}.app-nav-scrim,.app-navtoggle{display:none}@media (min-width:600px){html.yojowa-app .app-navtoggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:0;border-radius:50%;color:var(--ink);cursor:pointer;height:var(--min-tap-target);justify-content:center;padding:0;position:fixed;width:var(--min-tap-target);z-index:1002}html.yojowa-app[data-skin=ios] .app-navtoggle{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--surface) 78%,#0000);box-shadow:0 0 0 .5px var(--line),0 2px 8px #0000000f;left:200px;top:17px;top:calc(var(--yojowa-safe-top, 0px) + 17px)}html.yojowa-app[data-skin=ios] .app-tabbar-brand{padding-right:60px}html.yojowa-app[data-skin=material] .app-navtoggle{display:inline-flex;left:24px;top:12px;top:calc(var(--yojowa-safe-top, 0px) + 12px)}html.yojowa-app .app-navtoggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html.yojowa-app.yojowa-nav-open .app-nav-scrim{background:#00000052;display:block;inset:0;position:fixed;z-index:999}html.yojowa-app[data-skin=material].yojowa-nav-open .app-tabbar{background:var(--surface);border-radius:0 16px 16px 0;border-right:0;box-shadow:0 8px 32px #0003;gap:0;padding-left:12px;padding-right:12px;width:280px}html.yojowa-app[data-skin=material].yojowa-nav-open .app-tab{border-radius:28px;flex-direction:row;font-size:.875rem;gap:12px;justify-content:flex-start;padding:0 16px}html.yojowa-app[data-skin=material].yojowa-nav-open .app-tab-icon{height:24px;width:24px}html.yojowa-app[data-skin=material].yojowa-nav-open .app-tab--active{background:var(--accent-soft)}html.yojowa-app[data-skin=material].yojowa-nav-open .app-tab--active .app-tab-icon{background:#0000}}@media (min-width:744px) and (min-height:600px){html.yojowa-app[data-skin=ios] .app-navtoggle{display:inline-flex}}@media (min-width:744px) and (min-height:600px) and (orientation:landscape){html.yojowa-app[data-skin=ios] .app-tabbar{transition:transform .25s ease,visibility 0s linear 0s}html.yojowa-app[data-skin=ios].yojowa-nav-hidden{--app-nav-left:0px}html.yojowa-app[data-skin=ios].yojowa-nav-hidden .app-tabbar{transform:translateX(-100%);transition:transform .25s ease,visibility 0s linear .25s;visibility:hidden}html.yojowa-app[data-skin=ios].yojowa-nav-hidden .app-navtoggle{left:16px;left:calc(var(--yojowa-safe-left, 0px) + 16px)}html.yojowa-app[data-skin=ios].yojowa-nav-open .app-nav-scrim{display:none}}@media (min-width:744px) and (min-height:600px) and (orientation:portrait){html.yojowa-app[data-skin=ios]:not(.yojowa-nav-open) .app-navtoggle{left:16px;left:calc(var(--yojowa-safe-left, 0px) + 16px);top:10px;top:calc(var(--yojowa-safe-top, 0px) + 10px)}html.yojowa-app[data-skin=ios].yojowa-nav-open .app-tabbar{box-shadow:0 0 40px #0000002e}}@media (prefers-reduced-motion:reduce){html.yojowa-app[data-skin=ios] .app-tabbar,html.yojowa-app[data-skin=ios].yojowa-nav-hidden .app-tabbar{transition:none}}html:not(.yojowa-app)[data-skin] .app-tabbar{align-items:center;background:var(--surface);border-top:1px solid var(--line);bottom:0;box-sizing:border-box;display:flex;height:56px;height:var(--app-tabbar-h,56px);justify-content:space-around;left:0;padding:0 8px;position:fixed;right:0;z-index:1000}html:not(.yojowa-app)[data-skin] .app-tab{align-items:center;background:#0000;border:none;color:var(--muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.8125rem;font-weight:500;gap:4px;height:100%;justify-content:center;text-decoration:none}html:not(.yojowa-app)[data-skin] .app-tab--active{color:var(--ink);font-weight:600}html:not(.yojowa-app)[data-skin] .app-tab-icon{align-items:center;border-radius:14px;display:flex;height:28px;justify-content:center;width:48px}html:not(.yojowa-app)[data-skin] .app-tab--active .app-tab-icon{background:var(--accent-soft);color:var(--accent)}html:not(.yojowa-app)[data-skin] .app-tab.app-tab--tablet-only{display:none}html:not(.yojowa-app)[data-skin=ios] .app-tab{color:var(--ink);font-size:.6875rem}@media (min-width:744px) and (min-height:600px){html:not(.yojowa-app)[data-skin=ios] .app-tab.app-tab--tablet-only{display:flex}}@media (min-width:600px){html:not(.yojowa-app)[data-skin=material]{--app-tabbar-h:0px;--app-nav-left:96px}html:not(.yojowa-app)[data-skin=material] .app-tab.app-tab--tablet-only{display:flex}html:not(.yojowa-app)[data-skin=material] .app-tabbar{border-right:1px solid var(--line);border-top:none;bottom:0;flex-direction:column;gap:16px;height:100%;justify-content:flex-start;left:0;padding-top:72px;right:auto;top:0;width:96px}html:not(.yojowa-app)[data-skin=material] .app-tab{flex:0 0 auto;height:auto;min-height:56px}html:not(.yojowa-app)[data-skin=material] .app-navtoggle{align-items:center;background:#0000;border:none;border-radius:24px;color:var(--ink);cursor:pointer;display:inline-flex;height:48px;justify-content:center;left:24px;position:fixed;top:12px;width:48px;z-index:1002}html:not(.yojowa-app)[data-skin=material].yojowa-nav-open .app-nav-scrim{background:#00000052;display:block;inset:0;position:fixed;z-index:1000}html:not(.yojowa-app)[data-skin=material].yojowa-nav-open:not(.yojowa-rail-docked) .app-tabbar{border-radius:0 28px 28px 0;box-shadow:0 8px 32px #0003;gap:0;padding-left:12px;padding-right:12px;width:280px;z-index:1001}html:not(.yojowa-app)[data-skin=material].yojowa-nav-open:not(.yojowa-rail-docked) .app-tab{border-radius:28px;flex-direction:row;font-size:.875rem;gap:12px;justify-content:flex-start;padding:0 16px}}@media (min-width:744px) and (min-height:600px){html:not(.yojowa-app)[data-skin=ios]{--app-tabbar-h:0px;--app-nav-left:260px}html:not(.yojowa-app)[data-skin=ios] .app-tabbar{border-right:1px solid var(--line);border-top:none;bottom:0;flex-direction:column;gap:4px;height:100%;justify-content:flex-start;left:0;padding:20px 12px;right:auto;top:0;width:260px}html:not(.yojowa-app)[data-skin=ios] .app-tab{border-radius:10px;flex-direction:row;font-size:.9375rem;gap:12px;height:44px;justify-content:flex-start;padding:0 12px}html:not(.yojowa-app)[data-skin=ios] .app-tab--active{background:var(--accent-soft);color:var(--accent)}}@media (min-width:1600px){html[data-skin=material].yojowa-rail-docked{--app-nav-left:280px}html[data-skin=material].yojowa-rail-docked .app-tabbar{background:var(--surface-2);border-radius:0;border-right:.5px solid var(--line);box-shadow:none;gap:0;padding-left:12px;padding-right:12px;width:280px}html[data-skin=material].yojowa-rail-docked .app-tab{border-radius:28px;flex-direction:row;font-size:.875rem;gap:12px;justify-content:flex-start;padding:0 16px}html[data-skin=material].yojowa-rail-docked .app-tab-icon{height:24px;width:24px}html[data-skin=material].yojowa-rail-docked .app-tab--active{background:var(--accent-soft)}html[data-skin=material].yojowa-rail-docked .app-tab--active .app-tab-icon{background:#0000}html[data-skin=material].yojowa-rail-docked .app-nav-scrim{display:none}}.app-tab-beta{flex:none}@media (min-width:744px) and (min-height:600px){html[data-skin=ios] .app-tab-beta{margin-left:auto}}@media (min-width:744px) and (min-height:600px) and (orientation:portrait){html[data-skin=ios]:not(.yojowa-nav-open) .app-tab-beta{display:none}}@media (min-width:600px){html[data-skin=material] .app-tab--talk{position:relative}html[data-skin=material] .app-tab-beta{left:calc(50% + 4px);position:absolute;top:0}html[data-skin=material].yojowa-nav-open .app-tab-beta,html[data-skin=material].yojowa-rail-docked .app-tab-beta{margin-left:auto;position:static}}.page-wrapper{bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:48px}.home-container{margin:0 auto;max-width:var(--page-w);padding:40px 20px}.home-content{align-items:center;display:flex;flex-direction:column;text-align:center}.hero-section{margin-bottom:2rem;text-align:center}.hero-section h1,.hero-section h2{margin-bottom:1rem}.hero-cta,.hero-section p{margin-bottom:2rem}.hero-value-prop{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0 auto 1rem;max-width:32rem}.features-section{background:var(--surface);border-radius:var(--r-item);box-shadow:0 2px 10px #00000014;box-sizing:border-box;margin:10px 0;padding:10px;text-align:left;width:100%}.start-button{border-radius:8px;color:var(--surface);display:inline-block;font-weight:500;margin:30px 0;padding:15px 30px;text-decoration:none}.start-button,.start-button:hover{background:var(--accent)}.intro-section{display:none}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:10px 0}.feature-card{background:var(--surface-2);border-radius:8px;padding:2rem;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.cta-section{margin:3rem 0}.popular-words-section{margin:1.5rem 0;text-align:center;width:100%}.popular-words-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:center;list-style:none;margin:.5rem 0 0;padding:0}.popular-words-list a{align-items:center;color:var(--accent);display:inline-flex;padding:0 4px;text-decoration:none}.popular-words-list a:hover{text-decoration:underline}.cta-button{align-items:center;border-radius:14px;border-radius:var(--r-card,14px);box-sizing:border-box;color:var(--surface);display:inline-flex;font-size:1.125rem;font-weight:600;height:52px;justify-content:center;line-height:1.2;padding:0 2rem;text-decoration:none;transition:background .2s}.cta-button,.cta-button:hover{background:var(--accent)}.game-preview{background:var(--bg);border-radius:var(--r-item);margin:3rem auto;max-width:1000px;padding:2rem}.cards-demo{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0;position:relative}.game-stats{display:flex;font-size:1.2rem;gap:1rem;position:absolute;right:20px;top:-30px}.timer{background:var(--surface);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:.5rem 1rem}.score .wrong{color:var(--bad);margin-right:1rem}.score .right{color:var(--ok)}.flashcard{background:var(--surface);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:1rem;perspective:1000px;width:200px}.flashcard.flipped{background:var(--bg)}.card-content{text-align:center}.example-word{display:block;margin-bottom:.5rem}.example-word .chinese-char{font-size:1.6rem;margin-right:.4rem}.example-word .meaning,.example-word .pinyin{color:var(--muted);font-size:1rem}.example-word .pinyin:after{color:#bbb;content:"\00b7";margin:0 .4rem}.chinese-word{font-size:2.5rem;margin-bottom:1rem}.pinyin{color:var(--muted);font-size:1.2rem;margin-bottom:.5rem}.english{color:#444;font-size:1.1rem;margin-bottom:1.5rem}.card-controls{display:flex;gap:1rem;justify-content:center;margin-top:auto}.right-btn,.wrong-btn{border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:40px;width:40px}.wrong-btn{background:var(--bad-soft);color:var(--bad)}.right-btn{background:var(--ok-soft);color:var(--ok)}.game-controls-demo{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.control-btn{background:#e9ecef;border:none;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.control-btn:hover{background:#dee2e6}@media (max-width:768px){.cards-demo{flex-direction:column}.game-stats{margin-bottom:1rem;position:static}.game-controls-demo{flex-wrap:wrap}}.page-container{align-items:center;display:flex;flex-direction:column;width:100%}.page-container,.wordsets-container{margin:0 auto;max-width:var(--page-w)}.today-welcome{padding:2rem 1rem 1rem}.explore-section{display:flex;flex-direction:column;gap:.5rem;margin:2.5rem auto 1rem;max-width:480px;text-align:left;width:100%}.explore-section-title{color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin:0 .5rem .25rem;text-transform:uppercase}.explore-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.explore-family-row{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;min-height:48px;min-height:var(--min-tap-target,48px);padding:.75rem 1rem;text-align:left;transition:background .15s ease;width:100%}.explore-family-row:last-child{border-bottom:none}.explore-family-row:focus-visible,.explore-family-row:hover{background:var(--surface-2);outline:none}.explore-family-left{align-items:center;display:flex;gap:.85rem}.explore-icon-badge{align-items:center;border-radius:9px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;min-width:36px;width:36px}.explore-icon-badge--navWordLists{background:#007aff}.explore-icon-badge--navTopics{background:#ff9500}.explore-icon-badge--navHsk3{background:#af52de}.explore-icon-badge--navMeasureWords{background:#34c759}.explore-icon-badge--navHowToWrite{background:#ff3b30}.explore-icon-badge--navLanguages{background:#30b0c7}.explore-family-info{display:flex;flex-direction:column;gap:2px}.explore-family-name{color:var(--ink);font-size:1rem;font-weight:600;line-height:1.25}.explore-family-desc{color:var(--muted);font-size:.8125rem;line-height:1.2}.explore-family-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.explore-family-badge{color:var(--muted);font-size:.875rem}.explore-chevron{color:var(--muted);flex-shrink:0;opacity:.6}.explore-sheet-overlay{inset:0;pointer-events:auto;position:fixed;z-index:1200}.explore-sheet-backdrop{animation:exploreFadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;inset:0;position:fixed;z-index:1200}.explore-sheet{animation:exploreSlideUp .25s cubic-bezier(.16,1,.3,1);background:var(--bg);border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 24px #00000040;display:flex;flex-direction:column;left:0;margin:0 auto;max-height:85vh;max-width:540px;overflow:hidden;padding-bottom:max(0px,16px);padding-bottom:max(var(--yojowa-safe-bottom,0px),16px);position:fixed;right:0;z-index:1201}.explore-sheet-grabber{background:var(--line);border-radius:3px;flex-shrink:0;height:5px;margin:8px auto 4px;width:36px}.explore-sheet-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:.75rem 1.25rem .5rem}.explore-sheet-title{color:var(--ink);font-size:1.25rem;font-weight:700;margin:0}.explore-sheet-subtitle{color:var(--muted);font-size:.8125rem;margin:2px 0 0}.explore-sheet-done{align-items:center;background:none;border:none;border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;min-height:var(--min-tap-target,44px);min-width:48px;padding:0 .75rem}.explore-sheet-done:focus-visible,.explore-sheet-done:hover{background:var(--surface-2);outline:none}.explore-sheet-items{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem 1.25rem 1.5rem}.explore-sheet-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;border-radius:var(--r-card,16px);display:flex;flex-direction:column;overflow:hidden}.explore-item-row{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;min-height:48px;min-height:var(--min-tap-target,48px);padding:.85rem 1rem;text-align:left;transition:background .15s ease;width:100%}.explore-item-row:last-child{border-bottom:none}.explore-item-row:focus-visible,.explore-item-row:hover{background:var(--surface-2);outline:none}.explore-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.explore-item-title{color:var(--ink);font-size:1rem;font-weight:600}.explore-item-subtitle{color:var(--muted);font-size:.8125rem}.explore-item-action{align-items:center;background:var(--accent);border:none;border-radius:999px;border-radius:var(--r-pill,999px);color:var(--surface);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9375rem;font-weight:600;justify-content:center;margin-left:.75rem;min-height:44px;min-height:var(--min-tap-target,44px);min-width:80px;padding:0 1rem;transition:opacity .15s ease}.explore-item-action:hover{opacity:.9}.explore-item-action--secondary{background:var(--surface-2);border:1px solid var(--line);color:var(--ink)}@keyframes exploreFadeIn{0%{opacity:0}to{opacity:1}}@keyframes exploreSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.explore-page{box-sizing:border-box;max-width:100%;padding:16px 24px}.explore-page-title{color:var(--ink);font-size:2.125rem;font-weight:700;margin:8px 0 20px}.explore-layout-split{display:flex;flex-direction:column;gap:20px;width:100%}.explore-layout-left,.explore-layout-right{width:100%}@media (min-width:744px) and (min-height:600px){.explore-layout-split{align-items:flex-start;flex-direction:row;gap:32px}.explore-layout-left{flex-shrink:0;width:340px}.explore-layout-right{flex:1 1;min-width:0}}@media (min-width:840px){.explore-layout-split{align-items:flex-start;flex-direction:row;gap:32px}.explore-layout-left{flex-shrink:0;width:340px}.explore-layout-right{flex:1 1;min-width:0}}.explore-tablet-menu{display:flex;flex-direction:column;gap:24px;width:100%}.explore-tablet-group{display:flex;flex-direction:column;gap:8px}.explore-tablet-group-title{color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.5px;margin:0 0 4px 12px;text-transform:uppercase}.explore-tablet-group-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.explore-tablet-row{align-items:center;background:none;border:none;border-bottom:1px solid var(--line);box-sizing:border-box;color:var(--ink);cursor:pointer;display:flex;font-family:var(--font-latin);font-size:1rem;gap:12px;min-height:52px;padding:12px 16px;text-align:left;transition:background-color .15s ease;width:100%}.explore-tablet-row:last-child{border-bottom:none}.explore-tablet-row:hover{background:var(--surface-2)}.explore-tablet-row--active{background:var(--accent-soft)!important;color:var(--accent);font-weight:600}.explore-tablet-num{font-size:1rem;text-align:center;width:20px}.explore-tablet-badge-icon,.explore-tablet-num{color:var(--accent);flex-shrink:0;font-weight:700}.explore-tablet-badge-icon{align-items:center;background:var(--accent-soft);border-radius:6px;display:inline-flex;font-size:.8125rem;height:24px;justify-content:center;width:24px}.explore-tablet-label{flex:1 1;font-weight:500}.explore-tablet-row--active .explore-tablet-label{font-weight:600}.explore-tablet-count{color:var(--muted);font-size:.875rem;margin-right:4px;white-space:nowrap}.explore-tablet-row--active .explore-tablet-count{color:var(--accent);opacity:.85}.explore-page--phone{margin:0 auto;max-width:680px;padding:0 16px 32px}.explore-page--tablet{max-width:100%;padding:16px 24px}.explore-phone-view{display:flex;flex-direction:column;width:100%}.explore-phone-nav{align-items:center;display:flex;margin-bottom:4px;min-height:44px}.explore-phone-back{align-items:center;background:#0000;border:none;color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:500;gap:6px;min-height:44px;padding:8px 12px 8px 0;touch-action:manipulation}.explore-phone-back:hover{opacity:.85}.explore-phone-back svg{flex-shrink:0}.explore-phone-title{color:var(--ink);font-size:2.125rem;font-weight:700;margin:4px 0 20px}.explore-detail-nav{align-items:center;display:flex;height:50px;justify-content:space-between;margin-bottom:8px;min-height:48px;position:relative}.explore-detail-nav-back{align-items:center;background:#0000;border:none;color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:500;gap:6px;min-height:48px;padding:8px 12px 8px 0;touch-action:manipulation}.explore-detail-nav-back:hover{opacity:.85}.explore-detail-nav-back svg{flex-shrink:0}.explore-detail-nav-title{color:var(--ink);font-size:1.125rem;font-weight:600;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}html[data-skin=material] .explore-chevron{display:none}html[data-skin=material] .explore-phone-nav{margin-bottom:4px;min-height:56px}html[data-skin=material] .explore-phone-back{background:#0000;border:none;border-radius:24px;box-shadow:none;color:var(--ink);height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;width:48px}html[data-skin=material] .explore-phone-back-arrow svg,html[data-skin=material] .explore-phone-back-label{display:none}html[data-skin=material] .explore-phone-back-arrow{font-size:0;line-height:1}html[data-skin=material] .explore-phone-back-arrow:before{color:var(--ink);content:"←";font-size:1.5rem;line-height:1}html[data-skin=material] .explore-phone-title{font-size:1.75rem;font-weight:400;margin:4px 0 16px}html[data-skin=material] .explore-detail-nav{gap:8px;justify-content:flex-start;margin-bottom:8px;min-height:56px}html[data-skin=material] .explore-detail-nav-back{background:#0000;border:none;border-radius:24px;box-shadow:none;color:var(--ink);height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;width:48px}html[data-skin=material] .explore-detail-nav-back-arrow svg,html[data-skin=material] .explore-detail-nav-back-label{display:none}html[data-skin=material] .explore-detail-nav-back-arrow{font-size:0;line-height:1}html[data-skin=material] .explore-detail-nav-back-arrow:before{color:var(--ink);content:"←";font-size:1.5rem;line-height:1}html[data-skin=material] .explore-detail-nav .explore-detail-nav-title{color:var(--ink);font-size:1.375rem;font-weight:400;pointer-events:auto;position:static;transform:none}html[data-skin=ios] .explore-detail-nav{grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,max-content) minmax(48px,1fr)}html[data-skin=ios] .explore-detail-nav-back{grid-column:1;justify-self:start;max-width:100%;min-width:0}html[data-skin=ios] .explore-detail-nav-title{grid-column:2;min-width:0;position:static;transform:none}.explore-detail-nav-back-label,.explore-detail-nav-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-skin=material] .explore-detail-nav .explore-detail-nav-title{flex:1 1 auto;min-width:0}.explore-page--phone .explore-detail-pane{background:#0000;border-radius:0;padding:8px 0 24px}.explore-detail-pane{background:var(--surface);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:24px 32px;width:100%}.explore-detail-pane--write{align-items:center;justify-content:flex-start;padding-top:16px}.explore-detail-header{margin-bottom:24px}.explore-detail-title{color:var(--ink);font-size:1.625rem;font-weight:700;margin:0 0 8px}.explore-detail-subtitle{color:var(--muted);font-size:.9375rem;line-height:1.4;margin:0 0 20px}.explore-detail-cta{align-items:center;background:var(--accent);border:none;border-radius:14px;color:var(--accent-ink);cursor:pointer;display:flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:600;height:50px;justify-content:center;min-height:48px;min-height:var(--min-tap-target,48px);transition:opacity .2s,transform .1s;width:100%}.explore-detail-cta:hover{opacity:.95}.explore-detail-cta:active{transform:scale(.99)}html[data-skin=material] .explore-detail-cta{border-radius:9999px}.explore-detail-word-list{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:0}.explore-word-row{align-items:center;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;min-height:56px;padding:14px 0}.explore-word-hanzi{color:var(--ink);flex-shrink:0;font-size:1.625rem;font-weight:500;width:72px}.explore-word-gloss-col{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.explore-word-pinyin{font-size:1rem;font-weight:600}.explore-word-meaning{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted);display:-webkit-box;font-size:.875rem;line-height:1.35;overflow:hidden;overflow-wrap:anywhere}.explore-word-speak{flex-shrink:0;margin-left:12px}.explore-detail-lang-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:16px}.explore-detail-lang-btn{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--ink);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;min-height:48px;padding:14px 18px;transition:all .2s}.explore-detail-lang-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.explore-detail-lang-check{color:var(--ok);font-weight:700}.explore-detail-loading{color:var(--muted);font-size:.9375rem;padding:16px 4px}.explore-detail-retry{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;min-height:44px;min-height:var(--min-tap-target,44px);padding:0 12px}.today{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:3rem 1rem;text-align:center}.today-headline{color:var(--ink);font-size:1.5rem;margin:0}.today-count{color:var(--accent);display:block;font-size:3.5rem;font-weight:700;line-height:1}.today-done{color:var(--ok);font-size:2rem;font-weight:700}.today-streak,.today-sub,.today-target{color:var(--muted);font-size:.95rem;margin:0}.today-streak{font-weight:700}.today-explainer{color:var(--muted);font-size:.85rem;line-height:1.4;margin:0;max-width:30ch}.today-start{align-items:center;border:none;border-radius:14px;border-radius:var(--r-card,14px);box-sizing:border-box;color:var(--surface);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;justify-content:center;line-height:1.2;margin-top:.5rem;padding:.95rem 2rem;text-align:center;text-decoration:none;transition:background .2s}.today-start,.today-start:hover{background:var(--accent)}.today-caught-badge{align-items:center;background:#e6f4ea;background:var(--ok-soft,#e6f4ea);border-radius:28px;color:#137333;color:var(--ok,#137333);display:flex;height:56px;justify-content:center;margin-bottom:6px;width:56px}.today-loading-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.today-skeleton-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;border-radius:var(--r-card,14px);box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;max-width:440px;min-height:200px;padding:20px;text-align:left;width:100%}.today-skeleton-sub{border-radius:6px;height:15px;width:30%}.today-skeleton-sub,.today-skeleton-title{background:var(--line);background:var(--surface-2,var(--line))}.today-skeleton-title{border-radius:8px;height:26px;width:70%}.today-skeleton-detail{border-radius:6px;height:17px;width:55%}.today-skeleton-bar,.today-skeleton-detail{background:var(--line);background:var(--surface-2,var(--line))}.today-skeleton-bar{border-radius:3px;height:6px;margin-top:6px}.today-skeleton-button{background:var(--line);background:var(--surface-2,var(--line));height:52px;margin-top:8px}.today-error-card,.today-skeleton-button{border-radius:14px;border-radius:var(--r-card,14px)}.today-error-card{align-items:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;max-width:440px;padding:24px 20px 20px;text-align:center;width:100%}.today-error-badge{align-items:center;background:#fce8e6;background:var(--bad-soft,#fce8e6);border-radius:28px;color:#c8003a;color:var(--bad,#c8003a);display:flex;font-size:1.75rem;font-weight:700;height:56px;justify-content:center;margin-bottom:6px;width:56px}.today-error-title{color:var(--ink);font-size:1.35rem;font-weight:700;margin:0}.today-error-detail{color:var(--muted);font-size:1rem;line-height:1.4;margin:0}.today-retry-btn{align-self:stretch;margin-top:12px;width:100%}.today-offline-banner{align-items:flex-start;background:#f5f5f5;background:var(--surface-2,#f5f5f5);border-radius:14px;border-radius:var(--r-card,14px);box-sizing:border-box;display:flex;gap:12px;margin-bottom:.5rem;max-width:440px;padding:12px 16px;text-align:left;width:100%}.today-offline-icon{stroke:var(--muted);flex-shrink:0;height:22px;margin-top:1px;width:22px}.today-offline-text{flex:1 1;min-width:0}.today-offline-title{color:var(--ink);font-size:1rem;font-weight:600}.today-offline-sub{color:var(--muted);font-size:.9rem;line-height:1.3;margin-top:2px}.today-secondary{align-items:center;box-sizing:border-box;color:var(--accent);display:inline-flex;font-size:.95rem;justify-content:center;text-decoration:none}.today-secondary:hover{text-decoration:underline}.today-status{color:var(--muted);margin:0}.today-error{color:var(--bad);font-weight:700}.today-guest-row{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-sizing:border-box;color:var(--ink);display:flex;gap:.875rem;margin:.5rem 0;max-width:440px;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .2s,border-color .2s;width:100%}.today-guest-row:hover{background:var(--surface-2);text-decoration:none}.today-guest-icon{align-items:center;background:var(--surface-2);border-radius:10px;color:var(--accent);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.today-guest-text{flex:1 1;min-width:0}.today-guest-title{color:var(--accent);font-size:1rem;font-weight:600;line-height:1.3}.today-guest-sub{color:var(--muted);font-size:.875rem;line-height:1.3;margin-top:.125rem}.today-guest-arrow{stroke:var(--muted);flex-shrink:0}.today-welcome{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;text-align:center;width:100%}.today-welcome-title{color:var(--ink);font-size:1.75rem;line-height:1.2;margin:.5rem 0 0}.today-welcome-lead{color:var(--muted);font-size:1rem;line-height:1.4;margin:0;max-width:36ch}.today-welcome-cta{justify-content:center;line-height:1.2;margin-top:.5rem;padding:.95rem 2rem;text-align:center;text-decoration:none}.talk-beta,.today-welcome-cta{align-items:center;box-sizing:border-box;display:inline-flex}.talk-beta{border-radius:var(--r-pill);font-size:.75rem;font-weight:700;letter-spacing:.01em;line-height:1.35;white-space:nowrap}.talk-beta--outline{border:1px solid var(--accent);color:var(--accent);padding:0 8px}.talk-beta--filled{background:var(--accent);border:0;color:var(--accent-ink);font-size:.625rem;padding:0 6px}.talk-card{background:var(--surface);border-radius:var(--r-hero);box-shadow:var(--shadow);box-sizing:border-box;margin-top:.5rem;max-width:480px;padding:18px 20px 20px;text-align:left;width:100%}.talk-card-head{align-items:center;display:flex;gap:14px}.talk-card-avatar{align-items:center;background:var(--accent-soft);border-radius:var(--r-item);color:var(--accent);display:inline-flex;flex:none;font-family:var(--font-hanzi);font-size:1.05rem;height:52px;justify-content:center;width:52px}.talk-card--busy .talk-card-avatar,.talk-card--resting .talk-card-avatar{background:var(--surface-2);color:var(--muted)}.talk-card-heading{min-width:0}.talk-card-title{color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1.25;margin:0}@media (max-width:419px){.talk-card-title{font-size:1.125rem}}.talk-card-sub{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.95rem;gap:4px 8px;margin:2px 0 0}.talk-card-note{align-items:flex-start;color:var(--ink);display:flex;font-size:.95rem;gap:8px;line-height:1.4;margin:14px 0 0}.talk-card-note:empty{margin:0}.talk-card-note-icon{color:var(--muted);flex:none;margin-top:1px}.talk-card-action{align-items:center;background:var(--accent);border:0;border-radius:var(--r-card);box-sizing:border-box;color:var(--accent-ink);cursor:pointer;display:flex;font:inherit;font-size:1.0625rem;font-weight:600;justify-content:center;line-height:1.2;margin-top:16px;padding:.85rem 1rem;text-align:center;text-decoration:none;width:100%}.talk-card-action--tonal{background:var(--accent-soft);color:var(--accent)}.talk-card-action--off,.talk-card-action:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.talk-page-beta{font-size:.8125rem;margin-left:10px;vertical-align:middle}.talk-page-placeholder{color:var(--muted);margin:2rem 0;text-align:center}.talk-view{--slate:#4a5768;--slate-soft:#e9edf2;background:var(--bg);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:640px;min-height:100vh;min-height:calc(100vh - var(--app-tabbar-h, 0px));padding:8px 16px 0;padding:calc(var(--yojowa-safe-top, 0px) + 8px) 16px 0;width:100%}.talk-body{flex:1 1 auto;gap:12px}.talk-body,.talk-pane{display:flex;flex-direction:column;min-height:0}.talk-pane{min-width:0}.talk-pane--left{flex:none}.talk-pane--right{flex:1 1 auto;gap:12px}.talk-aside{display:none}.talk-recap{--slate:#4a5768;--slate-soft:#e9edf2}@media (prefers-color-scheme:dark){html[data-skin=ios] .talk-recap,html[data-skin=ios] .talk-view,html[data-skin=material] .talk-recap,html[data-skin=material] .talk-view{--slate:#aab6c5;--slate-soft:#252a31}}@font-face{font-display:swap;font-family:LT Talk Thai;font-style:normal;font-weight:100 900;src:url(/static/media/noto-sans-thai-thai.a0310f2e3b19c9651a3b.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}.talk-recap [lang=th],.talk-screen [lang=th],.talk-view [lang=th]{font-family:"LT Talk Thai",var(--font-latin),sans-serif}.talk-head{align-items:flex-start;display:flex;gap:8px}.talk-head-clock{flex:1 1;min-width:0}.talk-clock{align-items:baseline;color:var(--ink);display:flex;flex-wrap:wrap;gap:4px 6px;margin:0}.talk-clock-now{font-size:1.125rem;font-weight:700}.talk-clock-now,.talk-clock-of{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.talk-clock-of{color:var(--muted)}.talk-head-beta{align-self:center}.talk-phase{color:var(--muted);font-size:.875rem;margin:2px 0 0}.talk-level{align-items:center;background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--shadow);color:var(--accent);display:inline-flex;gap:6px;min-height:44px;padding:0 14px;white-space:nowrap}button.talk-level{border:0;cursor:pointer;font:inherit}.talk-level b{color:var(--ink)}.talk-level span{color:var(--muted)}.talk-stop{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--accent);cursor:pointer;font:inherit;font-weight:700;min-height:44px;padding:0 16px}.talk-pic{background:var(--surface-2);border-radius:var(--r-hero);flex:none;height:180px;overflow:hidden;position:relative}.talk-pic-img{display:block;height:100%;object-fit:cover;width:100%}.talk-pic--failed,.talk-pic--loading{align-items:center;color:var(--muted);display:flex;font-size:.95rem;justify-content:center}.talk-pic-expand{background:#00000073;border:0;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:inline-flex;height:44px;position:absolute;right:10px;width:44px}.talk-pic-expand,.talk-pic-full{align-items:center;justify-content:center}.talk-pic-full{background:#000;display:flex;inset:0 0 150px 0;inset:0 0 calc(150px + var(--app-tabbar-h, 0px) + var(--yojowa-safe-bottom, 0px)) 0;position:fixed;z-index:40}.talk-pic-full img{max-height:100%;max-width:100%;object-fit:contain}.talk-pic-close{background:#ffffff2e;border:0;border-radius:50%;color:#fff;cursor:pointer;height:44px;position:absolute;right:12px;top:12px;top:calc(var(--yojowa-safe-top, 0px) + 12px);width:44px}.talk-transcript{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:flex-end;min-height:0}.talk-her{align-self:flex-start;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);box-sizing:border-box;max-width:88%;padding:14px 16px}.talk-seg{align-items:flex-start;background:none;border:0;color:inherit;display:flex;font:inherit;gap:10px;margin:0;padding:4px 0;text-align:left;width:100%}.talk-seg--zh{cursor:pointer}.talk-seg+.talk-seg{margin-top:6px}.talk-seg-body{display:flex;flex-direction:column;min-width:0}.talk-tag{border-radius:6px;flex:none;font-size:.75rem;font-weight:700;line-height:1.4;min-width:28px;padding:2px 6px;text-align:center}.talk-tag--ll{background:var(--slate-soft);color:var(--slate)}.talk-tag--zh{background:var(--accent-soft);color:var(--accent)}.talk-seg--ll .talk-seg-body{color:var(--slate);font-size:1.0625rem;line-height:1.45}.talk-hz{font-size:1.375rem;line-height:1.35}.talk-hz,.talk-py{color:var(--accent);font-family:var(--font-hanzi)}.talk-py{font-size:.95rem}.talk-gloss{color:var(--muted);font-size:.875rem;font-style:italic}.talk-you{align-self:flex-end;background:var(--surface-2);border-radius:var(--r-card);box-sizing:border-box;max-width:82%;padding:12px 16px}.talk-you-said{font-size:1.0625rem;line-height:1.45;margin:0}.talk-run--ll{color:var(--slate)}.talk-run--zh{color:var(--accent);font-family:var(--font-hanzi);font-size:1.25rem}.talk-w{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:5px}.talk-w--b1,.talk-w--b2{text-decoration-color:var(--accent)}.talk-w--b3,.talk-w--b4{text-decoration-color:var(--t2)}.talk-w--b5,.talk-w--b6{text-decoration-color:var(--t4)}.talk-you-unsure{color:var(--muted);display:block;font-size:.8125rem;margin-top:4px}.talk-you-live{display:inline-flex;gap:5px;padding:6px 0}.talk-you-live span{animation:talk-dot 1s ease-in-out infinite;background:var(--muted);border-radius:50%;height:7px;width:7px}.talk-you-live span:nth-child(2){animation-delay:.15s}.talk-you-live span:nth-child(3){animation-delay:.3s}@keyframes talk-dot{0%,80%,to{opacity:.25}40%{opacity:1}}.talk-cmd,.talk-phase-tag{align-self:center;color:var(--muted);font-size:.8125rem;margin:0}.talk-hidden{align-items:center;color:var(--muted);display:flex;flex:1 1;flex-direction:column;gap:14px;justify-content:center;text-align:center}.talk-hidden p{margin:0}.talk-hidden-wave{align-items:center;display:inline-flex;gap:6px;height:120px}.talk-hidden-wave span{animation:talk-wave 1.2s ease-in-out infinite;background:var(--accent);border-radius:4px;height:30%;width:8px}.talk-hidden-wave span:nth-child(odd){animation-delay:.2s}.talk-hidden-wave span:nth-child(3n){animation-delay:.4s}@keyframes talk-wave{0%,to{height:25%}50%{height:95%}}.talk-hidden-show{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:0 22px}.talk-dock-wrap{background:var(--bg);bottom:0;bottom:var(--app-tabbar-h,0);padding:8px 0 12px;padding:8px 0 calc(var(--yojowa-safe-bottom, 0px) + 12px);position:sticky}.talk-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.talk-chip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font:inherit;min-height:48px;padding:0 18px}.talk-dock{align-items:start;display:grid;grid-template-columns:1fr auto 1fr}.talk-dock-side{align-items:center;background:none;border:0;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;justify-self:center;min-width:64px}.talk-dock-side-icon{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;display:inline-flex;height:48px;justify-content:center;width:48px}.talk-dock-side--on .talk-dock-side-icon{background:var(--accent-soft);color:var(--accent)}.talk-dock-aa{font-size:1.05rem;font-weight:700}.talk-dock-side-label{color:var(--muted);font-size:.8125rem}.talk-mic-col{align-items:center;display:flex;flex-direction:column;gap:8px}.talk-mic{align-items:center;background:var(--accent);border:0;border-radius:50%;box-shadow:0 0 0 5px var(--bg),0 0 0 9px var(--surface-2);color:var(--accent-ink);cursor:pointer;display:inline-flex;height:84px;justify-content:center;width:84px}.talk-mic svg{height:30px;width:30px}.talk-mic--idle{background:var(--surface-2);color:var(--ink)}.talk-mic--armed,.talk-mic--yourTurn{box-shadow:0 0 0 5px var(--bg),0 0 0 9px var(--ok)}.talk-mic--listening{animation:talk-pulse 1s ease-in-out infinite}.talk-mic--gotIt{background:var(--ok);box-shadow:0 0 0 5px var(--bg),0 0 0 9px var(--ok);color:var(--ok-ink)}.talk-mic--thinking{background:var(--surface-2);color:var(--muted)}.talk-mic--speaking{background:var(--ink);color:var(--bg)}.talk-mic--missed{box-shadow:0 0 0 5px var(--bg),0 0 0 9px var(--muted)}@keyframes talk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.talk-mic-label{color:var(--ink);font-size:.95rem;font-weight:700;grid-column:1/-1;margin-top:8px;min-height:1.25em;text-align:center}.talk-mic-label[data-state=armed],.talk-mic-label[data-state=gotIt],.talk-mic-label[data-state=yourTurn]{color:var(--ok)}@media (prefers-reduced-motion:reduce){.talk-hidden-wave span,.talk-mic--listening,.talk-you-live span{animation:none}}@media (max-width:599px){html[data-skin=material].talk-open{--app-tabbar-h:0px}html[data-skin=material].talk-open .app-tabbar{display:none}}@media (max-height:599px),(max-width:743px){html[data-skin=ios].talk-open{--app-tabbar-h:0px}html[data-skin=ios].talk-open .app-tabbar{display:none}}.talk-keys{color:var(--muted);display:none;flex-wrap:wrap;font-size:.875rem;gap:8px 20px;justify-content:center;margin:10px 0 0}.talk-key{align-items:center;display:inline-flex;gap:8px}.talk-keys kbd{background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 0 var(--line);color:var(--ink);font:inherit;font-size:.8125rem;font-weight:700;padding:2px 8px}.talk-ladder{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}.talk-ladder-band{background:var(--surface-2);border-radius:6px;color:var(--muted);font-size:.75rem;font-weight:700;padding:6px 0;text-align:center;white-space:nowrap}.talk-ladder-band--on{background:var(--accent-soft);color:var(--accent)}.talk-ladder-mark{bottom:-4px;margin-left:-1px;position:absolute;top:-4px;width:0}.talk-ladder-mark--now{border-left:3px solid var(--ink);margin-left:-1.5px}.talk-ladder-mark--start{border-left:2px dashed var(--ink);opacity:.7}.talk-levelcard{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);box-sizing:border-box;color:var(--ink);padding:18px 18px 16px}.talk-levelcard-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.talk-levelcard-title{font-size:1rem;font-weight:700}.talk-levelcard-title,.talk-levelcard-value{color:var(--muted);margin:0}.talk-levelcard-value b{font-feature-settings:"tnum";color:var(--ink);font-size:1.5rem;font-variant-numeric:tabular-nums;margin-right:4px}.talk-levelcard-big{align-items:baseline;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 16px}.talk-levelcard-big b{font-feature-settings:"tnum";color:var(--ink);font-size:2.75rem;font-variant-numeric:tabular-nums;line-height:1}.talk-levelcard-legend{align-items:center;color:var(--muted);display:flex;font-size:.875rem;gap:6px;margin:14px 0 0}.talk-levelcard-key{display:inline-block;height:14px}.talk-levelcard-key--now{border-left:3px solid var(--ink)}.talk-levelcard-key--start{border-left:2px dashed var(--ink);margin-left:12px;opacity:.7}.talk-levelcard-explain{font-size:.95rem;line-height:1.45;margin:12px 0 0}.talk-levelcard-close{align-items:center;background:var(--surface-2);border:0;border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;height:44px;justify-content:center;width:44px}.talk-sheet-scrim{background:#00000059;inset:0;position:fixed;z-index:45}.talk-levelcard--sheet{border-radius:28px 28px 0 0;bottom:0;box-shadow:0 -8px 32px #0000002e;left:0;margin:0 auto;max-width:640px;padding:10px 24px 24px;padding:10px 24px calc(var(--yojowa-safe-bottom, 0px) + 24px);position:fixed;right:0;width:100%;z-index:46}.talk-levelcard--sheet .talk-levelcard-title{color:var(--ink);font-size:1.25rem}.talk-levelcard-grip{background:var(--line);border-radius:3px;display:block;height:5px;margin:0 auto 12px;width:40px}.talk-recap{background:var(--bg);box-sizing:border-box;color:var(--ink);margin:0 auto;max-width:640px;padding:12px 16px 24px;padding:calc(var(--yojowa-safe-top, 0px) + 12px) 16px calc(var(--yojowa-safe-bottom, 0px) + 24px);width:100%}.talk-recap-back{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--accent);display:inline-flex;font-weight:600;gap:4px;min-height:44px;padding:0 16px 0 10px;text-decoration:none}.talk-recap-title{font-size:1.75rem;margin:16px 0}.talk-recap-subtitle{font-size:1.2rem;margin:24px 0 12px}.talk-recap-card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);padding:18px}.talk-recap-level{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;margin-bottom:14px}.talk-recap-level-name{color:var(--muted);font-weight:700}.talk-recap-level-move{align-items:baseline;display:inline-flex;gap:8px}.talk-recap-level-move b{font-feature-settings:"tnum";font-size:1.375rem;font-variant-numeric:tabular-nums}.talk-recap-arrow,.talk-recap-band{color:var(--muted)}.talk-recap-note{align-items:flex-start;border-top:1px solid var(--line);display:flex;font-size:1.0625rem;gap:12px;line-height:1.45;margin:16px 0 0;padding-top:14px}.talk-recap-avatar{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent);display:inline-flex;flex:none;font-family:var(--font-hanzi);font-size:.75rem;height:36px;justify-content:center;width:36px}.talk-recap-phrases{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);list-style:none;margin:0;padding:4px 16px}.talk-recap-phrase{align-items:center;display:flex;gap:14px;padding:12px 0}.talk-recap-phrase+.talk-recap-phrase{border-top:1px solid var(--line)}.talk-recap-phrase-body{display:flex;flex-direction:column;min-width:0}.talk-recap-en{color:var(--slate);font-size:.95rem;font-style:italic}.talk-recap-play{align-items:center;background:var(--accent-soft);border:0;border-radius:50%;color:var(--accent);cursor:pointer;display:inline-flex;flex:none;height:48px;justify-content:center;width:48px}.talk-recap-empty{background:var(--surface-2);border-radius:var(--r-card);line-height:1.5;margin:0;padding:18px}.talk-recap-actions{margin-top:28px}.talk-recap-keep{background:var(--accent-soft);border:0;border-radius:var(--r-pill);color:var(--accent);cursor:pointer;font:inherit;font-weight:700;min-height:52px;width:100%}.talk-screen{background:var(--bg);box-sizing:border-box;color:var(--ink);display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:calc(100vh - 56px);min-height:calc(100vh - var(--app-nav-top, 0px) - var(--app-tabbar-h, 56px) - var(--yojowa-safe-bottom, 0px));min-height:calc(100dvh - 56px);min-height:calc(100dvh - var(--app-nav-top, 0px) - var(--app-tabbar-h, 56px) - var(--yojowa-safe-bottom, 0px));padding:8px 24px 24px;padding:calc(var(--yojowa-safe-top, 0px) + 8px) 24px 24px;width:100%}.talk-topbar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);min-height:52px}.talk-topbar .talk-back{justify-self:start}.talk-back{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--accent);display:inline-flex;font-weight:600;gap:4px;min-height:44px;padding:0 16px 0 10px;text-decoration:none}.talk-back-arrow{display:none}.talk-topbar-title{font-weight:700;white-space:nowrap}html[data-skin=material] .talk-back{background:none;border:0;border-radius:50%;color:var(--ink);height:48px;justify-content:center;padding:0;width:48px}html[data-skin=material] .talk-back-chevron,html[data-skin=material] .talk-back-label{display:none}html[data-skin=material] .talk-back-arrow{display:inline}html[data-skin=material] .talk-topbar{gap:8px;grid-template-columns:auto 1fr}html[data-skin=material] .talk-topbar-title{font-size:1.375rem;font-weight:500}.talk-screen-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:24px 0}.talk-screen-body p{font-size:1.0625rem;line-height:1.5;margin:0 0 14px}.talk-screen-icon{align-items:center;background:var(--surface-2);border-radius:50%;color:var(--ink);display:inline-flex;height:80px;justify-content:center;margin-bottom:18px;width:80px}.talk-screen-icon--accent{background:var(--accent-soft);border-radius:22px;color:var(--accent)}.talk-screen-icon--ok{background:var(--surface-2);background:var(--ok-soft,var(--surface-2));color:var(--ok)}.talk-screen-hanzi{font-family:var(--font-hanzi);font-size:1.875rem}.talk-screen-title{font-size:1.75rem;line-height:1.2;margin:0 0 14px}.talk-screen-lead{color:var(--muted)}.talk-screen-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px}.talk-screen-action{align-items:center;border:0;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;font:inherit;font-weight:700;justify-content:center;min-height:52px;padding:0 20px;text-decoration:none}.talk-screen-action--primary{background:var(--accent);color:var(--accent-ink)}.talk-screen-action--secondary{background:none;color:var(--accent)}.talk-steps{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);list-style:none;margin:4px 0 16px;padding:4px 16px}.talk-step{align-items:center;display:flex;gap:14px;min-height:52px}.talk-step+.talk-step{border-top:1px solid var(--line)}.talk-step-n{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent);display:inline-flex;flex:none;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.talk-steps-title{color:var(--muted);font-size:.9375rem;font-weight:700;margin:8px 0}.talk-modes{border:0;display:flex;flex-direction:column;gap:12px;margin:4px 0 16px;padding:0}.talk-mode{align-items:flex-start;background:var(--surface);border:2px solid var(--line);border-radius:var(--r-card);cursor:pointer;display:flex;gap:14px;padding:16px}.talk-mode--on{border-color:var(--accent)}.talk-mode input{accent-color:var(--accent);height:22px;margin:2px 0 0;width:22px}.talk-mode-text{display:flex;flex-direction:column;gap:4px}.talk-mode-title{font-size:1.0625rem;font-weight:700}.talk-mode-body{color:var(--muted);line-height:1.4}.talk-speaks{align-items:center;background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow);display:flex;gap:12px;justify-content:space-between;margin:0 0 12px;min-height:52px;padding:0 16px}.talk-speaks-label{font-weight:700;white-space:nowrap}.talk-speaks-select{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;max-width:60%;min-height:44px;text-align:right}.talk-tip{align-items:flex-start;background:var(--surface-2);border-radius:var(--r-card);display:flex;gap:12px;padding:14px 16px}.talk-tip-icon{flex:none;margin-top:2px}.talk-screen-body p.talk-tip{font-size:.95rem}.talk-visually-hidden{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.talk-resume{align-items:stretch;display:flex;flex-direction:column;gap:8px}.talk-resume-icon{height:56px;margin-bottom:6px;width:56px}.talk-resume-icon svg{height:26px;width:26px}.talk-resume-title{font-size:1.5rem;line-height:1.25;margin:0}.talk-resume-where{font-size:1.0625rem;line-height:1.45;margin:0 0 10px}@media (max-width:419px){.talk-head{gap:6px}.talk-level{gap:4px;padding:0 10px}.talk-level span{display:none}.talk-stop{padding:0 12px}.talk-clock{gap:2px 5px}.talk-clock-now{font-size:1rem}.talk-clock-of{font-size:.875rem}}@media (min-height:600px){.talk-view{height:calc(100vh - 56px);height:calc(100vh - var(--app-nav-top, 0px) - var(--app-tabbar-h, 56px) - var(--yojowa-safe-bottom, 0px));height:calc(100dvh - 56px);height:calc(100dvh - var(--app-nav-top, 0px) - var(--app-tabbar-h, 56px) - var(--yojowa-safe-bottom, 0px));min-height:0}.talk-transcript{flex:1 1;justify-content:flex-start;margin:0 -4px;overflow-y:auto;overscroll-behavior:contain;padding:4px}.talk-transcript>:first-child{margin-top:auto}.talk-hidden{flex:1 1}.talk-dock-wrap{padding-bottom:12px;position:static}}@media (min-width:600px) and (min-height:600px){.talk-view{gap:16px;max-width:1440px;padding-left:24px;padding-right:24px}.talk-pic{aspect-ratio:2/1;height:auto;max-height:40vh}.talk-her{max-width:min(88%,34rem)}.talk-you{max-width:min(82%,30rem)}}@media (min-width:900px) and (min-height:600px) and (orientation:landscape){.talk-body{grid-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:minmax(0,1fr)}.talk-pane--left{container-type:inline-size;gap:16px;padding-bottom:24px}.talk-pane--left .talk-pic{aspect-ratio:auto;flex:1 1;max-height:100cqw;min-height:180px}.talk-aside{display:block;flex:none}.talk-view--aside .talk-level{display:none}.talk-keys{display:flex}.talk-pic-full{bottom:210px;bottom:calc(210px + var(--yojowa-safe-bottom, 0px))}}.not-found{color:var(--ink);padding:64px 16px;text-align:center}.not-found-status{font-size:3rem;margin:0 0 8px}.not-found-message{color:var(--muted);font-size:1.125rem;margin:0 0 24px}.home-link{align-items:center;background:var(--accent);border-radius:8px;color:var(--accent-ink);display:inline-flex;font-weight:600;padding:0 24px;text-decoration:none}.home-link:hover{filter:brightness(1.05)}.word-detail-container{box-sizing:border-box;color:var(--ink);display:flex;flex-direction:column;font-family:var(--font-latin);margin:0 auto;max-width:680px;min-height:100%;padding:0 16px 40px;width:100%}.word-detail-error,.word-detail-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:1.0625rem;gap:12px;justify-content:center;min-height:280px;padding:32px 16px;text-align:center}.word-detail-error-title{color:var(--ink);font-size:1.25rem;font-weight:600}.word-detail-retry-btn{background:var(--accent);border:none;border-radius:var(--r-pill);color:var(--accent-ink);cursor:pointer;font-family:var(--font-latin);font-size:1rem;font-weight:600;height:48px;margin-top:8px;min-height:48px;padding:0 24px;touch-action:manipulation}.word-detail-nav{align-items:center;display:flex;height:50px;justify-content:space-between;margin-bottom:8px;min-height:48px;position:relative}.word-detail-nav-back{align-items:center;background:#0000;border:none;border-radius:var(--r-item);color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:500;gap:6px;min-height:48px;padding:8px 12px 8px 0;touch-action:manipulation}.word-detail-nav-back:hover{opacity:.85}.word-detail-nav-back svg{flex-shrink:0}.word-detail-nav-title{color:var(--ink);font-family:var(--font-hanzi);font-size:1.125rem;font-weight:600;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.word-detail-hero{align-items:center;display:flex;flex-direction:column;gap:4px;padding:8px 0 20px;text-align:center}.word-detail-hero-char{color:var(--ink);font-family:var(--font-hanzi);font-size:6rem;line-height:1.1;margin-bottom:2px}.word-detail-hero-pinyin{color:var(--ink);font-size:1.75rem;font-weight:600;margin-bottom:2px}.word-detail-hero-meaning{color:var(--ink);font-size:1.25rem;font-weight:400}.word-detail-hero-level{color:var(--muted);font-size:.9375rem;margin-top:2px}.word-detail-actions{display:flex;gap:10px;margin-top:14px;width:100%}.word-detail-btn-listen{align-items:center;background:var(--accent-soft);border:none;border-radius:var(--r-pill);color:var(--accent);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-latin);font-size:1.0625rem;font-weight:600;gap:8px;height:50px;justify-content:center;min-height:48px;touch-action:manipulation;transition:opacity .15s ease}.word-detail-btn-listen:hover{opacity:.9}.word-detail-btn-add{align-items:center;background:var(--accent);border:none;border-radius:var(--r-pill);color:var(--accent-ink);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-latin);font-size:1.0625rem;font-weight:600;height:50px;justify-content:center;min-height:48px;touch-action:manipulation;transition:opacity .15s ease}.word-detail-btn-add:hover{opacity:.95}.word-detail-btn-add--added{background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.word-detail-section-title{color:var(--muted);font-size:.9375rem;font-weight:600;margin:0;padding:0 0 8px}.word-detail-stroke-section{margin-bottom:24px}.word-detail-stroke-cards{display:flex;gap:10px;width:100%}.word-detail-stroke-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;gap:14px;min-height:96px;padding:0 16px;text-align:left;touch-action:manipulation}.word-detail-stroke-card:hover{border-color:var(--accent)}.word-detail-stroke-card-char{color:var(--ink);font-family:var(--font-hanzi);font-size:3rem;line-height:1}.word-detail-stroke-card-meta{display:flex;flex-direction:column;gap:2px}.word-detail-stroke-card-count{color:var(--muted);font-size:.9375rem;line-height:1.3}.word-detail-stroke-card-play{color:var(--accent);font-size:1.0625rem;font-weight:600;line-height:1.3}.word-detail-player-wrap{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);display:flex;flex-direction:column;margin-bottom:24px;padding:16px}.word-detail-player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.word-detail-player-title{color:var(--ink);font-size:1.0625rem;font-weight:600;margin:0}.word-detail-player-close{align-items:center;background:#0000;border:none;color:var(--accent);cursor:pointer;display:flex;font-family:var(--font-latin);font-size:1.0625rem;font-weight:600;min-height:48px;padding:6px 12px}.word-detail-player-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.word-detail-player-tab{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;display:flex;font-family:var(--font-hanzi);font-size:1.375rem;height:44px;justify-content:center;min-height:44px;min-width:64px;touch-action:manipulation}.word-detail-player-tab--active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}.word-detail-player-canvas-area{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:8px 0;width:100%}.word-detail-player-canvas{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);height:260px;overflow:hidden;position:relative;width:260px}.word-detail-player-grid{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:6 6;height:100%;left:0;position:absolute;top:0;width:100%}.word-detail-player-ghost{color:var(--line)}.word-detail-player-active-char,.word-detail-player-ghost{align-items:center;bottom:0;display:flex;font-family:var(--font-hanzi);font-size:12.5rem;justify-content:center;left:0;line-height:1;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none}.word-detail-player-active-char{color:var(--ink);transition:clip-path .3s ease}.word-detail-player-counter{color:var(--muted);font-size:1.0625rem;font-weight:500}.word-detail-player-subtitle{color:var(--muted);font-size:.9375rem;line-height:1.4;max-width:300px;text-align:center}.word-detail-player-controls{display:flex;gap:10px;justify-content:center;margin-top:14px;width:100%}.word-detail-player-btn-next,.word-detail-player-btn-prev{background:var(--accent-soft);color:var(--accent);max-width:120px}.word-detail-player-btn-next,.word-detail-player-btn-play,.word-detail-player-btn-prev{align-items:center;border:none;border-radius:var(--r-pill);cursor:pointer;display:flex;flex:1 1;font-family:var(--font-latin);font-size:1.0625rem;font-weight:600;height:50px;justify-content:center;min-height:48px;touch-action:manipulation}.word-detail-player-btn-play{background:var(--accent);color:var(--accent-ink);max-width:140px}.word-detail-examples-section{margin-bottom:24px}.word-detail-examples-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden}.word-detail-example-row{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.word-detail-example-row:last-child{border-bottom:none}.word-detail-example-content{display:flex;flex:1 1;flex-direction:column;gap:3px}.word-detail-example-hz{color:var(--ink);font-family:var(--font-hanzi);font-size:1.375rem;line-height:1.3}.word-detail-example-py{color:var(--ink);display:flex;flex-wrap:wrap;font-size:.9375rem;font-weight:500;gap:4px}.word-detail-example-en{color:var(--muted);font-size:.9375rem;line-height:1.3}.word-detail-example-speak{flex-shrink:0;padding-top:4px}@media (prefers-reduced-motion:reduce){.word-detail-player-active-char{transition:none!important}}html[data-skin=material] .word-detail-nav{gap:8px;justify-content:flex-start;margin-bottom:8px;min-height:56px}html[data-skin=material] .word-detail-nav-back{background:#0000;border:none;border-radius:24px;box-shadow:none;color:var(--ink);height:48px;justify-content:center;min-height:48px;min-width:48px;padding:0;width:48px}html[data-skin=material] .word-detail-nav-back-arrow svg,html[data-skin=material] .word-detail-nav-back-label{display:none}html[data-skin=material] .word-detail-nav-back-arrow{font-size:0;line-height:1}html[data-skin=material] .word-detail-nav-back-arrow:before{color:var(--ink);content:"←";font-size:1.5rem;line-height:1}html[data-skin=material] .word-detail-nav .word-detail-nav-title{color:var(--ink);font-size:1.375rem;font-weight:400;pointer-events:auto;position:static;transform:none}.word-detail-body,.word-detail-main-col,.word-detail-supporting-pane{display:flex;flex-direction:column;width:100%}.word-detail-supporting-pane{gap:20px}@media (min-width:840px){html:not(.yojowa-app) .word-detail-container{max-width:1200px;padding:0 24px 48px}html:not(.yojowa-app) .word-detail-body{align-items:flex-start;flex-direction:row;gap:32px}html:not(.yojowa-app) .word-detail-main-col{flex:1 1;margin:0 auto;max-width:720px;min-width:0}html:not(.yojowa-app) .word-detail-supporting-pane{background:var(--surface);border:1px solid var(--line);border-radius:28px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:20px;width:380px}}.word-detail-sets-section{display:flex;flex-direction:column;margin-top:12px}.word-detail-sets-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.word-detail-set-item{align-items:center;display:flex;gap:12px}.word-detail-set-glyph{align-items:center;background:var(--accent-soft);border-radius:8px;color:var(--accent);display:flex;font-size:.9375rem;font-weight:700;height:32px;justify-content:center;min-width:32px;width:32px}.word-detail-set-info{display:flex;flex-direction:column;gap:2px}.word-detail-set-title{color:var(--ink);font-size:1rem;font-weight:600}.word-detail-set-sub{color:var(--muted);font-size:.875rem}.root-header{align-self:stretch;box-sizing:border-box;display:block;margin:0 0 12px;text-align:left;width:100%}.root-header-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end;min-height:44px;min-height:var(--min-tap-target,44px)}.root-header-title{color:var(--ink);font-family:var(--font-latin);font-size:2.125rem;font-weight:700;letter-spacing:-.4px;line-height:41px;margin:4px 0 0}html[data-skin=material] .root-header-title{font-size:1.75rem;font-weight:400;letter-spacing:0;line-height:36px}html[data-skin=material] .root-header-actions{min-height:48px}.root-header-signin{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--accent);font-size:1.0625rem;font-weight:600;min-height:44px;padding:0 16px}.root-header-avatar,.root-header-signin{align-items:center;display:inline-flex;text-decoration:none}.root-header-avatar{height:44px;justify-content:center;width:44px}.root-header-avatar>span{align-items:center;background:var(--accent);border-radius:50%;color:var(--accent-ink);display:inline-flex;font-size:1.0625rem;font-weight:700;height:36px;justify-content:center;width:36px}.root-header--inset{padding-inline:20px}html[data-skin=ios] .explore-page-title,html[data-skin=material] .explore-page-title{display:none}
/*# sourceMappingURL=main.2b715aee.css.map*/