:root{--bg-page:lab(94.3433% -5.00429 52.9663);--card-front-bg:lab(75% 5 45);--card-front-border:lab(62% 8 40);--card-front-shadow:#8c501440;--card-back-bg-start:#d4e9ff;--card-back-bg-end:#c4ecc4;--card-back-border:#2d6b2d;--card-back-shadow:#2d6b2d33;--primary:#007bff;--primary-text:white;--success:#28a745;--success-text:white;--danger:#dc3545;--danger-text:white;--neutral:#6c757d;--neutral-text:white;--disabled-bg:#aaa;--disabled-btn:#ccc;--text-primary:#333;--text-secondary:#555;--text-muted:#666;--text-faint:#888;--border-light:#ddd;--border-medium:#bbb;--border-dark:#333;--border-info-btn:#999;--surface-white:white;--surface-light:#f8f9fa;--surface-hover:#eee;--surface-back-btn:#f0f0f0;--surface-tag:#f0f0f0;--session-info-bg:#fffdf5;--session-info-border:#c9b97a;--staged-bg:#f5f0e0;--staged-border:#d4c9a8;--deleted-row-bg:#f8d7da;--deleted-row-text:#721c24;--overlay-bg:#00000080;--shadow-subtle:#0000001a;--line-color-0:#1a5276;--line-color-1:#7b2d8b;--line-color-2:#b7410e;--line-color-3:#1e8449;--line-color-4:#7d6608;background-color:var(--bg-page)}html,body,#root{height:100%;min-height:100vh;margin:0;padding:0;overflow:hidden}body{flex-direction:column;width:100vw;min-width:100vw;height:100vh;min-height:100vh;display:flex;overflow:hidden}.language-switcher{z-index:1000;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:0;font-size:1.5rem;position:fixed;top:.5rem;right:.5rem}.deleted-deck-row{background:var(--deleted-row-bg);color:var(--deleted-row-text)}.deleted-label{color:var(--danger);font-weight:700}.active-label{color:var(--success);font-weight:700}.admin-view{flex-direction:column;align-items:center;width:100vw;max-width:100vw;min-height:100vh;margin:0;padding:1rem 0;display:flex;overflow-y:auto}.admin-table{border-collapse:collapse;width:100%;margin-top:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:.5rem .75rem}.admin-table th{border-bottom:2px solid var(--border-dark);font-weight:600}.delete-btn{background:var(--danger);color:var(--danger-text);cursor:pointer;border:none;border-radius:4px;padding:.3rem .75rem}.modal input{border:1px solid var(--disabled-btn);box-sizing:border-box;border-radius:4px;width:100%;margin-top:.5rem;padding:.5rem}.confirm-delete-btn{background:var(--danger);color:var(--danger-text);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem}.error-text{color:var(--danger);margin-top:.5rem;font-size:.85rem}.session-history-heading{margin-top:2rem}.session-history-table{max-width:600px}.deck-view{flex-direction:column;align-items:center;width:100vw;max-width:100vw;min-height:100vh;margin:0;padding:2rem 0;display:flex;overflow-y:auto}.deck-view h1{margin-bottom:.25rem}.deck-description{color:var(--text-muted);margin-bottom:1.5rem}.back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:1rem}.session-info{background:var(--session-info-bg);border:1px solid var(--session-info-border);box-shadow:0 2px 8px var(--shadow-subtle);border-radius:10px;width:100%;max-width:400px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.session-info h2{margin-top:0;margin-bottom:.5rem}.staged-count{color:var(--success);font-weight:400}.add-word-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.add-word-controls select{padding:.3rem .5rem}.clear-btn{background:var(--danger);color:var(--danger-text);cursor:pointer;border:none;border-radius:4px;padding:.3rem .75rem}.bulk-add-row{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.bulk-add-row input[type=number]{border:1px solid var(--border-light);border-radius:4px;width:5rem;padding:.3rem .5rem}.bulk-add-row .bulk-go-btn{background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:4px;padding:.3rem .75rem}.bulk-add-row .bulk-dismiss-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem}.staged-list{background:var(--staged-bg);border:1px solid var(--staged-border);max-height:150px;box-shadow:inset 0 1px 3px var(--shadow-subtle);border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;list-style:none;overflow-y:auto}.staged-list li{border-bottom:1px solid var(--border-light);padding:.25rem 0;font-size:.9rem}.start-session-btn{background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.6rem 1.5rem;font-size:1.1rem}.start-session-btn:disabled{background:var(--disabled-btn);cursor:not-allowed}.deck-stats{color:var(--text-faint);font-size:.9rem}.modal{background:var(--surface-white);border-radius:8px;min-width:280px;padding:1.5rem}.session-type-buttons{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.session-type-buttons button{cursor:pointer;padding:.6rem 1rem;font-size:1rem}.modal-actions{justify-content:flex-end;display:flex}.home-view{flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.modal{background:var(--surface-white);border-radius:8px;flex-direction:column;gap:1rem;min-width:300px;padding:2rem;display:flex}.modal h2{margin:0}.modal label{flex-direction:column;gap:.25rem;display:flex}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.session-controls{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.session-controls-main{justify-content:center;align-items:center;min-height:80px;display:flex}.back-btn-container{justify-content:center;margin-top:.5em;display:flex}.back-btn{background:var(--surface-back-btn);color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;border-radius:8px;margin:0 auto;padding:.15em 2.2em;font-size:1.1rem;display:block}.session-card-view{flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.card{aspect-ratio:3/4;perspective:1000px;width:100%;max-width:350px;margin-bottom:.75rem;position:relative}.card-slide-in{animation:.35s ease-out slideInFromTop}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.card-slide-in .card-inner{transition:none}.card-flipped .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.card-front{background:var(--card-front-bg);border:2px solid var(--card-front-border);box-shadow:0 2px 12px var(--card-front-shadow)}.card-back{background:linear-gradient(135deg, var(--card-back-bg-start) 0%, var(--card-back-bg-end) 100%);border:2px solid var(--card-back-border);box-shadow:0 2px 12px var(--card-back-shadow);transform:rotateY(180deg)}.card-content{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:100%;padding:1rem;display:flex;overflow:hidden}.card-word{overflow-wrap:break-word;max-width:100%;font-size:1.8rem;font-weight:700}.line-color-0{color:var(--line-color-0)}.line-color-1{color:var(--line-color-1)}.line-color-2{color:var(--line-color-2)}.line-color-3{color:var(--line-color-3)}.line-color-4{color:var(--line-color-4)}.card-text-md .card-word{font-size:1.4rem}.card-text-sm .card-word{font-size:1.1rem}.card-text-md .revealed-word{font-size:1.2rem}.card-text-sm .revealed-word{font-size:1rem}.answer-count-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic}.reveal-btn{background:var(--primary);height:64px;color:var(--primary-text);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2.5rem;font-size:1.2rem}.revealed-word{color:var(--text-secondary);overflow-wrap:break-word;max-width:100%;font-size:1.5rem;font-weight:700;display:block}.other-matches{margin-top:.5rem}.result-buttons{gap:2rem;display:flex}.success-btn,.fail-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.success-btn{background:var(--success);color:var(--success-text)}.fail-btn{background:var(--danger);color:var(--danger-text)}.card-progress{color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.modal-overlay{background:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-white);text-align:center;border-radius:12px;width:90%;max-width:360px;padding:2rem}.modal h2{margin-top:0}.modal p{color:var(--text-secondary)}.modal-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.confirm-exit-btn{background:var(--danger);color:var(--danger-text);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:1rem}.cancel-exit-btn{background:var(--neutral);color:var(--neutral-text);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:1rem}.card{position:relative}.info-btn{border:1px solid var(--border-info-btn);cursor:pointer;width:32px;height:32px;color:var(--text-muted);z-index:10;background:0 0;border-radius:50%;font-size:.85rem;position:absolute;top:.75rem;right:.75rem}.info-btn:hover{background:var(--surface-hover)}.info-btn-has-examples{color:var(--success);border-color:var(--success)}.info-modal{text-align:left}.info-section{margin-bottom:.75rem}.info-section ul{margin:.25rem 0 0 1.25rem;padding:0}.info-section li{margin-bottom:.25rem}.close-info-btn{background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.4rem 1.2rem}.other-matches{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.other-matches-label{font-style:italic}.other-match{background:var(--surface-tag);border-radius:4px;padding:.15rem .5rem}.result-buttons-container{flex-direction:column;align-items:center;gap:.2rem;display:flex}.reveal-time{min-height:.75rem;color:var(--text-muted);font-size:.75rem;line-height:1}.reveal-time-slow{color:var(--danger);font-weight:700}.success-btn:disabled{background:var(--disabled-bg);cursor:not-allowed;opacity:.5}.session-end-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;max-width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.session-end-view h1{margin-bottom:1.5rem}.stats-card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:12px;margin-bottom:2rem;padding:2rem 3rem}.stats-rate{color:var(--success);margin:0 0 .5rem;font-size:3rem;font-weight:700}.stats-detail{color:var(--text-muted);margin:0;font-size:1.1rem}.session-end-view .back-btn{background:var(--primary);color:var(--primary-text);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1.1rem}