:root{--bg: #f6f5f1;--surface: #ffffff;--text: #1d1d1b;--muted: #6b6a64;--line: #dddbd3;--accent: #1f6f5c;--accent-soft: #dcefe8;--ok: #1f6f5c;--ng: #b0412e;--warn: #b07a12;font-family:system-ui,Hiragino Sans,Yu Gothic UI,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--bg: #161715;--surface: #212320;--text: #ecebe6;--muted: #a3a29b;--line: #3a3c37;--accent: #6cc3a8;--accent-soft: #23392f;--ok: #6cc3a8;--ng: #e98b78;--warn: #e0b45a}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent)}button,.button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}button.big{width:100%;padding:14px;font-size:1.1rem}button.link{border:none;background:none;color:var(--accent);padding:0 4px}kbd{font-size:.75em;border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-left:4px}.app{max-width:760px;margin:0 auto;padding:0 16px 32px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:8px;flex-wrap:wrap}header h1{font-size:1.15rem;margin:0}nav{display:flex;gap:4px}nav button.on,.seg button.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}.setup section{margin-bottom:20px}.setup h3{font-size:.95rem;margin:0 0 8px}.setup h3 small{color:var(--muted);font-weight:400;margin-left:6px}.seg{display:flex;gap:4px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.85rem;background:var(--surface)}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.chip small{color:var(--muted)}.chip.small{font-size:.75rem;padding:1px 8px}.start{position:sticky;bottom:0;padding:12px 0;background:var(--bg)}.hint{color:var(--muted)}.login{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:30vh}.small{font-size:.85rem;color:var(--muted)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.progress{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-height:50vh}.face.back{border-top:1px dashed var(--line);margin-top:16px;padding-top:12px}.meta-img{display:block;width:auto;height:auto;max-width:100%;max-height:55vh;margin:8px auto 0;border-radius:8px}.prompt{font-size:1.1rem;margin-top:12px}.prompt.raw{font-size:.95rem}.tap{text-align:center;color:var(--muted);margin-top:24px}.answer{margin:0 0 6px;font-size:1.5rem}.meta-line{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.freq{font-size:.75rem;border-radius:999px;padding:1px 8px;border:1px solid currentColor}.freq.common{color:var(--ok)}.freq.sometimes{color:var(--warn)}.freq.rare{color:var(--muted)}.md p{margin:6px 0}.md p.li{padding-left:1em;text-indent:-1em}.en{color:var(--muted);font-size:.9rem}.source{font-size:.8rem;color:var(--muted);margin-top:12px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:0;padding:12px 0;background:var(--bg)}.answer-buttons button{padding:16px;font-size:1.05rem;font-weight:600}.answer-buttons .ok{border-color:var(--ok);color:var(--ok)}.answer-buttons .ng{border-color:var(--ng);color:var(--ng)}.answer-buttons .current{box-shadow:inset 0 0 0 2px currentColor}.result ul{padding-left:1.2em}.review-list table{width:100%;border-collapse:collapse;background:var(--surface)}.review-list th,.review-list td{border-bottom:1px solid var(--line);padding:8px;text-align:right}.review-list th:first-child,.review-list td:first-child{text-align:left}.review-list tbody tr{cursor:pointer}.review-list tbody tr:hover{background:var(--accent-soft)}.review-list .warn{color:var(--warn);font-weight:600}.summary{color:var(--muted)}.review-card{min-height:0}.label{font-size:.75rem;color:var(--muted);margin:0;min-width:4em}.edit{margin-top:12px}.suggest{color:var(--warn);font-size:.85rem;margin:0 0 8px}.capture .drop{border:2px dashed var(--line);border-radius:12px;padding:40px 16px;text-align:center}.crop-area{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.crop-area img{width:100%;display:block}.crop-area .sel{position:absolute;border:2px solid var(--accent);background:#6cc3a833;pointer-events:none}.answer .country{margin-right:.5em}.answer .others{font-size:.9rem;color:var(--muted);font-weight:400}.src{font-size:.65rem;vertical-align:super;border:1px solid var(--warn);color:var(--warn);border-radius:4px;padding:0 3px;margin-left:2px;font-weight:400}select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs figure{margin:0;width:120px}.thumbs img{width:120px;height:80px;object-fit:cover;border-radius:6px;display:block}.thumbs figcaption{font-size:.75rem;color:var(--muted)}input.grow{flex:1;min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px}.geo{margin:0 0 4px;min-height:1.4em}.warn-text{color:var(--warn);margin-left:4px}a.button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.image-actions{margin-top:10px}.prompt.caption{font-size:.95rem;margin:8px 0 0}.thumbs figure{width:150px}.thumbs img{width:150px;height:96px;cursor:pointer}.thumbs figure.selected img{outline:3px solid var(--accent)}.thumb-actions{display:flex;flex-wrap:wrap;gap:0 6px}.answer-img{margin:8px 0}.explain-images{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.explain-images figure{margin:0;max-width:100%}.explain-images img{max-width:100%;max-height:40vh;border-radius:6px;display:block}.explain-images figcaption{font-size:.85rem;color:var(--muted)}.siblings{border-left:3px solid var(--line);padding-left:8px;margin:8px 0}.siblings ul{margin:4px 0;padding-left:1.2em;font-size:.9rem}.variant-editor .field{display:block;margin:10px 0;font-size:.9rem}.variant-editor .field input,.variant-editor textarea{display:block;width:100%;margin-top:4px}textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px}.capture h3,.variant-editor h3{font-size:1rem;margin:0 0 8px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.choices button{padding:14px 8px;font-size:1rem;text-align:left}.choices button.right{border-color:var(--ok);color:var(--ok);box-shadow:inset 0 0 0 2px var(--ok);font-weight:600}.choices button.wrong{border-color:var(--ng);color:var(--ng);box-shadow:inset 0 0 0 2px var(--ng)}.choices button.dim{opacity:.5}.verdict{font-weight:600;margin:12px 0 0}.verdict.right{color:var(--ok)}.verdict.wrong{color:var(--ng)}.answer-buttons.single{grid-template-columns:1fr}.inverse{margin:0 0 8px;padding:6px 10px;border-radius:8px;background:var(--accent-soft);font-weight:600}.inverse strong{color:var(--ng)}.region{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-top:1px solid var(--line)}.region .chips{flex:1}.region-name{flex:0 0 6.5em;border:1px solid var(--line);border-radius:8px;padding:3px 6px;font-size:.8rem;font-weight:600;background:var(--surface)}.region-name.on{background:var(--accent-soft);border-color:var(--accent)}.auto-check{display:flex;flex-direction:column;gap:10px}.auto-check .answer-buttons{position:sticky;bottom:0;grid-template-columns:repeat(3,1fr)}.auto-check .answer-buttons button{padding:14px 6px;font-size:.95rem}.auto-check .progress button:disabled{opacity:.4}.auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.auto-grid figure{margin:0}.auto-grid img{width:100%;height:auto;border-radius:8px}.sv-embed{width:100%;aspect-ratio:16 / 10;border:0;border-radius:8px}.img-credit{margin:2px 0 0;font-size:.7rem;color:var(--muted);text-align:right}.research-mark{display:inline-block;margin:0 0 6px;padding:1px 8px;border:1px solid var(--ng);border-radius:999px;font-size:.75rem;color:var(--ng)}.research{margin:8px 0;padding:6px 10px;border-left:3px solid var(--ng);font-size:.9rem}.meta-img.paired{max-height:36vh}
