@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#eee9dd;z-index:2}.cover-editor{display:flex;gap:18px;margin-bottom:12px}.cover-editor>img,.cover-placeholder{width:130px;height:130px;object-fit:contain;background:#e7ebdf;border-radius:4px;flex-shrink:0}.cover-placeholder{display:grid;place-items:center;font-size:12px;color:#69755f}.cover-controls{min-width:0;flex:1}.cover-controls label{margin-top:12px}.cover-controls input{max-width:100%}.cover-matches{display:grid;gap:12px;margin-bottom:20px}.cover-matches>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid #d8dacc;padding-bottom:12px;font-size:12px}.cover-matches span{flex-basis:100%}@media(max-width:600px){.cover-editor{flex-direction:column}.cover-editor>img,.cover-placeholder{align-self:center;width:160px;height:160px}}:root{font-family:DM Sans,sans-serif;color:#252923;background:#f6f3eb;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid #d7d8cb;background:transparent;border-radius:5px;padding:10px 16px;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b95c39;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #64805d;outline-offset:1px}a{color:inherit}header{height:96px;display:flex;align-items:center;gap:25px;padding:0 max(5%,calc((100vw - 1220px)/2));border-bottom:1px solid #d9dccf}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;text-decoration:none}.logo{font-size:36px;vertical-align:middle;margin-right:10px}.brand-dot{color:#b85e40}.header-note{font-size:10px;letter-spacing:2px;margin-left:auto}.text-button{border:0;text-decoration:underline;font-size:13px}main{max-width:1220px;margin:auto;padding:0 30px}.preview{padding:13px 17px;margin-top:24px;background:#e7ebdf;border-radius:5px;font-size:10px;letter-spacing:1px;color:#43583b}.preview span{margin-left:12px;letter-spacing:0;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;padding:52px 0 45px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6a735e;margin:0 0 18px}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:82px;line-height:.98;font-weight:400;letter-spacing:-2px;margin:0}h1 em{font-weight:400;color:#697756}.subtitle{color:#777b70;font-size:14px;margin-top:24px}.intro-record{width:230px;height:230px;margin-right:50px;border-radius:50%;background:repeating-radial-gradient(circle,#262b27 0px 2px,#343b32 3px,#252a26 4px);display:grid;place-items:center;transform:rotate(16deg);box-shadow:10px 15px 25px #20291b20}.intro-record>div{background:#c36d4d;border-radius:50%;width:88px;height:88px;text-align:center;padding-top:15px;font-size:16px;font-weight:700;line-height:1.05;color:#f8e6ce}.intro-record span{display:block;font-size:8px;margin-top:10px}.stats{border-top:1px solid #d8dacc;border-bottom:1px solid #d8dacc;display:flex;align-items:center;padding:25px 0;gap:50px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:31px;font-weight:500;line-height:1}.stats span{font-size:11px;color:#72786c}.primary{background:#344c35;color:#fff;border-color:#344c35;padding:13px 22px;font-size:13px}.primary:hover{background:#233d27}.stats .primary{margin-left:auto}.collection{padding-top:36px}.collection-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8dacc}.tabs{display:flex;gap:30px}.tabs button{padding:12px 0 17px;border:0;border-radius:0;color:#818578;font-size:18px}.tabs button.active{border-bottom:2px solid #344c35;color:#344c35}.count{font-size:10px;letter-spacing:1px;color:#787f6e}.filters{display:flex;gap:12px;margin:25px 0 28px}.filters input,.filters select{background:#fbfaf5}.search{flex:1}input,select,textarea{width:100%;min-height:44px;border:1px solid #d9dcd0;border-radius:4px;padding:12px;color:#30392d;background:#fffefa;font-size:13px}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.album{text-align:left;border:0;padding:0;min-width:0}.album:hover .sleeve{transform:translateY(-4px);box-shadow:0 8px 18px #27322120}.sleeve{aspect-ratio:1;position:relative;overflow:hidden;background:#56656b;color:#f5eace;transition:.2s;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.color-1{background:#b5684e}.color-2{background:#394c42}.color-3{background:#c5ac70;color:#332d24}.sleeve-artist{text-transform:uppercase;letter-spacing:2px;font-size:11px;z-index:1}.mini-record{position:absolute;width:80%;height:80%;border:1px solid #ffffff40;border-radius:50%;top:20%;left:32%;background:repeating-radial-gradient(circle,transparent 0,transparent 7px,#ffffff20 8px,transparent 9px)}.mini-record:after{content:"";position:absolute;inset:35%;border-radius:50%;border:1px solid #ffffff90;background:#ffffff10}.sleeve-title{font-family:Libre Caslon Display,Georgia,serif;font-size:36px;line-height:1;max-width:90%;z-index:1;margin-top:auto;overflow-wrap:anywhere}.sleeve small{font-size:8px;letter-spacing:2px;margin-top:12px}.album-info{padding:15px 0 5px}.album-info h3{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.album-info p{font-size:12px;color:#73796d;margin:0 0 13px}.album-info>div{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10px;color:#7a8172}.badge{border:1px solid #d8dccf;border-radius:3px;padding:3px 6px;font-size:9px}footer{border-top:1px solid #d9dccf;margin-top:65px;padding:24px 0;display:flex;justify-content:space-between;color:#828879;font-size:9px;letter-spacing:1.5px}.empty{text-align:center;padding:50px 10px;color:#69755f}.empty h2{font-family:Georgia,serif;font-weight:400}.empty p{font-size:14px}.error{background:#f8e3d9;color:#843d2c;padding:12px;border-radius:4px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth{padding-top:65px;padding-bottom:65px;max-width:650px}.auth h1{font-size:65px}.auth>p:not(.eyebrow){font-size:14px;color:#717767}.auth form{max-width:420px;margin-top:35px}.auth label{margin:18px 0}.auth .primary{width:100%;margin-top:15px}label{display:block;font-size:12px}label input,label select,label textarea{margin-top:7px}.filters input,.filters select{margin-top:0}.hint{font-size:12px;line-height:1.7;color:#73796d}dialog{width:min(650px,calc(100% - 24px));border:1px solid #d5d9ca;border-radius:9px;padding:28px;background:#f6f3eb;color:#252923;max-height:90dvh}dialog::backdrop{background:#15201399;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialog-heading h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:0 0 24px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:10px}.dialog-heading button{align-self:flex-start}fieldset{border:0;padding:0;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.danger{margin-right:auto;color:#934b36;border:0;font-size:12px}@media(min-width:1500px){main{padding:0}}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-note{display:none}header .text-button{margin-left:auto}.intro-record{margin-right:0;width:180px;height:180px}.stats{gap:30px}}@media(max-width:600px){header{height:76px;padding:0 22px}.brand{font-size:25px}main{padding:0 22px}.preview span{display:block;margin:5px 0 0;line-height:1.5}.intro{padding:35px 0 25px}h1{font-size:58px}.eyebrow{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:12px;max-width:235px;line-height:1.6}.intro-record{width:90px;height:90px;align-self:flex-start;margin-top:37px;margin-left:-15px;flex-shrink:0}.intro-record>div{width:36px;height:36px;font-size:7px;padding-top:9px}.intro-record span{display:none}.stats{gap:12px;flex-wrap:wrap;justify-content:space-between;padding:20px 0}.stats strong{font-size:27px}.stats span{font-size:9px}.stats .primary{width:100%;margin-top:12px}.collection{padding-top:25px}.tabs{gap:22px}.tabs button{font-size:16px}.count{font-size:8px}.filters{flex-wrap:wrap;gap:10px;margin:20px 0}.search{flex-basis:100%}.filters>label:not(.search){flex:1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.sleeve{padding:12px}.sleeve-title{font-size:27px}.sleeve-artist{font-size:8px}.album-info h3{font-size:13px}.album-info p{font-size:11px}.album-info>div{font-size:9px}footer{font-size:7px;gap:20px;line-height:1.7}.auth{padding-top:40px}.auth h1{font-size:53px}dialog{padding:20px}.form-grid{gap:12px}.dialog-actions .primary{padding:12px 16px}}