.state-message{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--ink-dim)}.lang-toggle{position:fixed;top:14px;right:14px;z-index:50;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:6px;font-weight:700;font-size:.75rem;letter-spacing:.5px;padding:7px 12px}.lang-toggle:hover{border-color:var(--ink)}.bin-selector{height:100%;overflow-y:auto;padding:48px 20px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}.bin-selector-header{text-align:center;margin-bottom:8px}.bin-logo-wrap{margin:0}.bin-logo{height:88px;width:auto}.bin-tagline{display:inline-block;margin:14px 0 0;font-family:var(--font-heading);font-weight:400;font-size:1.1rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);background:var(--accent);padding:4px 14px;border-radius:4px;transform:rotate(-1.5deg)}.bin-subtitle{margin:10px 0 0;color:var(--ink-dim);font-size:.95rem}.bin{width:100%;max-width:420px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;text-align:left;transition:transform .15s ease,border-color .15s ease}.bin:active{transform:scale(.98)}.bin:hover{border-color:var(--ink)}.bin--random{background:var(--accent);border-color:var(--ink)}.bin-name{font-weight:700;font-size:1.05rem}.bin-count{font-size:.8rem;color:var(--ink-dim)}.bin--random .bin-count{color:#121212b3}.bin-grid{width:100%;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.bin-grid .bin{max-width:none}.crate{height:100%;display:flex;flex-direction:column}.crate-header{display:flex;flex-direction:column;gap:10px;padding:16px 16px 8px}.crate-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.crate-bin-nav{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.bin-neighbor{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;font-weight:600;color:var(--ink-dim);background:none;border:none;font-family:inherit;padding:2px}.bin-neighbor:hover{color:var(--ink);text-decoration:underline}.bin-neighbor--prev{text-align:right}.bin-neighbor--next{text-align:left}.bin-arrow{flex:none;color:var(--ink-dim);font-size:.85rem}.back-btn{background:none;border:none;color:var(--ink);font-weight:700;font-size:.95rem;padding:6px 4px}.back-btn--solid{margin-top:14px;background:var(--accent);border:1px solid var(--ink);color:var(--ink);font-weight:700;border-radius:999px;padding:10px 20px}.crate-label{flex:none;white-space:nowrap;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink);background:var(--accent);border:1px solid var(--ink);border-radius:999px;padding:4px 14px}.crate-counter{font-size:.8rem;color:var(--ink-dim);white-space:nowrap}.crate-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;perspective:1400px}.record-current,.record-peek{position:absolute;width:min(76vw,380px);aspect-ratio:1 / 1.08;border-radius:12px;overflow:hidden;box-shadow:0 20px 45px #12121238;transform-style:preserve-3d;background:#000}.record-current{z-index:2;touch-action:none}.record-current-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.record-meta{position:absolute;inset:auto 0 0 0;padding:20px 18px 18px;background:linear-gradient(to top,#000000d9,#0000 75%);display:flex;flex-direction:column;gap:5px;pointer-events:none}.record-title{font-weight:700;font-size:1.05rem;line-height:1.25;color:#fffffa}.record-artist{font-size:.85rem;color:#fffffab8}.record-price{margin-top:4px;align-self:flex-start;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--accent);border-radius:5px;padding:2px 8px;transform:rotate(-2deg)}.record-peek{z-index:1;pointer-events:none;filter:brightness(.55) saturate(.75);box-shadow:0 10px 30px #1212122e}.record-peek img{width:100%;height:100%;object-fit:cover;display:block}.record-peek--top{transform:translateY(-74%) rotateX(44deg) scale(.86);transform-origin:bottom center}.record-peek--bottom{transform:translateY(74%) rotateX(-44deg) scale(.86);transform-origin:top center}.record-peek--left{transform:translate(-92%) rotateY(50deg) scale(.76);transform-origin:right center}.record-peek--right{transform:translate(92%) rotateY(-50deg) scale(.76);transform-origin:left center}.peek-caption{position:absolute;left:50%;bottom:14px;background:#121212ad;color:#fffffa;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:999px;white-space:nowrap}.crate-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink-dim);padding:0 24px}.crate-hint{text-align:center;font-size:.78rem;color:var(--ink-dim);padding:10px 16px 22px;margin:0}:root{color-scheme:light;--bg: #fffffa;--surface: #ffffff;--ink: #121212;--ink-dim: rgba(18, 18, 18, .62);--accent: #fce477;--accent-strong: #ffff7b;--border: rgba(18, 18, 18, .14);--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Fjalla One", "Inter", sans-serif;font-family:var(--font-body)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}