.study-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}.study-level{display:grid;text-align:left;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;color:var(--ink);min-width:0}.study-level>span{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.study-level strong{font-size:.96rem}.study-level small{color:var(--muted)}.study-level.selected{border:2px solid var(--accent);padding:19px;background:#eaf6f1}.study-deck>.section-head h2{margin:0}.study-actions{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:22px 0 14px}.study-actions>label{min-width:230px;flex:1}.study-actions>.button-row{flex:2}.study-blocks{margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.study-blocks summary,.study-help summary{cursor:pointer;font-weight:700;min-height:44px}.block-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.block-item{padding:13px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--ink);text-align:left;min-width:0}.block-item strong{font-size:.875rem}.block-item span{font-size:.75rem;display:block;color:var(--muted)}.block-item progress{margin:9px 0 3px}.block-item.selected{border-color:var(--accent);background:#edf8f3}.study-results{margin-top:24px}.study-results .panel+.panel{margin:0}.study-days{display:flex;flex-direction:column;gap:9px}.study-day{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:12px;align-items:center;font-size:.8rem;color:var(--muted)}.study-day progress{margin:0;height:9px}.study-day b{text-align:right;color:var(--ink)}.study-caption{margin-top:17px}.study-level-result{border-bottom:1px solid var(--line);padding:15px 0}.study-level-result:first-of-type{padding-top:0}.study-level-result strong{display:block}.study-level-result span{font-size:.875rem;color:var(--muted)}.study-level-result progress{margin:10px 0 0}.study-level-result+ p{margin-top:17px}.study-hard{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.study-hard>span{font-size:1.65rem;font-family:"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}.study-hard b{font-size:.875rem;font-weight:500;color:var(--muted)}.study-hard p{font-size:.9rem}.study-hard small{color:var(--muted);font-size:.75rem}.study-help{margin-top:24px}.study-help p{margin:10px 0}.study-help .secondary{margin:10px 0}.study-catalog{margin-top:24px}.study-catalog>label{max-width:500px;margin-bottom:15px}.study-word{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,2fr) auto;gap:8px 18px;padding:16px 0;align-items:center}.study-word>div strong{font-size:1.5rem;font-family:"PingFang SC","Microsoft YaHei",sans-serif;display:block}.study-word>div span{font-size:.875rem;color:var(--muted)}.study-word>p{overflow-wrap:anywhere}.study-word>small{color:var(--muted);font-size:.75rem;grid-column:2}.study-word>button{grid-column:3;grid-row:1/3}.study-training{padding:25px}.flash-front{text-align:center}.hanzi{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:clamp(3rem,10vw,5.3rem);line-height:1.35;color:#123e54;margin:20px 0 8px;overflow-wrap:anywhere;letter-spacing:.05em}.flash-front>.muted{margin-top:17px;font-size:.94rem}.flash-back{text-align:center;padding:24px 16px;background:#f1f7f5;border-radius:10px;margin:24px 0}.pinyin{font-size:1.55rem;color:#08745f}.translation{font-size:1.3rem;font-weight:600;margin-top:10px;overflow-wrap:anywhere}.flash-back>.small-text{margin-top:12px}.study-ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.study-rating{min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:9px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 6px}.study-rating small{color:var(--muted)}.study-rating b{font-size:.9rem}.study-rating span{font-size:.8rem;color:var(--muted)}.study-rating.again{background:#fff1ee;border-color:#eac3bd}.study-rating.hard{background:#fff7e9;border-color:#e9d7b7}.study-rating.good{background:#edf7f2;border-color:#b8d8c8}.study-rating.easy{background:#edf4fc;border-color:#bacee6}.study-keyboard{text-align:center;font-size:.8rem;color:var(--muted);padding:12px 15px 19px}.show-answer{width:100%;margin-top:24px;min-height:50px}.study-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.study-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;min-height:72px;border:1px solid #bccfda;border-radius:10px;background:#fff;color:var(--ink)}.study-choice small{font-size:.8rem;background:#edf2f6;border-radius:5px;padding:3px 7px}.study-choice span{overflow-wrap:anywhere}.study-verdict{font-weight:700;margin-top:16px}.study-verdict.correct{color:#08745f}.study-verdict.incorrect{color:#a33927}.study-finished{text-align:center;padding:35px 10px;display:grid;gap:20px}.study-finished h3{font-size:1.7rem}.study-finished .primary{justify-self:center}.study-deck .eyebrow{margin:0 0 4px}.study-stats .stat strong{font-size:1.7rem}
.study-gallery{margin-bottom:22px}.study-gallery>.section-head{gap:10px;flex-wrap:wrap}.study-gallery h2{margin:0}.study-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.study-gallery-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-align:center;overflow-wrap:anywhere}.study-gallery-card:hover{border-color:var(--accent);background:#f1f7f5}.study-gallery-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.study-gallery-thumb,.study-gallery-placeholder{display:block;width:100%;height:clamp(64px,14vw,150px);max-height:22dvh;object-fit:contain;border-radius:6px;background:#f1f7f5}.study-gallery-placeholder{display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.study-gallery-card strong{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(1.2rem,3vw,1.75rem);line-height:1.4}.study-gallery-pinyin{font-size:.875rem;color:#08745f;line-height:1.4}.study-gallery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.study-gallery>[role]{margin:12px 0}
.study-sync{display:grid;gap:10px;margin:0 0 20px}.study-sync .notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0}.study-sync p{margin:0}.study-sync .notice p{flex:1;min-width:180px}#study-title:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}#study-dialog button:disabled{cursor:wait}
.study-word>.study-word-actions{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:4px}.study-coverage{margin-top:10px}.study-mini-test{display:block;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.study-mini-test p{margin:0}.flash-back>.study-meaning-label{margin-top:14px}.study-meaning-label+.translation{margin-top:3px}.study-illustration{display:block;width:auto;max-width:100%;height:auto;max-height:220px;object-fit:contain;margin:18px auto;border-radius:8px}.study-example{text-align:left;border-top:1px solid var(--line);padding-top:16px;margin-top:18px;overflow-wrap:anywhere}.study-example-zh{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:1.4rem;line-height:1.65}.study-example mark{background:#d8ebc8;color:#123e54;border-radius:3px;padding:0 2px}.study-example-pinyin{color:#08745f;font-size:1rem;line-height:1.6}.study-example-ru{font-size:1rem;line-height:1.55}.study-example>.quiet{margin-top:10px}.study-note{text-align:left;overflow-wrap:anywhere}.study-preview-body{padding:25px;overflow-wrap:anywhere}.study-preview-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.study-preview-nav button:disabled{cursor:default}.study-preview-position{text-align:center}#study-preview-title:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.study-demo-result{display:grid;gap:18px}.study-demo-result>.primary{justify-self:center}.study-mistakes{text-align:left;width:100%;min-width:0}.study-mistakes article{border-top:1px solid var(--line);padding:16px 0;margin-top:12px;overflow-wrap:anywhere}.study-mistakes h4{font-size:1.5rem;line-height:1.4;margin:0 0 5px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}#study-dialog,#study-preview-dialog{overscroll-behavior:contain}#study-dialog .dialog-head>div,#study-preview-dialog .dialog-head>div{min-width:0}#study-dialog .dialog-head>.icon-button,#study-preview-dialog .dialog-head>.icon-button{flex-shrink:0}
@media(max-width:1100px){.block-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-word{grid-template-columns:minmax(100px,1fr) minmax(120px,2fr) auto}.study-word>button{font-size:.8rem;padding:6px}}
@media(max-width:760px){.study-levels{gap:8px}.study-level{padding:13px 10px}.study-level.selected{padding:12px 9px}.study-level>span{font-size:1.25rem}.study-level strong{font-size:.8rem;line-height:1.3}.study-level small{font-size:.75rem}.study-actions>label{min-width:100%}.study-actions>.button-row{width:100%;gap:8px}.study-actions .primary,.study-actions .secondary{flex:1;min-width:120px}.block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-training{padding:20px 16px}.study-choices{grid-template-columns:1fr;gap:9px}.study-choice{min-height:58px;padding:12px}.study-ratings{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.study-rating{min-height:72px}.study-rating small{display:none}.study-keyboard{display:none}.flash-back{padding:20px 10px}.translation{font-size:1.2rem}.study-hard{grid-template-columns:55px minmax(0,1fr) auto;gap:8px}.study-hard>span{font-size:1.35rem}.study-hard small{font-size:.7rem}.study-word{grid-template-columns:minmax(80px,1fr) minmax(140px,2fr);gap:7px 12px}.study-word>small{grid-column:2}.study-word>button{grid-column:1;grid-row:2;justify-content:start;padding-left:0}.study-word>p{font-size:.9rem}.study-stats .stat strong{font-size:1.5rem}}
@media(max-width:760px){.study-word>.study-word-actions{grid-column:1/-1;grid-row:3;flex-direction:row;flex-wrap:wrap}.study-word-actions>.quiet{font-size:.875rem;padding:8px}.study-preview-body{padding:18px 16px}.study-illustration{max-height:180px;max-height:min(180px,25dvh);margin:14px auto}.study-example-zh{font-size:1.25rem}.study-example{margin-top:14px;padding-top:14px}.study-mini-test>.primary{width:100%}#study-dialog .flash-back,#study-preview-dialog .flash-back{margin:16px 0;padding:16px 12px}#study-dialog .hanzi,#study-preview-dialog .hanzi{margin-top:12px}}
@media(max-width:760px){.study-gallery-grid{gap:8px}.study-gallery-card{padding:7px;gap:5px}.study-gallery-pinyin{font-size:.8rem}}

.study-mini-test>summary{cursor:pointer;min-height:44px;font-weight:600}.study-mini-test>button{margin:8px 0 12px}
 .dictation-hidden{display:grid;place-items:center;width:2.3em;height:1.45em;margin:20px auto 8px;border:2px dashed #9bb4c1;border-radius:12px;color:#6d8995;font-size:3.5rem;line-height:1}.dictation-fields{display:grid;gap:14px;margin:24px auto 0;max-width:520px;text-align:left}.dictation-fields label{display:grid;gap:6px;font-weight:700}.dictation-fields input,.dictation-fields textarea{font:inherit;border:1px solid #b9cbd3;border-radius:9px;padding:12px;color:var(--ink);background:#fff}.dictation-fields input:focus,.dictation-fields textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.dictation-fields input{font-size:1.5rem;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.study-attempt{text-align:left;border-top:1px solid var(--line);margin:20px 0 0;padding:15px 0}.study-attempt p{margin:7px 0;overflow-wrap:anywhere}