@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;800;900&family=Permanent+Marker&family=Special+Elite&display=swap";:root{--black:#030201;--tar:#070503;--card:rgba(10,8,6,.92);--gold:#c9932e;--gold2:#e6b244;--gold3:#f0c45f;--cream:#eadfc8;--paper:#d7c6a4;--bone:#b8a889;--muted:#7a6d58;--dim:#524636;--line:rgba(230,178,68,.22);--red:#6d1913;--red2:#9a2418;--purple:#9d57ff;--neon-pink:#ff3eb5;--green:#4ade80;--blue:#60a5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3{margin:0;text-transform:uppercase}a{color:inherit}.page{min-height:100vh;position:relative;overflow-x:hidden;isolation:isolate}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;background:radial-gradient(circle at 75% 10%,rgba(218,71,48,.16),transparent 30%),radial-gradient(circle at 15% 40%,rgba(230,178,68,.12),transparent 32%),linear-gradient(180deg,#0d0804,#160f08 40%,#070504)}.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.14) 2px,rgba(0,0,0,.14) 4px)}.grit{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;opacity:.44;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}.grit2{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:79;opacity:.08;mix-blend-mode:screen;background:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.06) 1px,rgba(255,255,255,.06) 2px)}.topbar{position:fixed;left:0;top:0;bottom:0;width:148px;z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:18px 12px;background:linear-gradient(180deg,#14100af7,#070503fc);border-right:1px solid rgba(232,220,196,.12);box-shadow:4px 0 40px #000000b3}.logo{display:grid;place-items:center;width:86px;height:86px;margin:0 auto 10px;border-radius:6px;background:#0d0a06;color:var(--cream);border:2px solid rgba(232,220,196,.32);font-family:Special Elite,serif;font-size:34px;font-weight:900;text-decoration:none;transform:rotate(-2deg);box-shadow:0 8px 20px #000000b3,inset 0 0 0 2px #ffffff08;position:relative}.logo:after{content:"*";position:absolute;top:-8px;right:-6px;font-size:22px;color:var(--gold2);line-height:1}.nav-divider{height:1px;background:#e8dcc41a;margin:5px 0}.navlinks{display:flex;flex-direction:column;gap:3px}.navlinks button{width:100%;text-align:left;padding:10px;background:#ffffff08;border:1px solid transparent;border-top-color:#e8dcc414;color:var(--bone);border-radius:3px;font-family:Special Elite,serif;font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.4px;transition:.15s;position:relative}.navlinks button:hover,.navlinks button.active{border-color:#c9932e73;color:var(--gold2);background:#c9932e14;padding-left:14px}.sound-toggle{width:100%;text-align:left;padding:8px 10px;background:#ffffff05;border:1px solid transparent;border-top-color:#e8dcc412;color:var(--muted);border-radius:3px;font-family:Special Elite,serif;font-size:11px;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px;transition:.15s}.sound-toggle:hover{color:var(--bone)}.faith-badge{margin-top:auto;background:var(--red2);color:var(--cream);font-family:Permanent Marker,sans-serif;font-size:17px;line-height:1.1;text-align:center;padding:13px 8px;border-radius:4px;transform:rotate(-2deg);box-shadow:0 8px 20px #00000080;border:1px solid rgba(255,255,255,.08)}.hero{padding:28px 28px 56px 170px;display:grid;grid-template-columns:minmax(380px,1fr) 300px;gap:36px;align-items:center;position:relative;min-height:520px;border-bottom:1px solid rgba(230,178,68,.12)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 65%)}.eyebrow{margin:0 0 12px;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:8px;text-transform:uppercase}.hero h1{font-family:Permanent Marker,sans-serif;font-weight:400;font-size:clamp(3.2rem,5.8vw,6.5rem);line-height:.88;letter-spacing:-1px;transform:rotate(-1deg);margin:0 0 18px;text-shadow:3px 3px 0 rgba(0,0,0,.55),0 0 40px rgba(230,178,68,.07)}h2{font-size:clamp(1.8rem,4vw,3.4rem);line-height:.9;letter-spacing:-1.5px;font-weight:900}.copy{color:var(--bone);font-family:Special Elite,serif;font-size:18px;line-height:1.6;max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}.badge{display:inline-block;padding:8px 14px;border-radius:999px;font-family:Special Elite,serif;font-size:13px;transform:rotate(-3deg);font-weight:700}.badge-jesus{background:#6b3fa0;color:var(--cream);border:2px solid rgba(255,255,255,.17)}.badge-grace{background:var(--paper);color:#111;border:2px solid rgba(0,0,0,.14);transform:rotate(2deg);font-family:Permanent Marker,sans-serif;font-size:14px}.tape-rack{position:relative;height:440px;background:linear-gradient(180deg,#120c07f5,#090704fa);border:1px solid rgba(232,220,196,.15);border-radius:4px;overflow:hidden;box-shadow:inset 0 0 50px #0009,0 20px 60px #00000080}.tape-rack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 48px,rgba(232,220,196,.04) 48px,rgba(232,220,196,.04) 50px)}.rack-tape-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid rgba(232,220,196,.08);font-family:Special Elite,serif;font-size:13px;letter-spacing:.3px;color:var(--bone);cursor:pointer;transition:.15s}.rack-tape-item:hover{color:var(--cream);background:#e8dcc40d}.rack-tape-item .rack-icon{color:var(--gold);font-size:13px;width:16px;text-align:center;flex-shrink:0}.rack-tape-item.liked .rack-icon{color:var(--red2)}.neon-cross{position:absolute;right:14px;top:14px;font-size:48px;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink),0 0 22px var(--neon-pink),0 0 45px rgba(255,62,181,.4);transform:rotate(5deg);line-height:1;pointer-events:none}.gods-not-done{position:absolute;right:16px;bottom:80px;width:90px;background:var(--cream);color:#111;font-weight:900;font-size:18px;line-height:.85;text-align:center;padding:10px 7px;transform:rotate(-4deg);box-shadow:0 10px 28px #0000008c}.lost-found{position:absolute;right:12px;bottom:22px;background:#000000bf;color:var(--cream);font-family:Permanent Marker,sans-serif;font-size:13px;padding:5px 10px;border:1px solid rgba(232,220,196,.33);transform:rotate(-2deg)}.section{max-width:1420px;margin:0 auto;padding:36px 28px 80px 178px}.section-head{margin-bottom:16px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.section-head h2{font-size:clamp(1.7rem,3.2vw,2.8rem)}.add-btn{width:36px;height:36px;border-radius:3px;border:1px solid rgba(230,178,68,.26);background:#c9932e1a;color:var(--gold2);font-size:20px;display:grid;place-items:center;transition:.15s}.add-btn:hover{background:#c9932e38}.wall-layout{display:grid;grid-template-columns:1fr 298px;gap:22px;align-items:start}.wall-main{min-width:0}.wall-favorites{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(230,178,68,.12)}.wall-fav-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.wall-fav-label{font-size:9px;letter-spacing:4px;color:var(--gold2);font-weight:900;font-family:Barlow,sans-serif}.wall-fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.totw-badge{display:inline-block;background:linear-gradient(135deg,#edbd4a,#c9932e);color:#090806;font-size:8px;font-weight:900;letter-spacing:3px;text-transform:uppercase;padding:4px 9px;transform:rotate(-1.5deg);font-family:Barlow,sans-serif;margin-bottom:8px}.mood-filters{display:flex;gap:7px;overflow-x:auto;padding:3px 0 10px;margin:0 0 20px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;-webkit-overflow-scrolling:touch}.mood-filters::-webkit-scrollbar{height:3px}.mood-filters::-webkit-scrollbar-thumb{background:var(--gold);border-radius:999px}.mood-filters button{white-space:nowrap;flex-shrink:0;border:1px solid rgba(230,178,68,.2);color:var(--muted);background:#0000006b;border-radius:3px;padding:8px 12px;text-transform:none;letter-spacing:.3px;font-weight:700;font-size:12px;font-family:Special Elite,serif;transition:.15s}.mood-filters button.active,.mood-filters button:hover{color:var(--cream);border-color:var(--gold2);background:#c9932e24}.mood-filters button.active{border-color:var(--gold2);box-shadow:0 0 0 1px #c9932e33}.filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.filters button{border:1px solid rgba(230,178,68,.18);color:var(--muted);background:#0006;border-radius:3px;padding:7px 11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;font-size:10px;font-family:Special Elite,serif;transition:.15s}.filters button.active,.filters button:hover{color:var(--cream);border-color:var(--gold2);background:#c9932e21}.rack{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mix-card{background:linear-gradient(145deg,#ffffff0a,#0000),#090705eb;border:1px solid rgba(230,178,68,.15);border-radius:4px;padding:16px;cursor:pointer;position:relative;transition:.22s;box-shadow:0 16px 44px #0000008c,inset 0 0 0 1px #ffffff05}.mix-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;pointer-events:none;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.006) 10px,rgba(255,255,255,.006) 11px)}.mix-card:nth-child(2n){transform:rotate(.6deg)}.mix-card:nth-child(3n){transform:rotate(-.5deg)}.mix-card:nth-child(5n){transform:rotate(.3deg)}.mix-card:hover{transform:translateY(-7px) rotate(-1.2deg) scale(1.01);border-color:var(--gold2);box-shadow:0 28px 65px #000000a6,0 0 0 1px #e6b24447}.mix-card .category-tag{display:inline-block;color:#0b0906;background:linear-gradient(135deg,#edbd4a,#b37b20);padding:4px 9px;border-radius:2px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;margin:9px 0 7px;transform:rotate(-1deg);font-family:Special Elite,serif}.mix-card h3{font-size:clamp(1.2rem,2vw,1.75rem);line-height:.9;margin-bottom:6px}.mix-card p{color:var(--bone);font-family:Special Elite,serif;line-height:1.42;font-size:13px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin-top:9px;border-top:1px solid rgba(230,178,68,.1);padding-top:7px;font-family:Special Elite,serif}.icon-btn{background:none;border:none;padding:4px 5px;color:var(--muted);font-size:12px;transition:.15s}.icon-btn:hover{color:var(--cream)}.report-btn:hover{color:#df6d61!important}.mix-card:hover .cassette{filter:drop-shadow(0 36px 70px rgba(0,0,0,.9))}.cassette-sticker{transition:transform .2s}.mix-card:hover .cassette svg .cassette-sticker:nth-child(1){animation:sticker-jiggle .35s ease-in-out}.mix-card:hover .cassette svg .cassette-sticker:nth-child(2){animation:sticker-jiggle .38s .05s ease-in-out}.mix-card:hover .cassette svg .cassette-sticker:nth-child(3){animation:sticker-jiggle .32s .1s ease-in-out}@keyframes sticker-jiggle{0%,to{transform:scale(1)}40%{transform:scale(1.18) rotate(-6deg)}70%{transform:scale(1.12) rotate(5deg)}}.helped-btn{background:#4ade8012;border:1px solid rgba(74,222,128,.22);color:var(--green);border-radius:2px;padding:5px 9px;font-size:10px;letter-spacing:.8px;font-family:Special Elite,serif;text-transform:uppercase;transition:.15s;display:flex;align-items:center;gap:4px}.helped-btn:hover,.helped-btn.active{background:#4ade8026;border-color:#4ade8073}.helped-btn.active{color:#86efac}.shelf-btn{background:#c9932e1a;border:1px solid rgba(201,147,46,.28);color:var(--gold2);border-radius:2px;padding:10px 14px;font-weight:900;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:.15s;display:flex;align-items:center;gap:6px;font-family:Barlow,sans-serif}.shelf-btn:hover{background:#c9932e2e}.shelf-btn.on-shelf{background:#c9932e33;border-color:var(--gold);color:var(--gold3)}.dub-btn{background:#9d57ff1a;border:1px solid rgba(157,87,255,.28);color:var(--purple);border-radius:2px;padding:10px 14px;font-weight:900;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;transition:.15s;font-family:Barlow,sans-serif}.dub-btn:hover{background:#9d57ff33}.stereo-panel{position:sticky;top:20px;background:#0a0806;border:2px solid #201810;border-radius:5px;overflow:hidden;box-shadow:0 20px 60px #000000bf,inset 0 1px #ffffff0a}.stereo-header{background:#0d0a06;padding:9px 14px;border-bottom:1px solid #1e180e;display:flex;align-items:center;justify-content:space-between}.stereo-label{font-size:9px;letter-spacing:4px;color:var(--muted);font-weight:900}.stereo-indicators{display:flex;gap:5px}.stereo-led{width:5px;height:5px;border-radius:999px;background:#ffffff12}.stereo-led.on{background:var(--green);box-shadow:0 0 6px var(--green)}.stereo-cassette-area{padding:10px;background:#080604}.stereo-info{padding:10px 14px;border-top:1px solid #181208}.stereo-tape-title{font-family:Special Elite,serif;font-size:12px;color:var(--cream);margin:0 0 2px}.stereo-side-label{font-size:9px;letter-spacing:3px;color:var(--gold2);font-weight:900}.stereo-desc{font-family:Special Elite,serif;font-size:11px;color:var(--muted);margin:6px 0;line-height:1.45;padding-bottom:7px;border-bottom:1px solid #181208}.stereo-now-playing{padding:10px 14px;background:#0a0806;border-top:1px solid #201810}.stereo-np-label{font-size:8px;letter-spacing:3px;color:var(--muted);font-weight:900;margin-bottom:4px}.stereo-np-track{font-family:Special Elite,serif;font-size:14px;color:var(--cream);margin:0 0 1px}.stereo-np-artist{font-size:11px;color:var(--muted)}.transport{display:flex;gap:3px;padding:8px 12px;background:#070503;border-top:1px solid #181208}.transport-btn{flex:1;padding:9px 4px;background:#100e08;border:1px solid #231c10;color:var(--bone);border-radius:2px;font-family:Special Elite,serif;font-size:8px;letter-spacing:2px;text-transform:uppercase;transition:.1s;box-shadow:0 3px #000,inset 0 1px #ffffff0a;display:flex;flex-direction:column;align-items:center;gap:3px}.transport-btn .t-icon{font-size:13px}.transport-btn:hover{background:#1a140a;color:var(--cream)}.transport-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.transport-btn.active{background:#c9932e21;border-color:var(--gold);color:var(--gold2)}.volume-row{display:flex;align-items:center;gap:7px;padding:7px 14px 10px;font-size:9px;letter-spacing:2px;color:var(--muted);background:#070503;border-top:1px solid #181208}.volume-row input[type=range]{flex:1;height:3px;background:#1e180e;border:none;padding:0;border-radius:0;accent-color:var(--gold2)}.builder{max-width:1320px;margin:0 auto;padding:0 28px 80px 178px;display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:start}.panel{background:linear-gradient(145deg,#ffffff0a,#0000),#080705eb;border:1px solid rgba(230,178,68,.16);box-shadow:0 16px 50px #0000008c,inset 0 0 0 1px #ffffff05;padding:26px;border-radius:4px;position:relative}.panel:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(232,220,196,.04);border-radius:2px;pointer-events:none}.panel.preview{position:sticky;top:20px}label{display:block;margin:18px 0 7px;color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:4px;text-transform:uppercase}input,textarea,select{width:100%;border-radius:3px;border:1px solid rgba(230,178,68,.22);background:#00000085;color:var(--cream);padding:13px 14px;outline:none;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--gold2);box-shadow:0 0 0 3px #e6b2441a}textarea{min-height:90px;resize:vertical}select{cursor:pointer}select option{background:#1a1208;color:var(--cream)}.swatch{width:48px;height:48px;border-radius:999px;border:3px solid rgba(255,255,255,.14)}.swatch.active{border-color:var(--gold2);box-shadow:0 0 0 3px #c9932e38}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 18px}.chip-row button{border:1px solid rgba(230,178,68,.2);color:var(--muted);background:#0006;border-radius:3px;padding:8px 12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900;font-size:10px;font-family:Special Elite,serif;transition:.15s}.chip-row button.active,.chip-row button:hover{color:var(--cream);border-color:var(--gold2);background:#c9932e21}.sticker-row{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 18px}.sticker-row button{border:1px solid rgba(230,178,68,.2);color:var(--muted);background:#0006;border-radius:3px;padding:9px;min-width:48px;height:48px;font-family:Special Elite,serif;font-size:20px;transition:.15s}.sticker-row button.active,.sticker-row button:hover{color:var(--cream);border-color:var(--gold2);background:#c9932e21}.swatches{display:flex;gap:9px;margin:9px 0 18px}.moderation-note{background:#6d191333;border:1px solid rgba(155,36,24,.3);border-radius:3px;padding:12px 14px;font-size:13px;color:var(--bone);margin-top:16px;line-height:1.5;font-family:Special Elite,serif}.primary,.ghost{border-radius:0;padding:12px 20px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:2px;font-weight:900;font-size:12px}.primary{background:linear-gradient(135deg,#edbd4a,#c9932e);color:#090806;border-color:#f0c45f}.ghost{background:#0000006b;color:var(--cream)}.primary:hover,.ghost:hover{filter:brightness(1.08);transform:translateY(-1px)}.wide{width:100%;margin-top:18px}.searchbar{display:grid;grid-template-columns:1fr auto;gap:7px}.results,.tracklist{display:grid;gap:7px;margin-top:10px;max-height:380px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.result{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;background:#0000006b;border:1px solid rgba(230,178,68,.12);padding:10px;border-radius:3px}.result img{width:48px;height:48px;object-fit:cover;border-radius:2px}.result small,.track small{display:block;color:var(--muted);font-size:11px;font-family:Special Elite,serif}.result button,.track button{border:1px solid var(--line);background:#c9932e1f;color:var(--cream);border-radius:2px;font-size:17px;width:35px;height:35px}.result button:hover,.track button:hover{background:#c9932e40}audio{width:100%;margin-top:5px;height:32px}.track{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;background:#d8c7a5;color:#111;border:0;border-radius:2px;padding:9px 11px;box-shadow:0 4px 12px #00000073;font-family:Special Elite,serif;transform:rotate(-.35deg)}.track:nth-child(odd){transform:rotate(.45deg)}.track strong{color:#111}.track small{color:#5a4730}.track b{font-family:Barlow,sans-serif;font-weight:900;color:#111;font-size:15px}.track.clickable{cursor:pointer;transition:.12s}.track.clickable:hover{filter:brightness(1.05)}.track.now-playing{background:linear-gradient(135deg,#edbd4a,#c9932e);box-shadow:0 6px 18px #c9932e4d}.track.now-playing small{color:#6b4000}.modal .tracklist,.preview .tracklist{position:relative;padding:18px;background:linear-gradient(145deg,#ffffff0d,#000000bf),#0a0a0af5;border:1px solid rgba(232,220,196,.12);border-radius:4px;box-shadow:inset 0 0 28px #000000b3}.modal .tracklist:before,.preview .tracklist:before{content:"";position:sticky;top:0;height:130px;display:block;margin:-9px -9px 13px;background:radial-gradient(circle at 25% 50%,#1e1409 0 36px,#050403 38px 58px,transparent 61px),radial-gradient(circle at 75% 50%,#1e1409 0 36px,#050403 38px 58px,transparent 61px),linear-gradient(90deg,transparent 18%,rgba(190,150,88,.36) 35%,rgba(190,150,88,.36) 65%,transparent 82%);border:1px solid rgba(232,220,196,.09);border-radius:3px}.cassette{width:min(100%,560px);margin:auto;filter:drop-shadow(0 28px 55px rgba(0,0,0,.82))}.cassette.small{width:100%}.cassette svg{width:100%;display:block}.cassette-kicker{font-size:16px;font-weight:900;letter-spacing:8px;font-family:Barlow,sans-serif}.cassette-title{font-size:34px;font-weight:900;letter-spacing:-1px;font-family:Barlow,sans-serif}.cassette-sub{font-size:12px;font-weight:900;letter-spacing:5px;font-family:Barlow,sans-serif}.cassette-note{font-family:Special Elite,serif;font-size:14px}.sticker{font-size:26px;font-family:Special Elite,serif;font-weight:900}.sticker.pr{font-size:18px;letter-spacing:2px}.reel{animation:spin 12s linear infinite}.mix-card .reel{animation:none}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:50;display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{max-width:1180px;width:100%;max-height:92vh;overflow-y:auto;padding:26px;background:linear-gradient(145deg,#ffffff0a,#0000),#080705f7;border:1px solid rgba(230,178,68,.2);box-shadow:0 40px 100px #000000e0,inset 0 0 0 1px #ffffff05;border-radius:4px;position:relative}.modal:before{content:"STEREO";position:absolute;left:26px;top:11px;color:#e8dcc433;font-size:9px;letter-spacing:3px;font-weight:900}.report-modal{max-width:480px}.close{position:absolute;top:12px;right:12px;background:#0009;color:var(--cream);border:1px solid var(--line);width:38px;height:38px;border-radius:999px;font-size:20px;display:grid;place-items:center;transition:.15s}.close:hover{border-color:var(--gold)}.modal-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px}.modal-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.modal-meta-actions{display:flex;gap:7px;align-items:center;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:3px;padding:14px;font-size:13px;font-family:Special Elite,serif}.jcard-toggle{background:none;border:1px solid rgba(230,178,68,.2);color:var(--muted);padding:8px 14px;border-radius:2px;font-family:Special Elite,serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;transition:.15s;width:100%;text-align:left;margin-top:10px}.jcard-toggle:hover{color:var(--gold2);border-color:var(--gold2)}.jcard{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s;opacity:0}.jcard.open{max-height:600px;opacity:1}.jcard-inner{background:#f2e8d0;color:#2a1e10;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:18px 20px;font-family:Special Elite,serif;position:relative;margin:10px 0;box-shadow:2px 4px 14px #00000047,-1px -1px #ffffff73;line-height:1.6}.jcard-inner:before{content:"LINER NOTE";font-size:8px;letter-spacing:4px;color:#00000052;font-family:Barlow,sans-serif;font-weight:900;display:block;margin-bottom:10px}.jcard-fold{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);margin:12px -20px}.jcard-dedication{font-size:12px;color:#5a3e20;margin-top:8px;font-style:italic}.jcard-dedication strong{font-style:normal;font-size:9px;letter-spacing:2px;display:block;margin-bottom:3px;text-transform:uppercase;color:#0006}.jcard-inner:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:36px;height:14px;background:#ffffff61;border-radius:2px;box-shadow:0 1px 3px #00000026}.dedication-banner{background:#e8dcc412;border-left:3px solid var(--gold);padding:9px 13px;margin:9px 0;font-family:Special Elite,serif;font-size:13px;color:var(--bone);border-radius:0 3px 3px 0}.dedication-banner strong{color:var(--gold2);display:block;font-size:9px;letter-spacing:3px;margin-bottom:3px;font-family:Barlow,sans-serif;font-style:normal}.now-playing-bar{background:#0000008c;border:1px solid rgba(232,220,196,.13);border-radius:3px;padding:10px 13px;margin:10px 0;position:relative}.now-playing-bar:before{content:"NOW PLAYING →";font-size:8px;letter-spacing:3px;color:var(--gold2);font-weight:900;display:block;margin-bottom:4px}.np-track-name{font-family:Special Elite,serif;font-size:16px;color:var(--cream)}.np-artist{font-size:12px;color:var(--muted)}.player-transport{display:flex;gap:6px;margin-top:10px;justify-content:center;align-items:center}.player-btn{height:38px;min-width:44px;border-radius:2px;background:#110e08;border:1px solid #221c11;color:var(--bone);font-size:15px;display:grid;place-items:center;box-shadow:0 3px #000,inset 0 1px #ffffff0a;transition:.1s}.player-btn:hover{background:#1c1610;color:var(--cream)}.player-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.player-btn.play-main{min-width:56px;height:44px;background:#4ade801a;border-color:#4ade8042;color:var(--green);font-size:19px}.player-btn.play-main:hover{background:#4ade802b}.spotify-save-btn{display:flex;align-items:center;gap:7px;padding:10px 16px;background:#1db954;color:#000;border:none;border-radius:2px;font-weight:900;font-size:11px;letter-spacing:1px;text-transform:uppercase;width:100%;justify-content:center;margin-top:7px;transition:.15s}.spotify-save-btn:hover{filter:brightness(1.1)}.spotify-connect-btn{background:none;border:1px solid rgba(29,185,84,.45);color:#1db954;padding:9px 14px;border-radius:2px;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase}.spotify-connect-btn:hover{background:#1db95414}.open-spotify-btn{display:block;margin-top:8px;padding:9px 12px;background:#1db9541a;border:1px solid rgba(29,185,84,.35);color:#1db954;border-radius:2px;font-family:Special Elite,serif;font-size:12px;letter-spacing:.5px;text-align:center;text-decoration:none;transition:.15s}.open-spotify-btn:hover{background:#1db95433;border-color:#1db95499}.enc-section{margin-top:18px;padding-top:14px;border-top:1px solid rgba(230,178,68,.12)}.enc-section-label{font-size:9px;letter-spacing:4px;color:var(--muted);font-weight:900;margin-bottom:12px;font-family:Barlow,sans-serif}.enc-notes{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.enc-note{padding:12px 14px;border-radius:2px;font-family:Special Elite,serif;font-size:13px;line-height:1.5;position:relative;box-shadow:2px 3px 10px #0000004d;transform:rotate(-.8deg)}.enc-note:nth-child(2n){transform:rotate(.7deg)}.enc-note:nth-child(3n){transform:rotate(-1.2deg)}.enc-note.yellow{background:#f7e96d;color:#2a2010}.enc-note.green{background:#c8f0c8;color:#1a3020}.enc-note.blue{background:#c8e0f8;color:#1a2a40}.enc-note.pink{background:#f8d0e8;color:#3a1020}.enc-note:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:28px;height:11px;background:#fff6;border-radius:2px}.enc-input-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end}.enc-input-row textarea{min-height:64px;font-size:13px;resize:none;border-radius:2px}.enc-submit-btn{padding:8px 12px;background:var(--paper);color:#111;border:none;border-radius:2px;font-family:Special Elite,serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;height:64px;min-width:70px;transition:.15s;box-shadow:2px 2px 6px #0000004d}.enc-submit-btn:hover{background:var(--cream);transform:translateY(-1px)}.stamp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}.stamp-text{font-family:Barlow,sans-serif;font-weight:900;font-size:clamp(24px,5vw,42px);letter-spacing:4px;color:var(--red2);border:5px solid var(--red2);padding:12px 22px;border-radius:4px;transform:rotate(-12deg);opacity:0;animation:stamp-appear .9s ease forwards;text-transform:uppercase;background:#000000b3}.stamp-text.shelf{color:var(--gold2);border-color:var(--gold2)}.stamp-text.dubbed{color:var(--purple);border-color:var(--purple)}@keyframes stamp-appear{0%{opacity:0;transform:rotate(-12deg) scale(2.4)}30%{opacity:1;transform:rotate(-12deg) scale(.95)}55%{opacity:1;transform:rotate(-12deg) scale(1)}75%{opacity:1}to{opacity:0;transform:rotate(-12deg) scale(1)}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:100;padding:11px 20px;border-radius:2px;font-weight:800;font-size:13px;letter-spacing:.4px;box-shadow:0 8px 28px #00000080;white-space:nowrap;pointer-events:none;font-family:Special Elite,serif}.toast-success{background:#131e15;color:#9ce49c;border:1px solid #286628}.toast-warn{background:#3c2a06;color:var(--gold2);border:1px solid var(--gold)}.toast-error{background:#3c0808;color:#df8585;border:1px solid #661818}.toast-info{background:#111030;color:#b8abff;border:1px solid #383088}.sync-error-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#2a0a0a;border-top:2px solid #c0392b;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:Special Elite,serif;font-size:12px}.sync-error-icon{font-size:16px;flex-shrink:0;color:#df8585}.sync-error-text{color:#df8585;flex:1;min-width:200px}.sync-error-fix{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sync-error-fix a{color:#e07060;text-decoration:underline}.sync-error-fix code{background:#ffffff14;padding:2px 6px;border-radius:2px;color:#f0c0b0;font-family:monospace;font-size:11px;-webkit-user-select:all;user-select:all}footer{text-align:center;color:var(--dim);border-top:1px solid var(--line);padding:26px 18px 26px 166px;font-size:11px;font-weight:900;letter-spacing:4px;line-height:2;font-family:Special Elite,serif}.cassette.playing .reel,.mix-card .cassette.playing .reel{animation:spin 4s linear infinite}.stereo-drop-zone{min-height:160px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(230,178,68,.18);margin:12px;border-radius:4px;transition:.2s}.stereo-drop-hint{text-align:center;color:var(--muted);font-family:Special Elite,serif;font-size:12px;line-height:1.8;padding:12px;pointer-events:none}.stereo-panel.drag-over{border-color:var(--gold2);box-shadow:0 0 0 2px #c9932e40,0 20px 60px #000000bf}.stereo-panel.drag-over .stereo-drop-zone{border-color:var(--gold2);background:#c9932e0d}.stereo-panel.drag-over .stereo-drop-hint{color:var(--gold2);font-size:13px}.stereo-cassette-area.loading{animation:cassette-load .45s cubic-bezier(.22,.68,0,1.2)}@keyframes cassette-load{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.vu-meter{display:flex;gap:2px;align-items:flex-end;height:20px;padding:0 12px 6px;background:#070503}.vu-bar{flex:1;border-radius:1px 1px 0 0;animation:vu-bounce .55s ease-in-out infinite alternate}.vu-bar:nth-child(1){background:#4ade80;animation-duration:.48s}.vu-bar:nth-child(2){background:#4ade80;animation-duration:.56s;animation-delay:.07s}.vu-bar:nth-child(3){background:#86efac;animation-duration:.44s;animation-delay:.13s}.vu-bar:nth-child(4){background:#e6b244;animation-duration:.6s;animation-delay:.04s}.vu-bar:nth-child(5){background:#e6b244;animation-duration:.5s;animation-delay:.1s}.vu-bar:nth-child(6){background:#f87171;animation-duration:.42s;animation-delay:.17s}.vu-bar:nth-child(7){background:#f87171;animation-duration:.58s;animation-delay:.08s}.vu-bar:nth-child(8){background:#fca5a5;animation-duration:.47s;animation-delay:.22s}@keyframes vu-bounce{0%{height:3px}to{height:17px}}.transport-btn.playing{background:#4ade8021;border-color:#4ade806b;color:var(--green)}.transport-btn.playing:hover{background:#4ade8033}.player-btn.play-main.playing{background:#4ade8033;border-color:#4ade808c;box-shadow:0 3px #000,0 0 14px #4ade8033,inset 0 1px #ffffff0f}.stereo-led.pulse{animation:led-pulse 1.2s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:1100px){.hero{grid-template-columns:1fr}.tape-rack{display:none}.rack,.wall-fav-grid{grid-template-columns:repeat(2,1fr)}.builder,.modal-grid{grid-template-columns:1fr}.panel.preview{position:relative;top:auto}.wall-layout{grid-template-columns:1fr}.stereo-panel{display:none}.section,.builder{padding-left:170px}}@media (max-width:760px){.topbar{position:relative;left:auto;top:auto;bottom:auto;width:auto;flex-direction:row;flex-wrap:wrap;padding:10px 12px;border-right:none;border-bottom:1px solid rgba(232,220,196,.1)}.logo{width:56px;height:56px;font-size:24px;margin:0}.faith-badge{display:none}.navlinks{flex-direction:row;flex-wrap:wrap}.navlinks button{min-width:120px;font-size:10px}.hero,.section,.builder{padding-left:14px;padding-right:14px}.hero{padding-top:14px;min-height:auto}.hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}.copy{font-size:16px}.rack,.wall-fav-grid{grid-template-columns:1fr}.modal{padding:16px 12px}footer{padding-left:14px}.toast{white-space:normal;text-align:center;max-width:86vw}.modal .tracklist:before,.preview .tracklist:before{height:108px}}