.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.study-panel{max-width:720px}
.study-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 24px 16px;background:var(--surface);position:sticky;top:72px;z-index:3}
.study-nav button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 4px;color:var(--muted);font-size:.8125rem;min-height:44px}
.study-nav button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}
.study-content{padding:0 24px 26px}
.study-toolbar{display:flex;gap:8px;margin:18px 0;align-items:center}
.study-toolbar select{flex:1;min-width:0}
.study-toolbar .mini{flex:none;min-height:44px;white-space:nowrap}
.study-source{border-bottom:1px solid var(--line);padding:17px 0}
.study-source-label{display:flex;gap:11px;align-items:flex-start;cursor:pointer}
.study-source-label input{width:18px;height:18px;accent-color:var(--accent);margin:4px 0;flex:none}
.study-source-label>span{min-width:0;flex:1;overflow-wrap:anywhere}
.study-source-label .source-meta,.practice-meta{display:block;font-size:.6875rem;color:var(--accent);font-weight:650;margin-bottom:6px}
.source-question{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:5px;white-space:pre-wrap}
.source-answer{display:block;font-size:.9375rem;white-space:pre-wrap;line-height:1.7}
.study-source .hint{padding-left:29px;margin:6px 0 0}
.study-source>.row{margin-left:29px;margin-top:8px}
.study-source .source-remove{border:0;background:transparent;padding:3px 0;min-height:30px;color:var(--muted);font-size:.6875rem}
.study-assemble{position:sticky;bottom:0;background:var(--surface);padding:10px 0 0;margin-top:12px;border-top:1px solid var(--line);z-index:2}
.study-assemble .primary{margin-top:0}
.study-assemble p{text-align:center;margin-bottom:0}
.empty-state{padding:30px 12px;text-align:center;font-size:.875rem;color:var(--muted);line-height:1.8;background:var(--card);border-radius:12px;margin:20px 0;white-space:pre-line}
.study-content h4{font-size:1.1875rem;line-height:1.55;letter-spacing:-.035em;margin:20px 0 12px;overflow-wrap:anywhere;white-space:pre-wrap}
.study-back{border:0;padding-left:0;color:var(--muted);background:transparent}
.study-content textarea.short-text{min-height:88px}
#answerSourcesText{white-space:pre-wrap;font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere;margin-top:10px;max-height:220px;overflow:auto}
#answerSourcesText:empty{display:none}
#answerMeaning{margin-top:12px}
.answer-item{padding:22px 0;border-bottom:1px solid var(--line)}
.answer-item h4{margin:5px 0 10px;font-size:1rem}
.answer-preview{font-size:.875rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.65}
.answer-item .answer-delete{margin-left:auto;color:var(--warn);border:0}
.whole-answer{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.95;border-left:3px solid var(--accent);padding:3px 0 3px 18px;margin:24px 0}
#practiceMeaningText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem;color:var(--muted)}
.practice-record{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}
#answerRecording{display:block;width:100%;margin:14px 0}
#answerRecord.recording{border-color:var(--warn);color:var(--warn)}
.study-edit{width:100%;margin-top:10px;border-color:transparent;color:var(--muted)}
#practiceCount{text-align:center}
#studySourceTools{justify-content:space-between;margin-bottom:4px}
#studySelected{margin-top:0}
.practice-meta{margin-top:20px}
@media(max-width:600px){.study-nav{padding-inline:20px}.study-content{padding-inline:20px}.study-content textarea,.study-toolbar select{font-size:max(16px,1rem)}}
@media(max-width:360px){.study-nav{padding-inline:16px}.study-content{padding-inline:16px}.study-toolbar{gap:6px;flex-wrap:wrap}.study-toolbar select{flex-basis:120px}.study-toolbar .mini{flex-grow:1}.study-source-label{gap:9px}.study-source .hint,.study-source>.row{padding-left:0;margin-left:27px}.practice-actions{gap:6px}.practice-actions .mini{flex:1;padding-inline:6px}.whole-answer{padding-left:13px}}