@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.footer-bar{display:flex;justify-content:center;background:transparent;text-align:center;align-self:center;padding:0}.footer-link{color:#fff;background:transparent;border:none;font-size:14px;cursor:pointer}.footer-link:hover{background:transparent;text-decoration:underline}.registration-wrapper{position:relative;width:100vw;height:100vh;background-image:url(/resources/gifs/gif2.gif);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px;box-sizing:border-box;font-family:Montserrat,sans-serif;flex-direction:column}.registration-container{background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:60px 80px;text-align:center;max-width:700px;width:100%;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000004d}.registration-container h1{font-size:56px;color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2}.registration-container p{color:#fff;font-size:18px;margin-bottom:30px}.spotify-button{background-color:#212121;color:#fff;font-size:18px;font-weight:500;padding:16px 24px;border:none;border-radius:99px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:360px;margin:0 auto;transition:background-color .3s ease}.spotify-button:hover{background-color:#121212}.spotify-button img{width:24px;height:24px}.note{margin-top:20px;font-size:14px;color:#fff;opacity:.9}.deco{position:absolute;z-index:1}.vest{top:40px;left:60px;width:60px;transform:rotate(12deg)}.acics{top:70px;right:100px;width:80px;transform:rotate(-6deg);scale:1.4}.jeans{right:160px;bottom:380px;width:70px;transform:rotate(5deg);scale:1.2}.hoodie{top:35%;left:140px;width:60px;transform:rotate(3deg);scale:1.4}.shirt{bottom:140px;left:80px;width:50px;transform:rotate(-12deg);scale:1.9}.brace{bottom:110px;right:120px;width:70px;transform:rotate(6deg)}@media (max-width: 1350px){.hoodie{display:none}.vest{top:40px;left:60px;width:60px;transform:rotate(12deg)}.acics{top:70px;right:100px;width:80px;transform:rotate(-6deg)}.jeans{right:160px;bottom:60px;width:70px;transform:rotate(5deg);scale:1.2}.shirt{bottom:120px;left:80px;width:50px;transform:rotate(-12deg)}.brace{bottom:90px;right:40px;width:70px;transform:rotate(6deg)}.registration-container{padding:40px 24px}.registration-container h1{font-size:36px}.registration-container p{font-size:16px}.spotify-button{font-size:16px;padding:14px 20px}}body{font-family:Montserrat,sans-serif}.playlists-wrapper{min-height:100vh;background-image:url(/resources/gifs/gif2.gif);background-size:cover;background-position:center;padding:40px 20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.playlists-container-inner{max-width:1200px;background-color:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:40px;border-radius:24px;box-shadow:0 10px 30px #0006;color:#fff;text-align:center;align-items:center}.page-title{font-size:48px;font-weight:700;margin-bottom:30px}.fetch-button{background-color:#1db954;color:#fff;font-size:16px;font-weight:500;padding:14px 28px;border:none;border-radius:999px;cursor:pointer;transition:background-color .3s ease;margin-bottom:30px;align-self:center}.fetch-button:hover{background-color:#1ed760}.playlists-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.playlist-card{width:180px;background:#282828;padding:15px;border-radius:12px;box-shadow:0 6px 12px #0000004d;cursor:pointer;transition:transform .2s ease}.playlist-card:hover{transform:translateY(-5px)}.playlist-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.playlist-name{margin-top:12px;font-size:14px;font-weight:600;color:#fff}@media (max-width: 768px){.page-title{font-size:32px}.fetch-button{width:100%}.playlist-card{width:140px}.playlist-image{height:140px}}.outfit-page{min-height:100vh;background-image:url(/resources/gifs/gif2.gif);background-size:cover;background-repeat:repeat;background-position:center;display:flex;align-items:center;flex-direction:column}.phone-frame{width:396px;height:704px;background:#000;background-size:cover;background-position:center;border-radius:22px;display:flex;flex-direction:column;align-items:center;align-self:center;padding:20px 10px;gap:20px;box-shadow:0 0 20px #00000080;margin-top:10px}.genre-title{font-family:Montserrat,sans-serif;color:#fff;font-size:34px;font-weight:900;text-align:center;margin-top:10px}.outfit-layout{display:flex;justify-content:center;gap:20px;width:100%;flex:1}.column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex:1}.column img{width:180px;height:180px;object-fit:contain;background-color:#1a1a1a;border-radius:12px}.username-subtitle{font-family:Montserrat,sans-serif;font-size:14px;color:#ccc;margin-top:-10px;margin-bottom:10px;text-align:center;opacity:.7}.footer-text{font-size:14px;color:#fff;opacity:.6;margin-top:auto;padding-bottom:10px}button,a{font-family:Montserrat,sans-serif;background-color:#fff;color:#000;font-size:13px;border:none;padding:12px 24px;border-radius:999px;font-weight:700;cursor:pointer;margin:10px;text-decoration:none;display:inline-block;transition:background .3s ease}button:hover,a:hover{background-color:#e6e6e6}.loader-wrapper{position:absolute;display:flex;justify-content:center;align-items:center;height:70vh}.loader{border:6px solid #f3f3f3;border-top:6px solid #1db954;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-top:2rem}.edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:15px;color:#fff;box-sizing:border-box;z-index:10}.edit-header{display:flex;justify-content:space-between;align-items:center}.edit-header h3{margin:0;font-size:18px}.edit-header button{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.edit-category{background:#ffffff1a;border-radius:12px;padding:10px}.edit-category h4{margin:0 0 8px;font-size:16px}.edit-thumbs{display:flex;gap:8px;overflow-x:auto}.edit-thumbs img{width:64px;height:64px;object-fit:contain;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .2s}.edit-thumbs img.selected{border-color:#fff}.hidden{opacity:0}.fade-in-scale{animation:fadeInScale .5s ease-out forwards}.genre-title{display:flex;align-items:center;justify-content:center;margin-top:10px}.genre-text{font-family:Montserrat,sans-serif;color:#fff;font-size:34px;font-weight:900;margin:0 8px}.genre-gif{width:32px;height:32px;object-fit:contain}.side-left{margin-right:8px}.side-right{margin-left:8px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 2160px){.phone-frame{scale:.9}}.privacy-wrapper{position:relative;width:100vw;min-height:100vh;background-image:url(/resources/gifs/gif2.gif);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:40px 20px;box-sizing:border-box;font-family:Montserrat,sans-serif;flex-direction:column}.privacy-container{background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:40px;max-width:800px;width:100%;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000004d;margin:40px 0}.privacy-container h1{font-size:42px;color:#fff;margin-bottom:30px;font-weight:700;text-align:center}.privacy-section{margin-bottom:30px}.privacy-section h2{font-size:24px;color:#fff;margin-bottom:15px;font-weight:600}.privacy-section p{color:#fff;font-size:16px;line-height:1.6;margin-bottom:15px}.privacy-section ul{color:#fff;margin-left:20px;margin-bottom:15px}.privacy-section li{margin-bottom:8px;line-height:1.6}.privacy-nav{display:flex;justify-content:center;margin-top:40px}.privacy-button{background-color:#212121;color:#fff;font-size:16px;font-weight:500;padding:12px 24px;border:none;border-radius:99px;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.privacy-button:hover{background-color:#121212}@media (max-width: 768px){.privacy-container{padding:30px 20px}.privacy-container h1{font-size:32px}.privacy-section h2{font-size:20px}.privacy-section p,.privacy-section li{font-size:14px}}/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */.visible{visibility:visible}.contents{display:contents}.hidden{display:none}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}body{margin:0;padding:0}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}html,body,#root{background:#000;height:100%;margin:0;padding:0}.page-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}