@font-face{font-family:New Rocker;src:url(/fonts/NewRocker-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0c0a09;--surface:#161211;--surface-2:#211a18;--border:#362b27;--text:#f2e5c4;--text-dim:#b0a180;--accent:#d63a2f;--accent-dark:#b02c23;--accent-bright:#ff6a55;--accent-soft:#d63a2f29;--danger:#ff6a55;--ok:#7fc47f;--shadow:0 1px 3px #00000080, 0 6px 20px #00000059;--shadow-lift:0 4px 10px #0000008c, 0 14px 34px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);background-image:radial-gradient(#f2e5c40d 1px,#0000 1.4px),radial-gradient(#f2e5c408 1px,#0000 1.4px);background-position:0 0,13px 19px;background-size:24px 24px,38px 38px;font-family:Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}body:before,body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#0000 0 1.2%,#d63a2f59 1.6% 9%,#0000 9.6% 11%),radial-gradient(circle,#0000 0 12.5%,#f2e5c41a 12.8% 13.1%,#0000 13.4%),repeating-radial-gradient(circle,#f2e5c413 0 1px,#0000 1px 11px);border-radius:50%;width:110vh;height:110vh;position:fixed;top:50%;box-shadow:0 0 90px #d63a2f1f}body:before{left:0;transform:translate(-58%,-50%)}body:after{right:0;transform:translate(58%,-50%)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}.page{background:var(--bg);border-left:1px solid #f2e5c412;border-right:1px solid #f2e5c412;max-width:1100px;min-height:100vh;margin:0 auto;padding:1.5rem 1.25rem 4rem;box-shadow:0 0 60px #000000a6}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.brand{letter-spacing:-.01em;font-size:1.7rem;font-weight:800}.brand-name{color:#e2402c;letter-spacing:.03em;-webkit-text-stroke:.5px #f2e5c466;text-shadow:0 2px #6e1a12,0 4px #000000a6,0 6px 12px #000c,0 0 22px #d63a2f73;font-family:New Rocker,cursive;font-size:2.3rem;font-weight:400;line-height:1.15;display:inline-block;transform:rotate(-2deg)}.brand .brand-accent{color:var(--text);text-shadow:0 2px 0 var(--accent-dark), 0 4px 0 #000000a6, 0 6px 12px #000c, 0 0 22px #d63a2f73}.brand .muted{letter-spacing:.12em;text-transform:uppercase;text-shadow:none;font-family:Segoe UI,system-ui,sans-serif;font-size:1rem;font-weight:600;display:inline-block;transform:rotate(2deg)translateY(-.2rem)}.tagline{color:var(--text-dim);margin:0 0 1.75rem}.brand{align-items:center;gap:.75rem;display:flex}.topbar-centered{flex-wrap:nowrap;justify-content:center;gap:1.25rem;padding:.5rem 52px 0;position:relative}.topbar-centered .topbar-menu{position:absolute;top:0;right:0}.brand-wing{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.wing-note{pointer-events:none;animation:4.2s cubic-bezier(.35,0,.4,1) infinite note-float;position:absolute}.wing-note-1{color:var(--text);text-shadow:0 0 12px #f2e5c48c;font-size:1.6rem;animation-delay:0s;top:6%;left:12%}.wing-note-2{color:var(--accent-bright);text-shadow:0 0 12px #ff6a55a6;font-size:1.25rem;animation-delay:1.4s;top:20%;right:13%}.wing-note-3{color:#e8c39e;text-shadow:0 0 10px #e8c39e99;font-size:1rem;animation-delay:2.8s;bottom:2%;left:25%}.wing-fly{pointer-events:none;animation:2.6s cubic-bezier(.2,.7,.3,1) infinite bolt-fly;position:absolute}.wing-fly-1{color:var(--accent-bright);filter:drop-shadow(0 0 8px #ff6a55cc);animation-delay:.7s;top:10%;right:24%}.wing-fly-2{color:#e8c39e;filter:drop-shadow(0 0 7px #e8c39ecc);width:13px;animation-delay:2s;top:32%;left:18%}.brand-wing-right .wing-note-1{animation-delay:.7s}.brand-wing-right .wing-note-2{animation-delay:2.1s}.brand-wing-right .wing-note-3{animation-delay:3.5s}.brand-wing-right .wing-fly-1{animation-delay:1.5s}.brand-wing-right .wing-fly-2{animation-delay:3s}@keyframes note-float{0%{opacity:0;transform:translateY(14px)rotate(-10deg)scale(.7)}25%{opacity:1;transform:translate(4px,2px)rotate(-2deg)scale(1)}55%{opacity:.85;transform:translate(-4px,-12px)rotate(6deg)scale(1.05)}to{opacity:0;transform:translate(6px,-30px)rotate(12deg)scale(.9)}}@keyframes bolt-fly{0%{opacity:0;transform:translateY(10px)rotate(-15deg)scale(.5)}12%{opacity:1;transform:translateY(2px)rotate(5deg)scale(1.15)}20%{opacity:.3}28%{opacity:1}55%{opacity:.8;transform:translateY(-16px)rotate(-8deg)scale(1)}to{opacity:0;transform:translateY(-34px)rotate(10deg)scale(.6)}}@media (prefers-reduced-motion:reduce){.wing-note,.wing-fly{opacity:.5;animation:none}}.wing-turntable{filter:drop-shadow(0 4px 10px #00000080);flex-shrink:0}.brand-wing-right .wing-turntable{transform:scaleX(-1)}.tt-disc{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite tt-spin}@keyframes tt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tt-disc{animation:none}}@media (width<=560px){.brand-wing{display:none}}.brand-logo.brand-logo-large{object-position:center 20%;width:300px;height:300px}.brand-logo{object-fit:cover;object-position:center 22%;width:92px;height:92px;box-shadow:var(--shadow);border-radius:12px}.docs-band{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;align-items:center;gap:1.75rem;margin-top:2.5rem;padding:1.5rem;display:flex}.qr-link{background:#060505;border-radius:12px;flex-shrink:0;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.qr-link:hover{box-shadow:var(--shadow-lift);transform:scale(1.02)}.docs-qr{aspect-ratio:1;background:url(/brand/scan-pick-enjoy.jpg) 50%/cover no-repeat;width:300px;max-width:100%;display:block}@supports (mask-mode:luminance){.docs-qr{background:linear-gradient(105deg, var(--accent) 0%, var(--text) 30%, var(--text) 100%);-webkit-mask-image:url(/brand/scan-pick-enjoy.jpg);mask-image:url(/brand/scan-pick-enjoy.jpg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-source-type:luminance;mask-mode:luminance}}.docs-text{flex:1;min-width:260px}.docs-text h2{color:var(--accent-bright);font-family:New Rocker,cursive;font-size:1.6rem;font-weight:400}.docs-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.button-link{background:var(--accent);color:var(--text);border-radius:8px;padding:.55rem 1.1rem;font-weight:600;transition:background .15s;display:inline-block}.button-link:hover{background:var(--accent-dark);text-decoration:none}.discogs-link{border:1.5px solid #f2e5c499;border-radius:8px;justify-content:center;align-items:center;height:44px;padding:0;transition:box-shadow .15s,transform .15s,border-color .15s;display:inline-flex;overflow:hidden}.discogs-link:hover{border-color:var(--text);box-shadow:var(--shadow-lift);text-decoration:none;transform:translateY(-1px)}.discogs-logo{width:auto;height:100%;display:block}.footer{box-shadow:var(--shadow);background:#060505;border-radius:14px;justify-content:center;margin-top:2.5rem;padding:.5rem 1rem;display:flex;overflow:hidden}.footer-tagline{object-fit:contain;max-width:100%;height:240px}button{font:inherit;cursor:pointer;background:var(--accent);color:var(--text);border:none;border-radius:8px;padding:.55rem 1.1rem;font-weight:600;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.danger{background:var(--accent-dark);color:var(--text)}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:.55rem .7rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--text-dim);margin-bottom:.9rem;font-size:.9rem;display:block}label>input,label>textarea,label>select{margin-top:.25rem}label.checkbox{align-items:center;gap:.5rem;display:flex}label.checkbox input{width:auto;margin:0}.topbar-menu{position:relative}.menu-btn{width:40px;height:40px;color:var(--text-dim);padding:0;font-size:1.3rem;line-height:1}.menu-dropdown{background:var(--surface);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-lift);z-index:5;border-radius:10px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0}.menu-item{color:var(--text);border-radius:6px;padding:.5rem .75rem;display:block}.menu-item:hover{background:var(--surface-2);text-decoration:none}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.search-box{width:280px;max-width:100%}.tabs{gap:.5rem;display:flex}.tabs button{background:var(--surface);color:var(--text-dim);border:1px solid var(--border)}.tabs button:hover:not(.active){background:var(--surface-2);color:var(--text)}.tabs button.active{background:var(--accent);color:var(--text);border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.card-image{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-bottom:1px solid var(--border);width:100%}.card-image-placeholder{aspect-ratio:1;background:radial-gradient(circle at center, var(--accent-soft) 12%, transparent 13%), repeating-radial-gradient(circle at center, var(--surface-2) 0 6px, #191412 6px 7px);color:var(--accent);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-size:4rem;display:flex}.card-body{flex-direction:column;flex:1;gap:.3rem;padding:1rem;display:flex}.card-body h3{margin:0;font-size:1.05rem}.card-artist{color:var(--text-dim);font-size:.9rem}.card-footer{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:auto;padding-top:.85rem;display:flex}.price{color:var(--accent-bright);font-size:1.15rem;font-weight:700}.badge{letter-spacing:.05em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent-bright);border-radius:999px;width:fit-content;padding:.16rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.badge.sold-out{color:var(--accent-bright);background:#ff6a5524;border:1px solid #ff6a5566}.modal-backdrop{z-index:10;background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lift);border-radius:14px;width:100%;max-width:460px;max-height:90vh;padding:1.5rem;overflow-y:auto}.modal h2{margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.modal-wide{max-width:640px}.card-clickable{cursor:pointer}.detail-layout{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.detail-image{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:220px;max-width:100%;display:block}.gallery{flex-shrink:0;position:relative}.gallery-arrow{color:#fff;background:#2b26208c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.4rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover:not(:disabled){background:#2b2620cc}.gallery-prev{left:8px}.gallery-next{right:8px}.gallery-counter{color:#fff;background:#2b26208c;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.gallery-thumbs{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.gallery-thumb{position:relative}.gallery-thumb img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:56px;height:56px;display:block}.detail-image-zoomable{cursor:zoom-in}.lightbox-backdrop{z-index:20;background:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow:auto}.lightbox-image{cursor:default;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block}.lightbox-close{color:#fff;background:#2b2620a6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.6rem;line-height:1;display:flex;position:fixed;top:1rem;right:1.25rem}.lightbox-close:hover{background:#2b2620e6}.lightbox-prev{position:fixed;top:50%;left:1.25rem}.lightbox-next{position:fixed;top:50%;right:1.25rem}.gallery-thumb button{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.75rem;line-height:1;display:flex;position:absolute;top:-7px;right:-7px}.detail-info{flex:1;min-width:220px}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;margin:.75rem 0 0;display:grid}.detail-facts div{gap:.4rem;font-size:.9rem;display:flex}.detail-facts dt{color:var(--text-dim)}.detail-facts dt:after{content:":"}.detail-facts dd{margin:0;font-weight:600}.detail-buy{align-items:center;gap:1rem;margin-top:1rem;display:flex}.detail-description{color:var(--text);margin:1.25rem 0 0}.detail-tracklist{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1rem}.detail-tracklist ol{columns:2;color:var(--text);column-gap:2rem;margin:0;padding-left:1.4rem;font-size:.9rem}.detail-tracklist li{break-inside:avoid;padding:.1rem 0}.form-row{gap:.75rem;display:flex}.form-row label{flex:1}.error{color:var(--danger);margin:.5rem 0;font-size:.9rem}.success{color:var(--ok);margin:.5rem 0}.muted{color:var(--text-dim)}.table-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.7rem .9rem}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);font-size:.8rem;font-weight:600}tr:last-child td{border-bottom:none}td.actions{gap:.4rem;display:flex}td.actions button{padding:.3rem .7rem;font-size:.85rem}.thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:40px;height:40px;display:block}.login-box{background:var(--surface);border:1px solid var(--border);max-width:360px;box-shadow:var(--shadow);border-radius:14px;margin:4rem auto 0;padding:1.75rem}