.flashcard-deck-bar{display:grid;gap:14px;max-width:1180px;margin-inline:auto}.flashcard-deck-main{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:16px;align-items:end}.flashcard-deck-select{display:grid;gap:6px;font-weight:850;color:var(--navy)}.flashcard-deck-select select{min-height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit}.flashcard-library-summary{display:grid;text-align:center;gap:2px;padding:8px 14px;border-radius:999px;background:#eef6fa;border:1px solid #c8dde6;min-width:190px}.flashcard-library-summary strong{color:var(--navy)}.flashcard-library-summary span{font-size:.78rem;color:var(--muted)}.flashcard-more-filters{border-top:1px solid var(--line);padding-top:10px}.flashcard-more-filters summary{cursor:pointer;font-weight:850;color:var(--blue);width:max-content}.flashcard-more-filters .flashcard-filters{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}

.flashcard-library{display:grid;gap:18px;max-width:1180px;margin-inline:auto}.flashcard-library[hidden]{display:none}.flashcard-category{--note:#e6f3f7;--note-border:#a9cad5;--tape:#ead77e;border:1px solid var(--line);border-radius:22px;background:#fff;padding:0;overflow:hidden;box-shadow:0 10px 26px rgba(17,47,64,.06)}.flashcard-category--0{--note:#fff0ad;--note-border:#d9c16b;--tape:#ead28a}.flashcard-category--1{--note:#f7d7e3;--note-border:#d6a7bb;--tape:#ecd58a}.flashcard-category--2{--note:#d9eff6;--note-border:#a8cdd9;--tape:#e7d281}.flashcard-category--3{--note:#e6e0f6;--note-border:#bbb0dd;--tape:#ecd68e}.flashcard-category--4{--note:#dff0dc;--note-border:#afd0aa;--tape:#ead486}.flashcard-category summary{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:16px 54px 16px 22px;cursor:pointer;color:var(--navy);font-size:clamp(1rem,2vw,1.25rem);font-weight:900;text-align:center;list-style:none}.flashcard-category summary::-webkit-details-marker{display:none}.flashcard-category summary::before{content:'›';position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:1.35rem;color:#46697c;transition:transform .18s ease}.flashcard-category[open] summary::before{transform:translateY(-50%) rotate(90deg)}.flashcard-category-count{position:absolute;right:20px;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:#edf4f7;color:#57707f;font-size:.76rem;font-weight:900}.flashcard-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 20px 22px;border-top:1px solid var(--line);background:#fbfcfd}.flashcard-tile{position:relative;display:grid;align-content:center;gap:8px;min-height:150px;padding:28px 22px 22px;border:1px solid var(--note-border);border-radius:18px;background:linear-gradient(160deg,#fff 0%,var(--note) 10%,var(--note) 100%);box-shadow:0 9px 18px rgba(17,47,64,.12);text-align:left;color:var(--ink);font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.flashcard-tile::before{content:'';position:absolute;top:-9px;left:50%;width:76px;height:20px;transform:translateX(-50%) rotate(-1.5deg);border-radius:3px;background:color-mix(in srgb,var(--tape) 72%,transparent);box-shadow:0 1px 2px rgba(80,66,18,.1)}.flashcard-tile:hover,.flashcard-tile:focus-visible{transform:translateY(-3px);box-shadow:0 14px 26px rgba(17,47,64,.17)}.flashcard-tile:focus-visible{outline:3px solid rgba(34,132,166,.3);outline-offset:3px}.flashcard-tile-title{font-size:clamp(1rem,1.8vw,1.3rem);font-weight:900;line-height:1.18;overflow-wrap:anywhere}.flashcard-tile-subtitle{font-size:.88rem;font-style:italic;font-weight:800;line-height:1.25;color:#314d5e}.flashcard-tile-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.flashcard-tile-badge{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(83,93,96,.18);font-size:.67rem;font-weight:900;color:#5f4a12}.flashcard-tile-badge.mastered{color:#236144}.flashcard-tile-badge.review{color:#7b4e28}

.flashcard-review-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(5,22,31,.68);backdrop-filter:blur(2px)}.flashcard-review-overlay[hidden],.flashcard-stage[hidden]{display:none}.flashcard-review-dialog{display:grid;gap:16px;width:min(940px,100%);max-height:94vh;overflow:auto;padding:24px;border:1px solid #bfd0d8;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(5,22,31,.34)}.flashcard-review-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.flashcard-review-header>div{display:grid;gap:7px;min-width:0}.flashcard-review-header h2{margin:0;color:var(--navy);font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.05;overflow-wrap:anywhere}.flashcard-category-pill{display:inline-flex;width:max-content;max-width:100%;padding:7px 13px;border:1px solid #b8cbd5;border-radius:999px;background:#eef4f7;color:#244e64;font-size:.82rem;font-weight:900;overflow-wrap:anywhere}.flashcard-position{margin:0;color:#667d8b;font-size:.82rem;font-weight:800}.flashcard-close{min-width:88px;justify-content:center}.flashcard-review-dialog .flashcard{height:min(53vh,520px);min-height:410px}.flashcard-review-dialog .flashcard-sheet{justify-content:flex-start;align-items:stretch;gap:16px;padding:72px 28px 28px;border-radius:22px;background:linear-gradient(165deg,#fff,#f8fbfc);border-color:#b9cbd4;box-shadow:none}.flashcard-review-dialog .flashcard-front{justify-content:center}.flashcard-review-dialog .flashcard-face-label{top:26px;left:28px;display:inline-flex;padding:6px 12px;border-radius:999px;background:#edf0f7;color:#5d55a5;font-size:.77rem;letter-spacing:.08em}.flashcard-review-dialog .flashcard-front-text{max-width:none;text-align:left;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;color:#132f41}.flashcard-review-dialog .flashcard-answer{font-size:clamp(1.35rem,3vw,2rem);color:#132f41}.flashcard-flag-badge{position:absolute;top:24px;right:26px;display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff0c7;border:1px solid #d8b85e;color:#775d12;font-size:.75rem;font-weight:900}.flashcard-flag-badge[hidden]{display:none}.flashcard-memory-callout{border:1px solid #e2c978!important;border-radius:14px;background:#fff5cf;padding:13px 15px!important}.flashcard-review-map{display:grid;gap:9px;border:1px solid #cad9df;border-radius:15px;background:#f7fafb;padding:13px 15px;line-height:1.5}.flashcard-review-map[hidden]{display:none}.flashcard-review-chips{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}.flashcard-review-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff8db;border:1px solid #dfc96f;color:#675312;font-size:.73rem;font-weight:900}.flashcard-resource-list{display:inline-flex;flex-wrap:wrap;gap:6px}.flashcard-resource-list span{display:inline}.flashcard-resource-list span:not(:last-child)::after{content:'; '}.flashcard-v2-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flashcard-v2-controls .btn{min-height:48px;justify-content:center}.flashcard-v2-controls [data-card-flip]{min-width:170px}.flashcard-v2-controls .flag-control{border:1px solid #d8b85e;background:#fff8df;color:#6f5817;font-weight:850}.flashcard-v2-controls .flag-control.active{background:#8a6a14;color:#fff;border-color:#8a6a14}.flashcard-learning-details{border-top:1px solid var(--line);padding-top:10px}.flashcard-learning-details summary{cursor:pointer;width:max-content;color:#557080;font-weight:850}.flashcard-learning-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.flashcard-learning-controls .btn.active{background:#1f6d88;color:#fff;border-color:#1f6d88}body.flashcard-review-open{overflow:hidden}

@media(max-width:980px){.flashcard-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.flashcard-deck-main{grid-template-columns:1fr auto}.flashcard-library-summary{justify-self:stretch}.flashcard-deck-main>[data-card-shuffle]{grid-column:1/-1;justify-self:start}.flashcard-more-filters .flashcard-filters{grid-template-columns:1fr 1fr}.flashcard-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-review-overlay{padding:14px}.flashcard-review-dialog{padding:20px;border-radius:22px}.flashcard-v2-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-v2-controls .btn{width:100%}.flashcard-v2-controls [data-card-flip]{min-width:0}}
@media(max-width:600px){.flashcard-deck-main{grid-template-columns:1fr}.flashcard-library-summary{text-align:left}.flashcard-more-filters .flashcard-filters{grid-template-columns:1fr}.flashcard-category{border-radius:16px}.flashcard-category summary{justify-content:flex-start;text-align:left;padding:14px 48px}.flashcard-category summary::before{left:17px}.flashcard-category-count{right:14px}.flashcard-tile-grid{grid-template-columns:1fr;gap:14px;padding:16px}.flashcard-tile{min-height:126px}.flashcard-review-overlay{padding:0;align-items:end}.flashcard-review-dialog{width:100%;max-height:96vh;padding:18px;border-radius:22px 22px 0 0}.flashcard-review-header h2{font-size:1.8rem}.flashcard-category-pill{font-size:.76rem}.flashcard-close{min-width:72px}.flashcard-review-dialog .flashcard{height:50vh;min-height:390px}.flashcard-review-dialog .flashcard-sheet{padding:66px 20px 24px}.flashcard-review-dialog .flashcard-face-label{top:22px;left:20px}.flashcard-flag-badge{top:20px;right:20px}.flashcard-v2-controls{position:sticky;bottom:-18px;z-index:6;margin:0 -18px -18px;padding:12px 18px 18px;background:rgba(255,255,255,.98);border-top:1px solid var(--line);box-shadow:0 -9px 24px rgba(17,47,64,.09)}}
@media(prefers-reduced-motion:reduce){.flashcard-tile,.flashcard-category summary::before{transition:none!important}}