@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#292720;font-synthesis:none;text-rendering:optimizelegibility;background:#fcfbf9;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}body{background:#fcfbf9;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}.app-shell{--accent:#c8432b;color:#292720;background:#fcfbf9;min-height:100vh;transition:background .2s,color .2s}.topbar,main,.site-footer{width:min(1120px,100% - 48px);margin:0 auto}.topbar{letter-spacing:.02em;justify-content:space-between;align-items:center;height:82px;font-size:13px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:repeating-radial-gradient(circle,#171615 0 2px,#302e2b 3px 4px,#111 5px 6px);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative;box-shadow:0 2px 5px #1d181333}.brand-mark:before{content:"";background:#e4bd72;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 3px #f7e4ad}.brand-mark i{background:#26231e;border-radius:50%;width:3px;height:3px;position:absolute}.byline{color:#77736b;text-decoration:none}.byline:hover,.site-footer a:hover{color:#c8432b}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:20;background:#fff;padding:10px 14px;top:20px;left:20px}.hero{border-top:1px solid #e6e2dc;border-bottom:1px solid #e6e2dc;justify-content:space-between;align-items:center;min-height:360px;padding:42px 0 56px;display:flex;overflow:hidden}.hero-copy{max-width:650px}h1,h2,p{margin:0}h1{letter-spacing:-.085em;max-width:750px;font-size:clamp(44px,6.8vw,96px);font-weight:600;line-height:.96}.hero-copy p{color:#77736b;max-width:480px;margin-top:24px;font-size:18px;line-height:1.45}.hero-record{place-items:center;width:300px;height:300px;display:grid}.record{background:repeating-radial-gradient(circle,#191817 0 2px,#282725 3px 5px,#111 6px 8px);border-radius:50%;width:296px;height:296px;animation:14s linear infinite spin;position:relative;box-shadow:0 25px 45px #63564033}.record:before{content:"";background:radial-gradient(circle,#bd522e 0 27%,#e6aa62 28% 54%,#c7442d 55% 100%);border-radius:50%;position:absolute;inset:23%}.record:after{content:"";background:#171616;border-radius:50%;position:absolute;inset:47%}.record-label{z-index:1;color:#332019;place-items:center;font:600 17px DM Mono,monospace;display:grid;position:absolute;inset:0}.record i{z-index:2;background:#f4f1e9;border-radius:50%;width:12px;height:12px;position:absolute;top:20px;right:46px}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:38px;padding:28px 0 90px;display:grid}.collection,.poster-panel{background:#fffefa;border:1px solid #e1ddd4;border-radius:16px}.collection{padding:28px}.poster-panel{align-self:start;padding:28px;position:sticky;top:18px}.section-heading,.most-picked-heading,.create-label,.collection-footer,.dialog-footer{justify-content:space-between;align-items:baseline;gap:12px;display:flex}h2{letter-spacing:-.02em;font-size:16px}.count{color:#8b867d;font-size:13px}.count strong{color:#292720;font-weight:500}.count.is-complete strong{color:#c8432b}.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:25px 0 0;padding:0;list-style:none;display:grid}.slot{min-width:0}.empty-slot,.cover-button{aspect-ratio:1;color:#817d74;background:#f2efe8;border:0;align-content:center;place-items:center;gap:9px;width:100%;display:grid;position:relative;overflow:hidden}.empty-slot{border:1px dashed #cfc8bb;border-radius:8px}.empty-slot:hover{color:#292720;background:#ebe6dc}.slot-number{color:#89847b;letter-spacing:-.05em;font:12px DM Mono,monospace;position:absolute;top:10px;left:12px}.cover-button{cursor:grab;background:#eae6dc;display:block}.cover-button:active{cursor:grabbing}.cover-image,.cover-placeholder{object-fit:cover;width:100%;height:100%;display:block}.cover-placeholder{text-align:center;color:#625b4f;background:#ded8cb;place-items:center;padding:14%;font-size:12px;line-height:1.15;display:grid}.cover-hover{color:#fff;opacity:0;background:#1d1813b8;align-content:center;place-items:center;gap:5px;font-size:13px;transition:opacity .15s;display:grid;position:absolute;inset:0}.cover-button:hover .cover-hover,.cover-button:focus-visible .cover-hover{opacity:1}.filled-slot{min-width:0}.album-label{gap:3px;padding:10px 2px 0;display:grid}.album-label strong,.album-label span,.popular-grid strong,.popular-grid span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.album-label strong{font-size:13px;font-weight:500}.album-label span{color:#77736b;font-size:12px}.slot-actions{color:#938e84;justify-content:center;align-items:center;gap:10px;padding-top:9px;display:flex}.slot-actions button{color:inherit;background:0 0;border:0;place-items:center;padding:1px;display:grid}.slot-actions button:hover:not(:disabled){color:#c8432b}.slot-actions button:disabled{opacity:.25}.slot-actions span{font:10px DM Mono,monospace}.slot-actions .remove-button{margin-left:5px}.collection-footer{color:#8b867d;border-top:1px solid #eeeae3;margin-top:22px;padding-top:16px;font-size:12px}.text-button{color:#635f57;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;display:inline-flex}.text-button:hover{color:#c8432b}.poster-panel h2{margin-bottom:26px}.field-label,.search-label{color:#716d65;margin-bottom:9px;font-size:12px;display:block}.field-label span{color:#a09b92}.poster-panel input[type=text],.poster-panel input:not([type]),.poster-panel>input{color:#292720;background:#fffefa;border:1px solid #d9d4ca;outline:0;width:100%;height:42px;padding:0 12px}.poster-panel>input:focus,.search-input-wrap input:focus{border-color:#a49c8e;box-shadow:0 0 0 3px #e8e0d2}input::placeholder{color:#aaa49b}.quote{color:#46423a;margin:22px 0 28px;font-size:15px}.theme-fieldset{border:0;margin:0;padding:0}.theme-fieldset legend{color:#716d65;margin-bottom:10px;font-size:12px}.theme-grid{grid-template-columns:repeat(5,1fr);gap:10px 6px;display:grid}.theme-choice{color:#77736b;justify-items:center;gap:4px;font-size:10px;display:grid;position:relative}.theme-choice input{opacity:0;pointer-events:none;position:absolute}.theme-choice>span{border:1px solid #0000;place-items:center;width:38px;height:38px;font-size:12px;display:grid;box-shadow:inset 0 0 0 1px #fff7}.theme-choice.is-selected>span{outline-offset:2px;outline:2px solid #c8432b}.shader-swatch{background-image:linear-gradient(135deg,#0000,#ffffff42,#0000)}.switch-row{color:#716d65;cursor:pointer;justify-content:space-between;align-items:center;margin-top:29px;font-size:12px;display:flex}.switch-row input{opacity:0;position:absolute}.switch-row i{background:#d8d3ca;border-radius:20px;width:34px;height:20px;transition:background .15s;position:relative}.switch-row i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002}.switch-row input:checked+i{background:#c8432b}.switch-row input:checked+i:after{transform:translate(14px)}.create-label{color:#716d65;margin-top:34px;font-size:12px}.create-label span{color:#9b958b}.primary-button,.secondary-button{border:1px solid #c8432b;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#c8432b}.primary-button:hover:not(:disabled){background:#a93623}.primary-button:disabled{color:#aba59a;background:#eeeae3;border-color:#ded8ce}.create-button{width:100%;margin-top:12px}.most-picked{padding-bottom:70px}.most-picked-heading{align-items:end;margin-bottom:22px}.most-picked-heading p{color:#8b867d;margin-top:8px;font-size:13px}.most-picked-heading>span{color:#8b867d;font-size:12px}.popular-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid}.popular-grid li button{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;gap:3px 12px;width:100%;min-width:0;padding:0 0 14px;display:grid}.popular-grid li button:hover{color:#c8432b}.popular-cover{background:#eae6dc;grid-row:span 4;width:66px;height:66px}.popular-number{color:#9b958b;align-self:end;font:10px DM Mono,monospace}.popular-grid strong{font-size:13px;font-weight:500}.popular-grid span:not(.popular-cover):not(.popular-number){color:#77736b;font-size:12px}.popular-grid small{color:#9b958b;font-size:11px}.site-footer{color:#a09b92;border-top:1px solid #e6e2dc;justify-content:space-between;gap:20px;padding:20px 0 35px;font-size:11px;display:flex}.site-footer a{color:#726d64}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d18135c;place-items:center;padding:5vh 20px;display:grid;position:fixed;inset:0}.search-dialog,.poster-dialog{background:#fffefa;border:1px solid #d9d4ca;border-radius:24px;width:min(580px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 25px 80px #1d18133d}.dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dialog-header h2{margin-top:5px;font-size:22px}.eyebrow{color:#a09b92;text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.icon-button{color:#77736b;background:#f3efe7;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:2px;display:grid}.icon-button:hover{color:#c8432b}.search-input-wrap{position:relative}.search-input-wrap input{background:#fffefa;border:1px solid #d9d4ca;border-radius:14px;outline:0;width:100%;height:54px;padding:0 42px 0 15px}.search-input-wrap input:focus{border-color:#b69b70;box-shadow:0 0 0 2px #b69b7044}.search-input-wrap input::-webkit-search-cancel-button{display:none}.clear-search{color:#8b867d;background:0 0;border:0;padding:3px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.result-heading{color:#716d65;margin:22px 0 7px;font-size:12px}.result-heading span{color:#a09b92;margin-left:5px}.search-status{color:#9b958b;margin:0 0 8px;font-size:12px}.search-status.is-error{color:#bd3c27}.album-results{gap:4px;margin:0;padding:0;list-style:none;display:grid}.album-results button{text-align:left;background:0 0;border:0;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;padding:7px;display:grid}.album-results button:hover:not(:disabled){background:#f0ece4}.album-results button:disabled{opacity:.45}.result-cover{background:#eae6dc;width:48px;height:48px}.result-meta{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 7px;min-width:0;display:grid}.result-meta strong,.result-meta span{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.result-meta strong{font-size:13px;font-weight:500}.result-meta span{color:#77736b;font-size:12px}.result-meta small{color:#9b958b;grid-area:1/2;font-size:11px}.result-action{color:#c8432b;display:grid}.dialog-footer{color:#9b958b;border-top:1px solid #eeeae3;margin-top:18px;padding-top:16px;font-size:11px}.toast{z-index:30;color:#fff;background:#292720;align-items:center;gap:12px;padding:11px 15px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.toast button{color:#ffc1a6;background:0 0;border:0;padding:0;font-size:12px}.poster-backdrop{padding:2vh 20px}.poster-dialog{width:min(560px,100%)}.poster-preview{object-fit:contain;background:#eee;width:min(100%,430px);max-height:64vh;margin:0 auto;display:block}.poster-actions{gap:10px;margin-top:18px;display:flex}.poster-actions>*{flex:1}.secondary-button{color:#5f5a52;background:#fffefa;border-color:#d2ccc1}.secondary-button:hover{color:#c8432b;border-color:#c8432b}.share-row{flex-wrap:wrap;gap:15px;margin-top:16px;display:flex}.share-button{color:#77736b;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.share-button:hover{color:#c8432b}.share-error{color:#bd3c27;margin-top:14px;font-size:12px}.poster-loading{color:#8b867d;justify-items:center;gap:15px;font-size:12px;display:grid}.poster-skeleton{aspect-ratio:1800/2100;background:linear-gradient(110deg,#e5e0d7 20%,#f6f2e9 38%,#e5e0d7 55%) 0 0/200% 100%;width:min(100%,340px);animation:1.3s linear infinite sheen}.poster-loading p{margin-bottom:8px}@keyframes sheen{to{background-position:-200% 0}}:focus-visible{outline-offset:3px;outline:2px solid #c8432b}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.hero{padding-inline:4vw}.hero-record{width:170px;height:170px;margin-right:0}.record{width:150px;height:150px}.workspace{grid-template-columns:1fr}.poster-panel{position:static}.popular-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.topbar,main,.site-footer{width:min(100% - 28px,520px)}.topbar{height:66px}.hero{min-height:360px;padding:38px 0 45px;display:block}.hero-copy p{margin-top:18px;font-size:15px}.hero-record{margin:35px auto 0}.collection{border-radius:12px;padding:18px 12px}.slot-grid{gap:8px;margin-top:18px}.slot-number{font-size:9px;top:7px;left:7px}.empty-slot{gap:4px;font-size:10px}.album-label{padding:7px 1px 0}.album-label strong,.album-label span{font-size:10px}.slot-actions{gap:4px;padding-top:6px}.slot-actions span{display:none}.slot-actions .remove-button{margin-left:1px}.collection-footer{align-items:flex-start}.poster-panel{border-radius:12px;padding:20px 16px}.most-picked-heading{align-items:flex-start;display:block}.most-picked-heading>span{margin-top:12px;display:block}.popular-grid{gap:15px 9px}.popular-cover{width:52px;height:52px}.popular-grid strong,.popular-grid span:not(.popular-cover):not(.popular-number){font-size:11px}.site-footer{gap:7px;display:grid}.poster-actions{display:grid}.theme-grid{gap:8px 2px}.theme-choice>span{width:31px;height:31px;font-size:10px}.search-dialog,.poster-dialog{border-radius:20px;padding:20px}}.seo-content{color:#5f5a52;width:min(840px,100% - 48px);margin:0 auto;padding:0 0 100px}.seo-content .seo-kicker{color:#a09b92;letter-spacing:.08em;text-transform:uppercase;margin:0;font:10px DM Mono,monospace}.seo-content h2{color:#292720;letter-spacing:-.02em;margin:54px 0 14px;font-size:clamp(20px,2.5vw,30px);line-height:1.1}.seo-content h2:first-of-type{margin-top:8px}.seo-content h3{color:#292720;margin:28px 0 7px;font-size:15px;line-height:1.25}.seo-content p{max-width:760px;margin:0 0 15px;font-size:14px;line-height:1.75}.seo-content a{color:#c8432b;text-decoration:none}.seo-content a:hover{text-decoration:underline}.seo-links{flex-wrap:wrap;gap:12px 22px;margin-top:20px;font-size:12px;display:flex}@media (width<=620px){.seo-content{width:min(100% - 28px,520px);padding-bottom:70px}.seo-content h2{margin-top:42px}.seo-content p{font-size:13px;line-height:1.7}}