/* A focused word reader. The viewport and word header stay still while knowledge scrolls. */
.is-flash .entry-shell{grid-template-rows:minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom)}
.is-flash #entry-main.flash-screen{display:flex;flex-direction:column;padding:8px 20px 10px;gap:5px;scrollbar-gutter:auto}
.flash-screen .flash-header{min-height:32px;gap:10px}
.flash-screen .flash-header h1{font-size:17px}
.flash-screen .flash-counts{padding:0 0 4px;font-size:12px}
.flash-screen .flash-counts small{font-size:11px}
.flash-screen .flash-picture-card{display:flex;flex-direction:column;gap:0;padding:0;border-radius:20px;overflow:hidden;background:#fffefb;touch-action:pan-y pinch-zoom;cursor:default}
.flash-screen .flash-picture-card .flash-word{padding:9px 18px 11px;background:linear-gradient(135deg,#dcece6,#edf3e9);touch-action:none;cursor:grab}
.flash-screen .flash-picture-card .flash-kind{font-size:11px;color:#7b9185;letter-spacing:.6px}
.flash-screen .flash-picture-card .flash-word h2{font-size:clamp(29px,4vw,36px);line-height:1.25;font-weight:550;margin:4px 0 7px;overflow-wrap:anywhere}
.flash-screen .flash-picture-card .flash-word-tools{gap:12px}
.flash-screen .flash-picture-card .flash-word-tools button{background:#fffdf66b;border-color:#8ba99a50;color:#466957;font-size:13px;min-height:30px;padding:4px 13px}
.flash-screen .flash-picture-card .flash-focus,.flash-screen .flash-picture-card .flash-streak{font-size:11px;line-height:1.4;margin:5px auto 0;padding:2px 8px}
.flash-screen .flash-picture-card .flash-answer{border:0;margin:0;padding:0;display:flex;align-items:stretch;justify-content:stretch;min-height:0;flex:1;overflow:hidden;gap:0}
.flash-reading-scroll{width:100%;min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:none;text-align:left;scrollbar-width:thin;scrollbar-color:#bdcbbf transparent;outline-offset:-3px}
.flash-reading-scroll.is-scrollable{touch-action:pan-y pinch-zoom}
.flash-summary{display:flex;align-items:center;gap:14px;padding:11px 18px;background:#f1f6ef;border-bottom:1px solid #e5ece2}
.flash-meaning{min-width:0;flex:1}
.flash-pos{font-size:12px;color:#69806d;display:inline;margin-right:6px}
.flash-meaning>p{display:inline;font-size:20px!important;line-height:1.5!important;margin:0!important;overflow-wrap:anywhere}
.flash-picture-wrap{position:relative;width:76px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.flash-picture{width:100%;aspect-ratio:1;background-repeat:no-repeat;border-radius:12px;background-color:#f4f1e8;flex:none}
.flash-picture-wrap>small{font-size:10px;line-height:1.3;color:var(--muted)}
.flash-knowledge-section{padding:0 18px 4px;border-bottom:5px solid #f4f5f0}
.flash-knowledge-section>h3{margin:0 -18px 2px;padding:7px 18px 6px;border-bottom:1px solid #edf0e8;font-size:12px;line-height:1.5;font-weight:500;color:#8a9689}
.flash-detail-item{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 0 10px;text-align:left}
.flash-detail-copy{flex:1;min-width:0}
.flash-detail-item h4{font-size:12px;font-weight:400;color:#919b8d;margin:0 0 3px;line-height:1.5}
.flash-answer .flash-detail-item p{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.flash-answer .flash-detail-item .flash-detail-zh{font-size:15px;margin-top:3px;color:#6c766a}
.flash-answer .flash-detail-item .flash-detail-context{font-size:10px;line-height:1.4;margin-top:2px;color:#97a08f}
.flash-detail-item mark{color:#c36d50;background:none}
.flash-example-audio{flex:none;border:0;padding:9px;background:none;color:#8ca08d;cursor:pointer;border-radius:50%;align-self:center;touch-action:pan-y pinch-zoom}
.flash-example-audio svg{display:block;width:22px;height:22px}
.flash-detail-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:14px 16px 18px;font-size:11px;line-height:1.5;color:var(--muted)}
.flash-detail-sources a{text-decoration:underline;text-underline-offset:3px}
.flash-screen .flash-picture-card .flash-recall{touch-action:none;min-height:100px;flex:1;font-size:17px;padding:24px 16px}
.flash-screen .flash-picture-card .flash-recall small{font-size:12px}
.flash-feedback{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;margin:-1px!important;padding:0!important;border:0!important;min-height:0!important}
@media(max-width:600px){
 .is-flash #entry-main.flash-screen{padding:5px 10px 8px;gap:4px}
 .flash-screen .flash-header{min-height:30px;gap:8px;padding:0 5px}
 .flash-screen .flash-header h1{font-size:16px}.flash-screen .flash-header .back-link{font-size:12px}
 .flash-screen .flash-counts{padding:0 5px 4px;gap:16px}.flash-screen .flash-counts small{font-size:10px}
 .flash-screen .flash-picture-card{border-radius:17px}
 .flash-screen .flash-picture-card .flash-word{padding:8px 16px 10px}
 .flash-screen .flash-picture-card .flash-word h2{font-size:34px;margin:3px 0 6px}
 .flash-summary{padding:10px 16px;gap:12px}.flash-meaning>p{font-size:20px!important}.flash-picture-wrap{width:70px}
 .flash-knowledge-section{padding-left:16px;padding-right:16px}
 .flash-knowledge-section>h3{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
 .flash-detail-item{gap:8px}.flash-answer .flash-detail-item p{font-size:16px}.flash-answer .flash-detail-item .flash-detail-zh{font-size:14px}
}
@media(max-width:350px){
 .is-flash #entry-main.flash-screen{padding:4px 8px 6px}
 .flash-screen .flash-header h1{font-size:15px}.flash-screen .flash-header .back-link{font-size:11px}
 .flash-screen .flash-picture-card .flash-word{padding:7px 14px 9px}.flash-screen .flash-picture-card .flash-word h2{font-size:30px;margin:3px 0 5px}
 .flash-screen .flash-picture-card .flash-word-tools button{padding:4px 12px;font-size:12px}
 .flash-summary{padding:9px 14px;gap:10px}.flash-picture-wrap{width:64px}.flash-meaning>p{font-size:19px!important}
 .flash-knowledge-section{padding-left:16px;padding-right:16px}.flash-knowledge-section>h3{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
}
@media(max-height:450px) and (min-width:601px){
 .is-flash #entry-main.flash-screen{padding:5px 18px 8px;gap:3px}
 .flash-screen .flash-header{min-height:28px}.flash-screen .flash-counts{padding:0 0 3px}
 .flash-screen .flash-picture-card{display:flex;flex-direction:row;align-items:stretch;padding:0;gap:0}
 .flash-screen .flash-picture-card .flash-word{width:220px;flex:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px 16px}
 .flash-screen .flash-picture-card .flash-word h2{font-size:32px;margin:12px 0}.flash-screen .flash-picture-card .flash-answer{height:auto;min-width:0;border:0;margin:0;padding:0}
 .flash-summary{padding:10px 16px}.flash-picture-wrap{width:66px}.flash-meaning>p{font-size:20px!important}
}

.flash-knowledge-section>h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.flash-section-context{font-size:10px;line-height:1.4;color:#98a28f}

/* The word line contains only the headword and source-backed IPA. */
.flash-screen .flash-picture-card .flash-word{padding:10px 16px 12px}
.flash-screen .flash-picture-card .flash-word h2{margin:0;font-size:34px;line-height:1.3}
.flash-headword{display:inline;background:none;border:0;padding:0;color:inherit;font:inherit;line-height:inherit;cursor:pointer;touch-action:none}
.flash-headword:disabled{opacity:1;cursor:default}
.flash-word .flash-ipa{margin:4px 0 0;font-size:15px;line-height:1.4;font-family:"Charis SIL","Segoe UI",system-ui,sans-serif;color:#5b766a}
.flash-favorite{flex:none;display:grid;place-items:center;border:0;background:none;color:#66866f;padding:2px;width:30px;height:30px;font-size:23px;cursor:pointer}
.flash-screen .flash-counts .flash-focus{display:inline;width:auto;margin:0;padding:0;font-size:inherit;line-height:inherit;color:#9b714c;background:none;letter-spacing:0}
.flash-screen .flash-counts small{display:block}
.flash-summary{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px 16px}
.flash-meaning-group{display:flex;align-items:baseline;gap:8px;min-width:0}
.flash-meaning-group .flash-pos{flex:none;font-size:14px;line-height:1.6;margin:0;color:#55705e}
.flash-meaning-group>p{flex:1;min-width:0;font-size:18px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.flash-current-meaning{font-weight:550}
.flash-picture-card .flash-recall small{max-width:100%}
@media(max-width:350px){.flash-screen .flash-picture-card .flash-word h2{font-size:30px}.flash-meaning-group>p{font-size:17px}.flash-meaning-group .flash-pos{font-size:13px}.flash-word .flash-ipa{font-size:14px}.flash-screen .flash-header{gap:6px}.flash-screen .flash-done{font-size:9px}.flash-favorite{width:27px}}
@media(max-height:450px) and (min-width:601px){.flash-screen .flash-picture-card .flash-word{padding:12px 16px}.flash-screen .flash-picture-card .flash-word h2{font-size:30px}.flash-summary{padding:10px 16px}}

/* Compact the revealed knowledge while preserving the word header and controls. */
.flash-screen .flash-summary{gap:4px;padding:8px 14px}
.flash-screen .flash-meaning-group{gap:6px}
.flash-screen .flash-meaning-group .flash-pos{font-size:12px;line-height:1.45}
.flash-screen .flash-meaning-group>p{font-size:16px;line-height:1.45}
.flash-screen .flash-knowledge-section{padding:0 14px 2px;border-bottom-width:3px}
.flash-screen .flash-knowledge-section>h3{margin:0 -14px 1px;padding:5px 14px 4px;font-size:11px;line-height:1.4;gap:3px 8px}
.flash-screen .flash-detail-item{gap:6px;padding:5px 0 6px}
.flash-screen .flash-detail-item h4{font-size:11px;line-height:1.4;margin:0 0 2px}
.flash-screen .flash-answer .flash-detail-item p{font-size:15px;line-height:1.45}
.flash-screen .flash-answer .flash-detail-item .flash-detail-zh{font-size:13px;margin-top:2px}
.flash-screen .flash-answer .flash-detail-item .flash-detail-context{font-size:10px;line-height:1.35;margin-top:2px}
.flash-screen .flash-detail-item[data-detail-kind="form"] .flash-detail-copy{display:grid;grid-template-columns:minmax(78px,.4fr) minmax(0,1fr);align-items:baseline;gap:6px}
.flash-screen .flash-detail-item[data-detail-kind="form"] h4{margin:0}
.flash-screen .flash-detail-sources{gap:12px;padding:9px 14px 12px;font-size:10px;line-height:1.4}
@media(max-width:350px){.flash-screen .flash-summary{padding:7px 12px}.flash-screen .flash-meaning-group>p{font-size:15px}.flash-screen .flash-knowledge-section{padding-left:12px;padding-right:12px}.flash-screen .flash-knowledge-section>h3{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.flash-screen .flash-answer .flash-detail-item p{font-size:14px}.flash-screen .flash-answer .flash-detail-item .flash-detail-zh{font-size:13px}}