.channel-flash{background:#eee6da;border:1px solid #e4d6c5}.channel-flash>.icon{color:#aa7951;margin-bottom:13px}.channel-flash h3{font-size:18px}.channel-flash p{margin:7px 0 12px}.channel-flash .channel-action{color:#846046}
.flash-focus,.flash-streak{display:block;width:fit-content;margin:8px auto 0;padding:4px 10px;border-radius:12px;font-size:11px;color:#8e6542;background:#f5ecdd}.flash-streak{color:var(--muted);background:transparent}.rating-fuzzy strong{color:#aa7850}.rating-known strong{color:var(--green)}.flash-finished>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.flash-finished .primary-button,.flash-finished .flash-secondary{margin:0}.flash-focus{line-height:1.5}
@media(max-width:350px){.flash-card:has(.flash-focus){padding:10px 12px}.flash-card:has(.flash-focus) .flash-word h2{margin:7px 0}.flash-card:has(.flash-focus) .flash-answer{margin-top:9px;padding-top:9px;gap:6px}.flash-card:has(.flash-focus) .flash-word-tools button{padding:5px 10px}.flash-card:has(.flash-focus) .flash-answer p{font-size:17px}.flash-card:has(.flash-focus) .flash-focus{margin-top:5px}}
#entry-main.flash-screen{display:flex;flex-direction:column;overflow:hidden;gap:12px;padding-top:0}.flash-header{display:flex;align-items:center;gap:16px;flex:none}.flash-header .back-link{margin:0;font-size:12px}.flash-header h1{font-size:19px;font-weight:600;margin:0}.flash-done{margin-left:auto;color:var(--muted);font-size:12px}.flash-options{display:flex;gap:12px;align-items:end;flex:none;flex-wrap:wrap}.flash-options label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.flash-options select{font:inherit;font-size:12px;background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:7px;color:var(--ink);max-width:180px}.flash-options .flash-auto{flex-direction:row;align-items:center;align-self:center;margin-left:auto;white-space:nowrap}.flash-auto input{accent-color:var(--green)}.flash-counts{display:flex;align-items:center;gap:18px;font-size:12px;flex:none;padding:5px 0}.flash-counts small{margin-left:auto;font-size:10px;color:var(--muted)}.flash-counts b{font-weight:600;font-variant-numeric:tabular-nums}.flash-card{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;background:#fffdf8;border:1px solid var(--line);border-radius:23px;display:flex;flex-direction:column;padding:clamp(18px,3vh,36px);box-shadow:0 8px 30px #293b3206}.flash-word{text-align:center;flex:none}.flash-kind{font-size:10px;color:#92a087;letter-spacing:1px}.flash-word h2{font-size:clamp(28px,5vw,48px);line-height:1.3;font-weight:550;overflow-wrap:anywhere;margin:18px 0}.flash-word-tools{display:flex;justify-content:center;gap:14px}.flash-word-tools button{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--green);padding:7px 13px;font-size:12px;cursor:pointer}.flash-answer{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px}.flash-answer p{font-size:22px;line-height:1.6;margin:0;overflow-wrap:anywhere}.flash-answer .flash-usage{font-size:14px;color:var(--muted)}.flash-pos{font-size:11px;color:var(--muted)}.flash-recall{border:0;background:none;cursor:pointer;color:#8d9687;font-size:16px;line-height:1.7;width:100%;flex:1}.flash-recall small{display:block;font-size:11px;margin-top:10px;color:#a0a797}.flash-actions{display:flex;gap:12px;flex:none;min-height:78px;align-items:stretch}.flash-actions>button{flex:1;cursor:pointer}.flash-actions .flash-reveal{margin:0;border-radius:14px;font-size:16px}.flash-reveal span{font-size:10px;opacity:.65;margin-left:8px}.flash-actions [data-flash-rate]{border:1px solid var(--line);background:#fffdf8;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px}.flash-actions strong{font-size:16px;font-weight:550}.flash-actions small,.flash-actions [data-flash-rate] span{font-size:10px;color:var(--muted)}.rating-again strong{color:#ad6050}.rating-hard strong{color:#a98140}.rating-good strong{color:#416650}.flash-footnote{font-size:10px;color:#92998b;text-align:center;margin:0;flex:none;line-height:1.5}.flash-footnote a{margin-left:8px;text-decoration:underline}.flash-finished{flex:1;min-height:0;overflow:auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.flash-finished h2{font-size:25px;font-weight:550;margin:0}.flash-finished p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.flash-finished>a{font-size:12px}.flash-finish-icon{font-size:40px;color:#779263}.flash-secondary{border:1px solid var(--line);background:transparent;padding:12px 18px;border-radius:30px;color:var(--green);margin-left:8px;font-size:13px;cursor:pointer}.flash-screen .notice{flex:none;margin:0;padding:8px;font-size:11px}
@media(max-width:600px){.channel-flash h3{font-size:16px}#entry-main.flash-screen{gap:9px}.flash-header{gap:10px}.flash-header h1{font-size:16px}.flash-done{font-size:10px}.flash-options{gap:8px}.flash-options select{max-width:130px;padding:6px}.flash-options .flash-auto{font-size:10px}.flash-card{border-radius:18px;padding:20px 16px}.flash-word h2{font-size:34px;margin:14px 0}.flash-answer{margin-top:18px;padding-top:18px}.flash-answer p{font-size:20px}.flash-actions{gap:8px;min-height:73px}.flash-actions [data-flash-rate]{padding:9px}.flash-footnote{font-size:9px}}
@media(max-width:350px){.flash-options{gap:6px}.flash-options select{max-width:116px}.flash-options .flash-auto{margin-left:0;font-size:9px}.flash-header .back-link{font-size:11px}.flash-header h1{font-size:15px}.flash-counts{gap:12px}.flash-counts small{font-size:9px}.flash-card{padding:14px}.flash-word h2{font-size:29px;margin:10px 0}.flash-answer{margin-top:12px;padding-top:12px}.flash-answer p{font-size:18px}.flash-actions{min-height:66px}}
@media(max-height:450px) and (min-width:601px){#entry-main.flash-screen{display:grid;grid-template-columns:1fr 210px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px}.flash-header{grid-column:1/-1}.flash-options{grid-column:1}.flash-counts{grid-column:2;grid-row:2;gap:8px}.flash-counts small{display:none}.flash-card{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;padding:12px;align-items:center}.flash-word h2{font-size:28px;margin:6px 0}.flash-answer{margin:0 0 0 15px;padding:5px 0 5px 15px;border-top:0;border-left:1px solid var(--line);height:100%;min-height:0;overflow:auto}.flash-answer p{font-size:19px}.flash-actions{grid-column:2;grid-row:3;flex-direction:column;gap:6px;min-height:0}.flash-actions [data-flash-rate]{padding:4px;gap:2px}.flash-actions strong{font-size:13px}.flash-actions [data-flash-rate] span{display:none}.flash-footnote{grid-column:1/-1}.flash-finished{grid-column:1/-1;grid-row:3}}

/* Flash card gestures */
.flash-card{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible;cursor:grab;isolation:isolate}
.flash-card.is-dragging{cursor:grabbing;will-change:transform;box-shadow:0 16px 36px #293b321a}
.flash-swipe-cue{position:absolute;z-index:2;inset:12px 12px auto auto;display:none;border:2px solid currentColor;border-radius:9px;padding:6px 12px;background:#fffdf8;font-size:18px;font-weight:600;pointer-events:none}
.flash-card[data-direction="fuzzy"] .flash-swipe-cue{display:block;color:#a16f3f;transform:rotate(-8deg)}
.flash-card[data-direction="known"] .flash-swipe-cue{display:block;color:#416650}
.flash-card[data-direction="previous"] .flash-swipe-cue{display:block;color:#6b7a88;transform:rotate(8deg)}
.flash-feedback{flex:none;text-align:center;font-size:11px;color:var(--muted);line-height:1.5;margin:0;min-height:17px}
.flash-actions .flash-previous{border:1px solid var(--line);background:#fffdf8;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px;color:#657466}
.flash-actions .flash-previous span{font-size:10px;color:var(--muted)}
.flash-actions button:disabled{opacity:.5;cursor:default}
.flash-actions small{font-size:12px}.flash-actions strong{font-size:18px}
.flash-answer{min-height:0}.flash-answer .flash-usage{font-size:13px;line-height:1.5}
@media(max-width:600px){#entry-main.flash-screen{gap:7px}.flash-card{padding:16px}.flash-word h2{margin:10px 0}.flash-answer{margin-top:14px;padding-top:14px;gap:8px}.flash-actions{min-height:70px}.flash-actions .flash-previous{padding:8px}.flash-feedback{font-size:11px}}
@media(max-width:350px){.flash-card{padding:12px}.flash-word h2{font-size:30px;margin:3px 0}.flash-answer{margin-top:8px;padding-top:8px;gap:6px}.flash-actions{min-height:64px}.flash-actions strong{font-size:16px}.flash-footnote{font-size:10px}.flash-options select{font-size:12px}}
@media(max-width:350px){.flash-card:has(.flash-focus) .flash-kind,.flash-card:has(.flash-focus) .flash-focus{display:inline-block;vertical-align:middle}.flash-card:has(.flash-focus) .flash-focus{margin:0 0 0 6px;padding:2px 7px}.flash-card:has(.flash-focus) .flash-word h2{margin:5px 0}.flash-card:has(.flash-focus) .flash-word-tools button{padding:4px 9px}}
@media(max-height:450px) and (min-width:601px){.flash-feedback{grid-column:1/-1;grid-row:4}.flash-footnote{grid-row:5}.flash-actions .flash-previous{padding:4px;gap:2px}.flash-actions .flash-previous span{display:none}.flash-actions strong{font-size:15px}.flash-card{overflow:visible}.flash-answer{overflow:visible}.flash-word-tools{gap:8px}.flash-swipe-cue{font-size:14px}}
@media(prefers-reduced-motion:reduce){.flash-card{will-change:auto!important}}