:root{--bg-color:#f5f5f7;--card-bg:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-blue:#0071e3;--accent-red:#ff3b30;--accent-green:#34c759;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--radius-lg:24px;--radius-md:12px;--transition:all .4s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body{height:100%;min-height:100%;margin:0;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;touch-action:manipulation;flex-direction:column;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#f5f5f7cc;flex-direction:column;align-items:center;padding:15px 20px;display:flex}.batch-indicator{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:600}.header-row{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:760px;display:flex}.header-action-group{align-items:center;gap:8px;display:flex}.header-toggle-btn{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #76768040;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;display:none}.home-btn{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #76768040;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.home-btn:hover{filter:brightness(.98)}.nav-pills{border-radius:var(--radius-lg);background:#7676801f;gap:2px;padding:3px;display:flex}.mode-pills{flex-wrap:wrap;justify-content:center}.nav-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:0 0;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.nav-item.active{color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff}main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:20px;display:flex;position:relative;overflow-y:auto}.toolbar-row{gap:10px;width:100%;max-width:760px;margin-top:10px;display:flex}.search-input{min-width:0;color:var(--text-primary);background:#fff;border:1px solid #76768040;border-radius:12px;flex:1;padding:10px 12px;font-size:14px}.instruction-text{text-align:center;max-width:600px;margin-bottom:24px;font-size:24px;font-weight:600;line-height:1.3;animation:.6s forwards fadeIn}.sub-text{color:var(--text-secondary);margin-top:8px;font-size:15px;font-weight:400;display:block}.home-card{background:var(--card-bg);width:100%;max-width:480px;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:28px;display:flex}.home-card .instruction-text{margin-bottom:4px}.home-subtext{color:var(--text-secondary);text-align:center;margin:0;font-size:14px;line-height:1.5}.home-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px;font-weight:600}.deck-select{width:100%;color:var(--text-primary);background:#fff;border:1px solid #76768040;border-radius:12px;padding:12px;font-size:15px}.home-start-btn{width:100%}.reference-list{width:100%;max-width:920px;max-height:72vh;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;overflow-y:auto}.reference-row{border-bottom:1px solid #76768029;grid-template-columns:80px 1fr 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.ref-number{color:var(--text-secondary);font-size:13px;font-weight:700}.ref-question{overflow-wrap:anywhere;font-size:16px;font-weight:600}.ref-answer{color:var(--text-secondary);overflow-wrap:anywhere;font-size:16px}.exposure-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;width:100%;max-width:980px;max-height:72vh;padding:6px;display:grid;overflow-y:auto}.exposure-grid.visible{display:grid}.exposure-card{background:var(--card-bg);box-shadow:var(--shadow-sm);text-align:left;opacity:0;border-radius:16px;flex-direction:column;justify-content:center;gap:10px;height:auto;min-height:260px;padding:20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex}.exp-term{overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(18px,2.4vw,22px);font-weight:700;line-height:1.2;display:block}.exp-def{color:var(--text-secondary);overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.35}.card-container{perspective:1000px;width:100%;max-width:520px;height:min(62vh,520px);min-height:420px;display:none;position:relative}.card-container.visible{display:block}.flashcard{width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .3s;position:relative}.card-face{backface-visibility:hidden;background:var(--card-bg);border-radius:var(--radius-lg);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:100%;padding:32px;display:flex;position:absolute}.card-face.back{background:#fafafa;transform:rotateY(180deg)}.card-content{letter-spacing:-.3px;overflow-wrap:anywhere;word-break:break-word;width:100%;max-height:100%;font-size:clamp(22px,4vw,42px);font-weight:700;line-height:1.25;overflow-y:auto}.card-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:16px;font-size:12px;font-weight:600}.flipped{transform:rotateY(180deg)}.swipe-left{opacity:0;transform:translate(-100px)rotate(-10deg)!important}.swipe-right{opacity:0;transform:translate(100px)rotate(10deg)!important}.controls{opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:60px;margin-top:30px;transition:opacity .3s;display:flex}.controls.active{opacity:1;pointer-events:auto}.btn{cursor:pointer;border:none;border-radius:40px;outline:none;flex-direction:column;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;line-height:1.2;transition:transform .1s,filter .2s;display:flex}.btn span{opacity:.7;margin-top:2px;font-size:10px;font-weight:400}.btn:active{transform:scale(.96)}.btn-miss{color:var(--accent-red);background:#ffe5e5}.btn-got{background:var(--accent-green);color:#fff}.btn-next{background:var(--accent-blue);color:#fff;width:200px}.btn-quiet{color:var(--text-primary);background:#7676801f;min-width:120px}.btn:disabled{opacity:.5;cursor:not-allowed}.study-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;width:100%;max-width:980px;max-height:72vh;padding:6px;display:grid;overflow-y:auto}@media (max-width:1024px){.study-grid,.exposure-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:760px){.study-grid,.exposure-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}}.grid-flip-card{perspective:1000px;cursor:pointer;background:0 0;border:none;height:260px}.grid-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.grid-card-inner.flipped{transform:rotateY(180deg)}.grid-card-face{width:100%;height:100%;box-shadow:var(--shadow-sm);backface-visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;padding:20px;display:flex;position:absolute}.grid-card-front{background:#fff}.grid-card-back{background:#fafafa;transform:rotateY(180deg)}.grid-card-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:700}.grid-card-content{overflow-wrap:anywhere;word-break:break-word;max-height:150px;font-size:clamp(18px,2.4vw,22px);font-weight:700;line-height:1.25;overflow-y:auto}.grid-card-number{color:var(--text-secondary);font-size:12px;font-weight:600;position:absolute;bottom:10px;right:12px}.quiz-card{width:100%;max-width:680px;box-shadow:var(--shadow-md);background:#fff;border-radius:18px;padding:22px}.quiz-progress{color:var(--text-secondary);margin-bottom:12px;font-size:12px;font-weight:700}.quiz-question{overflow-wrap:anywhere;word-break:break-word;margin-bottom:20px;font-size:clamp(22px,3.6vw,30px);font-weight:800;line-height:1.25}.quiz-options{gap:10px;display:grid}.quiz-option{text-align:left;cursor:pointer;overflow-wrap:anywhere;word-break:break-word;background:#fff;border:1px solid #76768040;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.35}.quiz-option.selected{border-color:var(--accent-blue);box-shadow:inset 0 0 0 1px var(--accent-blue)}.quiz-option.correct{border-color:var(--accent-green);background:#34c75926}.quiz-option.incorrect{border-color:var(--accent-red);background:#ff3b3026}.quiz-controls{margin-top:18px}.exposure-controls,.quiz-controls{flex-wrap:nowrap}.exposure-controls .btn,.quiz-controls .btn{white-space:nowrap;flex-direction:row;justify-content:center;align-items:center;gap:8px}.footer-btn-icon{object-fit:contain;width:18px;height:18px}.btn-next .footer-btn-icon{filter:brightness(0)invert()}.footer-btn-text{opacity:1;margin-top:0;font-size:14px;font-weight:600;line-height:1}.info-btn{border:1px solid var(--text-secondary);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;z-index:50;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:serif;font-style:italic;font-weight:700;transition:all .2s;display:flex;position:absolute;bottom:30px;right:20px}.info-btn:hover{background:var(--text-secondary);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none;background:#fffc;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-overflow-scrolling:touch;background:#fff;width:90%;max-width:400px;max-height:min(84vh,720px);padding:40px;position:relative;overflow-y:auto}.close-modal{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:15px;right:15px}.modal-h2{color:var(--text-primary);margin-bottom:20px;font-size:20px;font-weight:700}.modal-h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:20px;margin-bottom:10px;font-size:14px;font-weight:600}.modal-p{color:var(--text-primary);margin-bottom:10px;font-size:15px;line-height:1.5}.key-tag{background:#eee;border:1px solid #ddd;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.progress-container{background:#0000000d;width:100%;height:6px;position:absolute;bottom:0;left:0}.progress-bar{background:var(--accent-blue);width:0;height:100%;transition:width .3s}@media (max-width:480px){.header-row{align-items:flex-start}.header-action-group{flex-shrink:0}.header-toggle-btn{justify-content:center;align-items:center;display:inline-flex}main{padding:14px 12px 86px}.controls{gap:10px;width:100%}.btn-next{width:100%}.exposure-controls,.quiz-controls{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.exposure-controls .btn-next,.quiz-controls .btn-next{width:auto}.exposure-controls .btn,.quiz-controls .btn{border-radius:12px;flex:none;gap:0;min-width:46px;height:46px;padding:10px}.exposure-controls .footer-btn-icon,.quiz-controls .footer-btn-icon{width:20px;height:20px}.exposure-controls .footer-btn-text,.quiz-controls .footer-btn-text{display:none}.btn-quiet{min-width:0}.toolbar-row{flex-wrap:wrap}.search-input{width:100%}.card-container{max-width:100%;height:min(50vh,380px);min-height:280px}.card-content{font-size:clamp(18px,7vw,30px)}.reference-row{grid-template-columns:58px 1fr}.ref-answer{grid-column:2/3;margin-top:-6px;font-size:14px}.quiz-question{font-size:24px}.quiz-card{padding:16px}.modal-content{width:94%;max-height:86vh;padding:24px 18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}