:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#e2336b;--muted:#6b7280;--danger:#c62828;--border:#80808066;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.app{max-width:480px;margin:0 auto;padding:24px 16px}.stack{flex-direction:column;gap:12px;display:flex}.stack>*{margin:0}.row{gap:8px;display:flex}.between{justify-content:space-between;align-items:center}.field{border:0;flex-direction:column;gap:4px;margin:0;padding:0;display:flex}.checkbox{align-items:flex-start;gap:8px;display:flex}input:not([type=checkbox]),select{font:inherit;border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 12px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px}button:disabled{opacity:.5;cursor:default}button.secondary{color:inherit;border:1px solid var(--border);background:0 0}button.link{color:var(--accent);background:0 0;padding:4px 0}button.danger{background:var(--danger)}button.link.danger{color:var(--danger);background:0 0}small,.muted{color:var(--muted)}h2{font-size:1.2rem}.tabs{border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:flex}.tabs button{color:inherit;background:0 0;flex:1;padding:8px}.tabs button[aria-selected=true]{background:var(--accent);color:#fff}.cards,.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}button.pack,button.choice,button.row-button{text-align:left;width:100%;color:inherit;border:1px solid var(--border);background:0 0}button.pack{align-items:center;gap:12px;display:flex}button.row-button{justify-content:space-between;gap:8px;display:flex}.pack .emoji{font-size:2rem}progress{width:100%}.percent{text-align:center;font-size:4rem}.results{padding-left:1.2em}.results .match::marker{color:#2f9e44}.results .miss::marker{color:var(--muted)}details summary{cursor:pointer;color:var(--accent)}.camera{flex-direction:column;gap:8px;display:flex}video.preview{object-fit:cover;border-radius:12px;align-self:flex-end;width:96px;height:128px;transform:scaleX(-1)}video.clip-video{background:#000;border-radius:12px;width:100%;max-height:70vh}a.button{text-align:center;background:var(--accent);color:#fff;border-radius:12px;padding:12px 16px;text-decoration:none;display:block}.message{text-align:center}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.badges li{border:1px solid var(--border);border-radius:999px;padding:6px 12px}.results .half::marker{color:#f59f00}button.inline-link{color:var(--accent);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.overlay{z-index:10;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay-body{color:canvastext;background:canvas;border-radius:16px 16px 0 0;flex-direction:column;gap:12px;width:100%;max-height:85vh;padding:16px;display:flex;overflow-y:auto}.markdown table{border-collapse:collapse;width:100%;font-size:.9em}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:4px 6px}.markdown blockquote{border-left:3px solid var(--accent);margin:0;padding:8px 12px}.age-mark{border:1px solid var(--border);color:var(--muted);border-radius:6px;align-self:flex-start;margin-top:24px;padding:2px 8px;font-size:.85em;display:inline-block}pre.data{white-space:pre-wrap;word-break:break-word;max-height:50vh;font-size:.75em;overflow:auto}