:root{--bg: #f6f5f2;--surface: #ffffff;--surface-2: #efede8;--text: #1c1b18;--muted: #6d6a62;--border: #dcd9d1;--accent: #3b6ef5;--accent-soft: #e3eafd;--good: #1f9d55;--good-soft: #dff5e6;--bad: #d64545;--bad-soft: #fbe2e2;--warn: #c98a12;--radius: 12px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 14px rgba(0, 0, 0, .05);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #15161a;--surface: #1f2126;--surface-2: #2a2d34;--text: #ececea;--muted: #9a9ba3;--border: #363940;--accent: #6f95ff;--accent-soft: #24304f;--good: #3fc07a;--good-soft: #1d3b2a;--bad: #f0605f;--bad-soft: #472326;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}input{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 .75rem}.muted{color:var(--muted)}.small{font-size:.85rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:.75rem}.center{text-align:center}.app-header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 1rem 0}.app-header-inner{max-width:960px;margin:0 auto}.brand{display:flex;align-items:baseline;gap:.6rem}.brand h1{font-size:1.15rem;margin:0}.tabs{display:flex;gap:.25rem;overflow-x:auto;margin-top:.4rem;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:none;border-bottom:3px solid transparent;padding:.5rem .75rem;color:var(--muted);font-weight:600;white-space:nowrap}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}main{max-width:960px;margin:0 auto;padding:1rem 1rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.card+.card{margin-top:1rem}.filter-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;font-size:.92rem}.drill-bar{background:var(--accent-soft);padding:.5rem .75rem;border-radius:8px}.seg{display:inline-flex;background:var(--surface-2);border-radius:8px;padding:3px}.seg-btn{border:none;background:none;padding:.35rem .7rem;border-radius:6px;color:var(--muted);font-weight:600}.seg-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.check{display:inline-flex;gap:.4rem;align-items:center;cursor:pointer}.btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.6rem 1.1rem;font-weight:600}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--bad);border-color:var(--bad)}.btn-sm{padding:.35rem .7rem;font-size:.85rem;border-radius:8px}.btn-lg{padding:.9rem 1.6rem;font-size:1.05rem}.face-tile{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:.4rem;text-align:center;width:100%;transition:border-color .15s,transform .1s,opacity .2s,background .15s}.face-tile.clickable:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.face-img-wrap{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--surface-2)}.face-shape{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:8px}.face-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.face-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 calc(28px * var(--vig, .5) * 2) calc(12px * var(--vig, .5) * 2) rgba(0,0,0,calc(var(--vig, .5) * 1.2))}.face-placeholder{display:grid;place-items:center;height:100%;color:var(--muted);font-size:.9rem}.face-caption{font-size:.85rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.face-sm{max-width:120px}.face-md{max-width:160px}.face-lg{max-width:220px}.face-xl{max-width:280px;margin:0 auto}.state-selected{border-color:var(--accent);background:var(--accent-soft)}.state-correct{border-color:var(--good);background:var(--good-soft)}.state-wrong{border-color:var(--bad);background:var(--bad-soft);animation:shake .3s}.state-dim{opacity:.45}.state-matched{opacity:0;pointer-events:none;transform:scale(.9)}.hotkey{position:absolute;top:6px;left:6px;background:#0000008c;color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:5px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.name-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:.8rem 1rem .8rem 2.4rem;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);transition:border-color .15s,background .15s}.name-choice:hover:not(:disabled){border-color:var(--accent)}.name-choice .hotkey{top:50%;transform:translateY(-50%);left:10px;background:var(--surface-2);color:var(--muted)}.name-label{font-weight:600}.name-sub{font-size:.8rem;color:var(--muted)}.name-choice.state-dim{opacity:.45}.question{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.q-prompt{display:flex;gap:.75rem;align-items:baseline;color:var(--muted);font-weight:600}.q-counter{font-variant-numeric:tabular-nums;font-size:.85rem;background:var(--surface-2);padding:2px 8px;border-radius:6px}.q-name{font-size:1.7rem;font-weight:700;display:flex;gap:.75rem;align-items:baseline;flex-wrap:wrap}.q-pronouns{font-size:.95rem;color:var(--muted);font-weight:500}.choices{display:grid;gap:.6rem}.choices-names{grid-template-columns:repeat(2,1fr)}.choices-faces{grid-template-columns:repeat(4,1fr)}.choices-faces .face-tile{max-width:none}.choices-faces .face-caption{height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 640px){.choices-names{grid-template-columns:1fr}.choices-faces{grid-template-columns:repeat(2,1fr)}.face-xl{max-width:220px}}.typed-form{display:flex;flex-direction:column;gap:.6rem;max-width:420px;margin:0 auto;width:100%}.typed-input{width:100%;padding:.8rem 1rem;font-size:1.15rem;border-radius:10px;border:2px solid var(--border);background:var(--surface)}.typed-input:focus{outline:none;border-color:var(--accent)}.typed-input.ok{border-color:var(--good);background:var(--good-soft)}.typed-input.bad{border-color:var(--bad);background:var(--bad-soft)}.typed-actions{display:flex;gap:.5rem;justify-content:center}.typed-actions.hidden{visibility:hidden}.q-status{height:96px;display:flex;align-items:center;gap:.9rem;overflow:hidden;padding:.5rem .9rem;border-radius:10px;margin-bottom:.9rem;background:var(--surface-2)}.q-hint{justify-content:center}.fb-correct{background:var(--good-soft)}.fb-wrong{background:var(--bad-soft)}.fb-thumbs{display:flex;gap:.5rem;flex-shrink:0}.fb-thumb{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;height:80px}.fb-thumb img,.fb-thumb>span:first-child{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block;border:2px solid transparent;background:var(--surface)}.fb-thumb.tone-good img{border-color:var(--good)}.fb-thumb.tone-bad img{border-color:var(--bad)}.fb-thumb-name{font-size:.7rem;font-weight:600;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.fb-text{flex:1;min-width:0}.fb-title{font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fb-text .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.q-status{height:112px}.fb-thumb{width:56px}.fb-thumb img,.fb-thumb>span:first-child{width:44px;height:44px}.q-status .btn{display:none}}.resident-info{text-align:center}.resident-info.big .resident-name{font-size:1.6rem}.resident-name{font-weight:700;font-size:1.05rem}.resident-meta{display:flex;gap:.75rem;justify-content:center;color:var(--muted);font-size:.9rem}.resident-pron{color:var(--muted);font-style:italic;font-size:.9rem;margin-top:.2rem}.flashcard-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.flashcard{perspective:1200px;width:min(360px,90vw);aspect-ratio:4 / 5;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .45s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem}.flashcard-back{transform:rotateY(180deg)}.flashcard-face .face-tile{border:none;padding:0;background:none;max-width:260px;width:100%}.flashcard-face .face-tile .face-img-wrap{border-radius:12px}.flash-actions{display:flex;gap:.75rem}.flash-actions .btn{min-width:140px}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width: 640px){.match-grid{grid-template-columns:repeat(3,1fr)}}.match-grid .face-tile{max-width:none;height:100%}.match-cell{border-radius:calc(var(--radius) + 3px);height:100%}.match-cell.cursor{outline:3px solid var(--accent);outline-offset:2px}.match-cell>*{height:100%;width:100%}.match-name{display:grid;place-items:center;text-align:center;padding:.6rem;min-height:100px;height:100%;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);font-weight:600;transition:border-color .15s,opacity .2s,transform .2s}.match-name:hover:not(:disabled){border-color:var(--accent)}.match-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.3rem}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-tile{background:var(--surface-2);border-radius:10px;padding:.75rem}.stat-value{font-size:1.6rem;font-weight:700;line-height:1.1}.stat-label{color:var(--muted);font-size:.85rem}.progress-bar{position:relative;height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s}.tone-accent{background:var(--accent)}.tone-good{background:var(--good)}.tone-bad{background:var(--bad)}.tone-muted{background:var(--muted)}.progress-label{position:absolute;right:8px;top:-18px;font-size:.75rem;color:var(--muted)}.hist{display:flex;gap:.5rem;align-items:flex-end;height:120px}.hist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.hist-bar{width:100%;border-radius:6px 6px 0 0;background:var(--accent);min-height:2px}.hist-label{font-size:.75rem;color:var(--muted);text-align:center}.hist-n{font-size:.8rem;font-weight:600}.daybars{display:flex;gap:3px;align-items:flex-end;height:80px}.daybar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.daybar-fill{border-radius:3px 3px 0 0;background:var(--surface-2);position:relative;overflow:hidden}.daybar-ok{position:absolute;bottom:0;left:0;right:0;background:var(--good)}.confusion-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.confusion-pair{display:flex;gap:.75rem;align-items:center;background:var(--surface-2);border-radius:10px;padding:.6rem}.confusion-pair .face-tile{flex:1;background:none;border:none;padding:0}.confusion-mid{display:flex;flex-direction:column;align-items:center;gap:.4rem}.confusion-count{font-weight:700;font-size:1.2rem;color:var(--bad)}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem}.people-grid .face-tile{max-width:none}.floor-rows{display:grid;gap:.5rem}.floor-row{display:grid;grid-template-columns:70px 1fr 90px;align-items:center;gap:.75rem;font-size:.9rem}.lookalike-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem}@media (max-width: 760px){.lookalike-layout{grid-template-columns:1fr}}.people-list{max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:2px}.person-row{display:flex;gap:.5rem;align-items:center;padding:.3rem .4rem;border-radius:8px;background:none;border:none;text-align:left;width:100%}.person-row:hover{background:var(--surface-2)}.person-row.active{background:var(--accent-soft)}.person-row img{width:32px;height:32px;border-radius:6px;object-fit:cover}.person-row .avatar-empty{width:32px;height:32px;border-radius:6px;background:var(--surface-2)}.search{width:100%;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);margin-bottom:.5rem}.sim-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.sim-list .face-tile{max-width:none}.sim-bar{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.sim-bar>div{height:100%;background:var(--accent)}.cluster{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-start}.cluster .face-tile{width:110px}.summary-list{display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;gap:.75rem;align-items:center;padding:.5rem;border-radius:10px;background:var(--surface-2)}.summary-row img{width:56px;height:56px;border-radius:8px;object-fit:cover}.summary-row .ok{color:var(--good);font-weight:700}.summary-row .bad{color:var(--bad);font-weight:700}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:var(--surface-2);padding:1px 5px;border-radius:4px;border:1px solid var(--border)}.kbd-on-primary{background:#fff3;border-color:#fff6;color:#fff;margin-left:.3rem}.tab-key{font-size:.65rem;opacity:.55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;display:grid;place-items:center;padding:1rem}.help-card{max-width:520px;width:100%;max-height:85vh;overflow:auto}.help-list{margin:.5rem 0 0;display:grid;gap:.4rem}.help-list>div{display:grid;grid-template-columns:130px 1fr;gap:.75rem;align-items:baseline}.help-list dt,.help-list dd{margin:0}.help-list dd{font-size:.92rem}button:focus-visible,.face-tile:focus-visible,.name-choice:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}select{font:inherit;padding:.4rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.error{color:var(--bad);padding:1rem}.loading{padding:3rem;text-align:center;color:var(--muted)}.notice{background:var(--amber-soft, var(--surface-2));border-left:3px solid var(--warn);padding:.7rem .9rem;border-radius:8px;font-size:.95rem}.hook-row{background:var(--accent-soft);padding:.4rem .6rem;border-radius:8px;font-style:italic;font-size:.9rem;margin-top:.5rem;max-width:420px;margin-left:auto;margin-right:auto}.fb-hook{margin-top:2px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-hook:before{content:"Tell apart · ";font-style:normal;font-weight:700;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.say-panel{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.field-flash{background:var(--good-soft);color:var(--good);padding:.5rem .8rem;border-radius:8px;font-weight:600}.cluster-row{display:flex;gap:1rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--border)}.cluster-faces{display:flex;gap:.3rem;flex-wrap:wrap;flex:1;align-items:center}.cluster-faces .face-tile{width:52px;padding:2px;border-width:1px}.cluster-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;min-width:140px}.tips{margin:0;padding-left:1.2rem;font-size:.92rem;display:grid;gap:.3rem}.linkish{background:none;border:none;padding:0;color:var(--accent);font-weight:600;text-decoration:underline}.face-img-wrap img{transition:none}.floor-table-wrap{overflow-x:auto}.floor-table{width:100%;border-collapse:collapse;font-size:.95rem}.floor-table th{text-align:left;font-weight:600;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;padding:.3rem .5rem}.floor-table td{padding:.5rem;border-top:1px solid var(--border);vertical-align:middle;white-space:nowrap}.floor-table tr.active td{background:var(--accent-soft)}.floor-table td .progress-bar{display:inline-block;vertical-align:middle;margin-right:.5rem;width:90px}.method{max-width:68ch;margin:0 auto;padding:2rem 1.5rem 3rem;font-size:1.02rem;line-height:1.6}.method .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}.method h1{font-size:2rem;font-weight:700;line-height:1.15;margin:0 0 1.5rem;text-wrap:balance;letter-spacing:-.01em}.method h2{font-size:1.3rem;margin:2.2rem 0 .6rem;text-wrap:balance}.method p{margin:0 0 .9rem}.method ul,.method ol{padding-left:1.3rem;margin:0 0 .9rem}.method li{margin-bottom:.4rem}.method .figure{background:var(--surface-2);border-radius:10px;padding:.9rem 1rem;margin:1rem 0 1.3rem}.method .figure-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}.method .signals{display:grid;gap:.6rem;font-size:.92rem}.method .signal .progress-bar{margin-top:.3rem;background:var(--surface)}.method .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-variant-numeric:tabular-nums;margin-left:1rem}.method .options{display:grid;gap:.4rem}.method .opt{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:.45rem .7rem;font-size:.95rem}.method .tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;white-space:nowrap}.method .tag-target{background:var(--good-soft);color:var(--good)}.method .tag-confused{background:var(--bad-soft);color:var(--bad)}.method .tag-group{background:var(--accent-soft);color:var(--accent)}.method .tag-weighted{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.method .ladder{display:flex;gap:.35rem;flex-wrap:wrap}.method .step{flex:1 1 64px;min-width:64px;text-align:center;padding:.45rem .25rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.method .step small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.method .step.cap{border-color:var(--warn)}.method .sources{font-size:.9rem;color:var(--muted)}.signin{min-height:100vh;display:grid;place-items:center;padding:1rem}.signin-card{max-width:380px;width:100%;text-align:center}.signin-card h1{margin:0}.signin-slot{display:flex;justify-content:center;min-height:44px}.account{display:flex;align-items:center;gap:.5rem}.avatar{width:26px;height:26px;border-radius:50%;display:block}.sync{background:none;border:none;font-size:.75rem;color:var(--muted);padding:0}.sync-offline,.sync-signed-out{color:var(--warn)}.sync-signed-out{text-decoration:underline;cursor:pointer}.fb-actions{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.admin-list{display:grid;gap:.4rem}.admin-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px}.avatar-empty{background:var(--surface-2)}.table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table th,.admin-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.admin-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}