@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Instrument+Sans:wdth,wght@75..100,400;500;600&display=swap";:root{font-family:Instrument Sans,sans-serif;color:#183128;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f6f2}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#f7f6f2 0,#f7f6f2 43rem,#e9eee6 43rem)}.topbar,.hero,.workspace,footer{width:min(1120px,calc(100% - 48px));margin:0 auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2d7cd}.brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:500 .72rem/1 DM Mono,monospace;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#f8f7f2;background:#235c4b;font-size:.54rem;letter-spacing:-.08em}.topbar-note,.eyebrow,.search-panel label,.search-hints,.result-note,.inspector-topline,.upc-card span,.spec-list dt,footer{font:500 .7rem/1.45 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.topbar-note{color:#64736a}.sticky-search{position:fixed;z-index:20;inset:0 0 auto;border-bottom:1px solid #cbd3c8;background:#f7f6f2f0;box-shadow:0 9px 28px #1d372c1f;opacity:0;pointer-events:none;transform:translateY(-110%);transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s;visibility:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-search.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);transition:transform .28s ease,opacity .2s ease;visibility:visible}.sticky-search-inner{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:28px;width:min(1120px,calc(100% - 48px));min-height:72px;margin:0 auto}.sticky-brand{gap:8px;font-size:.64rem;white-space:nowrap}.sticky-brand .brand-mark{width:28px;height:28px;font-size:.46rem}.search-panel--compact{width:100%;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.search-panel--compact .search-row{gap:7px}.search-panel--compact .search-row input{padding:10px 13px;font-size:.93rem}.search-panel--compact .search-row button{min-height:42px;padding:0 15px;font-size:.88rem}.hero{position:relative;padding:105px 0 96px}.hero:after{content:"";position:absolute;z-index:0;width:510px;height:510px;top:22px;right:-155px;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(201,94,42,.12) 0 1px,transparent 1px 18px);-webkit-mask-image:radial-gradient(circle,#000 0 42%,transparent 70%);mask-image:radial-gradient(circle,#000 0 42%,transparent 70%)}.hero>*{position:relative;z-index:1}.eyebrow{color:#c65b28;margin:0 0 17px}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font:600 clamp(3.9rem,8.5vw,7.4rem)/.9 "Fraunces",serif;letter-spacing:-.07em;color:#183128}.hero-copy{max-width:510px;margin-bottom:42px;color:#53645a;font-size:1.14rem;line-height:1.55}.search-panel{width:min(720px,100%);padding:14px;border:1px solid #cbd1c6;background:#fffffcb8;box-shadow:0 18px 50px #243c3014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-panel label{display:block;padding:4px 8px 11px;color:#597064}.search-row{display:flex;gap:9px}.search-row input{min-width:0;flex:1;border:1px solid #d7dcd4;border-radius:2px;padding:16px;color:#1a342a;background:#fffefa;outline:none;font-size:1.08rem}.search-row input:focus{border-color:#235c4b;box-shadow:0 0 0 3px #235c4b21}.search-row button{display:flex;align-items:center;gap:17px;border:0;border-radius:2px;padding:0 20px;color:#f8f7f2;background:#235c4b;font-weight:600;transition:background .2s,transform .2s}.search-row button:hover:not(:disabled){background:#183f33;transform:translateY(-1px)}.search-row button:disabled{opacity:.6;cursor:progress}.search-hints{display:flex;gap:14px;align-items:center;padding:14px 8px 2px;color:#7a867e}.search-hints button{padding:0;border:0;background:transparent;color:#235c4b;text-decoration:underline;text-underline-offset:3px;font:inherit;text-transform:none}.workspace{padding:70px 0 88px;scroll-margin-top:96px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-heading h2{margin:0;font:600 clamp(1.75rem,3.5vw,2.7rem)/1 "Fraunces",serif;letter-spacing:-.045em}.result-note{max-width:210px;color:#65756b;text-align:right}.message{border-left:3px solid #235c4b;padding:14px 18px;background:#fffffcb3;color:#3b5145}.message.is-error{border-color:#b7462e;color:#863927}.catalog-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.78fr);gap:22px;align-items:start}.album-list{border-top:1px solid #bac5b9}.album-row{display:grid;grid-template-columns:42px 52px minmax(0,1fr) 55px 18px;align-items:center;gap:13px;width:100%;min-height:84px;padding:13px 8px 13px 0;border:0;border-bottom:1px solid #c7d0c5;color:#183128;background:transparent;text-align:left;transition:padding .2s,background .2s}.album-row:hover,.album-row.is-selected{padding-left:11px;background:#fffffc99}.album-row img,.art-placeholder{width:52px;height:52px;object-fit:cover;background:#c9d3c7}.row-number,.release-year{font:400 .7rem DM Mono,monospace;color:#6f8075}.album-meta{min-width:0;display:grid;gap:4px}.album-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.album-meta span{overflow:hidden;color:#67796e;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.row-arrow,.search-submit-icon,.spotify-link-icon{flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.row-arrow{width:18px;height:18px;color:#235c4b}.search-submit-icon{width:17px;height:17px}.inspector{position:sticky;top:20px;min-height:456px;padding:27px;border:1px solid #1d4336;color:#eaf0e8;background:#183f33;box-shadow:11px 11px #c65b28}.inspector-empty{display:flex;flex-direction:column;justify-content:end;background:#294f41}.inspector-empty p{max-width:220px;margin:12px 0 0;color:#cbd8cf;line-height:1.5}.inspector-empty span{color:#d6e3d8;font:.7rem DM Mono,monospace;letter-spacing:.1em}.inspector-loading,.inspector-error{display:flex;flex-direction:column;justify-content:end}.inspector-loading{background:repeating-linear-gradient(135deg,#1c4638 0,#1c4638 8px,#1a4235 8px,#1a4235 16px)}.inspector-loading span,.inspector-error span{color:#d6e3d8;font:.7rem DM Mono,monospace;letter-spacing:.1em}.inspector-loading h3,.inspector-error h3{margin:14px 0 8px;font:600 2rem/1 Fraunces,serif;letter-spacing:-.04em}.inspector-loading p,.inspector-error p{max-width:270px;margin:0;color:#cbd8cf;line-height:1.5}.inspector-error{background:#6f3326;box-shadow:11px 11px #d7a27d}.inspector-topline{display:flex;justify-content:space-between;color:#b6cbbd}.record-heading{display:flex;gap:14px;align-items:end;margin:34px 0 26px}.record-heading img{width:78px;height:78px;object-fit:cover}.record-heading h3{margin:0 0 5px;font:600 1.6rem/1 Fraunces,serif;letter-spacing:-.04em}.record-heading p{margin:0;color:#c6d5cb;font-size:.87rem}.upc-card{padding:19px;background:#f0eee6;color:#1b372d}.upc-card span{display:block;color:#5d6d63}.upc-value-row{display:flex;align-items:center;gap:14px;margin-top:8px}.upc-card strong{min-width:0;overflow:hidden;font:500 clamp(1.6rem,3vw,1.9rem)/1.15 "DM Mono",monospace;letter-spacing:-.045em;text-overflow:ellipsis}.copy-upc-button{display:grid;flex:0 0 auto;place-items:center;min-width:43px;height:36px;margin-left:auto;border:1px solid transparent;border-radius:3px;padding:0 8px;color:#235c4b;background:transparent;transition:color .18s,background .18s,border-color .18s}.copy-upc-button:hover{border-color:#a7b8aa;background:#e1e9e0}.copy-upc-button:focus-visible{outline:3px solid rgba(35,92,75,.26);outline-offset:2px}.copy-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;animation:copy-icon-in .2s ease-out}.copy-feedback{color:#235c4b!important;font:600 .72rem/1 Instrument Sans,sans-serif!important;letter-spacing:0!important;text-transform:none!important;animation:copy-feedback-in .24s ease-out both}@keyframes copy-feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-icon-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:19px 14px;margin:28px 0}.spec-list div{min-width:0}.spec-list dt{margin-bottom:5px;color:#9db4a5;font-size:.61rem}.spec-list dd{overflow:hidden;margin:0;color:#f4f6f1;font-size:.82rem;line-height:1.35;text-overflow:ellipsis}.spotify-link{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(234,240,232,.25);color:#f2f5ef;text-decoration:none;font-size:.86rem}.spotify-link-icon{width:17px;height:17px}.spotify-link:hover{color:#f4aa7c}.empty-state{display:grid;grid-template-columns:95px minmax(0,380px);gap:28px;align-items:start;padding:36px 0;border-top:1px solid #bac5b9;border-bottom:1px solid #bac5b9}.empty-state span{color:#c65b28;font:500 4.8rem/.75 Fraunces,serif;letter-spacing:-.08em}.empty-state p{margin:0;color:#627168;font-size:1.08rem;line-height:1.5}footer{display:flex;align-items:center;gap:8px;padding:25px 0 36px;border-top:1px solid #cdd5ca;color:#728177;font-size:.62rem}.footer-divider{width:3px;height:3px;border-radius:50%;background:currentColor}@media(max-width:760px){.topbar,.hero,.workspace,footer{width:min(100% - 32px,1120px)}.topbar{height:72px}.topbar-note{display:none}.sticky-search-inner{grid-template-columns:92px minmax(0,1fr);gap:10px;width:min(100% - 32px,1120px);min-height:64px}.sticky-brand{gap:6px;font-size:.54rem;letter-spacing:.03em}.sticky-brand .brand-mark{width:25px;height:25px;font-size:.39rem}.sticky-search .search-row{flex-direction:row}.search-panel--compact .search-row input{min-height:40px;padding:8px 10px}.search-panel--compact .search-row button{min-width:67px;min-height:40px;padding:0 10px;font-size:.76rem}.search-panel--compact .search-submit-icon{display:none}.hero{padding:72px 0 68px}h1{font-size:clamp(3.45rem,17vw,5.3rem)}.hero:after{display:none}.search-row{flex-direction:column}.search-row button{min-height:50px;justify-content:center}.search-hints{flex-wrap:wrap}.section-heading{align-items:start;flex-direction:column}.result-note{text-align:left}.catalog-grid{grid-template-columns:1fr}.inspector{position:static}.album-row{grid-template-columns:31px 48px minmax(0,1fr) 42px 16px;gap:9px}.album-row img,.art-placeholder{width:48px;height:48px}.empty-state{grid-template-columns:1fr;gap:20px}}
