@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800;900&family=Space+Grotesk:wght@400;500;700&display=swap";
[data-theme=PUNK_NEON]{--primary:#1a1d10;--on-primary:#f9fbe5;--primary-container:#cf0;--on-primary-container:#161e00;--secondary:#5e5e5e;--secondary-container:#e2e2e2;--surface-container:#edf0da;--on-surface-variant:#444933;--background:#f9fbe5;--on-background:#1a1d10;--error:#ba1a1a;--card-bg:#fff;--bubble-bg:#cf0}[data-theme=COSMIC_DARK]{--primary:#0fc;--on-primary:#12141c;--primary-container:#0fc;--on-primary-container:#12141c;--secondary:#262a3b;--secondary-container:#1a1d2b;--surface-container:#1a1d2b;--on-surface-variant:#8b92ac;--background:#12141c;--on-background:#fff;--error:#ba1a1a;--card-bg:#262a3b;--bubble-bg:#0fc}[data-theme=CYBER_RED]{--primary:#111;--on-primary:#fae000;--primary-container:#ff0d43;--on-primary-container:#fff;--secondary:#fff;--secondary-container:#f3d400;--surface-container:#f3d400;--on-surface-variant:#333;--background:#fae000;--on-background:#111;--error:#ba1a1a;--card-bg:#fff;--bubble-bg:#ff0d43}[data-theme=RETRO_AMBER]{--primary:#ffb000;--on-primary:#150f05;--primary-container:#ff8000;--on-primary-container:#150f05;--secondary:#261c0d;--secondary-container:#1e1509;--surface-container:#1e1509;--on-surface-variant:#cf8500;--background:#150f05;--on-background:#ffb000;--error:#ff3b30;--card-bg:#261c0d;--bubble-bg:#ff8000}[data-theme=TROPICAL]{--primary:#ec008c;--on-primary:#f2efe9;--primary-container:#ff6c00;--on-primary-container:#fff;--secondary:#f2efe9;--secondary-container:#ffd300;--surface-container:#f2efe9;--on-surface-variant:#ff6c00;--background:#ffb6d9;--on-background:#ec008c;--error:#ba1a1a;--card-bg:#f2efe9;--bubble-bg:#ec008c}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;height:100%;color:var(--on-background);font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700}.scanlines{position:relative}.scanlines:before{content:" ";z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 8px;display:block;position:absolute;inset:0}.zine-background{background-color:var(--background);z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.zine-collage-img{opacity:.12;mix-blend-mode:multiply;pointer-events:none;position:absolute}[data-theme=COSMIC_DARK] .zine-collage-img,[data-theme=RETRO_AMBER] .zine-collage-img{opacity:.08;mix-blend-mode:screen;filter:invert()}.neo-card{border:4px solid var(--primary);background-color:var(--card-bg);box-shadow:6px 6px 0px 0px var(--primary);transition:transform .2s,box-shadow .2s;position:relative}.neo-button{border:4px solid var(--primary);background-color:var(--card-bg);box-shadow:6px 6px 0px 0px var(--primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:12px 16px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex;transform:translate(0)}.neo-button:active{box-shadow:2px 2px 0px 0px var(--primary);transform:translate(4px,4px)}.neo-button-circular{border:4px solid var(--primary);background-color:var(--card-bg);box-shadow:5px 5px 0px 0px var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex;transform:translate(0)}.neo-button-circular:active{box-shadow:2px 2px 0px 0px var(--primary);transform:translate(3px,3px)}button:active{box-shadow:1px 1px 0px 0px var(--primary)!important;transform:translate(3px,3px)!important}button{transition:transform .1s,box-shadow .1s}.comic-bubble-wrapper{filter:drop-shadow(6px 6px 0px var(--primary));position:relative}.comic-bubble-container{background-color:var(--bubble-bg);border:4px solid var(--primary);clip-path:polygon(0% 0%,100% 0%,100% 78%,70% 78%,70% 100%,55% 78%,0% 78%);padding:32px 32px 110px}.neo-slider-track{border:4px solid var(--primary);cursor:pointer;background-color:#1a1d101a;width:100%;height:26px;position:relative}.neo-slider-fill{background-color:var(--primary-container);border-right:2px solid var(--primary);height:100%}.neo-slider-thumb{border:3px solid var(--primary);pointer-events:none;background-color:#fff;width:20px;height:32px;position:absolute;top:-6px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--background);border-left:3px solid var(--primary)}::-webkit-scrollbar-thumb{background-color:var(--primary-container);border:3px solid var(--primary)}@keyframes pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.pulse-dot{animation:.8s ease-in-out infinite alternate pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-sweep{transform-origin:50%;animation:4s linear infinite spin}.zine-title-large{letter-spacing:-.05em;text-transform:uppercase;color:var(--primary-container);-webkit-text-stroke:3px var(--primary);paint-order:stroke fill;text-shadow:6px 6px 0px var(--primary);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5.5vw,3.8rem);font-weight:900;animation:4s ease-in-out infinite title-wobble;display:inline-block;transform:rotate(-1.5deg)}.zine-subtitle-sticker{background-color:var(--primary);color:var(--on-primary);letter-spacing:.08rem;box-shadow:3px 3px 0px var(--primary-container);border:2px solid var(--primary-container);text-transform:uppercase;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:900;display:inline-block;transform:rotate(1deg)}@keyframes title-wobble{0%,to{transform:rotate(-1.5deg)scale(1)}50%{transform:rotate(1deg)scale(1.02)}}.spotify-player-bar{background-color:var(--background);border-top:4px solid var(--primary);z-index:1000;justify-content:space-between;align-items:center;width:100%;height:96px;padding:12px 24px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 10px #00000026}.chat-sidebar-container{border-left:4px solid var(--primary);background-color:var(--background);z-index:90;flex-direction:column;width:360px;height:calc(100vh - 184px);transition:transform .3s;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.chat-sidebar-container{z-index:500;border-left:none;border-top:4px solid var(--primary);width:100%;height:calc(100vh - 184px);position:fixed;top:88px;right:0}}.spotify-slider-track{border:2px solid var(--primary);cursor:pointer;background-color:#1a1d101a;width:100%;height:8px;position:relative}.spotify-slider-fill{background-color:var(--primary-container);height:100%}.spotify-slider-thumb{border:2px solid var(--primary);pointer-events:none;background-color:#fff;width:10px;height:12px;position:absolute;top:-4px}.store-card-hover{cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.store-card-hover:hover{box-shadow:6px 6px 0px var(--primary-container)!important;transform:scale(1.05)rotate(0)!important}.modal-split-container{flex-direction:row;align-items:stretch;gap:24px;width:100%;display:flex}.modal-split-left{flex-direction:column;flex:1.1;justify-content:center;max-width:420px;display:flex}.modal-split-right{flex-direction:column;flex:1;justify-content:space-between;gap:16px;display:flex}@media (max-width:768px){.modal-split-container{flex-direction:column;gap:16px}.modal-split-left{max-width:100%}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}@keyframes tiktok-bounce{0%{transform:rotate(var(--rest-rot,0deg))}25%{transform:rotate(calc(var(--rest-rot,0deg) + 6deg))}60%{transform:rotate(calc(var(--rest-rot,0deg) - 6deg))}to{transform:rotate(var(--rest-rot,0deg))}}.fun-hover-wobble{transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.fun-hover-wobble:hover{box-shadow:4px 4px 0px var(--primary-container)!important;animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards tiktok-bounce!important}@keyframes cart-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-active{animation:.3s cubic-bezier(.16,1,.3,1) forwards cart-slide-in}.mock-upload-box{border:3px dashed var(--primary);background-color:var(--card-bg);text-align:center;cursor:pointer;padding:16px;transition:background-color .2s,border-color .2s}.mock-upload-box:hover{border-color:var(--primary-container);background-color:#1a1d100d}@media (max-width:768px){.spotify-player-bar{gap:8px!important;height:80px!important;padding:8px 12px!important}.player-bar-left{flex:1!important;width:auto!important;min-width:0!important}.player-bar-left>div:first-child{border-width:2px!important;width:44px!important;height:44px!important;margin-right:8px!important}.player-bar-center{flex:none!important;gap:0!important;width:auto!important;padding:0!important}.player-bar-center button:not(.neo-button),.player-bar-center>div:last-child{display:none!important}.player-bar-center .neo-button{border-width:2.5px!important;width:36px!important;height:36px!important}.player-bar-right{flex-shrink:0!important;gap:6px!important;width:auto!important;min-width:0!important}.player-bar-right img,.player-bar-right button:not(.neo-button),.player-bar-right input{display:none!important}.player-bar-right .neo-button{box-shadow:2px 2px 0px var(--primary)!important;padding:6px 8px!important}}@media (max-width:868px){.player-view-split-container{flex-direction:column!important;gap:20px!important}.player-view-chat-panel{display:none!important}}.chat-input-player{caret-color:#111!important;color:#111!important;-webkit-text-fill-color:#111!important;background-color:#fff!important}.chat-input-player::placeholder{color:#888!important;-webkit-text-fill-color:#888!important}