.flashcards-workspace{max-width:1320px}.flashcards-intro{background:var(--hero-surface);border:1px solid #d3dfca;border-color:var(--border);border-radius:8px 28px;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:40px;margin-bottom:32px;padding:32px 40px;display:grid;overflow:hidden}.flashcards-intro .pill{background:var(--surface);color:var(--mint-ink);align-items:center;gap:7px;display:inline-flex}.flashcards-intro h2{letter-spacing:-1px;margin:16px 0 12px;font-size:clamp(27px,3vw,39px);line-height:1.28}.flashcards-intro p{color:#455e4a;max-width:55ch;font-size:14px}.flashcards-facts{gap:32px;margin-top:24px;display:flex}.flashcards-facts strong,.flashcards-facts small{display:block}.flashcards-facts strong{color:#244d36;font-size:18px}.flashcards-facts small{color:#52664f;margin-top:3px;font-size:12px}.flashcards-art{perspective:800px;width:235px;height:230px;position:relative}.flashcards-art-card{color:#71876a;background:#fbfbed;border:1px solid #b9cdac;border-radius:14px;width:148px;height:195px;padding:18px;position:absolute;top:17px;left:45px;transform:rotateY(-13deg)rotate(19deg)translate(20px);box-shadow:2px 4px #c7d6b9,8px 15px 22px #284d3320}.flashcards-art-card:nth-child(2){background:#eff3df;transform:rotateY(-13deg)rotate(4deg)}.flashcards-art-card:last-child{color:#fff9e8;background:linear-gradient(135deg,#357855,#18543f);border-color:#22543d;transform:rotateY(-13deg)rotate(-12deg)translate(-22px);box-shadow:3px 4px #143e2b,8px 16px 24px #23452b30}.flashcards-art-card>span{font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:78px;line-height:1.4;display:block}.flashcards-art-card small{letter-spacing:1px;font-size:10px;display:block}.flashcards-art-card i{background:#98bb8d;width:31px;height:1px;margin-top:13px;display:block}.flashcards-library-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.flashcards-library-heading .section-tabs{margin:0}.flashcards-mix-all{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px;display:flex}.flashcards-mix-all>span{color:var(--muted-foreground);font-size:12px}.flashcards-mode-picker{margin-bottom:22px}.flashcards-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flashcards-mode-options button{border:1px solid var(--border-strong);background:var(--surface);min-width:0;color:var(--foreground);text-align:left;border-radius:13px;align-items:center;gap:12px;padding:16px;display:flex}.flashcards-mode-options button:hover{background:var(--soft)}.flashcards-mode-options button[aria-pressed=true]{background:var(--mint-surface);border-color:var(--primary)}.flashcards-mode-options button>svg{color:var(--primary)}.flashcards-mode-options button>span{flex:1;min-width:0}.flashcards-mode-options strong,.flashcards-mode-options small{display:block}.flashcards-mode-options strong{font-size:14px;line-height:1.6}.flashcards-mode-options small{color:var(--muted-foreground);margin-top:3px;font-size:12px;line-height:1.6}.flashcards-mode-help{color:var(--muted-foreground);max-width:75ch;margin:-8px 0 20px;font-size:13px}.flashcards-browse-navigation{margin-top:25px}.flashcards-browse-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.flashcards-browse-buttons [data-slot=button]{white-space:normal;min-width:0;min-height:48px}.flashcards-jump{justify-content:center;align-items:end;gap:12px;margin-top:18px;display:flex}.flashcards-jump label{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:13px;display:flex}.flashcards-jump input{border:1px solid var(--input-border);width:120px;min-height:42px;color:var(--foreground);background:var(--surface);border-radius:10px;padding:8px 12px}@media (max-width:600px){.flashcards-mode-options button{align-items:flex-start;gap:7px;padding:12px}.flashcards-mode-options button>svg:first-child{display:none}.flashcards-mode-options button>svg:last-child{margin-top:3px}.flashcards-mode-options strong{font-size:13px}.flashcards-mode-options small{font-size:11px}.flashcards-browse-buttons{gap:10px}}.flashcards-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.flashcards-deck{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-height:220px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #dce5d5}.flashcards-deck:hover{border-color:var(--tile-ink);box-shadow:0 6px 0 var(--tile-surface);transform:translateY(-3px)}.flashcards-deck>:not(.flashcards-deck-number){position:relative}.flashcards-deck-number{color:var(--tile-surface);-webkit-user-select:none;user-select:none;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;font-size:100px;line-height:1.2;position:absolute;top:44px;right:16px}.flashcards-deck .pill{background:var(--tile-surface);color:var(--tile-ink);font-size:11px}.flashcards-deck .row-between>svg{color:var(--tile-ink)}.flashcards-deck h2{margin:20px 0 4px;font-size:27px}.flashcards-deck p{color:var(--muted-foreground);font-size:13px}.flashcards-deck-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.flashcards-deck-bottom>span:first-child{color:#576d5c;font-size:17px}.flashcards-deck-arrow{background:var(--tile-surface);width:29px;height:29px;color:var(--tile-ink);border-radius:50%;place-items:center;display:grid}.flashcards-topic-filters{align-items:end;gap:18px;margin-bottom:24px;display:flex}.flashcards-topic-filters .search-input{flex:1;max-width:550px}.flashcards-topic-filters>label:last-child{flex-direction:column;gap:7px;min-width:160px;font-size:13px;display:flex}.flashcards-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.flashcards-topic{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:flex-start;gap:17px;padding:23px;display:flex}.flashcards-topic:hover{border-color:var(--tile-ink);background:#f9fbf2}.flashcards-topic-index{background:var(--tile-surface);width:35px;height:35px;color:var(--tile-ink);border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.flashcards-topic>div{flex:1;min-width:0}.flashcards-topic h2{letter-spacing:-.2px;font-size:16px}.flashcards-topic p{color:var(--muted-foreground);margin:5px 0 10px;font-size:12px}.flashcards-topic>div>span{color:#6a7b63;font-size:16px}.flashcards-topic>svg{color:var(--primary);margin-top:8px}.flashcards-session{max-width:1020px}.flashcards-session .page-heading{margin-bottom:22px}.flashcards-session h1{letter-spacing:-.8px;font-size:clamp(25px,3vw,36px);line-height:1.4}.flashcards-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:4px 20px;display:flex}.flashcards-toolbar label{cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.flashcards-toolbar input{accent-color:var(--primary);width:17px;height:17px}.flashcards-progress{font-variant-numeric:tabular-nums;margin-bottom:22px}.flashcards-progress .row-between{color:var(--muted-foreground);gap:10px;margin-bottom:10px;font-size:13px}.flashcards-progress small{font-size:12px}.flashcard-top{align-items:center;gap:12px;margin-bottom:14px;padding-inline:5px;display:flex}.flashcard-top>small{color:var(--muted-foreground);flex:1;font-size:12px}.flashcard-flip{-webkit-appearance:none;appearance:none;width:100%;color:var(--foreground);text-align:center;perspective:1400px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;padding:0;display:block}.flashcard-flip:active{transform:none!important}.flashcard-flip:focus-visible{outline-offset:7px;outline:2px solid #947746}.flashcard-rotor{width:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.68,.2,1);display:grid;transform:rotateY(0)}.flashcard-rotor.is-flipped{transform:rotateY(180deg)}.flashcard-side{--frame-line:#b8aa7a4d;--frame-accent:#9d875b85;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #d0c9ac;border-radius:24px;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:16px;min-width:0;min-height:365px;padding:32px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffc9,0 2px #d3d8c5,0 14px 30px #254f3214}.flashcard-side:before{content:"";border:1px solid var(--frame-line);pointer-events:none;border-radius:14px;position:absolute;inset:10px}.flashcard-side:after{content:"";pointer-events:none;background:linear-gradient(90deg,var(--frame-accent) 18px,transparent 18px calc(100% - 18px),var(--frame-accent) 0) top / 100% 1px,linear-gradient(90deg,var(--frame-accent) 18px,transparent 18px calc(100% - 18px),var(--frame-accent) 0) bottom / 100% 1px,linear-gradient(180deg,var(--frame-accent) 18px,transparent 18px calc(100% - 18px),var(--frame-accent) 0) left / 1px 100%,linear-gradient(180deg,var(--frame-accent) 18px,transparent 18px calc(100% - 18px),var(--frame-accent) 0) right / 1px 100%;background-repeat:no-repeat;position:absolute;inset:18px}.flashcard-front{--frame-line:#71896555;--frame-accent:#7c8865b3;color:var(--flashcard-ink);--flashcard-ink:#214d3e;--flashcard-muted:#3d6253;background:radial-gradient(at 10% 0,#e4f3eb,#0000 70%),#cce5d8;border-color:#8fb59c;transform:rotateY(0)translateZ(1px);box-shadow:inset 0 1px #ffffffa8,0 3px #a6c8b4,0 16px 32px #183f3114}.flashcard-side-label{letter-spacing:2px;color:var(--flashcard-muted);margin-bottom:9px;font-size:10px}.flashcard-front .flashcard-hanzi{color:var(--flashcard-ink);font-size:clamp(48px,7vw,88px)}.flashcard-front .pinyin{color:var(--flashcard-muted)}.flashcard-back{background:radial-gradient(ellipse at 50% 0,#edf4e5,var(--surface) 70%);transform:rotateY(180deg)translateZ(1px)}.flashcard-back .flashcard-hanzi{font-size:clamp(32px,5vw,49px)}.flashcard-hanzi{color:#234f39;overflow-wrap:anywhere;max-width:100%;font-weight:550;line-height:1.4}.flashcard-side .pinyin{margin:0;font-size:20px}.flashcard-answer{overflow-wrap:anywhere;border-top:1px solid #d4e0c8;flex-direction:column;gap:9px;max-width:60ch;padding-top:17px;line-height:1.85;display:flex}.flashcard-answer>small{color:var(--muted-foreground);font-size:12px}.flashcard-answer>span{font-size:18px}.flashcard-answer .flashcard-draft{font-size:11px}.flashcard-flip-hint{color:#5b705d;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:12px;display:inline-flex}.flashcard-front .flashcard-flip-hint{color:var(--flashcard-muted)}.flashcard-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;display:flex}.flashcard-footer>span{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:flex}.flashcards-recall-actions{grid-template-columns:1fr 1fr;gap:16px;margin-top:29px;display:grid}.flashcards-recall-actions [data-slot=button]{gap:10px;min-height:50px}.flashcards-completion{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:45px 24px}.flashcards-completion>svg{color:var(--primary);margin:0 auto 18px}.flashcards-completion h2{margin-bottom:15px}.flashcards-completion h2:focus{outline:none}.flashcards-completion p{color:var(--muted-foreground);margin-block:6px;font-size:14px}.flashcards-completion>div{flex-wrap:wrap;justify-content:center;gap:12px;margin:25px 0 12px;display:flex}.flashcards-completion>.text-link{justify-content:center;margin-top:22px;display:flex}@media (max-width:1050px){.flashcards-intro{grid-template-columns:minmax(0,1fr) 200px;gap:18px;padding:28px}.flashcards-art{transform-origin:0;transform:scale(.85)}.flashcards-level-grid{gap:14px}.flashcards-deck{padding:20px}.flashcards-deck-bottom>span:first-child{font-size:15px}}@media (max-width:600px){.flashcards-intro{grid-template-columns:1fr;gap:0;padding:25px}.flashcards-art{display:none}.flashcards-intro h2{font-size:30px}.flashcards-facts{gap:28px}.flashcards-library-heading{display:block}.flashcards-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flashcards-deck{min-height:200px;padding:17px}.flashcards-deck h2{font-size:25px}.flashcards-deck-number{font-size:80px;top:60px;right:9px}.flashcards-deck-bottom>span:first-child{font-size:13px}.flashcards-topic-grid{grid-template-columns:1fr}.flashcards-topic-filters{flex-direction:column;align-items:stretch;gap:12px}.flashcards-topic{padding:21px}.flashcard-top{gap:8px}.flashcard-top>small{font-size:11px}.flashcard-side{min-height:350px;padding:28px 21px}.flashcard-answer>span{font-size:16px}.flashcard-footer{justify-content:center}.flashcard-footer>span{justify-content:center;width:100%}.flashcards-recall-actions{gap:10px}.flashcards-progress .row-between{flex-wrap:wrap}.flashcards-toolbar [data-slot=button]{font-size:12px}.flashcards-completion{padding:35px 19px}}@media (prefers-reduced-motion:reduce){.flashcards-deck:hover{transform:none}.flashcard-rotor{transition:none}}