:root,
[data-theme="record-room"] {
    --vr-bg: #15110d;
    --vr-bg-2: #241a12;
    --vr-surface: #241b14;
    --vr-surface-raised: #302418;
    --vr-text: #f5ead8;
    --vr-muted: #cdbb9d;
    --vr-accent: #d6a85a;
    --vr-accent-2: #8f5e32;
    --vr-border: rgba(214, 168, 90, .34);
    --vr-danger: #d94f45;
    --vr-success: #82ba68;
    --vr-radius: 18px;
    --vr-shadow: 0 20px 60px rgba(0,0,0,.36);
    --vr-font-display: 'Roboto Slab', Georgia, serif;
    --vr-texture: radial-gradient(circle at 12% 12%, rgba(214,168,90,.08), transparent 30%), linear-gradient(135deg, rgba(255,255,255,.035), transparent 38%);
}

[data-theme="used-record-bin"] { --vr-bg:#191612; --vr-bg-2:#2c251c; --vr-surface:#2a231a; --vr-surface-raised:#372d21; --vr-text:#f6e9cf; --vr-muted:#cfbb94; --vr-accent:#f0c96a; --vr-accent-2:#b7603b; --vr-border:rgba(240,201,106,.35); --vr-radius:10px; --vr-font-display:'Roboto Slab', Georgia, serif; --vr-texture:repeating-linear-gradient(-8deg, rgba(255,255,255,.025) 0 2px, transparent 2px 10px), radial-gradient(circle at 85% 12%, rgba(240,201,106,.12), transparent 24%); }
[data-theme="discogs-marketplace"] { --vr-bg:#0f1412; --vr-bg-2:#151c18; --vr-surface:#17201b; --vr-surface-raised:#202b25; --vr-text:#e9f2eb; --vr-muted:#a8b8ad; --vr-accent:#72c48f; --vr-accent-2:#4d8063; --vr-border:rgba(114,196,143,.28); --vr-radius:8px; --vr-font-display:Roboto, Arial, sans-serif; --vr-texture:linear-gradient(180deg, rgba(114,196,143,.05), transparent 42%); }
[data-theme="punk-flyer"] { --vr-bg:#0a0a0a; --vr-bg-2:#151515; --vr-surface:#171717; --vr-surface-raised:#202020; --vr-text:#fff7df; --vr-muted:#d7caa9; --vr-accent:#ffdd33; --vr-accent-2:#ff4fbf; --vr-border:rgba(255,221,51,.38); --vr-radius:4px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 6px), radial-gradient(circle at 80% 20%, rgba(255,79,191,.16), transparent 28%); }
[data-theme="social-distortion"] { --vr-bg:#050505; --vr-bg-2:#130b12; --vr-surface:#151111; --vr-surface-raised:#211818; --vr-text:#fff6dc; --vr-muted:#e4c9a1; --vr-accent:#ffdc28; --vr-accent-2:#ff4fbf; --vr-border:rgba(255,79,191,.36); --vr-radius:6px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:radial-gradient(circle at 84% 8%, rgba(255,79,191,.22), transparent 25%), radial-gradient(circle at 20% 90%, rgba(255,220,40,.12), transparent 30%); }
[data-theme="minneapolis-underground"] { --vr-bg:#16120f; --vr-bg-2:#221b16; --vr-surface:#f2e4c8; --vr-surface-raised:#fff0cf; --vr-text:#17120f; --vr-muted:#695748; --vr-accent:#d13f32; --vr-accent-2:#111; --vr-border:rgba(22,18,15,.28); --vr-radius:2px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:repeating-linear-gradient(-2deg, rgba(0,0,0,.04) 0 1px, transparent 1px 5px); }
[data-theme="sst-hardcore"] { --vr-bg:#f7f2e6; --vr-bg-2:#d8d0bd; --vr-surface:#fffaf0; --vr-surface-raised:#ffffff; --vr-text:#050505; --vr-muted:#4d463b; --vr-accent:#008bb5; --vr-accent-2:#d6372b; --vr-border:rgba(5,5,5,.86); --vr-radius:0px; --vr-font-display:'SST Noisecut', Impact, sans-serif; --vr-texture:linear-gradient(90deg, rgba(0,139,181,.22) 0 6px, transparent 6px 42px), repeating-linear-gradient(0deg, rgba(5,5,5,.08) 0 1px, transparent 1px 8px), linear-gradient(135deg, rgba(214,55,43,.20) 0 11%, transparent 11%); }
[data-theme="sst-2"] { --vr-bg:#f2edd8; --vr-bg-2:#ddd8c4; --vr-surface:#faf6e8; --vr-surface-raised:#ffffff; --vr-text:#0b0b0b; --vr-muted:#5c5245; --vr-accent:#1a5fa8; --vr-accent-2:#c93b1a; --vr-border:rgba(11,11,11,.88); --vr-radius:0px; --vr-font-display:'SST Noisecut', Impact, 'Arial Narrow', sans-serif; --vr-texture:repeating-linear-gradient(0deg, rgba(11,11,11,.045) 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, rgba(26,95,168,.08) 0 1px, transparent 1px 20px), radial-gradient(circle at 6% 8%, rgba(26,95,168,.18), transparent 22rem), linear-gradient(135deg, rgba(201,59,26,.14) 0 8%, transparent 8%); }
[data-theme="black-parade"] { --vr-bg:#070707; --vr-bg-2:#111; --vr-surface:#151515; --vr-surface-raised:#201f1d; --vr-text:#eee9df; --vr-muted:#c5beb1; --vr-accent:#a52535; --vr-accent-2:#d9d0be; --vr-border:rgba(217,208,190,.3); --vr-radius:12px; --vr-font-display:'Parade Nocturne', Georgia, serif; --vr-texture:radial-gradient(circle at 50% -20%, rgba(165,37,53,.2), transparent 36%), linear-gradient(90deg, rgba(217,208,190,.03) 1px, transparent 1px); }
[data-theme="speaking-in-tongues"] { --vr-bg:#efc43a; --vr-bg-2:#d9a92a; --vr-surface:#fff3b8; --vr-surface-raised:#fff8d1; --vr-text:#17120a; --vr-muted:#5f4b18; --vr-accent:#2f8fd2; --vr-accent-2:#d83a2e; --vr-border:rgba(59,164,107,.58); --vr-radius:6px; --vr-font-display:'Tongues Cutout', 'Bungee', 'Space Grotesk', Impact, sans-serif; --vr-texture:radial-gradient(circle at 50% 42%, rgba(47,143,210,.92) 0 18rem, rgba(18,34,92,.95) 18.2rem 18.8rem, rgba(255,243,184,.96) 19rem 19.4rem, transparent 19.6rem), repeating-radial-gradient(circle at 50% 42%, rgba(255,255,255,.16) 0 2px, transparent 2px 24px), linear-gradient(90deg, rgba(216,58,46,.22) 0 8px, transparent 8px 34px), linear-gradient(0deg, rgba(59,164,107,.20) 0 7px, transparent 7px 38px); }
[data-theme="college-radio"] { --vr-bg:#111827; --vr-bg-2:#172033; --vr-surface:#fff4d7; --vr-surface-raised:#fff9e7; --vr-text:#1f2937; --vr-muted:#617089; --vr-accent:#7aa7ff; --vr-accent-2:#e46aa8; --vr-border:rgba(31,41,55,.22); --vr-radius:14px; --vr-font-display:'Barlow Condensed', 'Arial Narrow', sans-serif; --vr-font-ui:'Special Elite', 'Courier New', monospace; --vr-texture:linear-gradient(rgba(122,167,255,.12) 1px, transparent 1px); }
[data-theme="factory-records"] { --vr-bg:#e0e0e0; --vr-bg-2:#c8c8c8; --vr-surface:#ffffff; --vr-surface-raised:#ffffff; --vr-text:#000000; --vr-muted:#555555; --vr-accent:#000000; --vr-accent-2:#ffcc00; --vr-border:#000000; --vr-radius:0px; --vr-font-display:'Inter', sans-serif; --vr-texture:none; }
[data-theme="new-wave-art-school"] { --vr-bg:#121212; --vr-bg-2:#1c1b21; --vr-surface:#202026; --vr-surface-raised:#282833; --vr-text:#f5f0e8; --vr-muted:#c5c0b8; --vr-accent:#ff7a45; --vr-accent-2:#49d6c8; --vr-border:rgba(73,214,200,.32); --vr-radius:0px; --vr-font-display:Roboto, Arial, sans-serif; --vr-texture:linear-gradient(135deg, rgba(255,122,69,.15) 0 16%, transparent 16% 64%, rgba(73,214,200,.14) 64%); }
[data-theme="blue-note"] { --vr-bg:#08121f; --vr-bg-2:#10243b; --vr-surface:#f3ead7; --vr-surface-raised:#fff7e8; --vr-text:#101826; --vr-muted:#596678; --vr-accent:#2f6db3; --vr-accent-2:#d96d28; --vr-border:rgba(47,109,179,.25); --vr-radius:4px; --vr-font-display:'Roboto Slab', Georgia, serif; --vr-texture:linear-gradient(90deg, rgba(47,109,179,.16) 0 20%, transparent 20%); }
[data-theme="jazz-club"] { --vr-bg:#0d0807; --vr-bg-2:#1d1110; --vr-surface:#241715; --vr-surface-raised:#321f1b; --vr-text:#f4e6ce; --vr-muted:#c7aa80; --vr-accent:#c49a4a; --vr-accent-2:#7e2f28; --vr-border:rgba(196,154,74,.32); --vr-radius:16px; --vr-font-display:'Roboto Slab', Georgia, serif; --vr-texture:radial-gradient(circle at 40% -10%, rgba(196,154,74,.18), transparent 32%); }
[data-theme="third-man-vault"] { --vr-bg:#080808; --vr-bg-2:#151205; --vr-surface:#181408; --vr-surface-raised:#24200c; --vr-text:#fff7c8; --vr-muted:#d4c57a; --vr-accent:#f3d12f; --vr-accent-2:#ffffff; --vr-border:rgba(243,209,47,.38); --vr-radius:4px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:repeating-linear-gradient(90deg, rgba(243,209,47,.06) 0 1px, transparent 1px 12px); }
[data-theme="desert-highway"] { --vr-bg:#211812; --vr-bg-2:#362519; --vr-surface:#3a281c; --vr-surface-raised:#4a3322; --vr-text:#f7dec0; --vr-muted:#d1af87; --vr-accent:#d97832; --vr-accent-2:#78a6b8; --vr-border:rgba(217,120,50,.32); --vr-radius:12px; --vr-font-display:'Roboto Slab', Georgia, serif; --vr-texture:radial-gradient(circle at 10% 10%, rgba(217,120,50,.16), transparent 26%); }
[data-theme="sunset-strip"] { --vr-bg:#07060a; --vr-bg-2:#15101a; --vr-surface:#18121c; --vr-surface-raised:#25192a; --vr-text:#fff1fb; --vr-muted:#d7bdd0; --vr-accent:#ff4da6; --vr-accent-2:#8ad7ff; --vr-border:rgba(255,77,166,.38); --vr-radius:10px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:radial-gradient(circle at 80% 0%, rgba(255,77,166,.22), transparent 28%), radial-gradient(circle at 10% 80%, rgba(138,215,255,.12), transparent 26%); }
[data-theme="hip-hop-classics"] { --vr-bg:#080807; --vr-bg-2:#15130e; --vr-surface:#1a1710; --vr-surface-raised:#292318; --vr-text:#f7ecd2; --vr-muted:#cbb98f; --vr-accent:#d9a441; --vr-accent-2:#9b6b2f; --vr-border:rgba(217,164,65,.36); --vr-radius:8px; --vr-font-display:'Oswald', Impact, sans-serif; --vr-texture:linear-gradient(135deg, rgba(217,164,65,.12), transparent 40%), repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 7px); }

html, body { min-height:100%; background: var(--vr-bg); }
body { color: var(--vr-text); background: var(--vr-bg); }
body::before { content:""; position:fixed; inset:0; z-index:-1; background: var(--vr-texture), linear-gradient(135deg, var(--vr-bg), var(--vr-bg-2)); background-size: auto, cover; pointer-events:none; }

.vr-shell { background:transparent; color:var(--vr-text); }
.vr-brand { font-family: var(--vr-font-display); letter-spacing:.04em; text-transform:uppercase; }
.vr-container { min-height: calc(100vh - 64px); }

.mud-appbar { background: rgba(10,10,10,.82) !important; color: var(--vr-text) !important; backdrop-filter: blur(16px); border-bottom:1px solid var(--vr-border); }
.mud-drawer { background: var(--vr-surface) !important; color: var(--vr-text) !important; border-right:1px solid var(--vr-border); }
.mud-drawer-header { border-bottom:1px solid var(--vr-border); }
.mud-main-content { background: transparent !important; }
.mud-paper, .mud-popover, .mud-dialog { background: var(--vr-surface) !important; color: var(--vr-text) !important; border:1px solid var(--vr-border); border-radius:var(--vr-radius) !important; box-shadow:var(--vr-shadow) !important; }
.mud-table, .mud-data-grid { background: var(--vr-surface) !important; color: var(--vr-text) !important; border-radius:var(--vr-radius); overflow:hidden; border:1px solid var(--vr-border); }
.mud-table-head, .mud-table-cell, .mud-data-grid-header, .mud-data-grid-cell { color: var(--vr-text) !important; border-color: var(--vr-border) !important; }
.mud-table-row:hover, .mud-data-grid .mud-table-row:hover { background: color-mix(in srgb, var(--vr-accent) 12%, transparent) !important; }
.mud-input, .mud-input-control, .mud-input-label, .mud-select, .mud-typography, .mud-icon-root { color: var(--vr-text) !important; }
.mud-input-outlined-border { border-color: var(--vr-border) !important; }
.mud-input-control:hover .mud-input-outlined-border { border-color: var(--vr-accent) !important; }
.mud-button-filled-primary { background: var(--vr-accent) !important; color: #080808 !important; font-weight:700 !important; }
.mud-button-text-primary, .mud-button-outlined-primary, .mud-icon-button-color-primary { color: var(--vr-accent) !important; }
.mud-button-outlined-primary { border-color: var(--vr-accent) !important; }
.mud-button-root { border-radius: calc(var(--vr-radius) * .7 + 2px) !important; text-transform:none !important; }
.mud-nav-link { color: var(--vr-muted) !important; border-radius:12px; margin:2px 8px; }
.mud-nav-link.active, .mud-nav-link:hover { color: var(--vr-text) !important; background: color-mix(in srgb, var(--vr-accent) 16%, transparent) !important; }
.mud-chip { border-color: var(--vr-border) !important; }

.vr-page-title { font-family: var(--vr-font-display); text-transform:uppercase; letter-spacing:.035em; }
.vr-theme-card { height:100%; cursor:pointer; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.vr-theme-card:hover { transform: translateY(-2px); border-color: var(--vr-accent); }
.vr-theme-card.is-selected { outline:2px solid var(--vr-accent); outline-offset:2px; }
.vr-theme-swatch { width:44px; height:44px; border-radius:50%; border:2px solid var(--vr-border); box-shadow: inset 0 0 0 8px rgba(0,0,0,.12); }
.vr-pack-label { color: var(--vr-accent); font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }

@supports not (color: color-mix(in srgb, red, blue)) {
  .mud-table-row:hover, .mud-data-grid .mud-table-row:hover, .mud-nav-link.active, .mud-nav-link:hover { background: rgba(214,168,90,.12) !important; }
}