:root{color-scheme:light dark;--ink: #16181d;--paper: #fbfbfd;--line: #d9dbe2;--edge: #8a8e99;--accent: #3d5afe;--accent-hover: #2f47d8;--warn: #8a5a00;--error: #a01b2b;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root{--ink: #e8eaf0;--paper: #14161b;--line: #2c2f38;--edge: #62666f;--accent: #93a4ff;--accent-hover: #b3c0ff;--warn: #ffcf70;--error: #ff9aa6}}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;background:var(--paper);color:var(--ink);font-size:var(--text-md);line-height:1.5}.app{max-width:46rem;margin:0 auto;padding:3rem 1.25rem 4rem}h1{font-size:var(--text-2xl);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5rem}h2{font-size:var(--text-lg);margin:0 0 .75rem}.lede{margin:0 0 2.5rem;max-width:34rem;font-size:var(--text-lg);opacity:.75}.step{border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;margin-bottom:1.5rem}.operations{border:0;padding:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:1.25rem}.operations legend{padding:0;margin-bottom:.5rem;font-weight:600}.operations label{display:inline-flex;gap:.5rem;align-items:center}.picker{border:1px dashed var(--edge);border-radius:var(--radius-md);padding:1.25rem 1rem;margin-bottom:1.5rem}.picker-dragging{border-color:var(--accent)}.picker-label{display:block;font-size:var(--text-sm);margin-bottom:.5rem}.picker-hint{margin:.75rem 0 0;opacity:.7;font-size:var(--text-sm)}.preview{display:block;margin-top:1rem;max-width:100%;border-radius:var(--radius-md)}button{font:inherit;min-height:2.75rem;padding:.75rem 1.25rem;border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--paper);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}button:disabled{opacity:.5;cursor:default}@media (hover: hover){button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.quiet:hover:not(:disabled),.chip:hover:not(:disabled),.look:hover:not(:disabled){border-color:var(--ink)}.sample:hover:not(:disabled) img{transform:scale(1.02)}}button:active:not(:disabled){transform:translateY(1px)}.sample:active:not(:disabled) img{transform:scale(.99)}.notice{margin:0 0 1.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--line)}.notice-info{color:inherit}.notice-wait{color:var(--warn);border-color:currentColor}.refused{margin:0 0 1.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--error);color:var(--error)}.refused-wait{border-color:var(--warn);color:var(--warn)}.refused-words{margin:0}.refused-words+button{margin-top:.75rem}.result{border-top:1px solid var(--line);padding-top:2rem}.turnstile{min-height:65px;max-width:100%;overflow-x:auto}.choose h2{margin-top:2rem}.sources{border:0;padding:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:1.25rem}.sources label{display:inline-flex;gap:.5rem;align-items:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.samples{list-style:none;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr));padding:0;margin:0 0 1.5rem}.sample{display:block;width:100%;padding:0;text-align:left;background:none;color:inherit;border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden}.sample img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-md);background:var(--line);transition:transform .2s ease}.sample-selected{border-color:var(--accent)}.sample-label{display:block;font-size:var(--text-sm);margin-top:.5rem}.sample-credit{display:block;font-size:var(--text-xs);opacity:.65}.looks{list-style:none;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));padding:0;margin:0 0 1.5rem}.look{display:flex;gap:.75rem;align-items:center;width:100%;text-align:left;background:none;color:inherit;border:1px solid var(--edge);border-radius:var(--radius-lg);padding:.75rem}.look-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.look-swatch{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--line)}.look-text{display:block;min-width:0}.look-label{display:block;font-size:var(--text-sm)}.look-description{display:block;font-size:var(--text-xs);opacity:.7}.primary{margin-top:1.5rem;padding:1rem 2rem;font-size:var(--text-lg);font-weight:600}.working{text-align:center;margin-bottom:2rem}.working-image{width:100%;max-width:32rem;border-radius:var(--radius-lg);display:block;margin:0 auto}.working-line{margin:1rem 0 0;opacity:.8}.dev{border:1px dashed var(--warn);border-radius:var(--radius-md);padding:.75rem}.dev-note{margin:0 0 .75rem;font-size:var(--text-sm);color:var(--warn)}.dev-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.dev-buttons button{min-height:2.25rem;padding:.5rem .75rem;font-size:var(--text-sm)}.quiet{margin-top:1rem;background:none;color:inherit;border-color:var(--line);font-size:var(--text-sm)}.shot-block{margin-bottom:2rem}.shot{position:relative;max-width:32rem;margin:0 auto}.shot-base{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.shot-mark,.shot-before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg)}.shot-seam{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ink);opacity:.55;pointer-events:none}.shot-tag{position:absolute;bottom:.5rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;background:var(--paper);opacity:.85;pointer-events:none}.shot-tag-left{left:.5rem}.shot-tag-right{right:.5rem}.reveal{margin-top:1rem}.reveal-label{display:block;font-size:var(--text-sm);opacity:.75;margin-bottom:.25rem}.reveal-range{width:100%;max-width:32rem;display:block;margin:0 auto}.reveal-hint{margin:.5rem 0 0;font-size:var(--text-xs);opacity:.65}.worn{margin:0 0 1.5rem;font-size:var(--text-md)}.again h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;opacity:.7}.shot-hint{margin:1rem 0 .5rem;font-size:var(--text-sm);opacity:.75}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{min-height:2.25rem;padding:.25rem .75rem;font-size:var(--text-sm);background:none;color:inherit;border-color:var(--edge)}.chip-on{border-color:var(--accent);font-weight:600}.overall{margin-bottom:1.5rem}.overall h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:0 0 .5rem}.overall-note{margin:.5rem 0 0;font-size:var(--text-sm);opacity:.75}.score-number{margin:0;font-variant-numeric:tabular-nums;font-size:var(--text-xl)}.score-big .score-number{font-size:var(--text-3xl);line-height:1.1;letter-spacing:-.01em}.score-of{font-size:.75em;opacity:.6}.score-track{height:.5rem;margin-top:.5rem;border-radius:var(--radius-sm);background:var(--line);overflow:hidden}.score-fill{height:100%;background:var(--accent)}.score-offscale{margin:.5rem 0 0;font-size:var(--text-sm);color:var(--warn)}.cards-block{margin-top:2.5rem}.cards-block h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:0 0 .75rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:1rem;margin:0;padding:0;list-style:none}.card{border:1px solid var(--line);border-radius:var(--radius-md);padding:1rem}.card-name{margin:0 0 .5rem;font-size:var(--text-md)}.card-blurb{margin:.5rem 0 0;font-size:var(--text-sm);opacity:.75}.card-missing{margin:0;font-size:var(--text-sm);opacity:.75}.card-extras{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--line);font-size:var(--text-sm)}.card-extras dt{opacity:.75}.card-extras dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.extra-of{opacity:.6}.kept{margin:1.5rem 0 0;font-size:var(--text-sm);opacity:.75}.diagnostics{margin:2rem 0 0;border-top:1px solid var(--line);padding-top:.75rem;font-size:var(--text-sm)}.diagnostics summary{cursor:pointer;opacity:.75}.diag-rows{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;margin:.75rem 0 0}.diag-rows dt{opacity:.75}.diag-rows dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.diag-rows code{font-size:.95em}.awaiting{margin:0 0 1.5rem;min-height:2.5rem;font-size:var(--text-sm);opacity:.7}.working-longer{font-size:var(--text-sm);opacity:.65}.shot[aria-busy=true]{background:var(--line);border-radius:var(--radius-lg)}.picker-name{margin:.5rem 0 0;font-size:var(--text-sm);opacity:.7;overflow-wrap:anywhere}.picker-size{margin-left:.5rem;font-variant-numeric:tabular-nums}.picker-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}noscript p{margin:2rem auto;max-width:32rem;padding:0 1rem;color:var(--ink)}
