*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#1a1a1a;--text-muted:#6b7280;--text-accent:#0d6efd;--bg:#f9f9f9;--bg-card:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--primary:#1a56db;--primary-hover:#1347be;--primary-text:#fff;--success:#05966a;--success-bg:#f0fdf4;--warning:#b45309;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--radius:10px;--radius-sm:6px;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body{min-height:100dvh}.screen{max-width:600px;min-height:100dvh;margin:0 auto;padding:1.5rem 1rem 5rem}.screen.center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}h1{color:var(--text);font-size:1.4rem;font-weight:600}h2{font-size:1.15rem;font-weight:600}h3{font-size:1rem;font-weight:600}.muted{color:var(--text-muted);font-size:.9rem}.small{font-size:.8rem}.accent{color:var(--primary);font-size:.8rem}.center-text{text-align:center}strong{font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:1.5rem}.error-card{border-color:var(--danger)}.error-icon{margin-bottom:.5rem;font-size:2rem}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .1s,border-color .1s;display:inline-flex}.btn:hover{background:#f3f4f6}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{border-color:var(--border);background:#f3f4f6}.btn-sm{padding:.3rem .7rem;font-size:.82rem}.btn-submit{justify-content:center;width:100%;padding:.8rem;font-size:1rem}.btn-playback{padding:.6rem 1.2rem;font-size:.95rem}.badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-pending{color:var(--text-muted);background:#f3f4f6}.badge-progress{color:var(--primary);background:#eff6ff}.badge-done{background:var(--success-bg);color:var(--success)}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.progress-bar{background:var(--border);border-radius:4px;height:4px;overflow:hidden}.progress-bar:after{content:"";height:100%;width:var(--pct,0%);background:var(--success);transition:width .4s;display:block}.session-list{flex-direction:column;gap:.6rem;display:flex}.session-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.session-card:hover{border-color:var(--border-strong)}.session-card.session-done{background:#fafffe;border-color:#d1fae5}.session-card-body{align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.session-card-body>div:first-child{flex-direction:column;flex:1;gap:.2rem;display:flex}.session-card-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.dashboard-footer{text-align:center;margin-top:2rem}.review-screen{min-height:100dvh}.review-sticky-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);max-width:600px;margin:0 auto;position:fixed;top:0;left:0;right:0}.review-controls-row{align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex}.btn-back{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:.2rem;font-size:1.1rem}.btn-back:hover{color:var(--text)}.review-session-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.btn-seq-play{border:1.5px solid var(--primary);width:34px;height:34px;color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.btn-seq-play:hover,.btn-seq-playing{background:var(--primary);color:#fff}.review-progress-text{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}.saving-indicator{color:var(--text-muted);flex-shrink:0;font-size:.72rem}.batch-nav{scrollbar-width:none;gap:.4rem;padding:0 1rem .6rem;display:flex;overflow-x:auto}.batch-nav::-webkit-scrollbar{display:none}.batch-chip{border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.25rem .75rem;font-size:.78rem;transition:all .15s}.batch-chip:hover{border-color:var(--primary);color:var(--primary)}.batch-chip-active{border-color:var(--primary);background:var(--primary);color:#fff}.batch-chip-done{background:var(--success-bg);color:var(--success);border-color:#a7f3d0}.batch-chip-active.batch-chip-done{background:var(--success);border-color:var(--success);color:#fff}.review-content{max-width:600px;margin:0 auto;padding:106px 0 5rem}.batch-header{padding:1rem 1rem .5rem}.batch-title{margin-bottom:.2rem;font-size:1.1rem;font-weight:600}.batch-meta{align-items:center;gap:0;font-size:.8rem;display:flex}.batch-stat-flagged{color:var(--warning)}.batch-stat-unsure{color:#7c3aed}.autosave-notice{color:var(--text-muted);margin-left:auto;font-size:.75rem}.review-item-list{flex-direction:column;gap:0;display:flex}.review-item-card{background:var(--bg-card);border-bottom:1px solid var(--border);padding:.9rem 1rem;transition:background .1s}.review-item-card:first-child{border-top:1px solid var(--border)}.review-item-flagged{border-left:3px solid var(--warning)}.review-item-unsure{border-left:3px solid #a78bfa}.review-item-playing{background:#eff6ff}.item-main-row{align-items:flex-start;gap:.75rem;margin-bottom:.6rem;display:flex}.item-images-col{flex-direction:column;flex-shrink:0;gap:.3rem;display:flex}.item-images-col.item-images-multi{flex-flow:wrap;max-width:140px}.item-text-col{flex:1;min-width:0}.storage-image{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:#f3f4f6;width:64px;height:64px}.item-images-multi .storage-image{width:56px;height:56px}.image-placeholder{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f3f4f6;width:64px;height:64px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.letter-character{color:var(--text);flex-wrap:wrap;align-items:baseline;gap:0 .4rem;margin-bottom:.25rem;font-size:2.5rem;font-weight:500;line-height:1.2;display:flex}.letter-mnemonic-inline{color:var(--text-muted);font-size:1.4rem;font-weight:400}.item-target-text{margin-bottom:.15rem;font-size:1.1rem;font-weight:500}.item-english-label{color:var(--text-muted);font-size:.8rem}.item-numeral{font-size:.75rem}.item-controls-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.btn-play-item{border:1.5px solid var(--border-strong);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.btn-play-item:hover{border-color:var(--primary);color:var(--primary)}.btn-playing{background:var(--primary);border-color:var(--primary);color:#fff}.btn-play-word{border-color:var(--accent,#a855f7);color:var(--accent,#a855f7)}.btn-play-word:hover,.btn-play-word.btn-playing{background:var(--accent,#a855f7);border-color:var(--accent,#a855f7);color:#fff}.letter-mnemonic-word{margin-top:4px;font-size:.8rem}.mnemonic-english{color:var(--text-muted);font-weight:500}.mnemonic-target{color:var(--text)}.btn-flag{border:1.5px solid var(--border-strong);background:var(--bg-card);cursor:pointer;color:var(--text-muted);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;transition:all .1s}.btn-flag:hover{border-color:var(--warning);color:var(--warning)}.btn-flag-active{color:#fff;border-color:#0000}.btn-flag-active.flag-audio_issue{background:var(--warning)}.btn-flag-active.flag-translation_issue{background:var(--danger)}.btn-flag-active.flag-image_issue{background:#0891b2}.btn-flag-active.flag-mnemonic_issue{background:#7c3aed}.btn-flag-active.flag-removal{background:#1f2937}.btn-notes-toggle{border:1.5px solid var(--border-strong);background:var(--bg-card);cursor:pointer;color:var(--text-muted);border-radius:999px;margin-left:auto;padding:.2rem .5rem;font-size:.75rem;transition:all .1s}.btn-notes-toggle:hover,.btn-notes-active{border-color:var(--primary);color:var(--primary)}.item-annotation{border-radius:var(--radius-sm);border:1px solid var(--border);background:#f9fafb;flex-direction:column;gap:.6rem;margin-top:.7rem;padding:.7rem;display:flex}.flag-extra{flex-direction:column;gap:.35rem;display:flex}.flag-extra-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.flag-extra-heading{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:2px;font-size:.8rem}.flag-extra-hint{color:var(--text-muted);font-size:.78rem}.flag-required{color:var(--danger)}.flag-correction-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:.35rem .6rem;font-family:inherit;font-size:.9rem}.flag-correction-input:focus{border-color:var(--primary);outline:none}.flag-radio-group{flex-direction:column;gap:.35rem;display:flex}.flag-radio-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.flag-radio-option input{cursor:pointer}.annotation-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);resize:vertical;width:100%;min-height:60px;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.annotation-textarea:focus{border-color:var(--primary);outline:none}.item-has-note{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.4rem;padding:0;font-size:.75rem}.item-has-note:hover{color:var(--primary)}.assoc-pair-group{border-bottom:1px solid var(--border)}.assoc-pair-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.6rem 1rem .2rem;font-size:.78rem;font-weight:600}.assoc-pair-group .review-item-card{border-bottom:1px dashed var(--border);border-top:none}.assoc-pair-group .review-item-card:last-child{border-bottom:none}.batch-footer{justify-content:flex-end;padding:1rem;display:flex}.btn-batch-done{border-radius:var(--radius-sm);border:1.5px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;padding:.55rem 1.25rem;font-size:.9rem;font-weight:500}.btn-batch-done:hover{background:var(--primary-hover)}.batch-done-row{align-items:center;gap:.75rem;display:flex}.batch-done-label{color:var(--success);font-size:.85rem;font-weight:500}.btn-undo-done{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.btn-undo-done:hover{color:var(--text)}.submit-section{background:var(--success-bg);border-radius:var(--radius);text-align:center;border:1px solid #a7f3d0;flex-direction:column;align-items:center;gap:.75rem;margin:0 1rem 2rem;padding:1rem;display:flex}.submit-hint{color:var(--success);font-size:.9rem;font-weight:500}.btn-submit{border-radius:var(--radius-sm);background:var(--success);color:#fff;cursor:pointer;border:none;padding:.65rem 2rem;font-size:.95rem;font-weight:600}.btn-submit:hover{opacity:.9}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.submit-done-message{color:var(--success);padding:.75rem 0;font-size:.95rem;font-weight:500}.success-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.success-icon{background:var(--success-bg);width:56px;height:56px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.admin-screen{max-width:900px;padding-top:1.5rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1rem}.stat-value{font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.8rem}.admin-section{margin-bottom:2rem}.admin-section h2{margin-bottom:.75rem}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.filter-tabs{gap:.4rem;display:flex}.filter-tab{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-muted);border-radius:20px;padding:.25rem .65rem;font-size:.78rem}.filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:.85rem;overflow:hidden}.admin-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#f9fafb;padding:.5rem .75rem;font-size:.78rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);padding:.5rem .75rem}.admin-table tr:last-child td{border-bottom:none}.session-cell{text-align:center;color:var(--success);font-weight:600}.item-id-cell{color:var(--text-muted);font-family:monospace;font-size:.78rem}.note-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.flags-cell{flex-wrap:wrap;gap:3px;display:flex}.flags-table{table-layout:fixed}.admin-login-form{gap:.5rem;margin-top:1rem;display:flex}.admin-login-form input{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;padding:.5rem .75rem;font-size:.9rem}.create-reviewer-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.admin-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:180px;color:var(--text);padding:.5rem .75rem;font-size:.9rem}.admin-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;padding:.5rem .75rem;font-size:.9rem}.magic-link-result{background:var(--bg-alt);border-radius:var(--radius);border:1px solid var(--border);align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.magic-link-url{color:var(--text);word-break:break-all;flex:1;font-family:monospace;font-size:.82rem}