:root{--accent-green:#9cf28a;--accent-cyan:#22d3ee;--accent-purple:#a78bfa;--accent-pink:#f472b6;--accent-orange:#fb923c;--bg-light:#fafafa;--surface-light:#ffffffb3;--text-light:#0a0a0a;--text-secondary-light:#525252;--border-light:#0000000f;--bg-dark:#030303;--surface-dark:#141414cc;--text-dark:#fafafa;--text-secondary-dark:#a3a3a3;--border-dark:#ffffff0f;--spring:cubic-bezier(.175,.885,.32,1.275);--smooth:cubic-bezier(.4,0,.2,1)}.hub-layout{--bg-gradient-start:#fafafa;--bg-gradient-end:#f5f5f5;background:0 0}.hub-layout:before{background-image:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end))}[data-theme=dark] .hub-layout{--bg-gradient-start:#030303;--bg-gradient-end:#0a0a0a}[data-theme=light] .hub-layout{--bg-gradient-start:#fafafa;--bg-gradient-end:#f5f5f5}.content-shell:before,.content-shell:after{content:"";z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.content-shell:before{opacity:.5;filter:blur(80px);background:radial-gradient(100% 60% at 10% 30%,#9cf28a59 0%,#0000 50%),radial-gradient(80% 100% at 90% 20%,#22d3ee4d 0%,#0000 50%),radial-gradient(90% 70% at 70% 85%,#a78bfa40 0%,#0000 50%),radial-gradient(60% 50% at 20% 90%,#f472b633 0%,#0000 50%);animation:30s ease-in-out infinite auroraShift}.content-shell:after{opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes auroraShift{0%,to{filter:blur(80px)hue-rotate();transform:translate(0)rotate(0)scale(1)}25%{filter:blur(100px)hue-rotate(20deg);transform:translate(5%,-3%)rotate(2deg)scale(1.1)}50%{filter:blur(90px)hue-rotate(-15deg);transform:translate(-4%,4%)rotate(-1deg)scale(.95)}75%{filter:blur(85px)hue-rotate(10deg);transform:translate(3%,2%)rotate(1deg)scale(1.05)}}[data-theme=dark] .content-shell:before{opacity:.4;background:radial-gradient(100% 60% at 10% 30%,#9cf28a66 0%,#0000 50%),radial-gradient(80% 100% at 90% 20%,#22d3ee59 0%,#0000 50%),radial-gradient(90% 70% at 70% 85%,#a78bfa4d 0%,#0000 50%),radial-gradient(60% 50% at 20% 90%,#f472b640 0%,#0000 50%)}[data-theme=dark] .content-shell:after{opacity:.04}.floating-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(60px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,var(--accent-green)0%,transparent 70%);width:400px;height:400px;animation-delay:0s;top:10%;left:5%}.orb-2{background:radial-gradient(circle,var(--accent-cyan)0%,transparent 70%);width:300px;height:300px;animation-duration:25s;animation-delay:-7s;top:60%;right:10%}.orb-3{background:radial-gradient(circle,var(--accent-purple)0%,transparent 70%);width:350px;height:350px;animation-duration:22s;animation-delay:-14s;bottom:20%;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(40px,30px)scale(1.05)}}[data-theme=dark] .orb{opacity:.25}.content-shell{background:var(--bg-light);min-height:100vh;color:var(--text-light);z-index:1;padding-bottom:48px;transition:background .3s,color .3s;position:relative}[data-theme=dark] .content-shell{background:var(--bg-dark);color:var(--text-dark)}*{transition:background-color .4s,border-color .4s,color .4s}.loading-hub{min-height:100vh;color:var(--text-secondary-light);background:var(--bg-light);flex-direction:column;justify-content:center;align-items:center;display:flex}[data-theme=dark] .loading-hub{background:var(--bg-dark);color:var(--text-secondary-dark)}.loading-spinner{width:100px;height:100px;position:relative}.spinner-ring{width:100%;height:100%;animation:spinnerOrbit 2s var(--smooth)infinite;border:2px solid #0000;border-radius:50%;position:absolute}.spinner-ring:first-child{border-top-color:var(--accent-green);border-right-color:var(--accent-green);animation-duration:2s}.spinner-ring:nth-child(2){border-bottom-color:var(--accent-cyan);border-left-color:var(--accent-cyan);width:75%;height:75%;animation-duration:1.5s;animation-direction:reverse;top:12.5%;left:12.5%}.spinner-ring:nth-child(3){border-top-color:var(--accent-purple);width:50%;height:50%;animation-duration:1s;top:25%;left:25%}.spinner-ring:before{content:"";background:inherit;filter:blur(8px);opacity:.5;border-radius:50%;position:absolute;inset:-4px}@keyframes spinnerOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-hub p{letter-spacing:.05em;text-transform:uppercase;margin-top:1.5rem;font-size:.9rem;animation:2s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.mobile-filter-toggle{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-bottom:1px solid var(--border-light);width:100%;color:var(--text-light);cursor:pointer;text-transform:capitalize;background:#f8fafcf2;align-items:center;gap:8px;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex;position:sticky;top:0}.mobile-filter-toggle svg{color:var(--accent-green)}@media (prefers-color-scheme:dark){.mobile-filter-toggle{color:var(--text-dark);border-bottom-color:var(--border-dark);background:#1a1a1af2}}@media (min-width:768px){.mobile-filter-toggle{display:none}}.mobile-filter-drawer{z-index:99;background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:12px;display:flex;position:fixed;top:57px;left:0;right:0;box-shadow:0 8px 24px #0f172a1f}.drawer-filter{cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.drawer-filter:hover{background:#f1f5f9}.drawer-filter.is-active{background:#eef2ff;border-color:#6366f1}.drawer-filter .filter-icon{font-size:1.1rem}.drawer-filter .filter-label{text-align:left;color:#0f172a;flex:1;font-weight:500}.drawer-filter .filter-count{color:#475569;background:#e2e8f0;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.drawer-filter.is-active .filter-count{color:#fff;background:#6366f1}.content-hero{max-width:1000px;margin:0 auto;padding:32px 20px 24px}@media (min-width:768px){.content-hero{text-align:center;padding:48px 32px 32px}}.hero-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}@media (min-width:768px){.hero-top{justify-content:center;position:relative}.hero-top .back-link{position:absolute;left:0}}.hero-inner{max-width:1000px;margin:0 auto}.back-link{color:#64748b;z-index:100;align-items:center;gap:8px;margin-bottom:20px;font-size:.875rem;text-decoration:none;transition:color .15s;display:inline-flex;position:relative}.back-link:hover{color:var(--accent-green)}[data-theme=dark] .back-link{color:var(--text-secondary-dark)}[data-theme=dark] .back-link:hover{color:var(--accent-green)}.theme-toggle{background:var(--surface-light);-webkit-backdrop-filter:blur(20px);width:48px;height:48px;color:var(--text-light);cursor:pointer;transition:all .4s var(--spring);z-index:100;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:32px;right:20px;box-shadow:0 4px 16px #0000000f,0 0 #9cf28a00}[data-theme=dark] .theme-toggle{background:var(--surface-dark);color:var(--text-dark);border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d,0 0 #9cf28a00}.theme-toggle:hover{border-color:var(--accent-green);transform:scale(1.1)rotate(15deg);box-shadow:0 8px 24px #9cf28a4d,0 0 0 4px #9cf28a33,0 0 40px #9cf28a33}.theme-toggle:active{transform:scale(.95)}.hero-text{margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent-green);background:#9cf28a1a;border:1px solid #9cf28a33;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}[data-theme=dark] .eyebrow{text-shadow:0 0 20px #9cf28a80;background:#9cf28a26}.hero-text h1{letter-spacing:-.02em;margin-bottom:16px;font-size:2rem;font-weight:800;line-height:1.1}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-light)0%,var(--text-secondary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:800;line-height:1.1}@media (min-width:768px){.hero-title{font-size:3rem}}[data-theme=dark] .hero-title{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary-light);max-width:400px;font-size:1.1rem;line-height:1.5}@media (min-width:768px){.hero-subtitle{margin:0 auto;font-size:1.2rem}}[data-theme=dark] .hero-subtitle{color:var(--text-secondary-dark)}.lede{color:var(--text-secondary-light);font-size:1rem;line-height:1.6}[data-theme=dark] .lede{color:var(--text-secondary-dark)}.hero-form{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.hero-form input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:1rem;transition:border-color .15s}.hero-form input:focus{border-color:#6366f1}.hero-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.hero-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #11182733}.hero-form button:disabled{background:#22c55e}.filter-section{max-width:1000px;margin:0 auto;padding:0 20px 24px}.filter-pills{flex-wrap:wrap;justify-content:center;gap:12px;display:none}@media (min-width:768px){.filter-pills{display:flex}}.hero-filters{flex-wrap:wrap;gap:8px;display:none}.filter-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--text-light);cursor:pointer;transition:all .4s var(--spring);background:#ffffff80;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a,inset 0 1px #fffc}.filter-pill:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#9cf28a4d 0%,#22d3ee33 100%);transition:opacity .4s;position:absolute;inset:0}.filter-pill:after{content:"";width:200%;height:200%;transition:transform .6s var(--spring);background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);position:absolute;top:-50%;left:-50%;transform:scale(0)}.filter-pill:hover:before{opacity:1}.filter-pill:hover:after{transform:scale(1)}[data-theme=dark] .filter-pill{color:var(--text-dark);background:#1e1e1e99;border:1px solid #ffffff14;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.filter-pill:hover{border-color:var(--accent-green);transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #9cf28a40,0 0 0 1px #9cf28a4d,inset 0 1px #fffc}.filter-pill.is-active{background:linear-gradient(135deg,var(--accent-green)0%,#7de069 100%);color:#0a0a0a;border-color:#0000;box-shadow:0 8px 24px #9cf28a66,0 0 40px #9cf28a33,inset 0 1px #ffffff4d}@media (prefers-color-scheme:dark){.filter-pill{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-dark)}.filter-pill:hover{background:#9cf28a26}}.filter-pill svg{font-size:1rem}.pill-count{background:#00000014;border-radius:999px;padding:2px 8px;font-size:.75rem}.filter-pill.is-active .pill-count{background:#fff3}@media (min-width:768px){.content-hero{padding:56px 32px 32px}.hero-text h1{font-size:2.5rem}.hero-form{flex-direction:row;max-width:480px}.hero-form input{flex:2}.hero-form button{flex:1;min-width:140px}.hero-filters{display:flex}}.content-section{max-width:1000px;margin:0 auto;padding:0 20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{font-size:1.25rem;font-weight:700}.result-count{color:#64748b;font-size:.875rem}.content-grid{grid-template-columns:1fr;gap:24px;max-width:900px;margin:0 auto;display:grid}.load-more-container{justify-content:center;margin-top:32px;padding:0 20px;display:flex}.load-more-btn{-webkit-backdrop-filter:blur(40px)saturate(200%);color:var(--text-light);cursor:pointer;transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:16px;padding:14px 32px;font-size:.95rem;font-weight:600;box-shadow:0 4px 16px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffe6}.load-more-btn:hover{border-color:var(--accent-green);transform:translateY(-2px);box-shadow:0 8px 24px #9cf28a33,0 4px 12px #00000014,inset 0 1px #ffffffe6}.load-more-btn:active{transform:translateY(0)}[data-theme=dark] .load-more-btn{color:var(--text-dark);background:#141414b3;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d,0 2px 8px #0003}[data-theme=dark] .load-more-btn:hover{border-color:var(--accent-green);box-shadow:0 8px 24px #9cf28a26,0 4px 12px #0006}.content-card{-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff40;border-left:4px solid var(--card-accent,var(--accent-green));color:var(--text-light);transition:all .5s var(--spring);cursor:pointer;z-index:10;background:#fff9;border-radius:24px;flex-direction:column;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffe6,inset 0 -1px #00000005}.content-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg,rgba(var(--card-accent-rgb,156,242,138),.1)0%,transparent 50%,#a78bfa0d 100%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.content-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0% 40%,#fff6 50%,#0000 60% 100%);width:300%;height:300%;transition:transform .8s;position:absolute;top:-100%;left:-100%;transform:rotate(45deg)translateY(0)}.content-card:hover:before{opacity:1}.content-card:hover:after{transform:rotate(45deg)translateY(100%)}[data-theme=dark] .content-card{border:1px solid #ffffff14;border-left:4px solid var(--card-accent,var(--accent-green));background:#141414b3;box-shadow:0 16px 48px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff0f,0 0 #9cf28a00}.content-card:hover{border-left-color:var(--accent-green);transform:translateY(-12px)scale(1.02)rotateX(2deg);box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014,0 0 0 1px #9cf28a4d,0 0 60px #9cf28a1a,inset 0 1px #ffffffe6}.content-card[data-platform=youtube]:hover{border-left-color:#ef4444;box-shadow:0 32px 64px #0000001f,0 16px 32px #ef444426,0 0 0 1px #ef444466,0 0 80px #ef444440,inset 0 1px #ffffffe6}.content-card[data-platform=tiktok]:hover{border-left-color:#06b6d4;box-shadow:0 32px 64px #0000001f,0 16px 32px #06b6d426,0 0 0 1px #06b6d466,0 0 80px #06b6d440,inset 0 1px #ffffffe6}.content-card[data-platform=twitch]:hover{border-left-color:#a855f7;box-shadow:0 32px 64px #0000001f,0 16px 32px #a855f726,0 0 0 1px #a855f766,0 0 80px #a855f740,inset 0 1px #ffffffe6}.content-card[data-platform=patreon]:hover{border-left-color:#f97316;box-shadow:0 32px 64px #0000001f,0 16px 32px #f9731626,0 0 0 1px #f9731666,0 0 80px #f9731640,inset 0 1px #ffffffe6}.content-card[data-platform=instagram]:hover{border-left-color:#e4405f;box-shadow:0 32px 64px #0000001f,0 16px 32px #e4405f26,0 0 0 1px #e4405f66,0 0 80px #e4405f40,inset 0 1px #ffffffe6}.content-card[data-platform=other]:hover{border-left-color:var(--accent-green);box-shadow:0 32px 64px #0000001f,0 16px 32px #9cf28a26,0 0 0 1px #9cf28a66,0 0 80px #9cf28a40,inset 0 1px #ffffffe6}[data-theme=dark] .content-card:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #0006,0 0 0 1px #9cf28a4d,0 0 60px #9cf28a26}[data-theme=dark] .content-card[data-platform=youtube]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #ef444433,0 0 0 1px #ef444480,0 0 100px #ef44444d}[data-theme=dark] .content-card[data-platform=tiktok]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #06b6d433,0 0 0 1px #06b6d480,0 0 100px #06b6d44d}[data-theme=dark] .content-card[data-platform=twitch]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #a855f733,0 0 0 1px #a855f780,0 0 100px #a855f74d}[data-theme=dark] .content-card[data-platform=patreon]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #f9731633,0 0 0 1px #f9731680,0 0 100px #f973164d}[data-theme=dark] .content-card[data-platform=instagram]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #e4405f33,0 0 0 1px #e4405f80,0 0 100px #e4405f4d}[data-theme=dark] .content-card[data-platform=other]:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #9cf28a33,0 0 0 1px #9cf28a80,0 0 100px #9cf28a4d}@media (prefers-color-scheme:dark){.content-card{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-dark)}.content-card:hover{box-shadow:0 8px 24px #0006}}.card-thumbnail{aspect-ratio:16/9;background:var(--bg-light);border-radius:16px 16px 0 0;width:calc(100% + 48px);margin:-24px -24px 0;position:relative;overflow:hidden}[data-theme=dark] .card-thumbnail{background:var(--bg-dark)}.card-thumbnail__image{object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.content-card:hover .card-thumbnail__image{transform:scale(1.05)}.card-thumbnail__gradient{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));width:100%;height:100%}.card-thumbnail__badge{-webkit-backdrop-filter:blur(12px)saturate(180%);color:#fff;z-index:2;box-sizing:border-box;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:4px;font-size:1.2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:12px;left:12px;overflow:visible;box-shadow:0 4px 12px #00000026}.card-thumbnail__badge svg{flex-shrink:0;width:100%;max-width:24px;height:100%;max-height:24px;display:block}.content-card:hover .card-thumbnail__badge{transform:scale(1.1)}[data-theme=dark] .card-thumbnail__badge{background:#0006;border-color:#fff3}.card-thumbnail__play{opacity:0;z-index:1;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.content-card:hover .card-thumbnail__play{opacity:1}.card-thumbnail__play-button{-webkit-backdrop-filter:blur(12px);width:64px;height:64px;color:var(--text-light);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .3s;display:flex;box-shadow:0 8px 24px #0000004d}.content-card:hover .card-thumbnail__play-button{transform:scale(1.1)}[data-theme=dark] .card-thumbnail__play-button{color:var(--text-dark);background:#ffffffe6}.card-content{flex-direction:column;flex:1;padding:24px;display:flex}.content-card{padding:0;overflow:hidden}.card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-platform{text-transform:uppercase;letter-spacing:.05em;opacity:.6;align-items:center;gap:6px;font-size:.7rem;font-weight:500;display:flex}.card-platform svg{font-size:.85rem}@media (prefers-color-scheme:dark){.card-platform{opacity:.5}}.card-badge{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan),var(--accent-purple));color:#000;text-transform:uppercase;letter-spacing:.8px;background-size:200% 200%;border-radius:999px;padding:6px 14px;font-size:.7rem;font-weight:700;animation:4s ease-in-out infinite badgeHolo,2s ease-in-out infinite badgeFloat;position:relative;overflow:hidden;box-shadow:0 4px 16px #9cf28a66,inset 0 0 0 1px #fff3}.card-badge:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);animation:3s ease-in-out infinite badgeShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes badgeHolo{0%,to{background-position:0%}50%{background-position:100%}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes badgeShine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.content-card h3{color:var(--text-light);margin-bottom:6px;font-size:1.05rem;font-weight:600;line-height:1.4}.content-card p{color:var(--text-secondary-light);flex:1;font-size:.9rem;line-height:1.6}@media (prefers-color-scheme:dark){.content-card h3{color:var(--text-dark)}.content-card p{color:var(--text-secondary-dark)}}.card-footer{color:#94a3b8;border-top:1px solid #f1f5f9;align-items:center;gap:12px;margin-top:12px;padding-top:10px;font-size:.8rem;display:flex}.card-views{color:#475569;font-weight:600}.card-date{flex:1}.card-play{color:var(--card-accent,#6366f1);font-size:.9rem}@media (min-width:640px){.content-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.card-thumbnail__play{opacity:1}.card-thumbnail__badge{width:36px;min-width:36px;height:36px;min-height:36px;padding:3px;font-size:1rem;top:8px;left:8px}.card-thumbnail__badge svg{max-width:20px;max-height:20px}.card-thumbnail__play-button{width:48px;height:48px;font-size:1.2rem}.load-more-container{padding:0}.load-more-btn{width:100%;max-width:100%}}@media (min-width:900px){.content-section{padding:0 32px}}.empty-state{text-align:center;color:#64748b;padding:48px 24px}.empty-state p{margin-bottom:16px}.ghost-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-weight:600;transition:border-color .15s}.ghost-btn:hover{border-color:#6366f1}.cta-footer{max-width:900px;margin:64px auto 0;padding:0 20px 40px}.cta-content{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cta-icon{color:var(--accent-green);filter:drop-shadow(0 0 20px #9cf28a80);font-size:2.5rem;animation:3s ease-in-out infinite ctaIconFloat}@keyframes ctaIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-text{text-align:center}.cta-title{color:var(--text-light);letter-spacing:-.02em;margin-bottom:8px;font-size:1.75rem;font-weight:800}[data-theme=dark] .cta-title{color:#fff;text-shadow:0 0 40px #ffffff1a}.cta-subtitle{color:var(--text-secondary-light);max-width:400px;margin:0 auto;font-size:1rem;line-height:1.5}[data-theme=dark] .cta-subtitle{color:var(--text-secondary-dark)}.cta-form{flex-direction:column;gap:12px;max-width:480px;margin:0 auto;display:flex;position:relative}@media (min-width:640px){.cta-form{flex-direction:row}}.cta-input{border:2px solid var(--border-light);background:var(--surface-light);-webkit-backdrop-filter:blur(20px);color:var(--text-light);transition:all .4s var(--spring);border-radius:16px;outline:none;flex:1;padding:18px 24px;font-size:1rem;box-shadow:0 4px 16px #0000000a,inset 0 1px #fffc}.cta-input::placeholder{color:var(--text-secondary-light)}.cta-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 4px #9cf28a33,0 8px 24px #9cf28a26,inset 0 1px #fffc}[data-theme=dark] .cta-input{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-dark);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .cta-input::placeholder{color:var(--text-secondary-dark)}[data-theme=dark] .cta-input:focus{box-shadow:0 0 0 4px #9cf28a26,0 8px 32px #9cf28a33,inset 0 1px #ffffff0d}.cta-button{background:linear-gradient(135deg,var(--accent-green)0%,#7de069 100%);color:#0a0a0a;cursor:pointer;transition:all .4s var(--spring);white-space:nowrap;border:none;border-radius:16px;padding:18px 32px;font-size:1rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 8px 24px #9cf28a59,inset 0 1px #fff6}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.cta-button:hover:before{transform:translate(100%)}.cta-button:hover:not(:disabled){transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #9cf28a73,0 0 60px #9cf28a40,inset 0 1px #fff6}.cta-button:active{transform:translateY(0)scale(.98)}.cta-button:disabled{color:#fff;cursor:default;background:linear-gradient(135deg,#22c55e,#16a34a)}.cta-error{color:#ef4444;text-align:center;margin-top:8px;font-size:.875rem}.embed-modal{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.embed-container{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;max-width:1200px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.embed-close{z-index:10;color:#fff;cursor:pointer;background:#000c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.embed-close:hover{background:var(--accent-green);color:#000;transform:scale(1.1)}@media (max-width:768px){.embed-modal{padding:10px}.embed-container{border-radius:8px}.embed-close{width:36px;height:36px;font-size:18px;top:8px;right:8px}}.search-section{max-width:500px;margin-top:24px;margin-left:auto;margin-right:auto}.content-search{border:2px solid var(--border-light);background:var(--surface-light);-webkit-backdrop-filter:blur(20px);width:100%;color:var(--text-light);transition:all .4s var(--spring);border-radius:16px;outline:none;padding:14px 20px;font-size:1rem;box-shadow:0 4px 16px #0000000a,inset 0 1px #fffc}.content-search::placeholder{color:var(--text-secondary-light)}.content-search:focus{border-color:var(--accent-green);box-shadow:0 0 0 4px #9cf28a33,0 8px 24px #9cf28a26,inset 0 1px #fffc}[data-theme=dark] .content-search{background:var(--surface-dark);border-color:var(--border-dark);color:var(--text-dark);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .content-search::placeholder{color:var(--text-secondary-dark)}[data-theme=dark] .content-search:focus{box-shadow:0 0 0 4px #9cf28a26,0 8px 32px #9cf28a33,inset 0 1px #ffffff0d}.card-embed-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:5;opacity:0;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:opacity .3s;display:flex;position:absolute;top:16px;right:16px}.content-card:hover .card-embed-indicator{opacity:1}.skeleton-card{pointer-events:none;animation:1.5s ease-in-out infinite skeletonPulse}.skeleton-thumbnail{aspect-ratio:16/9;background:linear-gradient(90deg,var(--border-light)0%,#ffffff80 50%,var(--border-light)100%);background-size:200% 100%;border-radius:16px 16px 0 0;width:100%;margin:-24px -24px 0;animation:1.5s ease-in-out infinite skeletonShimmer}[data-theme=dark] .skeleton-thumbnail{background:linear-gradient(90deg,var(--border-dark)0%,#ffffff0d 50%,var(--border-dark)100%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{background:var(--border-light);border-radius:8px;width:60%;height:24px;margin-bottom:12px}.skeleton-title{background:var(--border-light);border-radius:6px;width:80%;height:20px;margin-bottom:8px}.skeleton-blurb{background:var(--border-light);border-radius:6px;width:100%;height:16px;margin-bottom:8px}.skeleton-blurb:last-of-type{width:70%}.skeleton-meta{background:var(--border-light);border-radius:6px;width:50%;height:14px;margin-top:12px}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.content-footer{text-align:center;border-top:1px solid var(--border-light);max-width:1000px;margin:48px auto 0;padding:32px 20px}[data-theme=dark] .content-footer{border-top-color:var(--border-dark)}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-link{color:var(--text-secondary-light);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.9rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.footer-link:hover{color:var(--accent-green);-webkit-text-decoration-color:var(--accent-green);text-decoration-color:var(--accent-green)}[data-theme=dark] .footer-link{color:var(--text-secondary-dark)}[data-theme=dark] .footer-link:hover{color:var(--accent-green)}.footer-separator{color:var(--text-secondary-light);opacity:.5}[data-theme=dark] .footer-separator{color:var(--text-secondary-dark)}.footer-copyright{color:var(--text-secondary-light);margin-top:8px;font-size:.85rem}[data-theme=dark] .footer-copyright{color:var(--text-secondary-dark)}.policy-modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#000000e6;border:none;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:20px;display:flex;position:fixed;inset:0}.policy-modal-content{background:var(--surface-light);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff40;border-radius:24px;width:100%;max-width:600px;max-height:90vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}[data-theme=dark] .policy-modal-content{background:var(--surface-dark);border-color:#ffffff14;box-shadow:0 16px 48px #0006,0 4px 12px #0000004d}.policy-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:24px;display:flex}[data-theme=dark] .policy-modal-header{border-bottom-color:var(--border-dark)}.policy-modal-header h2{color:var(--text-light);margin:0;font-size:1.5rem;font-weight:700}[data-theme=dark] .policy-modal-header h2{color:var(--text-dark)}.policy-modal-close{background:var(--bg-light);border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.policy-modal-close:hover{background:var(--accent-green);color:#0a0a0a;border-color:var(--accent-green);transform:scale(1.1)}[data-theme=dark] .policy-modal-close{background:var(--bg-dark);border-color:var(--border-dark);color:var(--text-dark)}.policy-modal-body{max-height:calc(90vh - 100px);color:var(--text-light);padding:24px;overflow-y:auto}[data-theme=dark] .policy-modal-body{color:var(--text-dark)}.policy-modal-body section{margin-bottom:24px}.policy-modal-body section:last-child{margin-bottom:0}.policy-modal-body h3{color:var(--text-light);margin-bottom:8px;font-size:1.1rem;font-weight:600}[data-theme=dark] .policy-modal-body h3{color:var(--text-dark)}.policy-modal-body p{color:var(--text-secondary-light);margin-bottom:12px;font-size:.95rem;line-height:1.6}[data-theme=dark] .policy-modal-body p{color:var(--text-secondary-dark)}.policy-modal-body ul{margin-bottom:12px;padding-left:24px;list-style:outside}.policy-modal-body li{color:var(--text-secondary-light);margin-bottom:6px;font-size:.95rem;line-height:1.6}[data-theme=dark] .policy-modal-body li{color:var(--text-secondary-dark)}.policy-modal-body a{color:var(--accent-green);text-underline-offset:2px;text-decoration:underline}.policy-modal-body a:hover{opacity:.8}.policy-last-updated{color:var(--text-secondary-light);border-top:1px solid var(--border-light);margin-top:24px;padding-top:24px;font-size:.85rem;font-style:italic}[data-theme=dark] .policy-last-updated{color:var(--text-secondary-dark);border-top-color:var(--border-dark)}.cookie-intro{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:24px}[data-theme=dark] .cookie-intro{border-bottom-color:var(--border-dark)}.cookie-category{background:var(--bg-light);border:1px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:20px}[data-theme=dark] .cookie-category{background:var(--bg-dark);border-color:var(--border-dark)}.cookie-category-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cookie-category-header h3{margin-bottom:4px;font-size:1rem}.cookie-category-header p{margin:0;font-size:.85rem}.cookie-toggle{cursor:pointer;flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{cursor:pointer;background-color:var(--border-light);border-radius:26px;transition:all .3s;position:absolute;inset:0}[data-theme=dark] .cookie-toggle-slider{background-color:var(--border-dark)}.cookie-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.cookie-toggle input:checked+.cookie-toggle-slider{background-color:var(--accent-green)}.cookie-toggle input:focus+.cookie-toggle-slider{box-shadow:0 0 0 4px #9cf28a33}.cookie-toggle input:checked+.cookie-toggle-slider:before{transform:translate(22px)}.cookie-toggle input:disabled+.cookie-toggle-slider{opacity:.5;cursor:not-allowed}.cookie-actions{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:24px;padding-top:24px;display:flex}[data-theme=dark] .cookie-actions{border-top-color:var(--border-dark)}.cookie-save-btn{background:linear-gradient(135deg,var(--accent-green)0%,#7de069 100%);color:#0a0a0a;cursor:pointer;transition:all .3s var(--spring);border:none;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600}.cookie-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9cf28a59,0 0 40px #9cf28a33}.cookie-save-btn:active{transform:translateY(0)}.music-card{-webkit-backdrop-filter:blur(40px)saturate(200%);transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffe6}[data-theme=dark] .music-card{background:#141414b3;border:1px solid #ffffff14;box-shadow:0 16px 48px #0006,inset 0 1px #ffffff0f}.music-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #1db95426,0 0 0 1px #1db9544d,inset 0 1px #ffffffe6}[data-theme=dark] .music-card:hover{box-shadow:0 24px 64px #1db95433,0 0 0 1px #1db95466,inset 0 1px #ffffff0f}.music-card--spotify:hover{box-shadow:0 16px 48px #1db95426,0 0 0 1px #1db9544d,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--spotify:hover{box-shadow:0 24px 64px #1db95433,0 0 0 1px #1db95466,inset 0 1px #ffffff0f}.music-card--apple:hover{box-shadow:0 16px 48px #fa243c26,0 0 0 1px #fa243c4d,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--apple:hover{box-shadow:0 24px 64px #fa243c33,0 0 0 1px #fa243c66,inset 0 1px #ffffff0f}.music-card--soundcloud:hover{box-shadow:0 16px 48px #ff550026,0 0 0 1px #ff55004d,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--soundcloud:hover{box-shadow:0 24px 64px #f503,0 0 0 1px #f506,inset 0 1px #ffffff0f}.music-card__tabs{background:#00000005;border-bottom:1px solid #0000000d;gap:8px;padding:12px 16px;display:flex}[data-theme=dark] .music-card__tabs{background:#ffffff05;border-bottom-color:#ffffff14}.music-card__tab{width:36px;height:36px;color:var(--text-secondary-light);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.3rem;transition:all .2s;display:flex;position:relative}[data-theme=dark] .music-card__tab{color:var(--text-secondary-dark)}.music-card__tab:hover{opacity:1;background:#00000014;transform:scale(1.05)}[data-theme=dark] .music-card__tab:hover{background:#ffffff14}.music-card__tab--active{opacity:1;color:#1db954;background:#1db95426;font-weight:600}.music-card__tab--has-data{opacity:.8}.music-card__tab--has-data:hover{opacity:1}.music-card__tab--has-data:after{content:"";background:var(--platform-color,#1db954);opacity:.8;border:2px solid;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fffc}[data-theme=dark] .music-card__tab--has-data:after{box-shadow:0 0 0 2px #141414cc}.music-card--spotify .music-card__tab--active{color:#1db954;background:#1db9541a}.music-card--apple .music-card__tab--active{color:#fa243c;background:#fa243c1a}.music-card--soundcloud .music-card__tab--active{color:#f50;background:#ff55001a}.music-card__link{width:100%;color:inherit;gap:16px;padding:16px;text-decoration:none;display:flex}.music-card__image-container{border-radius:12px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026}.music-card__image{object-fit:cover;width:100%;height:100%}.music-card__image-placeholder{background:linear-gradient(135deg,var(--platform-color,#1db954)0%,#000c 100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.music-card--spotify .music-card__image-placeholder{background:linear-gradient(135deg,#1db954 0%,#191414 100%)}.music-card--apple .music-card__image-placeholder{background:linear-gradient(135deg,#fa243c 0%,#8e1a2b 100%)}.music-card--soundcloud .music-card__image-placeholder{background:linear-gradient(135deg,#f50 0%,#c40 100%)}.music-card__playing-indicator{background:#0009;border-radius:4px;align-items:flex-end;gap:2px;height:16px;padding:4px;display:flex;position:absolute;bottom:8px;right:8px}.music-card__bar{background:var(--platform-color,#1db954);border-radius:2px;width:3px;animation:.8s ease-in-out infinite musicBounce}.music-card__bar:first-child{height:60%;animation-delay:0s}.music-card__bar:nth-child(2){height:100%;animation-delay:.2s}.music-card__bar:nth-child(3){height:40%;animation-delay:.4s}@keyframes musicBounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.music-card__content{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.music-card__header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.music-card__platform-icon{color:var(--platform-color,#1db954);font-size:1rem}.music-card__status{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);font-size:.7rem;font-weight:600}[data-theme=dark] .music-card__status{color:var(--text-secondary-dark)}.music-card__title{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:1rem;font-weight:600;overflow:hidden}[data-theme=dark] .music-card__title{color:var(--text-dark)}.music-card__artist{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}[data-theme=dark] .music-card__artist{color:var(--text-secondary-dark)}.music-card__progress-container{margin-top:8px}.music-card__progress-bar{background:#0000001a;border-radius:2px;height:4px;overflow:hidden}[data-theme=dark] .music-card__progress-bar{background:#ffffff1a}.music-card__progress-fill{background:var(--platform-color,#1db954);border-radius:2px;height:100%;transition:width 1s linear}.music-card__progress-time{color:var(--text-secondary-light);justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}[data-theme=dark] .music-card__progress-time{color:var(--text-secondary-dark)}.music-card__playlists{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:12px 16px 16px;display:flex;overflow-x:auto}.music-card__playlists::-webkit-scrollbar{display:none}.music-card__playlist{color:inherit;background:#0000000d;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:6px 10px;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .music-card__playlist{background:#ffffff0d}.music-card__playlist:hover{background:#1db9541a;transform:translateY(-1px)}.music-card--spotify .music-card__playlist:hover{background:#1db9541a}.music-card--apple .music-card__playlist:hover{background:#fa243c1a}.music-card--soundcloud .music-card__playlist:hover{background:#ff55001a}.music-card__playlist-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px}.music-card__playlist-info{flex-direction:column;min-width:0;display:flex}.music-card__playlist-title{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}[data-theme=dark] .music-card__playlist-title{color:var(--text-dark)}.music-card__playlist-desc{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}[data-theme=dark] .music-card__playlist-desc{color:var(--text-secondary-dark)}.music-card__playlists-view{flex-direction:column;gap:8px;max-height:140px;padding:12px 16px 16px;display:flex;overflow-y:auto}.music-card__playlist-item{color:inherit;background:#0000000d;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .music-card__playlist-item{background:#ffffff0d}.music-card__playlist-item:hover{background:#9b59b626;transform:translate(4px)}.music-card__playlist-item-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px}.music-card__playlist-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.music-card__playlist-item-title{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}[data-theme=dark] .music-card__playlist-item-title{color:var(--text-dark)}.music-card__playlist-item-desc{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}[data-theme=dark] .music-card__playlist-item-desc{color:var(--text-secondary-dark)}.music-card--playlists:hover{box-shadow:0 16px 48px #9b59b626,0 0 0 1px #9b59b64d,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--playlists:hover{box-shadow:0 24px 64px #9b59b633,0 0 0 1px #9b59b666,inset 0 1px #ffffff0f}.music-card--loading{min-height:112px}.music-card__skeleton{gap:16px;width:100%;padding:16px;display:flex}.music-card__skeleton-image{background:linear-gradient(90deg,#0000000f 0%,#0000001a 50%,#0000000f 100%) 0 0/200% 100%;border-radius:12px;width:80px;height:80px;animation:1.5s ease-in-out infinite skeletonShimmer}[data-theme=dark] .music-card__skeleton-image{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}.music-card__skeleton-content{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.music-card__skeleton-title,.music-card__skeleton-artist,.music-card__skeleton-progress{background:linear-gradient(90deg,#0000000f 0%,#0000001a 50%,#0000000f 100%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite skeletonShimmer}[data-theme=dark] .music-card__skeleton-title,[data-theme=dark] .music-card__skeleton-artist,[data-theme=dark] .music-card__skeleton-progress{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}.music-card__skeleton-title{width:70%}.music-card__skeleton-artist{width:50%;height:12px}.music-card__skeleton-progress{width:100%;height:4px;margin-top:4px}.music-card--error,.music-card--empty{min-height:112px}.music-card__fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px;display:flex}.music-card__icon{color:var(--platform-color,#1db954);opacity:.5;font-size:2rem}.music-card__fallback-text{color:var(--text-secondary-light);font-size:.9rem}[data-theme=dark] .music-card__fallback-text{color:var(--text-secondary-dark)}.music-card__switch-hint{color:var(--text-secondary-light);opacity:.7;margin-top:4px;font-size:.75rem}[data-theme=dark] .music-card__switch-hint{color:var(--text-secondary-dark)}.music-card__retry{color:#1db954;cursor:pointer;background:#1db9541a;border:1px solid #1db9544d;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.music-card__retry:hover{background:#1db95433;border-color:#1db954}.music-card--apple .music-card__retry{color:#fa243c;background:#fa243c1a;border-color:#fa243c4d}.music-card--apple .music-card__retry:hover{background:#fa243c33;border-color:#fa243c}.music-card--soundcloud .music-card__retry{color:#f50;background:#ff55001a;border-color:#ff55004d}.music-card--soundcloud .music-card__retry:hover{background:#f503;border-color:#f50}.music-card--playing{border-color:#1db9544d}.music-card--playing:hover{box-shadow:0 16px 48px #1db95433,0 0 0 1px #1db95466,0 0 60px #1db9541a,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--playing:hover{box-shadow:0 24px 64px #1db95440,0 0 0 1px #1db95480,0 0 80px #1db95426,inset 0 1px #ffffff0f}.music-card--apple.music-card--playing{border-color:#fa243c4d}.music-card--apple.music-card--playing:hover{box-shadow:0 16px 48px #fa243c33,0 0 0 1px #fa243c66,0 0 60px #fa243c1a,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--apple.music-card--playing:hover{box-shadow:0 24px 64px #fa243c40,0 0 0 1px #fa243c80,0 0 80px #fa243c26,inset 0 1px #ffffff0f}.music-card--soundcloud.music-card--playing{border-color:#ff55004d}.music-card--soundcloud.music-card--playing:hover{box-shadow:0 16px 48px #f503,0 0 0 1px #f506,0 0 60px #ff55001a,inset 0 1px #ffffffe6}[data-theme=dark] .music-card--soundcloud.music-card--playing:hover{box-shadow:0 24px 64px #ff550040,0 0 0 1px #ff550080,0 0 80px #ff550026,inset 0 1px #ffffff0f}.discord-card{-webkit-backdrop-filter:blur(40px)saturate(200%);transition:all .4s var(--spring);cursor:pointer;background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;padding:16px;display:flex;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffe6}[data-theme=dark] .discord-card{background:#141414b3;border:1px solid #ffffff14;box-shadow:0 16px 48px #0006,inset 0 1px #ffffff0f}.discord-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #5865f226,0 0 0 1px #5865f24d,inset 0 1px #ffffffe6}[data-theme=dark] .discord-card:hover{box-shadow:0 24px 64px #5865f233,0 0 0 1px #5865f266,inset 0 1px #ffffff0f}.discord-card--online{border-left:4px solid #23a55a}.discord-card--idle{border-left:4px solid #f0b232}.discord-card--dnd{border-left:4px solid #f23f43}.discord-card--offline{border-left:4px solid #80848e}.discord-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.discord-card__status-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.discord-card__avatar{border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px #00000026}.discord-card--loading{min-height:120px}.discord-card__skeleton{align-items:center;gap:12px;width:100%;display:flex}[data-theme=dark] .discord-card__skeleton-avatar{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}[data-theme=dark] .discord-card__skeleton-name,[data-theme=dark] .discord-card__skeleton-status{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}.discord-card__skeleton-status{width:40%;height:12px}.discord-card--error,.discord-card--empty{min-height:120px}.discord-card__fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px;display:flex}.discord-card__icon{color:#5865f2;opacity:.5;font-size:2rem}.discord-card__retry{color:#5865f2;cursor:pointer;background:#5865f21a;border:1px solid #5865f24d;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.discord-card__retry:hover{background:#5865f233;border-color:#5865f2}.gaming-card{-webkit-backdrop-filter:blur(40px)saturate(200%);transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;padding:16px;display:flex;box-shadow:0 8px 32px #0000000f,inset 0 1px #ffffffe6}[data-theme=dark] .gaming-card{background:#141414b3;border:1px solid #ffffff14;box-shadow:0 16px 48px #0006,inset 0 1px #ffffff0f}.gaming-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #a855f726,0 0 0 1px #a855f74d,inset 0 1px #ffffffe6}[data-theme=dark] .gaming-card:hover{box-shadow:0 24px 64px #a855f733,0 0 0 1px #a855f766,inset 0 1px #ffffff0f}.gaming-card--playing{border-left:4px solid var(--accent-purple)}.gaming-card--playing:hover{box-shadow:0 16px 48px #a855f733,0 0 0 1px #a855f766,0 0 60px #a855f71a,inset 0 1px #ffffffe6}[data-theme=dark] .gaming-card--playing:hover{box-shadow:0 24px 64px #a855f740,0 0 0 1px #a855f780,0 0 80px #a855f726,inset 0 1px #ffffff0f}.gaming-card--idle{border-left:4px solid #80848e}.gaming-card__elapsed{color:var(--accent-purple);background:#a855f71a;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:.75rem;font-weight:500}.gaming-card__content{align-items:flex-start;gap:12px;display:flex}.gaming-card__image-container{border-radius:12px;flex-shrink:0;width:64px;height:64px;overflow:hidden;box-shadow:0 4px 16px #00000026}.gaming-card__info{flex:1;min-width:0}.gaming-card__idle-content{justify-content:center;align-items:center;padding:16px;display:flex}.gaming-card--loading{min-height:120px}.gaming-card__skeleton{align-items:center;gap:12px;width:100%;display:flex}[data-theme=dark] .gaming-card__skeleton-image{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}[data-theme=dark] .gaming-card__skeleton-title,[data-theme=dark] .gaming-card__skeleton-details{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1a 50%,#ffffff0f 100%) 0 0/200% 100%}.gaming-card__skeleton-details{width:50%;height:12px}.gaming-card--error{min-height:120px}.gaming-card__fallback{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px;display:flex}.gaming-card__icon{color:var(--accent-purple);opacity:.5;font-size:2rem}.gaming-card__retry{color:var(--accent-purple);cursor:pointer;background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.gaming-card__retry:hover{border-color:var(--accent-purple);background:#a855f733}.bento-grid{grid-template-columns:1fr;gap:20px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}@media (min-width:640px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 32px}}.bento-tile{min-height:200px;transition:all .4s var(--spring);border-radius:24px;overflow:hidden}.bento-tile--small{grid-area:span 1/span 1}.bento-tile--medium,.bento-tile--large{grid-area:span 2/span 1;min-height:424px}.bento-tile--wide{grid-area:span 1/span 1}@media (min-width:640px){.bento-tile--large{grid-area:span 2/span 2}.bento-tile--wide{grid-area:span 1/span 2}.bento-tile--medium{grid-area:span 2/span 1}}@media (min-width:1024px){.bento-tile--large{grid-area:span 2/span 2}.bento-tile--wide{grid-area:span 1/span 2}.bento-tile--medium{grid-area:span 2/span 1}.bento-tile--small{grid-area:span 1/span 1}}.bento-tile{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#fff9;border:1px solid #ffffff40;position:relative;box-shadow:0 8px 32px #0000000f,0 2px 8px #0000000a,inset 0 1px #ffffffe6}[data-theme=dark] .bento-tile{background:#141414b3;border:1px solid #ffffff14;box-shadow:0 16px 48px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff0f}.bento-tile:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000f,0 0 0 1px #9cf28a33,inset 0 1px #ffffffe6}[data-theme=dark] .bento-tile:hover{box-shadow:0 32px 64px #00000080,0 16px 32px #0006,0 0 0 1px #9cf28a4d,0 0 60px #9cf28a1a}.bento-tile--large{background:linear-gradient(135deg,#ffffffb3 0%,#ffffff80 100%)}[data-theme=dark] .bento-tile--large{background:linear-gradient(135deg,#1e1e1ecc 0%,#141414b3 100%)}.bento-tile--wide{border-left:4px solid #1db954}.bento-tile--wide:hover{box-shadow:0 24px 48px #1eb95426,0 8px 16px #0000000f,0 0 0 1px #1eb9544d,inset 0 1px #ffffffe6}[data-theme=dark] .bento-tile--wide:hover{box-shadow:0 32px 64px #1eb95433,0 16px 32px #0006,0 0 0 1px #1eb95466,0 0 80px #1eb95426}.bento-tile--medium{border-left:4px solid #5865f2}.bento-tile--medium:hover{box-shadow:0 24px 48px #5865f226,0 8px 16px #0000000f,0 0 0 1px #5865f24d,inset 0 1px #ffffffe6}[data-theme=dark] .bento-tile--medium:hover{box-shadow:0 32px 64px #5865f233,0 16px 32px #0006,0 0 0 1px #5865f266,0 0 80px #5865f226}@media (max-width:639px){.bento-grid{gap:16px;padding:0 16px}.bento-tile{border-radius:20px;min-height:180px}.bento-tile--medium,.bento-tile--large{grid-row:span 1;min-height:280px}.bento-tile--wide{min-height:160px}.bento-tile:hover{transform:translateY(-4px)}}@media (hover:none){.bento-tile:hover{transform:none}.bento-tile:active{transform:scale(.98)}}.command-palette-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}[data-theme=dark] .command-palette-backdrop{background:#000000b3}.command-palette{background:var(--surface-light);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff40;border-radius:16px;width:100%;max-width:640px;margin:0 16px;overflow:hidden;box-shadow:0 24px 48px #00000026,0 8px 16px #0000001a,inset 0 1px #ffffffe6}[data-theme=dark] .command-palette{background:#141414f2;border:1px solid #ffffff1a;box-shadow:0 32px 64px #00000080,0 16px 32px #0006,inset 0 1px #ffffff0d}.command-palette-header{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}[data-theme=dark] .command-palette-header{border-bottom-color:var(--border-dark)}.command-palette-search-icon{color:var(--text-secondary-light);flex-shrink:0;font-size:1rem}[data-theme=dark] .command-palette-search-icon{color:var(--text-secondary-dark)}.command-palette-input{color:var(--text-light);caret-color:var(--accent-green);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.command-palette-input::placeholder{color:var(--text-secondary-light)}[data-theme=dark] .command-palette-input{color:var(--text-dark)}[data-theme=dark] .command-palette-input::placeholder{color:var(--text-secondary-dark)}.command-palette-kbd{color:var(--text-secondary-light);background:#0000000f;border:1px solid #0000001a;border-radius:6px;flex-shrink:0;padding:4px 8px;font-family:inherit;font-size:.75rem}[data-theme=dark] .command-palette-kbd{color:var(--text-secondary-dark);background:#ffffff14;border-color:#ffffff1a}.command-palette-results{max-height:400px;padding:8px;overflow-y:auto}.command-palette-section{margin-bottom:8px}.command-palette-section:last-child{margin-bottom:0}.command-palette-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}[data-theme=dark] .command-palette-section-title{color:var(--text-secondary-dark)}.command-palette-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:all .15s;display:flex}.command-palette-item:hover,.command-palette-item.is-selected{background:#9cf28a1a}[data-theme=dark] .command-palette-item:hover,[data-theme=dark] .command-palette-item.is-selected{background:#9cf28a26}.command-palette-item.is-selected{box-shadow:inset 0 0 0 1px #9cf28a4d}.command-palette-item-icon{flex-shrink:0;font-size:1.25rem}.command-palette-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.command-palette-item-title{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}[data-theme=dark] .command-palette-item-title{color:var(--text-dark)}.command-palette-item-blurb{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}[data-theme=dark] .command-palette-item-blurb{color:var(--text-secondary-dark)}.command-palette-item-badge{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));color:#000;text-transform:uppercase;letter-spacing:.5px;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.65rem;font-weight:700}.command-palette-highlight{color:inherit;background:#9cf28a4d;border-radius:2px;padding:0 2px}[data-theme=dark] .command-palette-highlight{background:#9cf28a66}.command-palette-recent-item{cursor:pointer;text-align:left;width:100%;color:var(--text-light);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-size:.9rem;transition:all .15s;display:flex}.command-palette-recent-item:hover{background:#0000000a}[data-theme=dark] .command-palette-recent-item{color:var(--text-dark)}[data-theme=dark] .command-palette-recent-item:hover{background:#ffffff0f}.command-palette-recent-icon{color:var(--text-secondary-light);flex-shrink:0;font-size:.85rem}[data-theme=dark] .command-palette-recent-icon{color:var(--text-secondary-dark)}.command-palette-empty{text-align:center;color:var(--text-secondary-light);padding:32px 16px}[data-theme=dark] .command-palette-empty{color:var(--text-secondary-dark)}.command-palette-empty p{margin:0;font-size:.95rem}.command-palette-hint{opacity:.7;margin-top:8px!important;font-size:.8rem!important}.command-palette-hint kbd{background:#0000000f;border:1px solid #0000001a;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.7rem;display:inline-block}[data-theme=dark] .command-palette-hint kbd{background:#ffffff14;border-color:#ffffff1a}.command-palette-footer{border-top:1px solid var(--border-light);color:var(--text-secondary-light);justify-content:center;align-items:center;gap:24px;padding:12px 16px;font-size:.75rem;display:flex}[data-theme=dark] .command-palette-footer{border-top-color:var(--border-dark);color:var(--text-secondary-dark)}.command-palette-footer kbd{background:#0000000f;border:1px solid #0000001a;border-radius:4px;margin-right:4px;padding:2px 6px;font-family:inherit;font-size:.7rem;display:inline-block}[data-theme=dark] .command-palette-footer kbd{background:#ffffff14;border-color:#ffffff1a}@media (max-width:639px){.command-palette-backdrop{padding-top:10vh}.command-palette{border-radius:12px;max-width:none;margin:0 12px}.command-palette-header{padding:14px 16px}.command-palette-input{font-size:1rem}.command-palette-results{max-height:50vh}.command-palette-footer{flex-wrap:wrap;gap:16px}}.persistent-dock{z-index:900;pointer-events:none;transition:transform .3s var(--smooth),opacity .3s var(--smooth);position:fixed;top:50%;right:16px;transform:translateY(-50%)}.persistent-dock[data-keyboard-visible=true]{opacity:0;pointer-events:none;transform:translateY(-50%)translate(100%)}.persistent-dock__container{-webkit-backdrop-filter:blur(16px)saturate(180%);pointer-events:auto;background:#ffffffb3;border:1px solid #ffffff40;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}[data-theme=dark] .persistent-dock__container{background:#1e1e1ecc;border-color:#ffffff14;box-shadow:0 4px 20px #0006,0 1px 4px #0003}.persistent-dock__item{color:var(--text-secondary-light);transition:all .2s var(--smooth);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;padding:10px;text-decoration:none;display:flex;position:relative}.persistent-dock__item:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#9cf28a33 0%,#22d3ee1a 100%);transition:opacity .2s;position:absolute;inset:0}.persistent-dock__item:hover:before{opacity:1}[data-theme=dark] .persistent-dock__item{color:var(--text-secondary-dark)}.persistent-dock__item:hover{color:var(--text-light);transform:scale(1.05)}[data-theme=dark] .persistent-dock__item:hover{color:var(--text-dark)}.persistent-dock__item--active{color:var(--accent-green);background:#9cf28a26}.persistent-dock__item--active:before{opacity:1;background:linear-gradient(135deg,#9cf28a40 0%,#9cf28a1a 100%)}[data-theme=dark] .persistent-dock__item--active{color:var(--accent-green);background:#9cf28a1a}.persistent-dock__icon{transition:transform .2s var(--smooth);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.persistent-dock__item:hover .persistent-dock__icon{transform:scale(1.1)}.persistent-dock__item--active .persistent-dock__icon{filter:drop-shadow(0 0 6px #9cf28a80)}.persistent-dock__label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.55rem;font-weight:600}@media (max-width:639px){.persistent-dock{inset:auto auto 12px 50%;transform:translate(-50%)}.persistent-dock[data-keyboard-visible=true]{transform:translate(-50%)translateY(100%)}.persistent-dock__container{flex-direction:row;gap:4px;padding:6px 10px}.persistent-dock__item{width:auto;height:auto;padding:8px 14px}.persistent-dock__icon{font-size:1rem}.persistent-dock__label{font-size:.55rem}}@media (min-width:768px){.persistent-dock__container{gap:4px;padding:8px}.persistent-dock__item{width:48px;height:48px;padding:8px}}@keyframes dockSlideIn{0%{opacity:0;transform:translateY(-50%)translate(100%)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes dockSlideUp{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (min-width:640px){.persistent-dock{animation:dockSlideIn .5s var(--spring)forwards}}@media (max-width:639px){.persistent-dock{animation:dockSlideUp .5s var(--spring)forwards}}.content-shell{padding-bottom:40px}@media (min-width:640px){.content-shell{padding-right:80px}}@media (max-width:639px){.content-shell{padding-bottom:90px}}.newsletter-slide-in{z-index:1000;background:var(--surface-light);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff40;border-radius:20px;width:calc(100% - 40px);max-width:360px;padding:20px;position:fixed;bottom:100px;right:20px;box-shadow:0 16px 48px #0000001f,0 8px 24px #00000014,inset 0 1px #ffffffe6}[data-theme=dark] .newsletter-slide-in{background:var(--surface-dark);border:1px solid #ffffff14;box-shadow:0 16px 48px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff0f}.newsletter-close{width:28px;height:28px;color:var(--text-secondary-light);cursor:pointer;transition:all .3s var(--spring);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:12px;right:12px}.newsletter-close:hover{color:var(--text-light);background:#0000001a;transform:scale(1.1)}[data-theme=dark] .newsletter-close{color:var(--text-secondary-dark);background:#ffffff0d}[data-theme=dark] .newsletter-close:hover{color:var(--text-dark);background:#ffffff1a}.newsletter-content{flex-direction:column;gap:12px;display:flex}.newsletter-icon{background:linear-gradient(135deg,var(--accent-green)0%,#7de069 100%);color:#0a0a0a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #9cf28a4d}.newsletter-text{padding-right:24px}.newsletter-title{color:var(--text-light);margin:0 0 4px;font-size:1rem;font-weight:700}[data-theme=dark] .newsletter-title{color:var(--text-dark)}.newsletter-subtitle{color:var(--text-secondary-light);margin:0;font-size:.85rem;line-height:1.4}[data-theme=dark] .newsletter-subtitle{color:var(--text-secondary-dark)}.newsletter-form{gap:8px;margin-top:4px;display:flex}.newsletter-input{border:1px solid var(--border-light);color:var(--text-light);transition:all .3s var(--spring);background:#fffc;border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:.9rem}.newsletter-input::placeholder{color:var(--text-secondary-light)}.newsletter-input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px #9cf28a33}[data-theme=dark] .newsletter-input{border-color:var(--border-dark);color:var(--text-dark);background:#1e1e1ecc}[data-theme=dark] .newsletter-input::placeholder{color:var(--text-secondary-dark)}.newsletter-button{background:linear-gradient(135deg,var(--accent-green)0%,#7de069 100%);color:#0a0a0a;cursor:pointer;transition:all .3s var(--spring);white-space:nowrap;border:none;border-radius:12px;padding:12px 18px;font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #9cf28a40}.newsletter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #9cf28a59}.newsletter-button:disabled{opacity:.6;cursor:not-allowed}.newsletter-success{color:var(--accent-green);background:#9cf28a26;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.newsletter-success .success-icon{font-size:1rem}.newsletter-error{color:#ef4444;margin:4px 0 0;font-size:.8rem}@media (max-width:639px){.newsletter-slide-in{width:auto;max-width:none;padding:16px;bottom:90px;left:12px;right:12px}.newsletter-form{flex-direction:column}.newsletter-button{width:100%}}@media (min-width:640px){.newsletter-slide-in{max-width:380px;bottom:24px;right:90px}}.filter-grid{perspective:1000px;transform-style:preserve-3d}.filter-card{will-change:transform,opacity;transform-origin:50%;backface-visibility:hidden}.filter-card[data-layout-id]{transition:transform .3s var(--spring)}@keyframes filterCardEnter{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes filterCardExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes gridShuffle{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-card:first-child{--stagger-delay:0s}.filter-card:nth-child(2){--stagger-delay:30ms}.filter-card:nth-child(3){--stagger-delay:60ms}.filter-card:nth-child(4){--stagger-delay:90ms}.filter-card:nth-child(5){--stagger-delay:.12s}.filter-card:nth-child(6){--stagger-delay:.15s}.filter-card:nth-child(7){--stagger-delay:.18s}.filter-card:nth-child(8){--stagger-delay:.21s}.filter-card:nth-child(9){--stagger-delay:.24s}.filter-card:nth-child(10){--stagger-delay:.27s}.filter-card:nth-child(11){--stagger-delay:.3s}.filter-card:nth-child(12){--stagger-delay:.33s}.filter-card:nth-child(n+13){--stagger-delay:.35s}.filter-card{animation-delay:var(--stagger-delay,0s)}.filter-pill{transition:all .3s var(--spring)}.filter-pill.is-active{transform:scale(1.05)}.mobile-filter-drawer{animation:drawerSlideIn .3s var(--spring)}@keyframes drawerSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.drawer-filter{transition:all .2s var(--smooth)}.drawer-filter.is-active{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.filter-grid,.filter-card{transition:opacity .2s!important;animation:none!important}.filter-card{--stagger-delay:0s!important}.filter-pill,.drawer-filter{transition:none!important}}.filter-grid.has-many-cards .filter-card{contain:layout style paint}.filter-grid[data-filter=all]{display:grid}.filter-card:hover{z-index:10}.filter-card:focus-visible{outline:2px solid var(--accent-green);outline-offset:4px}.filter-section,.search-section{transition:opacity .2s}.content-search{transition:all .3s var(--spring)}.content-search:focus{transform:scale(1.02);box-shadow:0 0 0 3px #9cf28a33}.live-data-section{max-width:1000px;margin:48px auto 0;padding:0 20px 40px}.live-data-title{color:var(--text-light);text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:700}[data-theme=dark] .live-data-title{color:var(--text-dark)}.live-data-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.live-tile{height:180px;min-height:180px}.live-data-grid .bento-tile--wide,.live-data-grid .bento-tile--medium,.live-data-grid .bento-tile--small{grid-area:span 1/span 1}@media (max-width:768px){.live-data-grid{grid-template-columns:1fr}.live-tile{height:auto;min-height:150px}}.spotify-card{-webkit-backdrop-filter:blur(40px)saturate(200%);height:100%;transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}[data-theme=dark] .spotify-card{background:#141414b3;border-color:#ffffff14}.spotify-card__link{color:inherit;gap:16px;height:100%;padding:20px;text-decoration:none;display:flex}.spotify-card__image-container{border-radius:12px;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.spotify-card__image{object-fit:cover;width:100%;height:100%}.spotify-card__image-placeholder{color:#1db954;background:#1ed7601a;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.spotify-card__playing-indicator{align-items:flex-end;gap:2px;height:16px;display:flex;position:absolute;bottom:8px;right:8px}.spotify-card__bar{background:#1db954;border-radius:2px;width:3px;animation:.8s ease-in-out infinite spotifyBounce}.spotify-card__bar:first-child{height:8px;animation-delay:0s}.spotify-card__bar:nth-child(2){height:12px;animation-delay:.2s}.spotify-card__bar:nth-child(3){height:6px;animation-delay:.4s}@keyframes spotifyBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.spotify-card__content{flex-direction:column;flex:1;min-width:0;display:flex}.spotify-card__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.spotify-card__spotify-icon{color:#1db954;font-size:1rem}.spotify-card__status{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);font-size:.75rem;font-weight:600}[data-theme=dark] .spotify-card__status{color:var(--text-secondary-dark)}.spotify-card__title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-light);margin:0 0 4px;font-size:1rem;font-weight:600;overflow:hidden}[data-theme=dark] .spotify-card__title{color:var(--text-dark)}.spotify-card__artist{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}[data-theme=dark] .spotify-card__artist{color:var(--text-secondary-dark)}.spotify-card__progress-container{margin-top:auto;padding-top:8px}.spotify-card__progress-bar{background:#0000001a;border-radius:2px;height:4px;overflow:hidden}[data-theme=dark] .spotify-card__progress-bar{background:#ffffff1a}.spotify-card__progress-fill{background:#1db954;border-radius:2px;height:100%;transition:width 1s linear}.spotify-card__progress-time{color:var(--text-secondary-light);justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}[data-theme=dark] .spotify-card__progress-time{color:var(--text-secondary-dark)}.spotify-card--loading,.spotify-card--error,.spotify-card--empty{justify-content:center;align-items:center;padding:20px;display:flex}.spotify-card__skeleton{gap:16px;width:100%;display:flex}.spotify-card__skeleton-image{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:12px;width:80px;height:80px;animation:1.5s infinite shimmer}.spotify-card__skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.spotify-card__skeleton-title,.spotify-card__skeleton-artist,.spotify-card__skeleton-progress{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.spotify-card__skeleton-title{width:70%}.spotify-card__skeleton-artist{width:50%}.spotify-card__skeleton-progress{width:100%;margin-top:auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spotify-card__fallback{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.spotify-card__icon{color:#1db954;font-size:2rem}.spotify-card__fallback-text{color:var(--text-secondary-light);font-size:.875rem}[data-theme=dark] .spotify-card__fallback-text{color:var(--text-secondary-dark)}.spotify-card__retry{color:#1db954;cursor:pointer;background:#1ed7601a;border:1px solid #1ed7604d;border-radius:8px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.spotify-card__retry:hover{background:#1ed76033}.discord-card{-webkit-backdrop-filter:blur(40px)saturate(200%);height:100%;transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;padding:20px;display:flex;overflow:hidden}[data-theme=dark] .discord-card{background:#141414b3;border-color:#ffffff14}.discord-card__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.discord-card__discord-icon{color:#5865f2;font-size:1.25rem}.discord-card__status-indicator{align-items:center;gap:6px;display:flex}.discord-card__status-dot{border-radius:50%;width:10px;height:10px}.discord-card__status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);font-size:.75rem;font-weight:600}[data-theme=dark] .discord-card__status-label{color:var(--text-secondary-dark)}.discord-card__user{align-items:center;gap:12px;margin-bottom:12px;display:flex}.discord-card__avatar{border-radius:50%;width:48px;height:48px}.discord-card__user-info{flex-direction:column;display:flex}.discord-card__username{color:var(--text-light);font-size:1rem;font-weight:600}[data-theme=dark] .discord-card__username{color:var(--text-dark)}.discord-card__discriminator{color:var(--text-secondary-light);font-size:.875rem}[data-theme=dark] .discord-card__discriminator{color:var(--text-secondary-dark)}.discord-card__custom-status{color:var(--text-secondary-light);background:#0000000d;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:.875rem}[data-theme=dark] .discord-card__custom-status{color:var(--text-secondary-dark);background:#ffffff0d}.discord-card__activities{flex-direction:column;gap:8px;display:flex}.discord-card__activity{background:#00000008;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}[data-theme=dark] .discord-card__activity{background:#ffffff08}.discord-card__activity-image{object-fit:cover;border-radius:8px;width:40px;height:40px}.discord-card__activity-info{flex-direction:column;min-width:0;display:flex}.discord-card__activity-type{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);font-size:.7rem;font-weight:600}[data-theme=dark] .discord-card__activity-type{color:var(--text-secondary-dark)}.discord-card__activity-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}[data-theme=dark] .discord-card__activity-name{color:var(--text-dark)}.discord-card__activity-details,.discord-card__activity-state{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}[data-theme=dark] .discord-card__activity-details,[data-theme=dark] .discord-card__activity-state{color:var(--text-secondary-dark)}.discord-card--loading,.discord-card--error,.discord-card--empty{justify-content:center;align-items:center;display:flex}.discord-card__skeleton{gap:12px;width:100%;display:flex}.discord-card__skeleton-avatar{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:50%;width:48px;height:48px;animation:1.5s infinite shimmer}.discord-card__skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.discord-card__skeleton-name,.discord-card__skeleton-status{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.discord-card__skeleton-name{width:60%}.discord-card__skeleton-status{width:40%}.discord-card__fallback{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.discord-card__icon{color:#5865f2;font-size:2rem}.discord-card__fallback-text{color:var(--text-secondary-light);font-size:.875rem}[data-theme=dark] .discord-card__fallback-text{color:var(--text-secondary-dark)}.discord-card__retry{color:#5865f2;cursor:pointer;background:#5865f21a;border:1px solid #5865f24d;border-radius:8px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.discord-card__retry:hover{background:#5865f233}.gaming-card{-webkit-backdrop-filter:blur(40px)saturate(200%);height:100%;transition:all .4s var(--spring);background:#fff9;border:1px solid #ffffff40;border-radius:20px;flex-direction:column;padding:20px;display:flex;overflow:hidden}[data-theme=dark] .gaming-card{background:#141414b3;border-color:#ffffff14}.gaming-card__header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.gaming-card__gamepad-icon{color:var(--accent-purple);font-size:1.25rem}.gaming-card__status-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary-light);font-size:.75rem;font-weight:600}[data-theme=dark] .gaming-card__status-label{color:var(--text-secondary-dark)}.gaming-card__elapsed{color:var(--text-secondary-light);background:#0000000d;border-radius:4px;margin-left:auto;padding:4px 8px;font-size:.75rem}[data-theme=dark] .gaming-card__elapsed{color:var(--text-secondary-dark);background:#ffffff0d}.gaming-card__content{flex:1;gap:12px;display:flex}.gaming-card__image-container{border-radius:12px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.gaming-card__image{object-fit:cover;width:100%;height:100%}.gaming-card__info{flex-direction:column;min-width:0;display:flex}.gaming-card__game-name{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1rem;font-weight:600;overflow:hidden}[data-theme=dark] .gaming-card__game-name{color:var(--text-dark)}.gaming-card__details,.gaming-card__state{color:var(--text-secondary-light);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}[data-theme=dark] .gaming-card__details,[data-theme=dark] .gaming-card__state{color:var(--text-secondary-dark)}.gaming-card__idle-content{flex:1;justify-content:center;align-items:center;display:flex}.gaming-card__idle-text{color:var(--text-secondary-light);font-size:.875rem}[data-theme=dark] .gaming-card__idle-text{color:var(--text-secondary-dark)}.gaming-card--loading,.gaming-card--error{justify-content:center;align-items:center;display:flex}.gaming-card__skeleton{gap:12px;width:100%;display:flex}.gaming-card__skeleton-image{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:12px;width:60px;height:60px;animation:1.5s infinite shimmer}.gaming-card__skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.gaming-card__skeleton-title,.gaming-card__skeleton-details{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}.gaming-card__skeleton-title{width:70%}.gaming-card__skeleton-details{width:50%}.gaming-card__fallback{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.gaming-card__icon{color:var(--accent-purple);font-size:2rem}.gaming-card__fallback-text{color:var(--text-secondary-light);font-size:.875rem}[data-theme=dark] .gaming-card__fallback-text{color:var(--text-secondary-dark)}.gaming-card__retry{color:var(--accent-purple);cursor:pointer;background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:8px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.gaming-card__retry:hover{background:#a78bfa33}.content-error-state{flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.content-error-state .error-icon{font-size:3rem}.content-error-state .error-message{color:var(--text-secondary-light);text-align:center;max-width:400px;margin:0;font-size:1rem}[data-theme=dark] .content-error-state .error-message{color:var(--text-secondary-dark)}.retry-button{background:var(--accent-green);color:#0a0a0a;cursor:pointer;transition:all .3s var(--spring);border:none;border-radius:12px;padding:12px 24px;font-size:.875rem;font-weight:600}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #9cf28a66}.skeleton-card{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#fff9;border:1px solid #ffffff40;border-radius:24px;min-height:200px;padding:24px}[data-theme=dark] .skeleton-card{background:#141414b3;border-color:#ffffff14}.skeleton-header{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;width:40%;height:20px;margin-bottom:16px;animation:1.5s infinite shimmer}.skeleton-title{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:24px;margin-bottom:12px;animation:1.5s infinite shimmer}.skeleton-blurb{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:48px;margin-bottom:16px;animation:1.5s infinite shimmer}.skeleton-meta{background:linear-gradient(90deg,#0000000d 25%,#0000001a 50%,#0000000d 75%) 0 0/200% 100%;border-radius:4px;width:60%;height:16px;animation:1.5s infinite shimmer}[data-theme=dark] .skeleton-header,[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-blurb,[data-theme=dark] .skeleton-meta{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/200% 100%}