@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Indie Flower;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5912d36c4cd35192-s.12phym04202xf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Indie Flower;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c28f5313a6ae5ee4-s.p.0uu50fuh_pdc2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Indie Flower Fallback;src:local(Arial);ascent-override:103.05%;descent-override:51.84%;line-gap-override:0.0%;size-adjust:94.19%}.indie_flower_abbf223-module__Tqt-GW__className{font-family:Indie Flower,Indie Flower Fallback;font-style:normal;font-weight:400}.indie_flower_abbf223-module__Tqt-GW__variable{--font-indie-flower:"Indie Flower", "Indie Flower Fallback"}
@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.0m_cefwpdo931.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.0g9-.3zp53cup.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.archivo_black_478807d8-module__s8MPUW__className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.archivo_black_478807d8-module__s8MPUW__variable{--font-archivo-black:"Archivo Black", "Archivo Black Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_b6895f73-module__vNoLOG__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_b6895f73-module__vNoLOG__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
:root{--primary:#00adb5;--primary-hover:#008c93;--primary-light:#e6f7f8;--bg:#eee;--card-bg:#fff;--text-main:#222831;--text-muted:#626d78;--border:#d1d6da;--success:#00adb5;--success-light:#e6f7f8;--danger:#c47d7d;--shadow-sm:0 4px 12px #8a7e730a;--shadow-md:0 10px 25px -4px #8a7e7314;--shadow-lg:0 20px 40px -8px #8a7e731f;--bg-image:radial-gradient(circle at top right, #e6f7f8 0%, transparent 50%), radial-gradient(circle at bottom left, #eaeaea 0%, transparent 50%)}[data-theme=dark]{--bg:#141414;--card-bg:#1f1f1f;--text-main:#eee;--text-muted:#9ba4b5;--border:#2e2e2e;--primary-light:#b89b7e26;--shadow-sm:0 4px 12px #0003;--shadow-md:0 10px 25px -4px #0000004d;--shadow-lg:0 20px 40px -8px #0006;--bg-image:radial-gradient(circle at top right, #b89b7e14 0%, transparent 40%), radial-gradient(circle at bottom left, #7a91760d 0%, transparent 40%)}[data-theme=emerald]{--primary:#1ed760;--primary-hover:#1db954;--primary-light:#1ed76026;--bg:#022c22;--card-bg:#064e3b;--text-main:#fff;--text-muted:#a7f3d0;--border:#065f46;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 10px 25px -4px #0006;--shadow-lg:0 20px 40px -8px #00000080;--bg-image:radial-gradient(circle at top right, #1ed76014 0%, transparent 40%), radial-gradient(circle at bottom left, #065f4626 0%, transparent 40%)}[data-theme=sakura]{--primary:#ff9494;--primary-hover:#ff7e7e;--primary-light:#ff949426;--bg:#fffbf7;--card-bg:#fff0f0;--text-main:#5c3e3e;--text-muted:#a88b8b;--border:#ffe3e3;--shadow-sm:0 4px 12px #5c3e3e0d;--shadow-md:0 10px 25px -4px #5c3e3e14;--shadow-lg:0 20px 40px -8px #5c3e3e1f;--bg-image:radial-gradient(circle at top right, #ff949414 0%, transparent 40%), radial-gradient(circle at bottom left, #fff0f080 0%, transparent 40%)}[data-theme=latte]{--primary:#b38f70;--primary-hover:#9a7557;--primary-light:#b38f7026;--bg:#fffdf6;--card-bg:#f5ece1;--text-main:#523e2e;--text-muted:#8c735f;--border:#eadfcf;--shadow-sm:0 4px 12px #523e2e0a;--shadow-md:0 10px 25px -4px #523e2e0f;--shadow-lg:0 20px 40px -8px #523e2e1a;--bg-image:radial-gradient(circle at top right, #b38f7014 0%, transparent 40%), radial-gradient(circle at bottom left, #f5ece180 0%, transparent 40%)}[data-theme=sage]{--primary:#609966;--primary-hover:#4d7d52;--primary-light:#60996626;--bg:#edf1dc;--card-bg:#d6e4c5;--text-main:#2d3f2e;--text-muted:#556e56;--border:#c3d6af;--shadow-sm:0 4px 12px #2d3f2e0a;--shadow-md:0 10px 25px -4px #2d3f2e0f;--shadow-lg:0 20px 40px -8px #2d3f2e1a;--bg-image:radial-gradient(circle at top right, #60996614 0%, transparent 40%), radial-gradient(circle at bottom left, #d6e4c580 0%, transparent 40%)}[data-theme=neobrutalism]{--primary:#2e30ff;--primary-hover:#1e20df;--primary-light:#2e30ff17;--bg:#f5ede3;--card-bg:#fff;--text-main:#0a0a0a;--text-muted:#4a4a4a;--border:#0a0a0a;--success:#00a31f;--success-light:#00a31f1a;--danger:#d40000;--shadow-sm:3px 3px 0 0 #0a0a0a;--shadow-md:4px 4px 0 0 #0a0a0a;--shadow-lg:6px 6px 0 0 #0a0a0a;--bg-image:none}[data-theme=neobrutalism] .card{-webkit-backdrop-filter:none;border:2px solid #0a0a0a;border-radius:6px;box-shadow:4px 4px #0a0a0a}[data-theme=neobrutalism] .card:hover{border-color:#0a0a0a;transform:translate(-2px,-2px);box-shadow:6px 6px #0a0a0a}[data-theme=neobrutalism] .card:before{display:none}[data-theme=neobrutalism] .spotify-category-card{border:2px solid #0a0a0a;border-radius:8px;transition:transform .15s,box-shadow .15s;box-shadow:4px 4px #0a0a0a}[data-theme=neobrutalism] .spotify-category-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0a0a0a}[data-theme=neobrutalism] .spotify-pill{color:#0a0a0a;background-color:#fff;border:2px solid #0a0a0a;border-radius:6px;font-weight:700}[data-theme=neobrutalism] .spotify-pill:hover{background-color:#2e30ff0f}[data-theme=neobrutalism] .spotify-pill.active{color:#fff!important;background-color:#2e30ff!important;border-color:#0a0a0a!important}[data-theme=neobrutalism] .spotify-mobile-nav.scrolled{-webkit-backdrop-filter:none;box-shadow:0 3px #0a0a0a}[data-theme=neobrutalism] .spotify-profile-circle{border:2px solid #0a0a0a;border-radius:8px;box-shadow:2px 2px #0a0a0a}[data-theme=neobrutalism] .sidebar-overlay{-webkit-backdrop-filter:none;background:#0a0a0a99}[data-theme=neobrutalism] .sidebar-drawer{-webkit-backdrop-filter:none;background:#f5ede3;border-right:3px solid #0a0a0a;box-shadow:8px 0 #0a0a0a26}[data-theme=neobrutalism] .sidebar-nav-link{border-radius:4px}[data-theme=neobrutalism] .sidebar-nav-link:hover{background:#2e30ff0f}[data-theme=neobrutalism] .sidebar-nav-link.active{background:#2e30ff17;border:2px solid #0a0a0a;box-shadow:2px 2px #0a0a0a}[data-theme=neobrutalism] .spotify-bottom-sheet{box-shadow:none;background:#f5ede3;border-top:3px solid #0a0a0a;border-left:3px solid #0a0a0a;border-right:3px solid #0a0a0a;border-radius:20px 20px 0 0}[data-theme=neobrutalism] .spotify-bottom-sheet .sheet-drag-handle{opacity:.25;background:#0a0a0a;border-radius:3px;width:44px;height:5px}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-header h3{color:#0a0a0a;letter-spacing:-.03em;font-size:1.3rem;font-weight:900}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-list{gap:12px}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-row{background:#fff;border:2.5px solid #0a0a0a;border-radius:10px;padding:14px 16px;transition:transform .12s,box-shadow .12s;box-shadow:4px 4px #0a0a0a}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-row:hover{background:#fff;transform:translate(-3px,-3px);box-shadow:7px 7px #0a0a0a}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-row:active{transform:translate(2px,2px);box-shadow:1px 1px #0a0a0a}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-icon-box{color:#0a0a0a;background:#f0ebe1;border:2px solid #0a0a0a;border-radius:8px;width:46px;height:46px}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-title{color:#0a0a0a;font-size:.95rem;font-weight:900}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-desc{color:#444;font-size:.78rem}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-chevron{color:#0a0a0a;opacity:.4}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-close-btn{color:#f5ede3;background:#0a0a0a;border:2px solid #0a0a0a;border-radius:50%;width:54px;height:54px;box-shadow:4px 4px #0000004d}[data-theme=neobrutalism] .spotify-bottom-sheet .spotify-sheet-close-btn:hover{opacity:1;transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}[data-theme=neobrutalism] .spotify-bottom-sheet-overlay{background:#0a0a0a73}.join-sl-modal{background:#121212!important;border:1px solid #ffffff14!important;box-shadow:0 20px 50px #000c!important}.join-sl-body{padding:30px 24px}.join-sl-icon-wrap{background:#00adb51a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;display:flex}.join-sl-icon{color:#00adb5}.join-sl-title{color:#fff;text-align:center;margin-bottom:8px;font-size:1.25rem;font-weight:850}.join-sl-desc{color:#b3b3b3;text-align:center;margin:0 0 1.8rem;font-size:.82rem;line-height:1.5}.join-sl-textarea{color:#fff;resize:none;box-sizing:border-box;background:#181818;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:100px;padding:12px;font-family:monospace;font-size:.85rem;transition:border-color .2s}.join-sl-textarea:focus{border-color:#00adb5}.join-sl-textarea::placeholder{color:#ffffff4d}.join-sl-btn-cancel{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:100px;flex:1;padding:12px;font-size:.85rem;font-weight:800;transition:border-color .2s}.join-sl-btn-cancel:hover{border-color:#fff6}.join-sl-btn-submit{color:#fff;cursor:pointer;background:#00adb5;border:none;border-radius:100px;flex:1;padding:12px;font-size:.85rem;font-weight:800;transition:opacity .2s}.join-sl-btn-submit:hover{opacity:.88}.join-sl-close{top:16px!important;right:16px!important}[data-theme=neobrutalism] .join-sl-modal{box-shadow:none!important;background:#f5ede3!important;border:3px solid #0a0a0a!important;border-radius:20px!important}[data-theme=neobrutalism] .join-sl-icon-wrap{background:#e8f0ff;border:2px solid #0a0a0a}[data-theme=neobrutalism] .join-sl-icon{color:#2e30ff}[data-theme=neobrutalism] .join-sl-title{color:#0a0a0a}[data-theme=neobrutalism] .join-sl-desc{color:#5a5a5a}[data-theme=neobrutalism] .join-sl-textarea{color:#0a0a0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:2px solid #0a0a0a;border-radius:8px}[data-theme=neobrutalism] .join-sl-textarea::placeholder{color:#8a8a8a}[data-theme=neobrutalism] .join-sl-textarea:focus{border-color:#2e30ff}[data-theme=neobrutalism] .join-sl-btn-cancel{color:#0a0a0a;background:#fff;border:2px solid #0a0a0a;border-radius:8px;box-shadow:3px 3px #0a0a0a}[data-theme=neobrutalism] .join-sl-btn-cancel:hover{background:#f5ede3;border-color:#0a0a0a}[data-theme=neobrutalism] .join-sl-btn-submit{color:#fff;background:#2e30ff;border:2px solid #0a0a0a;border-radius:8px;box-shadow:3px 3px #0a0a0a}[data-theme=neobrutalism] .join-sl-btn-submit:hover{opacity:1;transform:translate(-2px,-2px);box-shadow:5px 5px #0a0a0a}[data-theme=neobrutalism] .join-sl-close{color:#0a0a0a!important;background:#fff!important;border:2px solid #0a0a0a!important;box-shadow:2px 2px #0a0a0a!important}[data-theme=neobrutalism] .modal-overlay .tg-modal{box-shadow:none!important;color:#0a0a0a!important;background:#f5ede3!important;border:3px solid #0a0a0a!important}@media (max-width:768px){[data-theme=neobrutalism] .modal-overlay .tg-modal{border-bottom:none!important;border-radius:28px 28px 0 0!important}}[data-theme=neobrutalism] .tg-modal .spotify-drag-handle{opacity:.3;background:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-eyebrow{color:#2e30ff}[data-theme=neobrutalism] .tg-modal .tg-title{color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-close{color:#0a0a0a;background:#fff;border:2px solid #0a0a0a;box-shadow:2px 2px #0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-close:hover{background:#f5ede3}[data-theme=neobrutalism] .tg-modal .tg-label{color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-sub{color:#5a5a5a}[data-theme=neobrutalism] .tg-modal .tg-input{color:#0a0a0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:2px solid #0a0a0a;border-radius:8px}[data-theme=neobrutalism] .tg-modal .tg-input::placeholder{color:#6a6a6a}[data-theme=neobrutalism] .tg-modal .tg-input:focus{background:#fff;border-color:#2e30ff}[data-theme=neobrutalism] .tg-modal .tg-datetime-ph{color:#6a6a6a}[data-theme=neobrutalism] .tg-modal .tg-datetime-icon{color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-prio{color:#0a0a0a;background:#fff;border:2px solid #0a0a0a;border-radius:8px}[data-theme=neobrutalism] .tg-modal .tg-prio:hover{background:#f5ede3}[data-theme=neobrutalism] .tg-modal .tg-prio.active{color:#0a0a0a;box-shadow:2px 2px #0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-prio.low.active{background:#e8f0ff;border-color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-prio.medium.active{background:#fff3e0;border-color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-prio.high.active{background:#ffe8e8;border-color:#0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-submit{color:#fff;background:#2e30ff;border:2px solid #0a0a0a;border-radius:8px;box-shadow:4px 4px #0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-submit:hover{filter:none;transform:translate(-2px,-2px);box-shadow:6px 6px #0a0a0a}[data-theme=neobrutalism] .tg-modal .tg-submit:active{transform:translate(0);box-shadow:2px 2px #0a0a0a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s}.card,.btn,.input,nav,.sidebar{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.5rem;font-size:2.75rem;font-weight:800}.header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.15rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.card{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid #ffffff80;border-radius:16px;flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--primary), #d4bca3);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-5px)}.card:hover:before{opacity:1}.card h2{color:var(--text-main);margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.card p{color:var(--text-muted);flex-grow:1;margin-bottom:2rem}.btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #b89b7e40}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -3px #b89b7e59}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg);box-shadow:var(--shadow-md)}.question-container{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);background:#fffc;border:1px solid #fff9;border-radius:20px;margin-bottom:2rem;padding:2.5rem}.question-text{color:var(--text-main);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.7}.question-image{max-width:100%;box-shadow:var(--shadow-md);border-radius:12px;margin-bottom:2rem}.options-list{flex-direction:column;gap:1rem;display:flex}.input{border:2px solid var(--border);background:var(--card-bg);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:.8rem 1.2rem;font-family:inherit;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.input::placeholder{color:var(--text-muted)}input[type=radio]{appearance:none;border:2px solid var(--border);cursor:pointer;background:var(--card-bg);border-radius:50%;place-content:center;width:20px;height:20px;transition:all .2s;display:grid}input[type=radio]:before{content:"";width:10px;height:10px;box-shadow:inset 1em 1em var(--primary);background-color:canvastext;border-radius:50%;transition:transform .12s ease-in-out;transform:scale(0)}input[type=radio]:checked{border-color:var(--primary)}input[type=radio]:checked:before{transform:scale(1)}.option-label{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.exam-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;display:flex}.result-container{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;max-width:600px;margin:0 auto;padding:4rem 2rem}.score-circle{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 2.5rem;font-size:3.5rem;font-weight:800;display:flex;position:relative;box-shadow:0 20px 25px -5px #b89b7e4d,0 10px 10px -5px #b89b7e26}.score-circle:after{content:"";border:2px dashed #b89b7e66;border-radius:50%;animation:20s linear infinite rotate;position:absolute;inset:-10px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.container{padding:1rem .75rem}.header h1{font-size:1.75rem}.header p{font-size:.9rem}.card,.question-container{padding:1.25rem}.score-circle{width:100px;height:100px;font-size:2.25rem}.btn{border-radius:8px;padding:.6rem 1rem;font-size:.85rem}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.book-loader-container{justify-content:center;align-items:center;width:100%;padding:4rem 0;display:flex}.book,.book__pg-shadow,.book__pg{animation:5s ease-in-out infinite cover}.book{background-color:var(--primary);box-shadow:0 .25em .5em #0000004d, 0 0 0 .25em var(--primary-light) inset;perspective:37.5em;width:8em;height:6em;transform-style:preserve-3d;border-radius:.25em;padding:.25em;position:relative;transform:translate(0,0)}.book__pg-shadow,.book__pg{width:calc(50% - .25em);position:absolute;left:.25em}.book__pg-shadow{filter:blur(.25em);transform-origin:100% 0;background-image:linear-gradient(-45deg,#0000 50%,#0000004d 50%);height:3.75em;animation-name:shadow;top:calc(100% - .25em);transform:scaleY(0)}.book__pg{transform-origin:100%;background-color:#fff;background-image:linear-gradient(90deg,#e3e4e800 87.5%,#e3e4e8);height:calc(100% - .5em);animation-name:pg1}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(#17181c 0 .125em,#17181c00 .125em .5em),linear-gradient(90deg,#e3e4e800 87.5%,#e3e4e8);background-position:50%;background-repeat:no-repeat;background-size:2.5em 4.125em,100% 100%}.book__pg--2{animation-name:pg2}.book__pg--3{animation-name:pg3}.book__pg--4{animation-name:pg4}.book__pg--5{animation-name:pg5}@keyframes cover{0%,5%,45%,55%,95%,to{background-color:var(--primary);animation-timing-function:ease-out}10%,40%,60%,90%{background-color:var(--primary-dark,#3b31c1);animation-timing-function:ease-in}}@keyframes shadow{0%,10.01%,20.01%,30.01%,40.01%{animation-timing-function:ease-in;transform:translateZ(1px)scaleY(0)rotateY(0)}5%,15%,25%,35%,45%,55%,65%,75%,85%,95%{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(.2)rotateY(90deg)}10%,20%,30%,40%,50%,to{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(0)rotateY(180deg)}50.01%,60.01%,70.01%,80.01%,90.01%{animation-timing-function:ease-in;transform:translateZ(1px)scaleY(0)rotateY(180deg)}60%,70%,80%,90%,to{animation-timing-function:ease-out;transform:translateZ(1px)scaleY(0)rotateY(0)}}@keyframes pg1{0%,to{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.4deg)}10%,15%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(180deg)}20%,80%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(180deg)}85%,90%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(180deg)}}@keyframes pg2{0%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.3deg)}5%,10%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.3deg)}20%,25%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.9deg)}30%,70%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.9deg)}75%,80%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.9deg)}90%,95%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.3deg)}}@keyframes pg3{0%,10%,90%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.2deg)}15%,20%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.2deg)}30%,35%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.8deg)}40%,60%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.8deg)}65%,70%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.8deg)}80%,85%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.2deg)}}@keyframes pg4{0%,20%,80%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(.1deg)}25%,30%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(.1deg)}40%,45%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(179.7deg)}50%{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(179.7deg)}55%,60%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.7deg)}70%,75%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(.1deg)}}@keyframes pg5{0%,30%,70%,to{background-color:#676e7e;animation-timing-function:ease-in;transform:translateZ(1px)rotateY(0)}35%,40%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(0)}50%{background-color:#fff;animation-timing-function:ease-in-out;transform:translateZ(1px)rotateY(179.6deg)}60%,65%{background-color:#fff;animation-timing-function:ease-out;transform:translateZ(1px)rotateY(0)}}.premium-blocker-container{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.premium-blocker-card{z-index:2;-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff73;border:1px solid #ffffff80;border-radius:32px;width:100%;max-width:620px;padding:3.5rem 2.5rem;position:relative;box-shadow:0 25px 50px -12px #0000000d}[data-theme=dark] .premium-blocker-card{background:#1e293b73;border:1px solid #ffffff0f;box-shadow:0 25px 50px -12px #0000004d}.premium-lock-wrapper{background:#ef44440f;border:1.5px dashed #ef44444d;border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 1.5rem;animation:2.5s infinite alternate lock-breathe;display:flex;box-shadow:0 10px 20px #ef44440d}@keyframes lock-breathe{0%{transform:scale(1);box-shadow:0 10px 20px #ef44440d}to{transform:scale(1.05);box-shadow:0 10px 25px #ef444433}}.premium-blocker-title{letter-spacing:-.02em;color:var(--text-main);margin-bottom:.75rem;font-size:2.2rem;font-weight:800}.premium-blocker-subtitle{color:var(--text-muted);max-width:480px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.6}.premium-retail-box{border:2px solid var(--primary);background:#ffffffa6;border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:2rem;transition:all .2s;box-shadow:0 10px 30px #b89b7e14}[data-theme=dark] .premium-retail-box{border-color:var(--primary);background:#0f172a40;box-shadow:0 10px 30px #b89b7e26}.premium-retail-box:hover{transform:translateY(-3px);box-shadow:0 15px 35px #b89b7e1f}.premium-retail-title{color:var(--text-main);margin:0 0 .5rem;font-size:1.25rem;font-weight:850}.premium-retail-price{color:var(--primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2rem;font-weight:900}.premium-retail-duration{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:.85rem;font-weight:600}.premium-bundles-section{width:100%;max-width:440px;margin:2.5rem auto 0}.premium-bundles-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:.82rem;font-weight:850}.premium-bundle-grid{flex-direction:column;gap:1rem;display:flex}.premium-bundle-card{border:1.5px dashed var(--border);text-align:left;background:#ffffff80;border-radius:18px;padding:1.25rem;transition:all .2s}[data-theme=dark] .premium-bundle-card{background:#ffffff03}.premium-bundle-card:hover{background:var(--card-bg);border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 20px -8px #10b98133}.premium-bundle-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.premium-bundle-card-title{color:var(--text-main);font-size:1.05rem;font-weight:800}.premium-bundle-card-price{color:#10b981;font-size:1.1rem;font-weight:900}.premium-bundle-card-duration{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;font-weight:600}[data-theme=neobrutalism] .premium-blocker-card{-webkit-backdrop-filter:none;background:#fff;border:2px solid #0a0a0a;border-radius:8px;box-shadow:8px 8px #0a0a0a}[data-theme=neobrutalism] .premium-lock-wrapper{background:#fff0f2;border:2px solid #e8003d;border-radius:8px;animation:none;box-shadow:4px 4px #e8003d}[data-theme=neobrutalism] .premium-retail-box{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:2px solid #0a0a0a;border-radius:6px;box-shadow:4px 4px #0a0a0a}[data-theme=neobrutalism] .premium-retail-box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0a0a0a}[data-theme=neobrutalism] .premium-retail-price{color:#2e30ff}[data-theme=neobrutalism] .premium-bundle-card{background:#fff;border:2px solid #0a0a0a;border-radius:6px;box-shadow:3px 3px #0a0a0a}[data-theme=neobrutalism] .premium-bundle-card:hover{background:#fff;border-color:#0a0a0a;transform:translate(-2px,-2px);box-shadow:5px 5px #0a0a0a}[data-theme=neobrutalism] .premium-bundle-card-price{color:#00c56e}[data-theme=neobrutalism] .premium-bundles-title{color:var(--text-muted);letter-spacing:.04em}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-drawer{-webkit-backdrop-filter:blur(25px);z-index:2100;background:#ffffffd9;border-right:1px solid #ffffff80;flex-direction:column;width:290px;padding:2rem 1.5rem;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:15px 0 40px -10px #00000014}[data-theme=dark] .sidebar-drawer{background:#0f172ad9;border-right:1px solid #ffffff0d;box-shadow:15px 0 45px -10px #0006}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.sidebar-title{letter-spacing:-.03em;color:var(--text-main);font-size:1.6rem;font-weight:900}.sidebar-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-close-btn:hover{background:var(--bg);color:var(--text-main);transform:rotate(90deg)scale(1.05)}.sidebar-content{flex-direction:column;flex-grow:1;gap:1.75rem;padding-bottom:5rem;display:flex;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:0}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;padding-left:.75rem;font-size:.72rem;font-weight:850}.sidebar-nav-list{flex-direction:column;gap:.35rem;display:flex}.sidebar-nav-link{color:var(--text-main);border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-link.active{color:var(--primary);background:linear-gradient(135deg,#b89b7e1f 0%,#10b9810a 100%);font-weight:800;box-shadow:0 4px 15px -4px #b89b7e26}[data-theme=dark] .sidebar-nav-link.active{background:linear-gradient(135deg,#b89b7e33 0%,#10b9810f 100%);box-shadow:0 4px 20px -4px #b89b7e4d}.sidebar-nav-link:not(.active):hover{color:var(--primary);background:#0000000a;padding-left:1.25rem}[data-theme=dark] .sidebar-nav-link:not(.active):hover{background:#ffffff08}.sidebar-nav-link .icon-container{justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-link:hover .icon-container{transform:scale(1.1)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:1.25rem}.sidebar-version-card{border:1px dashed var(--border);background:#ffffff8c;border-radius:16px;flex-direction:column;gap:.15rem;padding:.85rem 1.1rem;transition:all .2s;display:flex}[data-theme=dark] .sidebar-version-card{background:#ffffff05}.sidebar-version-card:hover{border-color:var(--primary);background:var(--card-bg);box-shadow:0 4px 15px -4px #b89b7e1a}.sidebar-version-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.sidebar-version-value{color:var(--text-main);font-size:.9rem;font-weight:800}.mobile-bottom-nav{background:var(--card-bg);border-top:1px solid var(--border);z-index:1000;width:100%;height:65px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0}.bottom-nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.65rem;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--text-main)}.desktop-sidebar{display:none}@media (min-width:768px){.mobile-bottom-nav{display:none}.desktop-sidebar{background:var(--card-bg);border-right:1px solid var(--border);z-index:1000;flex-direction:column;width:300px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-logo-container{padding-bottom:24px;padding-left:12px}.sidebar-scroll-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.sidebar-link{color:var(--text-muted);border-radius:8px;align-items:center;gap:16px;padding:10px 12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text-main)}.sidebar-link.active{color:var(--primary);background:var(--primary-light)}.profile-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;transition:background .2s;display:flex}.profile-btn:hover{background:var(--bg)}.profile-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.profile-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.profile-dropdown{background:var(--card-bg);border:1px solid var(--border);width:calc(100% - 24px);box-shadow:var(--shadow-lg);z-index:1001;border-radius:12px;padding:8px;position:absolute;bottom:60px;left:12px}.dropdown-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:10px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--bg)}.logout-item{color:var(--danger)}.logout-item:hover{background:#ef44441a}}.spotify-categories-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:768px){.spotify-categories-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width:1024px){.spotify-categories-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.spotify-categories-grid{grid-template-columns:repeat(5,1fr)}}.spotify-categories-grid.horizontal-layout{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;display:flex;overflow-x:auto}.spotify-categories-grid.horizontal-layout .spotify-category-card{scroll-snap-align:start;flex:0 0 calc(42vw - 8px);max-width:200px}@media (min-width:768px){.spotify-categories-grid.horizontal-layout .spotify-category-card{flex:0 0 200px}}.spotify-category-card{aspect-ratio:1;border-radius:12px;padding:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000026}.spotify-category-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000040}.spotify-card-title{color:#fff;text-shadow:0 2px 4px #0003;z-index:2;word-wrap:break-word;margin:0;padding-right:10px;font-size:1.1rem;font-weight:800;line-height:1.2;position:relative}.spotify-card-badges{z-index:2;flex-direction:row;align-items:flex-start;gap:6px;margin-top:8px;display:flex;position:relative}.spotify-card-image-wrapper{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:50%;height:50%;display:flex;position:absolute;bottom:0;right:0;overflow:hidden;transform:rotate(25deg)translate(18%,-2%);box-shadow:-4px -4px 10px #00000026}.spotify-card-icon{opacity:.8;text-shadow:-4px -4px 10px #0003;font-size:5rem;position:absolute;bottom:-10px;right:-10px;transform:rotate(20deg)}.mobile-profile-dropdown{background:var(--card-bg);border:1px solid var(--border);z-index:1001;border-radius:12px;width:250px;padding:8px;display:none;position:fixed;bottom:75px;right:16px;box-shadow:0 -4px 20px #00000026}@media (min-width:768px){.mobile-profile-dropdown{display:none!important}}.spotify-mobile-nav{z-index:100;padding:calc(10px + env(safe-area-inset-top,12px)) 1rem 12px 1rem;background:0 0;align-items:center;gap:12px;width:calc(100% + 2rem);margin-bottom:20px;margin-left:-1rem;margin-right:-1rem;transition:background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),padding .25s;display:flex;position:sticky;top:0}.spotify-mobile-nav.scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014;background:var(--bg)!important}[data-theme=dark] .spotify-mobile-nav.scrolled{box-shadow:0 4px 25px #0000004d;background:var(--bg)!important}.spotify-profile-circle{color:#fff;background-color:#ff6b6b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.spotify-filter-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.spotify-filter-scroll::-webkit-scrollbar{display:none}.spotify-pill{color:var(--text-main);cursor:pointer;white-space:nowrap;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}[data-theme=dark] .spotify-pill{color:#fff;background-color:#2a2a2a;border-color:#0000}.spotify-pill.active{color:#000!important;background-color:#1ed760!important;border-color:#0000!important}.ambient-glow{will-change:transform!important;transform:translate(0,0)!important}.ambient-glow-wrapper{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.exam-card.search-hit,.material-card-admin.search-hit{animation:1.4s ease-in-out infinite searchHitPulse;border-color:#fbbf24!important;box-shadow:0 0 0 2px #fbbf248c,0 0 18px 2px #fbbf2473!important}.kanban-column.search-hit{animation:1.4s ease-in-out infinite searchHitPulseColumn;border-color:#fbbf24!important;box-shadow:0 0 0 2px #fbbf2480,0 0 28px 4px #fbbf2459!important}@keyframes searchHitPulse{0%,to{box-shadow:0 0 0 2px #fbbf248c,0 0 14px 1px #fbbf2459}50%{box-shadow:0 0 0 2px #fbbf24d9,0 0 26px 5px #fbbf2499}}@keyframes searchHitPulseColumn{0%,to{box-shadow:0 0 0 2px #fbbf2473,0 0 22px 2px #fbbf2447}50%{box-shadow:0 0 0 2px #fbbf24b3,0 0 38px 7px #fbbf2480}}@media (prefers-reduced-motion:reduce){.exam-card.search-hit,.material-card-admin.search-hit,.kanban-column.search-hit{animation:none}}