:root{color:#233044;background:#eef2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172235;--muted: #627286;--line: #d9e1e7;--panel: #ffffff;--soft: #f5f7f8;--green: #2f6e57;--green-soft: #e7f1ed;--amber: #c68838;--red: #a14e42}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 0%,rgb(216 232 228 / 72%),transparent 32rem),#eef2f4}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgb(75 129 116 / 38%);outline-offset:2px}.page-shell{min-height:100vh;padding:clamp(1rem,3vw,2.5rem)}.hero{width:min(100%,86rem);margin:0 auto;padding:clamp(1.25rem,4vw,3.5rem);background:var(--panel);border:1px solid var(--line);border-radius:1.5rem;box-shadow:0 1.5rem 4rem #23304417}.eyebrow,.status-label,.set-kicker,.state-kicker,.player-kicker,.rating-label{margin:0;color:#5e7189;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:.75rem 0 1rem;color:var(--ink);font-size:clamp(2.75rem,8vw,5rem);letter-spacing:-.06em;line-height:.95}.lede{max-width:42rem;margin:0;color:#526176;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.status-card{display:grid;gap:.4rem;margin-top:2.5rem;padding:1rem 1.1rem;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:.9rem}.status-card strong{color:var(--green);font-size:1rem}.status-card .status-error{color:var(--red)}.status-detail{color:#6d7d90;font-size:.85rem}.auth-panel{display:grid;gap:1rem;margin-top:1.25rem;padding:1.25rem;background:#fbfcfc;border:1px solid #e3e8ee;border-radius:.9rem}.panel-heading,.catalogue-heading,.set-card-heading,.rating-input-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading h2,.catalogue-heading h2{margin:.35rem 0 0;color:var(--ink);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.035em}.mode-switch,.filter-switch{display:flex;gap:.35rem;padding:.25rem;background:#edf1f3;border-radius:.6rem}.mode-switch button,.filter-switch button,.text-button{border:0;color:#526176;background:transparent}.mode-switch button,.filter-switch button{flex:1;padding:.55rem .75rem;border-radius:.4rem;white-space:nowrap}.mode-switch button.selected,.filter-switch button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 3px #2330441f}.text-button{padding:.25rem 0;text-decoration:underline;text-underline-offset:.2rem}.auth-form{display:grid;gap:.85rem}.auth-form label,.artist-search label,.sort-control{display:grid;gap:.35rem;color:#526176;font-size:.88rem;font-weight:600}.auth-form input,.artist-search input,.sort-control select{width:100%;min-height:2.75rem;padding:.7rem .75rem;color:var(--ink);background:#fff;border:1px solid #cfd8e1;border-radius:.5rem}.sort-control select{padding-right:2.2rem}.auth-form .cf-turnstile{min-height:65px}.primary-button,.secondary-button{min-height:2.75rem;padding:.7rem 1rem;border-radius:.5rem;font-weight:700}.primary-button{color:#fff;background:var(--green);border:0}.secondary-button{color:#245744;background:var(--green-soft);border:1px solid #c5ded4}.primary-button:disabled,.secondary-button:disabled,.rating-half-button:disabled,.remove-rating-button:disabled{cursor:wait;opacity:.6}.form-help,.muted,.form-message,.form-error{margin:0;font-size:.85rem;line-height:1.5}.form-help,.muted{color:#6d7d90}.form-message{color:var(--green)}.form-error{color:var(--red)}.catalogue-section{margin-top:2.75rem;padding-top:2rem;border-top:1px solid #e3e8ee}.catalogue-heading{align-items:flex-end}.catalogue-lede{max-width:48rem;margin:.7rem 0 0;color:var(--muted);line-height:1.55}.catalogue-count{flex:0 0 auto;padding:.45rem .7rem;color:#245744;background:var(--green-soft);border-radius:999px;font-size:.82rem;font-weight:700}.catalogue-controls{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(9rem,12rem) auto;align-items:end;gap:.85rem;margin-top:1.5rem;padding:1rem;background:var(--soft);border:1px solid #e3e8ee;border-radius:.85rem}.search-row{display:flex;align-items:center;gap:.5rem}.search-row input{min-width:0}.search-row .text-button{flex:0 0 auto}.filter-switch{min-height:2.75rem}.submission-placeholder{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.85rem;padding:.9rem 1rem;background:#fffaf2;border:1px solid #f0dfc1;border-radius:.75rem}.submission-placeholder p:not(.state-kicker){max-width:52rem;margin:.25rem 0 0;color:#765d39;font-size:.84rem;line-height:1.45}.submission-placeholder .secondary-button{flex:0 0 auto}.dialog-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:1rem;background:#17223594}.submission-dialog{width:min(100%,34rem);max-height:min(100%,42rem);overflow:auto;padding:clamp(1.25rem,4vw,2rem);background:var(--panel);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1.5rem 4rem #17223540}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.dialog-heading h2{margin:.35rem 0 0;color:var(--ink);font-size:clamp(1.35rem,3vw,1.8rem);letter-spacing:-.04em}.dialog-close{width:2.2rem;height:2.2rem;flex:0 0 auto;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:50%;font-size:1.5rem;line-height:1}.dialog-description{margin:1rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.submission-form{display:grid;gap:.65rem;margin-top:1.25rem}.submission-form label{color:var(--ink);font-size:.88rem;font-weight:700}.submission-form input{width:100%;min-height:2.85rem;padding:.7rem .75rem;color:var(--ink);background:#fff;border:1px solid #cfd8e1;border-radius:.5rem}.dialog-help,.dialog-result p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.dialog-result{display:grid;gap:1rem;margin-top:1.25rem}.dialog-result .primary-button{justify-self:start}.dialog-result-success{padding:1rem;background:var(--green-soft);border-radius:.7rem}.catalogue-notice{margin:1rem 0 0;padding:.75rem .9rem;color:#245744;background:var(--green-soft);border-radius:.6rem;font-size:.88rem}.catalogue-results{min-height:12rem;margin-top:1.25rem}.loading-grid,.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.catalogue-skeleton{min-height:34rem;background:linear-gradient(110deg,#f1f4f5 8%,#fafbfb 18%,#f1f4f5 33%);background-size:200% 100%;border:1px solid #e5eaed;border-radius:1rem;animation:catalogue-shimmer 1.4s linear infinite}@keyframes catalogue-shimmer{to{background-position-x:-200%}}.catalogue-state{max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem;text-align:center;background:var(--soft);border:1px dashed #cfd9df;border-radius:1rem}.catalogue-state h3{margin:.55rem 0;color:var(--ink);font-size:1.25rem}.catalogue-state p:not(.state-kicker){max-width:34rem;margin:0 auto 1rem;color:var(--muted);line-height:1.55}.catalogue-error-state{border-color:#e3c9c4}.set-card{display:grid;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 .6rem 1.6rem #2330440d}.set-artwork{display:grid;aspect-ratio:16 / 8;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgb(47 110 87 / 18%),transparent),#dfe9e7}.set-artwork img{width:100%;height:100%;object-fit:cover}.artwork-fallback{color:#5b897e;font-size:2.25rem;font-weight:800;letter-spacing:-.08em}.set-card-body{display:grid;gap:1rem;padding:1.15rem}.set-card-heading{display:block}.set-card-heading h3{margin:.35rem 0 .2rem;color:var(--ink);font-size:clamp(1.2rem,2vw,1.45rem);letter-spacing:-.035em}.set-artist{margin:0;color:var(--muted);font-weight:600}.aggregate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.aggregate-card{display:grid;gap:.2rem;padding:.75rem;background:#f7f9fa;border:1px solid #e6ecef;border-radius:.65rem}.aggregate-label,.aggregate-count{color:var(--muted);font-size:.75rem}.aggregate-card strong{color:var(--ink);font-size:1.15rem}.set-details{color:var(--muted);border-top:1px solid #e8edef;border-bottom:1px solid #e8edef}.set-details summary{padding:.75rem 0;color:#365d58;cursor:pointer;font-size:.86rem;font-weight:700}.set-details dl{display:grid;gap:.55rem;margin:0 0 .8rem}.set-details dl div{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem}.set-details dt{color:var(--muted)}.set-details dd{margin:0;color:var(--ink);font-weight:600;text-align:right}.source-link{display:inline-block;margin-bottom:.9rem;color:#2f6e57;font-size:.82rem;font-weight:700;text-underline-offset:.2rem}.player-placeholder{display:grid;gap:.55rem;padding:.9rem;background:#f7f9fa;border:1px solid #e3e9ec;border-radius:.7rem}.player-placeholder p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.player-placeholder .secondary-button{justify-self:start;min-height:2.35rem;padding:.5rem .8rem;font-size:.82rem}.player-frame{overflow:hidden;min-height:10rem;background:#f7f9fa;border:1px solid #e3e9ec;border-radius:.7rem}.player-frame iframe{display:block;width:100%;min-height:10rem;border:0}.rating-input{display:grid;gap:.7rem;padding:1rem;background:#fbfcfc;border:1px solid #e3e9ec;border-radius:.75rem}.rating-identity,.rating-help,.rating-feedback{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.rating-identity{margin-top:.15rem}.rating-value{flex:0 0 auto;color:var(--ink);font-size:.92rem;font-weight:800}.rating-stars{display:flex;gap:.08rem;align-items:center;width:max-content}.rating-star{position:relative;display:block;width:2.1rem;height:2.35rem}.rating-star-visual{position:absolute;inset:0;color:#d3dce1;font-size:2.15rem;line-height:2.35rem;pointer-events:none}.rating-star-fill{position:absolute;inset:0;overflow:hidden;color:var(--amber);white-space:nowrap}.rating-half-button{position:absolute;top:0;z-index:1;width:50%;height:100%;padding:0;background:transparent;border:0}.rating-half-button-left{left:0;border-radius:.4rem 0 0 .4rem}.rating-half-button-right{right:0;border-radius:0 .4rem .4rem 0}.remove-rating-button{justify-self:start;padding:0;color:var(--red);background:transparent;border:0;font-size:.8rem;text-decoration:underline;text-underline-offset:.2rem}.rating-feedback-success{color:var(--green)}.rating-feedback-error,.catalogue-load-error{color:var(--red)}.load-more-row{display:flex;justify-content:center;margin-top:1.25rem}.foundation-list{display:grid;gap:.7rem;margin:2rem 0 0;padding:0;color:#526176;list-style:none}.foundation-list li{display:flex;align-items:center;gap:.7rem}.foundation-list li:before{width:.45rem;height:.45rem;flex:0 0 auto;background:#85a9a0;border-radius:50%;content:""}@media(max-width:720px){.hero{padding:1.15rem;border-radius:1rem}.catalogue-controls,.loading-grid,.set-grid{grid-template-columns:1fr}.catalogue-heading{display:block}.submission-placeholder{align-items:flex-start;flex-direction:column}.catalogue-count{display:inline-block;margin-top:.8rem}.filter-switch{width:100%}.catalogue-skeleton{min-height:24rem}}@media(max-width:460px){.panel-heading,.rating-input-heading{display:block}.panel-heading .text-button,.rating-value{display:inline-block;margin-top:.6rem}.search-row{flex-wrap:wrap}.search-row input{flex:1 1 100%}.aggregate-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.catalogue-skeleton{animation:none}}