: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)}.slides{--hue: 220;--ink: #fff;--ink-soft: rgba(255, 255, 255, .72);--pop: hsl(calc(var(--hue) + 150) 95% 62%);position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:hidden;color:var(--ink);background:#0b0c12;-webkit-user-select:none;user-select:none;cursor:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.slides-bg{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;background:radial-gradient(circle at 25% 30%,hsl(var(--hue) 80% 32%),transparent 55%),radial-gradient(circle at 75% 70%,hsl(calc(var(--hue) + 70) 85% 28%),transparent 55%),radial-gradient(circle at 60% 15%,hsl(calc(var(--hue) + 200) 80% 30%),transparent 45%),#0b0c12;animation:sl-drift 24s ease-in-out infinite alternate;transition:background 1.2s ease}@keyframes sl-drift{0%{transform:rotate(-4deg) scale(1)}to{transform:rotate(4deg) scale(1.12)}}.slides-floaters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.slides-floaters span{position:absolute;bottom:-10vh;left:calc(8% + var(--i) * 15%);font-size:clamp(1.5rem,4vw,5rem);opacity:.35;animation:sl-float calc(14s + var(--i) * 3s) linear infinite;animation-delay:calc(var(--i) * -4s)}@keyframes sl-float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.35}90%{opacity:.35}to{transform:translateY(-120vh) rotate(40deg);opacity:0}}.slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:3vh 3vw;box-sizing:border-box;text-align:center}.slide.phase-out{animation:sl-out .5s ease-in forwards}@keyframes sl-out{to{transform:translate(-12vw) scale(.9);opacity:0;filter:blur(6px)}}.s-prompt{display:flex;align-items:center;justify-content:center;gap:.3em;flex-wrap:wrap;font-weight:900;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2.2rem,8.5vw,16rem);text-shadow:0 .06em 0 rgba(0,0,0,.35),0 0 .6em hsl(var(--hue) 90% 60% / .5);transition:font-size .5s cubic-bezier(.34,1.56,.64,1);animation:sl-bounce-in .9s cubic-bezier(.34,1.56,.64,1) both}.s-emoji{display:inline-block;animation:sl-wiggle 1.6s ease-in-out infinite}.phase-ask .s-prompt,.phase-reveal .s-prompt,.phase-out .s-prompt{font-size:clamp(1.3rem,3.6vw,7rem)}.phase-ask .s-emoji,.phase-reveal .s-emoji,.phase-out .s-emoji{animation-duration:3s}.s-name{color:var(--pop);display:inline-block;animation:sl-wiggle 2.4s ease-in-out infinite}@keyframes sl-bounce-in{0%{transform:scale(.2) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sl-wiggle{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.12)}}.slides .face-tile{max-width:none;border:none;background:none;padding:0;width:100%}.slides .face-img-wrap{border-radius:4%;box-shadow:0 2vh 6vh #00000080;background:#ffffff0f}.s-photo{width:min(58vh,72vw);flex:0 0 auto;animation:sl-pop .7s cubic-bezier(.34,1.56,.64,1) both;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.phase-reveal .s-photo,.phase-out .s-photo{width:min(44vh,60vw)}@keyframes sl-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.06) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.which-grid{--tile: min( 17.2vw , 46vh);display:grid;grid-template-columns:repeat(5,var(--tile));gap:2vh 2vw;justify-content:center;align-content:center}.which-tile{width:var(--tile);animation:sl-pop .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i) * .12s);transition:transform .6s cubic-bezier(.34,1.56,.64,1),width .6s cubic-bezier(.34,1.56,.64,1),filter .6s,opacity .6s}.phase-reveal .which-grid,.phase-out .which-grid{--tile: min( 17.2vw , 34vh)}.slide-which.phase-reveal .s-prompt,.slide-which.phase-out .s-prompt{opacity:.55;font-size:clamp(1rem,2.6vw,4rem)}@media (orientation: portrait){.which-grid{--tile: min( 30vw , 26vh);grid-template-columns:repeat(6,calc((var(--tile) - 2vw) / 2))}.which-tile{grid-column:span 2}.which-tile:nth-child(4){grid-column:2 / 4}.which-tile:nth-child(5){grid-column:4 / 6}}.which-tile.is-answer{transform:scale(1.12) rotate(-3deg);z-index:2;animation:sl-tada .9s ease both}.which-tile.is-answer .face-img-wrap{box-shadow:0 0 0 .6vh var(--pop),0 0 8vh hsl(var(--hue) 90% 60% / .9)}.which-tile.is-dud{transform:scale(.82);opacity:.28;filter:grayscale(1) blur(1px)}@keyframes sl-tada{0%{transform:scale(1)}20%,40%{transform:scale(1.22) rotate(-5deg)}30%,50%{transform:scale(1.22) rotate(5deg)}to{transform:scale(1.12) rotate(-3deg)}}.ring{position:relative;width:min(18vh,18vw);aspect-ratio:1;flex:0 0 auto;animation:sl-pop .5s ease both}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#ffffff26;stroke-width:9}.ring-fill{fill:none;stroke:var(--pop);stroke-width:9;stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:0;animation:sl-ring var(--dur, 5s) linear forwards}.slide.paused .ring-fill{animation-play-state:paused}@keyframes sl-ring{to{stroke-dashoffset:276.5}}.ring-digit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:min(9vh,9vw);font-weight:900;font-variant-numeric:tabular-nums;animation:sl-tick .5s cubic-bezier(.34,1.56,.64,1) both}.ring.last .ring-fill{stroke:#ff5470}.ring.last .ring-digit{color:#ff5470;animation:sl-tick .5s cubic-bezier(.34,1.56,.64,1) both,sl-wiggle .3s ease-in-out infinite}@keyframes sl-tick{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}.reveal{display:flex;flex-direction:column;align-items:center;gap:.5vh;max-width:96vw}.reveal-shout{font-size:clamp(1rem,2.6vw,5rem);font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;animation:sl-bounce-in .5s ease both}.reveal-name{font-size:clamp(2.2rem,8vw,16rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--pop);overflow-wrap:anywhere;text-shadow:0 .05em 0 rgba(0,0,0,.4),0 0 .5em hsl(var(--hue) 90% 60% / .6);animation:sl-slam .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.reveal-pron{font-size:clamp(1.1rem,3.2vw,6.5rem);font-style:italic;color:var(--ink-soft);animation:sl-bounce-in .6s ease both;animation-delay:.45s}@keyframes sl-slam{0%{transform:scale(3) rotate(6deg);opacity:0;filter:blur(8px)}60%{transform:scale(.95) rotate(-1deg);opacity:1;filter:blur(0)}to{transform:scale(1) rotate(0)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:3}.confetti span{position:absolute;top:-5vh;left:var(--x);width:calc(1.2vmin * var(--size));height:calc(2vmin * var(--size));background:hsl(var(--h) 95% 62%);border-radius:.2vmin;animation:sl-confetti var(--dur) cubic-bezier(.25,.7,.5,1) both;animation-delay:var(--delay)}@keyframes sl-confetti{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(115vh) rotate(var(--spin));opacity:0}}.slides.still *,.slides.still *:after{animation:none!important;transition:none!important}.slides.still .s-emoji,.slides.still .s-name{transform:none}.slides-counter{position:absolute;right:2vw;bottom:2vh;z-index:4;font-size:clamp(.8rem,1.6vw,2rem);font-weight:700;opacity:.5;font-variant-numeric:tabular-nums}.slides-floor{margin-right:1.2em;text-transform:uppercase;letter-spacing:.08em}.slides-hint{position:absolute;left:2vw;bottom:2vh;z-index:4;font-size:clamp(.8rem,1.4vw,1.8rem);opacity:.55;animation:sl-fade-out 1s ease 7.5s forwards}@keyframes sl-fade-out{to{opacity:0}}.slides-paused{position:absolute;top:2vh;right:2vw;z-index:4;font-size:clamp(1.5rem,4vw,5rem);opacity:.8;animation:sl-wiggle 2s ease-in-out infinite}.slides-static{display:grid;place-items:center;cursor:default;-webkit-user-select:text;user-select:text}.slides-card{text-align:center;max-width:80vw}.slides-card h1{font-size:clamp(1.6rem,5vw,5rem);margin:.2em 0;font-weight:900}.slides-card p{font-size:clamp(1rem,2.4vw,2.4rem);color:var(--ink-soft)}.slides-card-emoji{font-size:clamp(3rem,12vw,12rem);line-height:1}.slides-card-emoji.spin{display:inline-block;animation:sl-spin 3s linear infinite}@keyframes sl-spin{to{transform:rotate(360deg)}}.slides-link{display:inline-block;margin-top:2vh;padding:.6em 1.4em;border-radius:999px;background:#fff;color:#0b0c12;font-weight:800;text-decoration:none;font-size:clamp(1rem,2.2vw,2.2rem)}