@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");.section-container{max-width:1100px;margin:0 auto;padding:0 24px}.section-tag{display:inline-block;margin-bottom:12px;color:#8b5cf6;text-transform:uppercase;letter-spacing:0.12em;font-family:"Akshar",sans-serif;font-size:0.8rem;font-weight:600}.section-label{color:#8a8a8a;letter-spacing:0.12em;font-family:"Geist Mono",monospace;font-size:12px}.text-dim{color:#5c5c5c}@media (max-width: 576px){.section-container{padding:0 16px}}.flashcard-due{font-size:15px}.flashcard-due-count{font-family:"Geist",sans-serif;font-size:26px;font-variant-numeric:tabular-nums;font-weight:500}.flashcard-due-note{color:var(--color-text-secondary);font-size:14px}.flashcard-mastery{display:flex;flex-direction:column;gap:8px}.flashcard-mastery-figure{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--color-text-secondary);font-size:13px}.flashcard-mastery-value{color:var(--color-text);font-family:"Geist",sans-serif;font-size:15px;font-weight:500}.flashcard-card-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin:0;padding:0;list-style:none}.flashcard-card-item{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:12px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.flashcard-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.flashcard-card-front{font-size:17px;font-weight:700;overflow-wrap:anywhere}.flashcard-card-back{color:var(--color-text-secondary);line-height:1.7;font-size:14px;overflow-wrap:anywhere}.flashcard-face{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:340px;padding:48px 40px;background:var(--color-surface);text-align:center;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 1px 0 var(--color-border),0 18px 40px -24px rgba(0,0,0,0.25)}.flashcard-face:not(.is-flipped) .flashcard-face-label-back,.flashcard-face:not(.is-flipped) .flashcard-face-divider,.flashcard-face:not(.is-flipped) .flashcard-face-back{display:none}.flashcard-face.is-flipped .flashcard-face-label-front{display:none}.flashcard-face.is-flipped .flashcard-face-front{color:var(--color-text-secondary);font-size:22px;font-weight:500}.flashcard-face-label{position:absolute;top:18px;left:22px;color:var(--color-text-tertiary);letter-spacing:0.14em;font-family:"Geist Mono",monospace;font-size:11px}.flashcard-face-front{line-height:1.3;font-size:48px;font-weight:700;overflow-wrap:anywhere}.flashcard-face-divider{width:48px;height:1px;background:var(--color-border-strong)}.flashcard-face-back{line-height:1.5;font-size:30px;font-weight:700;overflow-wrap:anywhere}.flashcard-face-empty{color:var(--color-text-secondary);line-height:1.8;font-size:15px;box-shadow:none}.flashcard-study-board{display:flex;flex-direction:column;gap:18px}.flashcard-study-button{width:100%;height:60px;font-size:17px}.flashcard-answer-buttons{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.flashcard-study-result{justify-content:center;text-align:center;font-weight:700}.flashcard-sample-card{gap:16px;border-style:dashed}.flashcard-sample-title{font-size:18px;font-weight:700;overflow-wrap:anywhere}@media (max-width: 768px){.flashcard-card-list{grid-template-columns:minmax(0, 1fr)}.flashcard-face{min-height:240px;padding:40px 20px 28px}.flashcard-face-front{font-size:32px}.flashcard-face-back{font-size:22px}}.flashcard-deck-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;margin:0;padding:0;list-style:none}.flashcard-deck-item{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.flashcard-deck-item.is-due{border-color:var(--color-text)}.flashcard-deck-title{align-self:flex-start;font-size:17px;font-weight:700;border-bottom:1px solid transparent;overflow-wrap:anywhere;transition:border-color 0.2s ease}.flashcard-deck-title:hover{border-bottom-color:var(--color-text)}@media (max-width: 992px){.flashcard-deck-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 768px){.flashcard-deck-list{grid-template-columns:minmax(0, 1fr)}}