:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(7% 0 0);--color-surface:oklch(12% 0 0);--color-surface-raised:oklch(16% .004 25.7);--color-ink:oklch(97% 0 0);--color-muted:oklch(73% .008 25.7);--color-line:oklch(34% .01 25.7);--color-primary:oklch(59% .21 25.7);--color-primary-hover:oklch(54% .2 25.7);--color-primary-bright:oklch(67% .22 25.7);--color-primary-soft:oklch(25% .08 25.7);--color-danger:oklch(64% .22 25.7);--layout-max:1440px;--gutter:clamp(1rem, 2.3vw, 2rem);--radius:.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-dropdown:10}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);min-width:20rem;font-family:Arial,Helvetica,sans-serif}body{background:var(--color-bg);min-height:100vh;color:var(--color-ink);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.45}button,input{font:inherit}button,label,input[type=file]{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}.app-shell{width:min(100%, calc(var(--layout-max) + (2 * var(--gutter))));min-height:100vh;padding:0 var(--gutter);margin:0 auto}.site-header{border-bottom:1px solid var(--color-primary);justify-content:space-between;align-items:center;gap:2rem;min-height:7rem;display:flex}.wordmark{color:var(--color-primary);letter-spacing:-.02em;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:4.5rem;line-height:.88;text-decoration:none}.account-control{z-index:var(--z-dropdown);min-width:6.5rem;margin-left:auto;position:relative}.account-login{width:100%}.account-disclosure{position:relative}.account-summary{border:1px solid var(--color-primary);border-radius:var(--radius);color:var(--color-ink);cursor:pointer;text-align:center;padding:.75rem 1rem;font-weight:800;list-style:none}.account-summary::-webkit-details-marker{display:none}.account-summary:after{content:" +";color:var(--color-primary-bright)}.account-disclosure[open] .account-summary:after{content:" −"}.account-summary:focus-visible,.account-menu__action:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--color-primary-soft)}.account-menu{border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface-raised);width:max-content;min-width:10rem;padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0}.account-menu__action{border-radius:calc(var(--radius) - .15rem);width:100%;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:.75rem 1rem;font-weight:800}.account-menu__action:hover{background:var(--color-primary-soft)}.search-form{grid-template-columns:minmax(0,1fr) 14rem;align-items:stretch;gap:.75rem;margin:2rem 0;display:grid}.search-field{min-width:0;position:relative}.search-suggestions{z-index:var(--z-dropdown);border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface-raised);position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:hidden}.search-suggestion{border:0;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.9rem 1rem;display:grid}.search-suggestion:last-child{border-bottom:0}.search-suggestion:hover,.search-suggestion.is-active{background:var(--color-primary-soft)}.search-suggestion__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.search-suggestion__meta{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}#app:focus{outline:none}input[type=search],input[type=text]{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);width:100%;min-height:4.5rem;color:var(--color-ink);transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), box-shadow .18s var(--ease-out);outline:0;padding:0 1.25rem;font-size:1.25rem;font-weight:500}input::placeholder{color:var(--color-muted);opacity:1}input:hover{border-color:var(--color-muted);background:var(--color-surface-raised)}input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg), 0 0 0 5px var(--color-primary)}.file-drop:has(input:focus-visible){border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg), 0 0 0 5px var(--color-primary)}.button{border-radius:var(--radius);cursor:pointer;text-align:center;min-height:3.5rem;transition:color .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.4rem;font-size:1.0625rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:focus-visible,.text-action:focus-visible,.wordmark:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px;box-shadow:0 0 0 6px var(--color-primary-soft)}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--outline{border-color:var(--color-primary);color:var(--color-primary-bright);background:0 0}.button--outline:hover:not(:disabled){background:var(--color-primary);color:#fff}.button:disabled{border-color:var(--color-line);background:var(--color-surface);color:var(--color-muted);cursor:not-allowed;transform:none}.text-action{color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.25rem 0;font-weight:700}.text-action:hover{color:var(--color-primary-bright)}.section-header{border-bottom:1px solid var(--color-primary);justify-content:space-between;align-items:end;gap:2rem;padding:0 0 1rem;display:flex}.section-header h1,.state-heading{color:var(--color-ink);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:2.4rem;font-weight:900;line-height:1.05}.total-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.2rem}.leaderboard{margin:0;padding:0;list-style:none}.leaderboard-row{border-bottom:1px solid var(--color-primary);background:var(--color-surface);min-height:6.5rem;transition:background-color .18s var(--ease-out);grid-template-columns:3.5rem 12rem minmax(12rem,1fr) 9rem 14rem;align-items:center;gap:1.4rem;padding:.35rem 1rem;display:grid}.leaderboard-row:hover,.leaderboard-row:focus-within{background:var(--color-surface-raised)}.rank{color:var(--color-ink);font-variant-numeric:tabular-nums;text-align:center;font-size:2rem;font-weight:900}.item-image{border:1px solid var(--color-line);object-fit:cover;width:100%;height:5.5rem}.item-name{text-wrap:pretty;margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.vote-count{font-variant-numeric:tabular-nums;justify-self:end;font-size:1.45rem}.leaderboard-row .button{width:100%}.status-banner{border:1px solid var(--color-primary);background:var(--color-primary-soft);justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.status-banner strong{color:var(--color-primary-bright)}.status-banner p{margin:0}.empty-state,.flow-state{width:min(100%,68rem);margin:0 auto}.empty-state>.state-heading,.flow-state>.state-heading{border-bottom:1px solid var(--color-primary);padding-bottom:1rem}.empty-state__copy{max-width:60ch;color:var(--color-ink);text-wrap:pretty;margin:1.25rem 0 1.5rem;font-size:1.1rem}.empty-catalog>.button{min-width:14rem}.create-form{grid-template-columns:8.5rem minmax(0,1fr);gap:1rem 1.5rem;margin-top:1.5rem;display:grid}.create-form h2{grid-column:1/-1;margin:0 0 .5rem;font-size:1.8rem;line-height:1.1}.field-label{padding-top:1rem;font-size:1.05rem;font-weight:700}.field-stack{min-width:0}.file-drop{border:2px solid var(--color-primary);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;text-align:center;min-height:10rem;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out);place-items:center;padding:1rem;display:grid}.file-drop:hover,.file-drop.is-dragging{border-color:var(--color-primary-hover);background:var(--color-primary-soft)}.file-drop input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-drop strong{color:var(--color-ink);font-size:1.35rem;display:block}.file-drop small{color:var(--color-muted);margin-top:.3rem;font-size:.9rem;display:block}.image-preview{object-fit:contain;width:100%;max-height:15rem;display:none}.file-drop.has-preview .file-instructions{display:none}.file-drop.has-preview .image-preview{display:block}.form-error{min-height:1.5rem;color:var(--color-danger);margin:.5rem 0 0;font-weight:700}.form-actions{grid-column:2;align-items:center;gap:2rem;margin-top:.75rem;display:flex}.form-actions .button{min-width:14rem}.verification{margin-top:1.5rem}.selected-item{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:1.5rem;padding:1.4rem 0;display:grid}.selected-item img{border:1px solid var(--color-primary);object-fit:cover;width:7.5rem;height:7.5rem}.selected-item h2{margin:0 0 .65rem;font-size:1.5rem}.selected-item p{max-width:62ch;color:var(--color-ink);text-wrap:pretty;margin:0;font-size:1.05rem}.final-actions{align-items:center;gap:2rem;display:flex}.final-actions .button{min-width:18rem}.final-warning{color:var(--color-danger);margin:.75rem 0 0;font-size:1.05rem;font-weight:800}.auth-flow__copy,.auth-flow__status{max-width:62ch;margin:0 0 1rem;font-size:1.05rem}.provider-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.provider-actions .button{min-width:14rem}.sr-only{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width<=62rem){.leaderboard-row{grid-template-columns:2.75rem 7.5rem minmax(0,1fr) 7rem;gap:1rem;padding:.65rem .5rem}.leaderboard-row .button{grid-column:3/-1;justify-self:end;width:auto}.item-image{height:5.25rem}.item-name{font-size:1.2rem}.vote-count{font-size:1.15rem}}@media (width<=42rem){.site-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;min-height:6.5rem}.account-control{top:1rem;right:var(--gutter);position:absolute}.wordmark{font-size:clamp(2.25rem,12vw,3.25rem)}.search-form{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:1.25rem 0 1.75rem}.search-form>.button{min-width:6.5rem;padding-inline:1rem}.search-suggestion{grid-template-columns:minmax(0,1fr);gap:.15rem}input[type=search],input[type=text]{min-height:3.75rem;font-size:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.45rem}.section-header h1,.state-heading{font-size:2rem}.total-count{font-size:1rem}.leaderboard-row{grid-template-columns:2rem 5.25rem minmax(0,1fr);gap:.75rem}.rank{font-size:1.35rem}.item-image{height:4.5rem}.vote-count{color:var(--color-muted);grid-column:3;justify-self:start}.leaderboard-row .button{grid-column:2/-1;width:100%}.status-banner{flex-direction:column;align-items:flex-start}.create-form{grid-template-columns:1fr}.create-form h2,.form-actions{grid-column:1}.field-label{padding-top:.5rem}.form-actions,.final-actions,.provider-actions{flex-direction:column;align-items:stretch;gap:1rem}.form-actions .button,.final-actions .button{width:100%;min-width:0}.selected-item{grid-template-columns:5.5rem minmax(0,1fr);gap:1rem}.selected-item img{width:5.5rem;height:5.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
