:root{--green:#6aaa64;--yellow:#c9b458;--grey:#787c7e;--border:#d3d6da;--divider:#e6e6e6;--ink:#1a1a1b;--muted:#6b6f74;--bg:#fff;--bg-soft:#fafafa;--grid-max:580px;--tile-font:13px;--tile-gap:6px;--font-stack:"Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:contain;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{font-family:inherit}.app{flex-direction:column;width:100%;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.app-header{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;min-height:56px;padding:14px 16px 10px;display:grid}.app-streak{color:var(--ink);justify-self:start;align-items:center;gap:4px;min-height:28px;font-size:16px;font-weight:700;display:inline-flex}.app-streak-icon{font-size:18px;line-height:1}.app-streak-num{font-variant-numeric:tabular-nums}.app-title{text-align:center;letter-spacing:.16em;color:var(--ink);margin:0;font-size:28px;font-weight:800}@media (width<=380px){.app-title{letter-spacing:.12em;font-size:22px}}.app-header-actions{justify-self:end;gap:8px;display:flex}.app-icon-btn{border:1.5px solid var(--ink);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:0;display:inline-flex}.app-icon-btn:hover{background:var(--ink);color:#fff}.app-icon-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes menu-unlock-flash{0%,to{border-color:var(--ink);color:var(--ink);background:#fff}50%{color:#fff;background:#f0a39e;border-color:#f0a39e}}.app-icon-btn-menu.is-flashing{animation:1s ease-in-out 5 menu-unlock-flash}.app-icon-btn-menu-bars{fill:currentColor;width:14px;height:14px;display:block}.app-divider{background:var(--divider);width:100%;height:1px}.app-main{flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;padding:16px 12px 32px;display:flex}.app-counter-row{justify-content:center;align-items:center;gap:10px;min-height:22px;display:flex}.app-counter{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.app-counter-infinite{border:1.5px solid var(--border);width:22px;height:22px;color:var(--muted);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:800;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.app-counter-infinite-glyph{width:16px;height:8px;display:block}.app-counter-infinite:hover{border-color:var(--ink);color:var(--ink)}.app-counter-infinite.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.app-counter-infinite.is-on:hover{background:var(--ink);color:#fff}.app-counter-infinite:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-grid{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.app-toast{background:var(--ink);color:#fff;letter-spacing:.04em;z-index:50;border-radius:4px;padding:10px 16px;font-size:13px;font-weight:600;position:fixed;top:80px;left:50%;transform:translate(-50%)}.app-tally{text-align:center;color:#9aa1ab;margin-top:20px;font-size:13px}.app-tally b{color:#0b0c0f;font-weight:700}.gr-row{gap:var(--tile-gap);width:100%;max-width:var(--grid-max);cursor:default;grid-template-columns:repeat(7,1fr);display:grid;position:relative}.gr-name-tip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:5;background:#14161aeb;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(2px)}.gr-row:hover .gr-name-tip,.gr-row.gr-tapped .gr-name-tip{opacity:1;transform:translate(-50%)translateY(0)}.gr-row.shake{animation:.4s gr-shake}@keyframes gr-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.gr-tile{aspect-ratio:1;perspective:800px;position:relative}.gr-flip{transform-style:preserve-3d;transition:transform .5s;position:absolute;inset:0}.gr-flip.gr-flipped{transform:rotateX(180deg)}.gr-face{backface-visibility:hidden;border:2px solid var(--border);font-weight:700;font-size:var(--tile-font);text-align:center;-webkit-user-select:none;user-select:none;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;justify-content:center;align-items:center;padding:4px 3px;line-height:1.05;display:flex;position:absolute;inset:0;overflow:hidden}.gr-front{color:var(--ink);background:#fff}.gr-back{color:#fff;border-width:0;transform:rotateX(180deg)}.gr-back.gr-green{background:var(--green)}.gr-back.gr-yellow{background:var(--yellow)}.gr-back.gr-grey{background:var(--grey)}.gr-tile.gr-empty{border:2px solid var(--border)}.gr-header-row{margin-bottom:2px}.gr-header-cell{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}@media (width<=480px){:root{--tile-font:11px}.gr-header-cell{font-size:8px}}.gi-container{width:100%;max-width:var(--grid-max);grid-template-columns:1fr auto;gap:6px;display:grid;position:relative}.gi-input{border:2px solid var(--ink);height:44px;color:var(--ink);background:#fff;border-radius:4px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:15px}.gi-input:focus{border-color:var(--green)}.gi-input:disabled{background:var(--bg-soft);border-color:var(--border);color:var(--muted)}.gi-submit{background:var(--ink);color:#fff;border:2px solid var(--ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:4px;height:44px;padding:0 16px;font-size:13px;font-weight:700}.gi-submit:disabled{opacity:.4;cursor:not-allowed}.gi-list{border:1px solid var(--border);z-index:10;background:#fff;border-radius:4px;max-height:320px;margin:0;padding:0;list-style:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.gi-item{cursor:pointer;border-bottom:1px solid #f1f1f1;flex-direction:column;padding:10px 12px;display:flex}.gi-item:last-child{border-bottom:0}.gi-item.gi-active{background:#f3f6f1}.gi-brand{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.gi-model{color:var(--ink);font-size:15px;font-weight:600}.gi-item.gi-no-match{color:var(--muted);cursor:default;font-style:italic}.end-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.end-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;width:100%;max-width:480px;max-height:92dvh;padding:24px 22px 20px;animation:.38s cubic-bezier(.2,.7,.2,1) end-slide-up;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000002e}@keyframes end-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.end-close{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:6px;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.end-kicker{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.end-image{justify-content:center;padding:4px 0 8px;display:flex}.end-photo{object-fit:contain;background:#fff;border-radius:8px;width:220px;height:220px}.end-name{text-align:center;margin-bottom:14px}.end-brand{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.end-model{color:var(--ink);text-align:center;margin-top:2px;font-size:22px;font-weight:700}.end-shiny-line{color:#6b5a13;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.end-shiny-tag{letter-spacing:.06em;text-transform:uppercase;color:#6b5a13;white-space:nowrap;background:linear-gradient(#fff7d6 0%,#ffe9a8 100%);border:1px solid #e0c46a;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.end-shiny-name{color:var(--ink);font-weight:500}.end-shiny-name b{font-weight:700}.end-aka{text-align:center;margin:8px 0 0;font-size:12px;line-height:1.4}.end-aka-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:8px;font-weight:700}.end-aka-list{color:var(--ink);font-weight:500}.end-variant-note{text-align:center;color:var(--muted);background:#f5f5f0;border-radius:6px;margin:8px 0 4px;padding:8px 12px;font-size:13px;line-height:1.4}.end-variant-note b{color:var(--ink);font-weight:600}.end-attrs{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);grid-template-columns:1fr 1fr;gap:6px 16px;margin-bottom:14px;padding:12px 4px;display:grid}.end-attr{justify-content:space-between;font-size:13px;display:flex}.end-attr span{color:var(--muted)}.end-attr b{color:var(--ink);font-weight:700}.end-fact{border-left:3px solid var(--green);background:#fafafa;border-radius:2px;margin-bottom:14px;padding:10px 12px}.end-fact-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700}.end-fact-body{color:var(--ink);font-size:14px;line-height:1.45}.end-buttons{gap:10px;margin-bottom:8px;display:flex}.end-btn{text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:2px solid var(--ink);border-radius:4px;flex:1;height:44px;font-family:inherit;font-size:13px;font-weight:700}.end-btn-share{background:var(--green);color:#fff;border-color:var(--green)}.end-btn-again{color:var(--ink);background:#fff}.end-section{letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--muted);margin:18px 0 8px;font-size:12px;font-weight:700}.end-stats-row{justify-content:space-around;display:flex}.end-stat{flex-direction:column;align-items:center;display:flex}.end-stat-n{color:var(--ink);font-size:26px;font-weight:700}.end-stat-label{color:var(--muted);letter-spacing:.04em;font-size:11px}.end-distribution{flex-direction:column;gap:4px;display:flex}.end-dist-row{align-items:center;gap:8px;display:flex}.end-dist-label{text-align:right;width:16px;font-size:13px;font-weight:700}.end-dist-bar{background:var(--grey);color:#fff;text-align:right;border-radius:2px;min-width:28px;padding:2px 8px;font-size:12px;font-weight:700}.help-backdrop{z-index:100;box-sizing:border-box;background:#0006;place-items:center;width:100vw;height:100dvh;padding:16px;display:grid;position:fixed;top:0;left:0}.help-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;width:100%;max-width:460px;max-height:calc(100dvh - 32px);padding:24px 22px 20px;animation:.28s help-slide-up;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0000002e}@keyframes help-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.help-close{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:6px;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.help-title{letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:18px;font-weight:800}.help-sub{color:#444;margin:0 0 14px;font-size:14px}.help-list{margin:0 0 14px;padding-left:20px;font-size:14px;line-height:1.5}.help-h3{letter-spacing:.08em;text-transform:uppercase;margin:14px 0 8px;font-size:13px}.help-legend{flex-direction:column;gap:8px;display:flex}.help-legend-row{align-items:center;gap:10px;font-size:13px;line-height:1.4;display:flex}.help-swatch{color:#fff;text-align:center;border-radius:2px;flex:none;min-width:64px;padding:6px 8px;font-size:12px;font-weight:700}.help-swatch-green{background:var(--green)}.help-swatch-yellow{background:var(--yellow)}.help-swatch-grey{background:var(--grey)}.help-groups{color:#333;margin:0 0 6px;padding-left:18px;font-size:12px;line-height:1.5}.help-group-row{margin-bottom:4px}.help-group-row b{color:var(--ink,#111)}.help-foot{color:var(--muted);margin-top:14px;font-size:12px}.gallery{color:#1a1a1a;max-width:1400px;margin:0 auto;padding:24px 16px 64px}.gallery-header{z-index:10;background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:24px;padding:16px 0 12px;position:sticky;top:0}.gallery-header h1{letter-spacing:.05em;margin:0 0 4px;font-size:22px}.gallery-stats{color:#666;margin-bottom:10px;font-size:13px}.gallery-search{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;max-width:360px;padding:8px 12px;font-size:14px}.gallery-search:focus{border-color:#555}.gallery-brand{margin-bottom:32px}.gallery-brand-title{border-bottom:1px solid #eee;margin:0 0 12px;padding-bottom:6px;font-size:16px;font-weight:600}.gallery-brand-count{color:#888;font-size:13px;font-weight:400}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.gallery-card{background:#fafafa;border:1px solid #eee;border-radius:8px;flex-direction:column;margin:0;display:flex;overflow:hidden}.gallery-img-wrap{aspect-ratio:1;background:#fff;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:100%;display:flex}.gallery-img-wrap img{object-fit:contain;max-width:100%;max-height:100%}.gallery-img-missing{color:#c33;font-size:12px;font-style:italic}.gallery-caption{padding:8px 10px 10px;font-size:12px}.gallery-model{margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.2}.gallery-meta{color:#666;font-size:11px;line-height:1.3}.gallery-id{color:#aaa;word-break:break-all;margin-top:4px;font-family:ui-monospace,monospace;font-size:10px}