.fcs{--fcs-radius:28px;--fcs-card-radius:18px;--fcs-ink:var(--room-on-surface,var(--color-text-primary));--fcs-muted:var(--room-on-surface-muted,var(--color-text-secondary));--fcs-surface:var(--room-surface-elevated,var(--color-surface-elevated));--fcs-accent:var(--room-accent,var(--color-primary));--fcs-on-accent:var(--room-accent-contrast,var(--color-text-on-color));--fcs-line:color-mix(in srgb, var(--fcs-ink) 12%, transparent);--fcs-card-bg:color-mix(in srgb, var(--fcs-ink) 4%, var(--fcs-surface));border-radius:var(--fcs-radius);background:var(--fcs-surface);border:1px solid var(--fcs-line);width:min(100%,460px);box-shadow:var(--shadow-xl);color:var(--fcs-ink);font-family:var(--room-font-body,inherit);flex-direction:column;gap:14px;margin:0 auto;padding:26px 22px 22px;display:flex}.fcs-top{color:var(--fcs-muted);justify-content:flex-end;align-items:baseline;gap:12px;font-size:15px;display:flex}.fcs-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fcs-track{gap:4px;height:8px;display:flex}.fcs-track i{background:color-mix(in srgb, var(--fcs-ink) 10%, transparent);border-radius:4px;flex:1}.fcs-track i.is-seen{background:color-mix(in srgb, var(--fcs-accent) 40%, transparent)}.fcs-track i.is-done{background:var(--fcs-accent)}.fcs-track i.is-now{background:var(--fcs-ink)}.fcs-scene{perspective:1200px;min-height:320px;margin-top:6px}.fcs-card{cursor:pointer;width:100%;min-height:320px;transform-style:preserve-3d;border-radius:var(--fcs-card-radius);outline:none;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:relative}.fcs-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--fcs-accent) 35%, transparent)}.fcs-card.is-flipped{transform:rotateY(180deg)}.fcs-face{backface-visibility:hidden;border-radius:var(--fcs-card-radius);border:1px solid var(--fcs-line);background:var(--fcs-card-bg);flex-direction:column;justify-content:space-between;gap:18px;padding:26px 26px 22px;display:flex;position:absolute;inset:0;overflow:hidden}.fcs-face--back{background:color-mix(in srgb, var(--fcs-accent) 14%, var(--fcs-surface));border-color:#0000;transform:rotateY(180deg)}.fcs-face--back.has-image{justify-content:flex-start;gap:0;padding:0}.fcs-image{background-position:50%;background-size:cover;flex:0 0 44%;min-height:44%;-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.fcs-image-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.fcs-back-body{flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:8px 26px 22px;display:flex}.fcs-label{font-family:var(--font-family-mono,ui-monospace, Menlo, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--fcs-muted);font-size:12px}.fcs-text{font-family:var(--room-font-heading,inherit);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere;font-size:30px;font-weight:600;line-height:1.2}.fcs-face--back .fcs-text{font-size:26px;font-weight:700}.fcs-foot{color:var(--fcs-muted);justify-content:space-between;align-items:center;gap:8px;min-height:1.2em;font-size:14px;display:flex}.fcs-btn{font:inherit;cursor:pointer;min-height:56px;color:var(--fcs-ink);background:color-mix(in srgb, var(--fcs-ink) 8%, var(--fcs-surface));border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:18px;font-weight:700;display:inline-flex}.fcs-btn:focus-visible{outline:3px solid var(--fcs-accent);outline-offset:2px}.fcs-btn:disabled{opacity:.35;cursor:default}.fcs-btn--flip{background:var(--fcs-accent);width:100%;color:var(--fcs-on-accent);margin-top:4px}.fcs-grade{grid-gap:12px;grid-template-columns:1fr 1fr;gap:12px;display:grid}.fcs-btn--again{background:color-mix(in srgb, var(--color-warning) 18%, var(--fcs-surface));color:var(--color-warning-emphasis)}.fcs-btn--good{background:color-mix(in srgb, var(--color-success) 18%, var(--fcs-surface));color:var(--color-success)}.fcs-btn--secondary,.fcs-btn--ghost{min-height:46px;padding:12px 18px;font-size:15px}.fcs-btn--ghost{border:1px solid var(--fcs-line);background:0 0}.fcs-hint{text-align:center;color:var(--fcs-muted);margin:2px 0 0;font-size:13px}.fcs-summary{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:36px 8px 12px;display:flex}.fcs-summary-big{font-family:var(--room-font-heading,inherit);letter-spacing:-.02em;font-size:40px;font-weight:700;line-height:1.05}.fcs-summary-sub{color:var(--fcs-muted);margin:0;font-size:16px}.fcs-summary-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.fcs-msg{text-align:center;color:var(--fcs-muted);margin:4px 0 0;font-size:14px}@media (prefers-reduced-motion:reduce){.fcs-card{transition:none}}
.craft-flashcards-overlay{z-index:9000;background:var(--room-page-bg,var(--color-surface-base));animation:.18s ease-out craft-flashcards-overlay-fade-in;position:fixed;inset:0;overflow-y:auto}.craft-flashcards-overlay__ambient{z-index:0;filter:blur(24px)saturate(1.15);opacity:.5;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:-60px;transform:scale(1.08)}[data-theme=dark] .craft-flashcards-overlay__ambient{opacity:.35}@keyframes craft-flashcards-overlay-fade-in{0%{opacity:0}to{opacity:1}}.craft-flashcards-overlay__close{top:var(--space-6);right:var(--space-6);border:1px solid color-mix(in srgb, var(--room-divider,var(--border-color)) 80%, transparent);background:var(--room-surface-elevated,var(--color-surface-elevated));width:40px;height:40px;color:var(--room-on-surface,var(--color-text-primary));cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.craft-flashcards-overlay__close:focus-visible{outline:2px solid var(--room-accent,var(--color-primary));outline-offset:2px}.craft-flashcards-overlay__scroll{z-index:1;min-height:100%;padding:var(--space-1) 16px 48px;position:relative}.craft-flashcards-overlay__header{margin:0;padding:22px 8px 18px 16px}.craft-flashcards-overlay__title{font-family:var(--room-font-heading,inherit);color:var(--room-on-surface,var(--color-text-primary));text-overflow:ellipsis;white-space:nowrap;margin:0 200px 0 0;font-size:22px;font-weight:800;overflow:hidden}.craft-flashcards-overlay__state{background:var(--room-surface-elevated,var(--color-surface-elevated));max-width:460px;color:var(--room-on-surface-muted,var(--color-text-secondary));text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;margin:48px auto 0;padding:40px 24px;font-size:16px;display:flex}.craft-flashcards-overlay__state p{margin:0}.craft-flashcards-overlay__spinner{border:3px solid color-mix(in srgb, var(--room-on-surface,var(--color-text-primary)) 15%, transparent);border-top-color:var(--room-accent,var(--color-primary));border-radius:50%;width:28px;height:28px;animation:.9s linear infinite craft-flashcards-spin}@keyframes craft-flashcards-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.craft-flashcards-overlay,.craft-flashcards-overlay__spinner{animation:none}}.craft-flashcards-overlay__edit-pill{top:var(--space-6);right:calc(var(--space-6) + 40px + var(--space-2));z-index:10;align-items:center;gap:var(--space-2);border:1px solid var(--room-divider,var(--border-color));background:var(--room-surface-base,var(--color-surface-base));height:40px;color:var(--room-on-surface-muted,var(--color-text-secondary));font-family:var(--room-font-body,inherit);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border-radius:999px;padding:0 18px;display:inline-flex;position:fixed}.craft-flashcards-overlay__edit-pill:hover{color:var(--room-on-surface,var(--color-text-primary))}.craft-flashcards-overlay__edit-pill:focus-visible{outline:2px solid var(--room-accent,var(--color-primary));outline-offset:2px}@media (max-width:560px){.craft-flashcards-overlay__edit-pill{border-radius:50%;justify-content:center;width:40px;padding:0}.craft-flashcards-overlay__edit-pill span{display:none}.craft-flashcards-overlay__title{margin-right:100px}}