: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;--line-color-5:#922b21;--line-color-6:#0e6655;--line-color-7:#6c3483;--line-color-8:#784212;--line-color-9:#515a5a;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{box-sizing:border-box;flex-direction:column;align-items:center;width:100vw;max-width:100vw;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 3.5rem;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}.session-projection{color:var(--text-muted);margin:.25rem 0 .75rem;font-size:.9rem}.session-projection-counts{color:var(--text-primary);font-weight:600}.last-session-failures{color:var(--danger);margin:0 0 .75rem;font-size:.9rem}.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}.site-footer{background:var(--bg-page);border-top:1px solid var(--border-light);z-index:10;justify-content:center;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.site-footer a{color:var(--text-muted);font-size:.9rem;text-decoration:none}.site-footer a:hover{color:var(--primary);text-decoration:underline}.debug-sync-error{color:#b00020;text-align:left;background:#fdecea;border:1px solid #b00020;border-radius:6px;max-width:40rem;margin:1rem auto;padding:.75rem 1rem}.debug-sync-error pre{white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;font-size:.85rem}.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}.settings-checkbox{flex-direction:row;align-items:center;gap:.5rem}.settings-row{justify-content:flex-start;margin:.5rem 0;display:flex}.secret-settings-button{width:200px;height:80px;box-shadow:none;opacity:0;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:none;margin-top:1rem;padding:0}.secret-settings-button:hover,.secret-settings-button:focus,.secret-settings-button:active{box-shadow:none;background:0 0;border:none;outline:none}.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-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}@media (prefers-reduced-motion:no-preference){.card-slide-in{animation:.35s ease-out slideInFromTop}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.card-inner{transition:transform .5s}.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)}.line-color-5{color:var(--line-color-5)}.line-color-6{color:var(--line-color-6)}.line-color-7{color:var(--line-color-7)}.line-color-8{color:var(--line-color-8)}.line-color-9{color:var(--line-color-9)}.word-line{cursor:default;position:relative}.pos-tooltip{white-space:nowrap;pointer-events:none;color:inherit;z-index:5;margin-bottom:.2em;font-size:.55em;font-style:italic;font-weight:600;line-height:1.2;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.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;box-sizing:border-box;max-height:80vh;overflow-y:auto}.info-section{margin-bottom:.75rem}.info-section ul{margin:.25rem 0 0 1.25rem;padding:0}.info-section li{overflow-wrap:break-word;word-break:break-word;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}.sitemap-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}.sitemap-section{width:100%;max-width:480px;margin-top:1.5rem}.sitemap-section h2{border-bottom:2px solid var(--border-dark);margin-bottom:.5rem;padding-bottom:.25rem}.sitemap-list{margin:0;padding:0;list-style:none}.sitemap-list li{border-bottom:1px solid var(--border-light);padding:.5rem 0}.sitemap-list a{color:var(--primary);font-size:1.1rem;text-decoration:none}.sitemap-list a:hover{text-decoration:underline}.sitemap-note{color:var(--text-muted);font-style:italic}