:root{--primary: #1e40af;--primary-light: #dbeafe;--primary-faint: #eff6ff;--success: #15803d;--success-light: #dcfce7;--warning: #92400e;--warning-light: #fef3c7;--muted: #6b7280;--muted-light: #f3f4f6;--border: #e5e7eb;--bg: #f9fafb;--surface: #ffffff;--text: #111827;--text-sm: .875rem;--text-xs: .75rem;--radius: 8px;--radius-sm: 4px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100dvh}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:1rem}.page{max-width:640px;margin:0 auto;padding:1rem 1rem 5.5rem;min-height:100dvh}.page-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.page-title{font-size:1.25rem;font-weight:700;flex:1}.back-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--primary);font-size:.95rem;padding:.5rem .5rem .5rem 0;min-height:44px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.5rem 0;min-height:56px;border:none;background:none;color:var(--muted);font-size:.65rem;font-weight:500;transition:color .15s}.nav-btn.active{color:var(--primary)}.nav-icon{width:22px;height:22px;stroke-width:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:.75rem}.stat-row{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.stat-card{flex:1;min-width:120px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.875rem 1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.badge-recovered{background:var(--primary-light);color:var(--primary)}.badge-complete{background:var(--success-light);color:var(--success)}.badge-incomplete{background:var(--warning-light);color:var(--warning)}.progress-bar{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.progress-fill.success{background:var(--success)}.poa-search-row{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.search-input{flex:1;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--text-sm);outline:none;min-height:44px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-faint)}.filter-select{padding:.625rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:var(--text-sm);min-height:44px;cursor:pointer}.poa-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.poa-cell{aspect-ratio:1;border:none;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .1s,transform .1s;line-height:1;padding:2px}.poa-cell:active{transform:scale(.92)}.poa-cell:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.poa-cell.status-recovered{background:var(--primary-light);color:var(--primary)}.poa-cell.status-complete{background:var(--success-light);color:var(--success)}.poa-cell.status-partial{background:var(--warning-light);color:var(--warning)}.poa-cell.status-empty{background:var(--muted-light);color:var(--muted)}.poa-cell.hidden{opacity:0;pointer-events:none}.poa-cell-num{font-size:.7rem}.poa-cell-dot{width:5px;height:5px;border-radius:50%;background:currentColor;margin-top:2px}.poa-entry-number{font-size:2.5rem;font-weight:800;line-height:1;color:var(--primary)}.poa-img-preview{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius);background:var(--muted-light);display:block;margin-bottom:.5rem}.poa-img-placeholder{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:var(--muted-light);border-radius:var(--radius);color:var(--muted);font-size:var(--text-sm);margin-bottom:.5rem}.field-group{margin-bottom:1rem}.field-label{display:flex;align-items:center;gap:.375rem;font-size:var(--text-sm);font-weight:600;margin-bottom:.375rem;color:var(--text)}.field-input{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background:var(--surface);outline:none;min-height:44px}.field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-faint)}.img-url-toggle{background:none;border:none;color:var(--primary);font-size:var(--text-xs);padding:.25rem 0;text-decoration:underline;cursor:pointer}.autosave-indicator{display:flex;align-items:center;gap:.375rem;font-size:var(--text-xs);color:var(--success);padding:.5rem 0}.palace-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;border:2px solid transparent;transition:border-color .15s;min-height:72px}.palace-card:hover,.palace-card:focus-visible{border-color:var(--primary);outline:none}.palace-number{width:40px;height:40px;border-radius:50%;background:var(--primary-faint);color:var(--primary);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.palace-info{flex:1;min-width:0}.palace-name{font-weight:600;font-size:1rem}.palace-unnamed{color:var(--muted);font-style:italic}.palace-loci-count{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.palace-name-input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1.1rem;font-weight:600;background:var(--surface);outline:none;margin-bottom:1rem;min-height:48px}.palace-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-faint)}.locus-list{display:flex;flex-direction:column;gap:.5rem}.locus-row{display:flex;align-items:center;gap:.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:.5rem .5rem .5rem .75rem}.locus-num{font-weight:700;font-size:var(--text-sm);color:var(--muted);width:24px;flex-shrink:0;text-align:right}.locus-input{flex:1;border:none;background:transparent;font-size:.95rem;outline:none;min-height:36px;padding:.25rem 0}.locus-input:focus{border-bottom:1px solid var(--primary)}.locus-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.locus-btn:disabled{opacity:.3;cursor:default}.locus-btn:not(:disabled):hover{background:var(--primary-faint);color:var(--primary);border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.95rem;font-weight:600;border:none;min-height:44px;cursor:pointer;transition:opacity .15s;width:100%}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-danger{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.btn+.btn{margin-top:.5rem}.danger-zone{margin-top:1.5rem;padding:1rem;border:1.5px solid #fecaca;border-radius:var(--radius);background:#fef2f2}.danger-zone h3{color:#dc2626;margin-bottom:.5rem;font-size:.95rem}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.625rem}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.train-state-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.train-state-icon svg{width:28px;height:28px}.train-state-icon--ok{background:var(--success-light);color:var(--success)}.train-state-icon--done{background:var(--primary-light);color:var(--primary)}.train-card{display:flex;flex-direction:column;gap:.75rem}.train-prompt{text-align:center;padding:.5rem 0}.train-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.5rem;letter-spacing:.06em}.train-label{font-size:1rem;color:var(--text);margin-bottom:.25rem}.train-answer-input{text-align:center;font-size:1.1rem;letter-spacing:.02em}.train-user-answer{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--radius);font-size:1rem}.train-user-answer.correct{background:var(--success-light);color:var(--success)}.train-user-answer.incorrect{background:#fef2f2;color:#dc2626}.train-answer-icon{font-size:1.2rem;flex-shrink:0}.train-correct-answer{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.grade-row{display:flex;gap:.5rem;margin-top:.25rem}.grade-btn{flex:1;padding:.75rem .5rem;border-radius:var(--radius);border:none;font-size:.9rem;font-weight:700;cursor:pointer;min-height:48px;transition:opacity .15s}.grade-btn:active{opacity:.8}.grade-btn.again{background:#fef2f2;color:#dc2626}.grade-btn.hard{background:var(--warning-light);color:var(--warning)}.grade-btn.good{background:var(--success-light);color:var(--success)}.pi-scene-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.pi-nav-btn{width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text);transition:border-color .15s,color .15s,background .15s}.pi-nav-btn:disabled{opacity:.3;cursor:default}.pi-nav-btn:not(:disabled):hover{border-color:var(--primary);color:var(--primary);background:var(--primary-faint)}.pi-scene-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pi-scene-label{font-size:var(--text-sm);font-weight:600;color:var(--muted)}.pi-digits-card{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap;font-family:Courier New,Courier,monospace;letter-spacing:.1em;text-align:center}.pi-digits-highlight{font-size:1.6rem;font-weight:800;color:var(--primary);background:var(--primary-faint);padding:.25rem .625rem;border-radius:var(--radius-sm);letter-spacing:.15em}.pi-poa-row{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem}.pi-poa-pair{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:800;color:var(--primary);min-width:2ch;flex-shrink:0}.pi-poa-comp{font-size:var(--text-sm);font-weight:600;color:var(--muted);min-width:56px;flex-shrink:0}.pi-poa-value{flex:1;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}