:root{font-family:Tahoma,"Leelawadee UI",Arial,sans-serif;color:#202b44;background:#f5f7fc;font-size:16px;--blue:#2455da;--muted:#637089;--line:#dfe5f1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:3px solid #809ffc;outline-offset:4px}.topbar{height:100px;padding:0 max(30px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:13px;font:700 25px Arial,sans-serif;letter-spacing:1px}.brand-mark{background:var(--blue);color:white;padding:12px 15px;border-radius:13px;letter-spacing:-2px;font-size:29px}.brand-small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:6px}.top-note{color:var(--muted);font-size:14px}.workspace{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:58px;padding:42px 30px 50px}.overline{font-size:14px;color:var(--muted);margin:0 0 10px}.sidebar h1{font-size:27px;line-height:1.6;letter-spacing:-.7px;margin:0 0 26px}.decks{display:grid;gap:7px;margin-bottom:30px}.deck{background:transparent;border:0;display:flex;justify-content:space-between;align-items:center;padding:15px 13px;border-radius:10px;color:#4e5c76;font-size:15px;gap:8px}.deck span:last-child{font:13px Arial,sans-serif;opacity:.85}.deck:hover{background:#e9edf7}.deck.active{background:#e6edff;color:#204dbf;font-weight:bold;box-shadow:inset 3px 0 0 var(--blue)}.sidebar label{display:block;font-size:14px;margin-bottom:9px;color:#53617b}select{background:white;border:1px solid var(--line);border-radius:9px;padding:12px 10px;width:100%;color:#364563;font-size:14px;min-height:45px}.learning{border-top:1px solid var(--line);margin-top:30px;padding-top:27px}.learning div{display:flex;justify-content:space-between;gap:8px;font-size:14px}.learning strong{font:600 14px Arial,sans-serif;color:var(--blue)}progress{height:7px;width:100%;border:0;border-radius:10px;overflow:hidden;margin-top:16px;background:#e1e7f5}progress::-webkit-progress-bar{background:#e1e7f5}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}progress::-moz-progress-bar{background:var(--blue)}.learning p{font-size:12px;color:var(--muted);margin-top:12px}.study{min-width:0}.study-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.study-heading h2{font-size:25px;margin:0;line-height:1.5;letter-spacing:-.5px}.mode-label{background:#edf1fa;border:1px solid var(--line);font:12px Arial,sans-serif;color:#516078;padding:8px 10px;border-radius:7px;white-space:nowrap}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.search{flex:1;min-width:160px}.search input{background:white;border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%;font-size:14px;min-height:46px}.review{font-size:14px;color:#53617b;display:flex;align-items:center;gap:6px;white-space:nowrap}.review input{accent-color:var(--blue);width:17px;height:17px}.button{min-height:46px;border:1px solid var(--line);background:white;padding:11px 18px;border-radius:10px;font-size:15px;color:#43526c;transition:background .15s,transform .15s}.button:hover{background:#eef2fb}.button:active{transform:translateY(1px)}.shuffle{font-size:14px;padding:10px 14px}.card-meta{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);margin:0 4px 12px}.flashcard{position:relative;background:white;min-height:365px;border:1px solid #dbe2f0;border-radius:20px;box-shadow:0 12px 35px #273d7009,0 3px 0 white,0 4px 0 #dce4f1;cursor:pointer;overflow-wrap:anywhere}.card-corner{display:flex;justify-content:space-between;padding:22px 26px;color:#77839a;font-size:12px}.front{padding:15px 25px 25px;text-align:center;min-height:288px;display:flex;flex-direction:column;justify-content:center;align-items:center}.question{font-size:14px;color:var(--muted)}.front h3{font-family:Arial,sans-serif;font-size:clamp(32px,4.8vw,60px);font-weight:600;letter-spacing:-1.5px;margin:21px 0 16px;color:#203565;line-height:1.12;max-width:100%}.pos{font-size:14px;color:#5e7196;background:#f1f5fe;border-radius:6px;padding:5px 12px}.tap-hint{font-size:13px;color:#77839a;margin:35px 0 0}.tap-hint kbd{margin-left:8px}kbd{font:11px Arial,sans-serif;padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:#6a7890;background:#fafbfe}.back{padding:0 30px 25px;animation:reveal .2s ease}.answer-word{color:var(--blue);font:600 18px Arial,sans-serif;margin:5px 0 10px}.back h3{font-size:28px;line-height:1.55;margin:0 0 18px;color:#203565}.detail{border-top:1px solid #e8ecf4;padding-top:14px;margin-top:14px;font-size:16px;line-height:1.9}.detail h4{font-size:14px;color:#4163a9;margin:0 0 5px}.detail p{margin:0;white-space:pre-line}.back-hint{font-size:12px;color:#77839a;margin:20px 0 0;text-align:center}.study-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.primary{background:var(--blue);color:white;border-color:var(--blue);min-width:160px}.primary:hover{background:#1946bd}.known{color:#267058;border-color:#cee2db;background:#f4faf7;min-width:150px}.known:hover,.known[aria-pressed=true]{background:#ddf2e8}.arrow{font-size:22px;width:49px;padding:6px}.study-footer{display:flex;justify-content:space-between;gap:14px;margin-top:24px;font-size:12px;color:var(--muted)}.notice{font-size:14px;line-height:1.7;color:#626f86;text-align:center}.empty{min-height:365px;border:1px dashed #cbd6eb;border-radius:20px;padding:65px 25px;text-align:center;line-height:1.8}.empty h3{margin-top:0}.empty p{color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;background:white;padding:15px;z-index:3}@keyframes reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1000px){.workspace{gap:30px;grid-template-columns:215px minmax(0,1fr)}.toolbar{gap:9px}.search{flex-basis:100%}.review{flex:1}}@media(max-width:720px){.topbar{height:78px;padding:0 20px}.top-note{display:none}.brand{font-size:21px}.brand-mark{font-size:25px;padding:9px 12px}.workspace{display:block;padding:24px 18px}.sidebar h1,.sidebar>.overline{display:none}.decks{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 18px}.deck{flex-direction:column;gap:8px;padding:13px 5px;font-size:14px}.deck.active{box-shadow:inset 0 -3px 0 var(--blue)}.learning{margin:18px 0 25px;padding-top:16px}.learning p{margin:7px 0 0}.learning progress{margin-top:8px}.study-heading h2{font-size:23px}.study-heading{margin-bottom:18px}.flashcard{min-height:345px}.front{min-height:268px}.front h3{font-size:clamp(30px,8vw,44px);letter-spacing:-1px}.back{padding:0 22px 22px}.card-corner{padding:18px 21px}.study-actions{gap:8px}.button.primary,.button.known{min-width:0;flex:1;padding:11px 8px;font-size:14px}.arrow{width:43px;flex-shrink:0}.study-footer{flex-direction:column;align-items:center;font-size:12px}.card-meta{font-size:12px}.study{scroll-margin-top:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}