.iu-challenges{max-width:960px;margin:0 auto;padding:0 0 40px}.iu-challenges .ch-view{display:flex;flex-direction:column}.iu-challenges .ch-narrow{max-width:780px;width:100%;margin:0 auto}.iu-challenges .ch-sub{margin:6px 0 0;max-width:680px}.iu-challenges .ch-h2{margin:26px 0 12px}.iu-challenges .ch-gate{max-width:560px;margin:0 auto;padding:26px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.iu-challenges .ch-gate .iu-btn{margin-top:6px}.iu-challenges .ch-gate-icon{width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:var(--iu-teal-soft);color:var(--iu-teal)}.iu-challenges .ch-gate-icon svg{width:28px;height:28px}.iu-challenges .ch-levels{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px 4px;scrollbar-width:none}.iu-challenges .ch-levels::-webkit-scrollbar{display:none}@media(min-width:720px){.iu-challenges .ch-levels{flex-wrap:wrap;overflow:visible}}.iu-challenges .ch-level{flex:none;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-radius:999px;cursor:pointer;border:1px solid var(--iu-border);background:var(--iu-card);color:var(--iu-text-2);font-family:var(--iu-ui);font-size:15px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.iu-challenges .ch-level svg{width:15px;height:15px}.iu-challenges .ch-level:hover{border-color:var(--iu-teal)}.iu-challenges .ch-level.is-on{background:var(--iu-teal);border-color:var(--iu-teal);color:#fff}.iu-challenges .ch-level:focus-visible{outline:2px solid var(--iu-teal);outline-offset:2px}.iu-challenges .ch-topics{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.iu-challenges .ch-topics{grid-template-columns:1fr 1fr}}.iu-challenges .ch-topic,.iu-challenges .ch-plus-banner,.iu-challenges .ch-sentence{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;text-align:start;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s ease,box-shadow .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.iu-challenges .ch-topic:hover,.iu-challenges .ch-sentence:hover{border-color:var(--iu-teal)}.iu-challenges :is(.ch-topic-icon,.ch-plus-icon,.ch-num){transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .2s ease,color .2s ease}.iu-challenges :is(.ch-topic,.ch-plus-banner,.ch-sentence)>svg{transition:translate .3s cubic-bezier(.22,1,.36,1),color .2s ease}@media(hover:hover){.iu-challenges :is(.ch-topic,.ch-plus-banner,.ch-sentence):hover{transform:translateY(-3px);box-shadow:var(--iu-shadow-lift)}.iu-challenges :is(.ch-topic,.ch-plus-banner):hover :is(.ch-topic-icon,.ch-plus-icon){transform:scale(1.06)}.iu-challenges .ch-sentence:hover .ch-num{transform:scale(1.06);background:var(--iu-teal-soft);color:var(--iu-teal-text)}.iu-challenges :is(.ch-topic,.ch-sentence):hover>svg{color:var(--iu-teal);translate:-3px 0}.iu-challenges .ch-plus-banner:hover>svg{color:var(--iu-primary);translate:-3px 0}.iu-challenges[dir=ltr] :is(.ch-topic,.ch-plus-banner,.ch-sentence):hover>svg{translate:3px 0}}.iu-challenges :is(.ch-topic,.ch-plus-banner,.ch-sentence):active{transform:translateY(-1px) scale(.99);transition-duration:.2s,.2s,.1s}@media(prefers-reduced-motion:reduce){.iu-challenges :is(.ch-topic,.ch-plus-banner,.ch-sentence,.ch-topic-icon,.ch-plus-icon,.ch-num){transform:none!important}.iu-challenges :is(.ch-topic,.ch-plus-banner,.ch-sentence)>svg{translate:none!important}}.iu-challenges .ch-topic:focus-visible,.iu-challenges .ch-plus-banner:focus-visible,.iu-challenges .ch-sentence:focus-visible{outline:2px solid var(--iu-teal);outline-offset:2px}.iu-challenges .ch-topic>svg,.iu-challenges .ch-plus-banner>svg,.iu-challenges .ch-sentence>svg{width:19px;height:19px;color:var(--iu-text-3);flex:none}.iu-challenges .ch-topic-icon,.iu-challenges .ch-plus-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none}.iu-challenges .ch-topic-icon svg,.iu-challenges .ch-plus-icon svg{width:25px;height:25px}.iu-challenges .ch-teal .ch-topic-icon{background:var(--iu-teal-soft);color:var(--iu-teal)}.iu-challenges .ch-primary .ch-topic-icon{background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-challenges .ch-topic-text{flex:1;min-width:0;display:flex;flex-direction:column}.iu-challenges .ch-teal .ch-topic-level{color:var(--iu-teal-text)}.iu-challenges .ch-primary .ch-topic-level{color:var(--iu-primary-text)}.iu-challenges .ch-topic.is-locked .ch-topic-icon{background:var(--iu-sunken);color:var(--iu-text-3)}.iu-challenges .ch-topic.is-locked .ch-topic-level{color:var(--iu-text-3)}.iu-challenges .ch-topic.is-locked:hover{border-color:var(--iu-primary)}.iu-challenges .ch-plus{flex:none;padding:5px 12px 5px 10px;font-size:13px}.iu-challenges .ch-plus svg{width:16px;height:16px}.iu-challenges .ch-plus-banner{grid-column:1 / -1;background:var(--iu-primary-wash);border-color:var(--iu-primary-soft)}.iu-challenges .ch-plus-banner:hover{border-color:var(--iu-primary)}.iu-challenges .ch-plus-icon{background:var(--iu-primary-soft);color:var(--iu-primary)}.iu-challenges .ch-failed{padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.iu-challenges .ch-empty{text-align:center;padding:24px 0}.iu-challenges .ch-head{display:flex;align-items:center;gap:4px;min-height:52px;margin:0 -8px 8px}.iu-challenges .ch-head-text{flex:1;min-width:0;display:flex;flex-direction:column}.iu-challenges .ch-count{flex:none;height:34px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:var(--iu-teal-soft);color:var(--iu-teal-text);font-size:14px;font-weight:600}.iu-challenges .ch-sentences{display:flex;flex-direction:column;gap:14px}.iu-challenges .ch-num{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--iu-sunken);color:var(--iu-text-2);font-size:16px;font-weight:600}.iu-challenges .ch-sentence.is-started .ch-num{background:var(--iu-teal-soft);color:var(--iu-teal-text)}.iu-challenges .ch-sentence-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.iu-challenges .ch-sentence .t-sentence-s{font-size:22px}@media(min-width:768px){.iu-challenges .ch-sentence .t-sentence-s{font-size:25px}}.iu-challenges .ch-sentence-meta{display:flex;align-items:center;gap:10px}.iu-challenges .ch-dots{display:inline-flex;gap:5px}.iu-challenges .ch-dots i{width:8px;height:8px;border-radius:999px;background:var(--iu-border-strong)}.iu-challenges .ch-dots i.is-on{background:var(--iu-teal)}.iu-challenges .ch-progress{display:flex;gap:6px;margin-bottom:14px}.iu-challenges .ch-progress span{flex:1;height:4px;border-radius:2px;background:var(--iu-border);transition:background-color .2s ease}.iu-challenges .ch-progress span.is-done{background:color-mix(in srgb,var(--iu-teal) 55%,transparent)}.iu-challenges .ch-progress span.is-on{background:var(--iu-teal)}.iu-challenges .ch-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}.iu-challenges .ch-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 14px;border-radius:14px;cursor:pointer;border:1.5px solid transparent;background:none;color:var(--iu-text-2);font-family:var(--iu-studied);font-size:22px;font-weight:700;line-height:1.7}.iu-challenges .ch-chip svg{width:17px;height:17px;color:var(--iu-teal)}.iu-challenges .ch-chip.is-done{color:var(--iu-text)}.iu-challenges .ch-chip.is-on{background:var(--iu-teal-soft);color:var(--iu-teal-text);border-color:var(--iu-teal)}.iu-challenges .ch-chip:focus-visible{outline:2px solid var(--iu-teal);outline-offset:2px}.iu-challenges .ch-word-card{padding:8px 10px 14px;border-color:var(--iu-teal)}.iu-challenges .ch-word-top{display:flex;align-items:center;justify-content:space-between}.iu-challenges .ch-word-top .iu-icon-btn:disabled{opacity:.35;cursor:default}.iu-challenges .ch-next-ic{transform:none}.iu-challenges .ch-prev-ic,.iu-challenges[dir=ltr] .ch-next-ic{transform:scaleX(-1)}.iu-challenges[dir=ltr] .ch-prev-ic{transform:none}.iu-challenges .ch-word{font-family:var(--iu-studied);font-size:40px;font-weight:700;line-height:1.6;text-align:center;color:var(--iu-word);margin:0}.iu-challenges .ch-steps{display:flex;flex-direction:column;gap:12px;margin-top:12px}.iu-challenges .ch-step{padding:18px 20px 20px;scroll-margin:90px 0 120px}.iu-challenges .ch-step-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}.iu-challenges .ch-step-n{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex:none;background:var(--iu-teal);color:#fff;font-size:14px;font-weight:700}.iu-challenges .ch-step-n svg{width:16px;height:16px}.iu-challenges .ch-step.is-done{border-color:var(--iu-teal-soft)}.iu-challenges .ch-step.is-done .ch-step-n{background:var(--iu-teal-soft);color:var(--iu-teal-text)}.iu-challenges .ch-step.is-locked{background:var(--iu-sunken);box-shadow:none}.iu-challenges .ch-step.is-locked .ch-step-head{margin-bottom:6px;color:var(--iu-text-3)}.iu-challenges .ch-step.is-locked .ch-step-n{background:var(--iu-border);color:var(--iu-text-3)}.iu-challenges .ch-locked{display:flex;align-items:center;gap:6px;margin:0}.iu-challenges .ch-locked svg{width:16px;height:16px}.iu-challenges .ch-opts{display:flex;flex-wrap:wrap;gap:10px}.iu-challenges .ch-opt{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--iu-border);background:var(--iu-card);cursor:pointer;font-family:var(--iu-ui);font-size:16px;font-weight:600;color:var(--iu-text);transition:border-color .15s ease,background-color .15s ease}.iu-challenges .ch-opt:hover{border-color:var(--iu-teal);background:var(--iu-teal-wash)}.iu-challenges .ch-opt.is-on{background:var(--iu-teal);border-color:var(--iu-teal);color:#fff}.iu-challenges .ch-opt:focus-visible{outline:2px solid var(--iu-teal);outline-offset:2px}.iu-challenges .ch-bar{position:sticky;bottom:0;z-index:5;margin:6px -16px 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--iu-canvas) 70%,transparent)}.iu-challenges .ch-share-status:empty{display:none}.iu-challenges .ch-share-status{margin:-4px 0 8px;text-align:end}.iu-challenges .ch-actions{display:flex;gap:10px;margin-top:22px}.iu-challenges .ch-actions .iu-btn{flex:1}.iu-challenges .ch-actions .iu-btn.teal{flex:1.6}