#oe-daily-crate { padding: 10px; }
#oe-daily-crate .dig {
  color-scheme: dark;
  --ink: #fbf3e6; --dim: #c9b8ce; --acid: #ecfc91; --rose: #ff91b5; --line: #58445f;
  max-width: 690px; margin: auto; color: var(--ink); background: #18131f;
  font-family: system-ui, sans-serif; border: 1px solid var(--line); border-radius: 19px; overflow: hidden;
}
#oe-daily-crate [hidden] { display: none; }
#oe-daily-crate .dig-header {
  padding: clamp(16px, 4vw, 28px) clamp(14px, 5vw, 34px) 17px;
  background: repeating-radial-gradient(circle at 100% 100%, transparent 0 10px, #ff91b527 11px 12px, transparent 13px 16px), linear-gradient(118deg, #211629 16%, #4d2346 100%);
  border-bottom: 1px solid var(--line);
}
#oe-daily-crate .dig-masthead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 15px; }
#oe-daily-crate .dig-brand, #oe-daily-crate .dig-edition, #oe-daily-crate .dig-lip {
  font-size: .72rem; font-weight: 750; letter-spacing: .14em;
}
#oe-daily-crate .dig-brand { color: var(--acid); }
#oe-daily-crate .dig-edition { color: var(--ink); }
#oe-daily-crate h1 { margin: 9px 0 3px; color: var(--ink); font-size: clamp(2.5rem, 9vw, 4.6rem); line-height: .95; letter-spacing: -.08em; font-weight: 900; }
#oe-daily-crate h1 em { color: var(--rose); }
#oe-daily-crate .dig-header p { margin: 8px 0 0; font-size: .95rem; }
#oe-daily-crate .dig-main { padding: 15px clamp(12px, 4vw, 30px) 19px; }
#oe-daily-crate #oe-dig-track { box-sizing: border-box; width: 100%; min-height: 44px; border-radius: 7px; border: 1px solid var(--line); background: #241b2d; color: var(--ink); padding: 8px; font: inherit; }
#oe-daily-crate #oe-dig-track::placeholder { color: var(--dim); }
#oe-daily-crate .dig-error { color: var(--rose); margin: 5px 0 0; font-size: .84rem; }
#oe-daily-crate .dig-bin {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(6px, 2.4vw, 16px);
  padding: 14px clamp(5px, 4vw, 28px) 0; background: linear-gradient(0deg,#301f38,#18131f 80%); perspective: 600px;
}
#oe-daily-crate .dig-sleeve {
  --sleeve: #ff94be; --art: #742e65; --tilt: -4deg;
  appearance: none; position: relative; isolation: isolate; transform: rotate(var(--tilt)); transition: transform .22s ease-out;
  box-sizing: border-box; width: 100%; border: 0; padding: 15px 0 0; color: #201724; background: transparent; font: inherit;
}
#oe-daily-crate .dig-sleeve:nth-child(2) { --sleeve: #dff384; --art: #53633b; --tilt: 0deg; }
#oe-daily-crate .dig-sleeve:nth-child(3) { --sleeve: #aab6ff; --art: #494588; --tilt: 4deg; }
#oe-daily-crate button.dig-sleeve:hover, #oe-daily-crate .dig-sleeve:focus-visible { transform: translateY(-6px) rotate(var(--tilt)); }
#oe-daily-crate .dig-disc {
  position: absolute; left: 13%; top: 1px; width: 74%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, #140f19 0 4%, var(--sleeve) 5% 17%, transparent 18%), repeating-radial-gradient(circle,#211a2a 0 2px,#4e3e58 3px 4px);
  box-shadow: 0 2px 8px #100d16; transition: transform .38s ease-out;
}
#oe-daily-crate .dig-cover {
  display: flex; flex-direction: column; justify-content: space-between; align-items: center;
  position: relative; box-sizing: border-box; min-height: 79px; aspect-ratio: 1.2; padding: 5px 3px; border: 2px solid var(--sleeve); border-radius: 5px 5px 0 0;
  background: repeating-linear-gradient(135deg,transparent 0 9px,var(--art) 10px 11px,transparent 12px 18px), var(--sleeve);
}
#oe-daily-crate .dig-glyph { display: grid; place-items: center; margin: auto; width: 66%; min-height: 35px; border-radius: 50%; background: var(--sleeve); font-size: clamp(1.65rem, 6vw, 3.3rem); font-weight: 900; line-height: 1.05; letter-spacing: -.06em; }
#oe-daily-crate .dig-caption { background: var(--sleeve); font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
#oe-daily-crate .dig-bin[aria-hidden] .dig-sleeve:not(.dig-picked) { opacity: .56; }
#oe-daily-crate .dig-picked { z-index: 1; transform: translateY(-6px); }
#oe-daily-crate .dig-picked .dig-disc { transform: translateY(-13px); }
#oe-daily-crate .dig-picked .dig-cover { animation: oe-crate-sleeve-flip .44s ease-out; }
@keyframes oe-crate-sleeve-flip { from { transform: rotateY(75deg); } to { transform: rotateY(0); } }
#oe-daily-crate .dig-lip {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px 8px; position: relative; z-index: 2; color: var(--acid);
  background: #3b2547; border: 1px solid #8d648c; border-radius: 7px; padding: 9px 10px;
}
#oe-daily-crate .dig-status { margin: 11px 0 7px; color: var(--acid); font-size: .91rem; font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  #oe-daily-crate .dig-sleeve, #oe-daily-crate .dig-disc { transition: none; }
  #oe-daily-crate .dig-picked .dig-cover { animation: none; }
}
#oe-daily-crate .dig-main { padding-top: 17px; }
#oe-daily-crate .dig-header p, #oe-daily-crate .dig-main p, #oe-daily-crate .dig-main label { color: var(--ink); }
#oe-daily-crate .dig-active { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0 0 4px; }
#oe-daily-crate .dig-active span { color: var(--acid); font-size: .68rem; letter-spacing: .12em; font-weight: 750; }
#oe-daily-crate .dig-rule { margin: 0 0 13px; font-size: .92rem; }
#oe-daily-crate .dig-listen { display: inline-block; margin: 10px 0 2px; color: var(--acid); font-weight: 700; }
#oe-daily-crate .dig-url-label { display: block; font-size: .88rem; font-weight: 650; margin: 10px 0 5px; }
#oe-daily-crate .dig-rights { display: flex; align-items: flex-start; gap: 8px; margin: 10px 0 0; font-size: .88rem; }
#oe-daily-crate .dig-rights input { width: auto; margin: 4px 0 0; accent-color: var(--acid); }
#oe-daily-crate select { box-sizing: border-box; width: 100%; min-height: 44px; border-radius: 7px; border: 1px solid var(--line); background: #241b2d; color: var(--ink); padding: 8px; font: inherit; }
#oe-daily-crate button.dig-sleeve { cursor: pointer; }
#oe-daily-crate .dig-main .dig-error { color: var(--rose); }
#oe-daily-crate .dig-reveal { padding-top: 8px; }
#oe-daily-crate .dig-main .dig-status { color: var(--acid); font-size: 1.15rem; margin-top: 4px; }
#oe-daily-crate .dig-reveal p { margin: 3px 0; }
#oe-daily-crate .dig-reveal a { color: var(--acid); }
#oe-daily-crate .dig-lineup { margin: 13px auto; padding: 14px 20px; }
#oe-daily-crate .dig-lineup-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding-bottom: 10px; }
#oe-daily-crate .dig-lineup-head img { display: block; width: 80px; height: auto; }
#oe-daily-crate .dig-lineup h2 { margin: 0; color: var(--ink); font-size: 1.4rem; }
#oe-daily-crate .dig-lineup ol { padding-left: 2em; margin: 0; }
#oe-daily-crate .dig-lineup li { padding: 5px 4px; border-top: 1px solid var(--line); }
#oe-daily-crate .dig-lineup li::marker { color: var(--acid); }
#oe-daily-crate .dig-lineup a { color: var(--ink); overflow-wrap: anywhere; }
#oe-daily-crate .dig-lineup a span { display: block; color: var(--dim); font-size: .83rem; }