.GlobalMenu_globalMenu__3tiRW{margin-bottom:20px}.GlobalMenu_gmenu__yAb4P{list-style:none;display:flex;justify-content:center;gap:20px;padding:0;margin:0}.GlobalMenu_gmenu__yAb4P li a,.GlobalMenu_gmenu__yAb4P li a:visited{color:#0070f3;text-decoration:none;font-weight:500;transition:color .2s ease-in-out;display:flex;align-items:center;height:40px;padding:0 8px}.GlobalMenu_gmenu__yAb4P li a:hover{color:#338dff}.LoginStatus_container__Pujd5{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.LoginStatus_spotifyIcon__kMzVy{width:20px;height:20px}.LoginStatus_userStatus__Zzhoh{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(29,185,84,.1);border-radius:8px;border:1px solid rgba(29,185,84,.3)}.LoginStatus_spotifyText__uBW3S{font-size:.8rem;font-weight:500;color:#1db954}.LoginStatus_avatar__l_ECs{border-radius:50%;border:2px solid hsla(0,0%,100%,.3)}.LoginStatus_userName__oTjcg{font-size:.9rem;font-weight:500;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.LoginStatus_loginStatus__iQj8c{flex-direction:column;width:100%}.LoginStatus_loginPrompt__rESYK,.LoginStatus_loginStatus__iQj8c{display:flex;align-items:center;gap:8px}.LoginStatus_loginText__rpL8i{font-size:.9rem;color:hsla(0,0%,100%,.9);font-weight:500;text-align:center}.LoginStatus_loadingText__lH1b8{font-size:.9rem;color:hsla(0,0%,100%,.8);font-weight:500}.LoginStatus_mypageLink__CtWOG{padding:6px 12px;background:#1db954;color:#fff;text-decoration:none;border-radius:6px;font-size:.8rem;font-weight:500;transition:background-color .2s ease}.LoginStatus_mypageLink__CtWOG:hover{background:#1ed760}.LoginStatus_loginButton__c01ix{padding:8px 16px;background:rgba(29,185,84,.9);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(29,185,84,.3);height:40px}.LoginStatus_loginButton__c01ix:hover{background:#1db954;box-shadow:0 4px 12px rgba(29,185,84,.4);transform:translateY(-1px)}@media (max-width:768px){.LoginStatus_container__Pujd5{flex-direction:column;gap:8px;padding:12px}.LoginStatus_userInfo__fgYuX{flex-direction:column;text-align:center}.LoginStatus_userActions__S9ABH{flex-direction:column;width:100%}.LoginStatus_loginButton__c01ix,.LoginStatus_mypageLink__CtWOG{width:100%;text-align:center}.LoginStatus_loginStatus__iQj8c{width:100%}}.Layout_pageWrapper__WAjZV{max-width:1200px;margin:0 auto;background-color:var(--tunedive-background);padding-bottom:var(--player-padding,0);transition:padding-bottom .3s ease}.Layout_pageWrapper__WAjZV.Layout_withPlayer__nnAeQ{--player-padding:120px}@media (max-width:920px){.Layout_pageWrapper__WAjZV.Layout_withPlayer__nnAeQ{--player-padding:140px}}@media (max-width:480px){.Layout_pageWrapper__WAjZV.Layout_withPlayer__nnAeQ{--player-padding:150px}}.Layout_header__Y5wI0{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background-color:var(--tunedive-surface);box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative;min-height:60px}.Layout_logoTitle__nLLEl{font-size:1.75rem;font-weight:700;flex:1 0 auto;display:flex;align-items:center;height:100%;line-height:1}.Layout_logoLink__7fuW3{text-decoration:none;background:linear-gradient(135deg,#06b6d4,#1e3a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease-in-out;display:inline-block}.Layout_logoLink__7fuW3:hover{background:linear-gradient(135deg,#22d3ee,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05)}.Layout_menu__oD_jN{flex:2 1 auto;display:flex;justify-content:center;align-items:center;height:100%}.Layout_loginStatusContainer__OUkK2{flex:1 0 auto;display:flex;justify-content:flex-end;align-items:center;height:100%;z-index:10}.Layout_navigationButtons__afEUP{display:flex;justify-content:center;gap:10px;margin-top:5px;margin-bottom:20px}.Layout_button__QH1Ed{padding:6px 12px;border:1px solid #cbd5e1;border-radius:20px;background-color:var(--tunedive-surface);color:var(--tunedive-text-primary);cursor:pointer;transition:all .2s ease;font-size:.8em;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.Layout_button__QH1Ed:hover{background-color:var(--tunedive-primary-light);border-color:var(--tunedive-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(30,58,138,.2)}.Layout_lockedButton__JzKPM{background-color:var(--tunedive-secondary-light);border-color:var(--tunedive-secondary);color:#fff}.Layout_buttonGroup__JZjY1{text-align:center;margin:20px 0}.Layout_backButton__2kPrA,.Layout_lockButton__AwNow{margin:0 .5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.1)}.Layout_backButton__2kPrA{background-color:var(--tunedive-primary);color:#fff}.Layout_backButton__2kPrA:hover{background-color:var(--tunedive-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(30,58,138,.3)}.Layout_lockButton__AwNow{background-color:var(--tunedive-success);color:#fff}.Layout_lockButton__AwNow:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.Layout_mobileMenu__qSeuy,.Layout_mobileNav__FqODc{display:none}.Layout_menuIcon__ccQ1R{font-size:1.5rem;color:var(--tunedive-text-primary);cursor:pointer;transition:color .2s ease}.Layout_menuIcon__ccQ1R:hover{color:var(--tunedive-primary)}.Layout_menuOpen__k6hXp{display:block!important}.Layout_menuClosed__vPsXy{display:none!important}@media (max-width:768px){.Layout_header__Y5wI0{padding:1rem;flex-wrap:wrap;gap:10px}.Layout_logoTitle__nLLEl{text-align:center;flex:1 1 100%;order:1;margin-bottom:10px}.Layout_menu__oD_jN{display:none}.Layout_mobileMenu__qSeuy{display:block;position:absolute;left:1rem;top:50%;transform:translateY(-50%);order:2;z-index:20}.Layout_loginStatusContainer__OUkK2{position:static;flex:1 1 auto;justify-content:center;order:3;transform:none;margin-top:10px}.Layout_mobileNav__FqODc{display:block;background-color:var(--tunedive-surface);padding:1rem;border-bottom:1px solid #e2e8f0;width:100%;order:4;box-shadow:0 2px 4px rgba(0,0,0,.1)}.Layout_mobileNav__FqODc .Layout_globalMenu__A7uCm{margin-bottom:0}.Layout_mobileNav__FqODc .Layout_gmenu__WbbRL{flex-direction:column;gap:0}.Layout_mobileNav__FqODc .Layout_gmenu__WbbRL li{border-bottom:1px solid #e2e8f0}.Layout_mobileNav__FqODc .Layout_gmenu__WbbRL li:last-child{border-bottom:none}.Layout_mobileNav__FqODc .Layout_gmenu__WbbRL li a{display:block;padding:1rem;font-size:1.1rem;font-weight:500;transition:background-color .2s ease}.Layout_mobileNav__FqODc .Layout_gmenu__WbbRL li a:hover{background-color:var(--tunedive-primary-light);color:#fff}.Layout_loginStatusContainer__OUkK2 button{min-width:120px;font-size:12px;padding:6px 12px}}.StylesPage_styleListContainer___OzQF{padding:20px}.StylesPage_styleListContainer___OzQF h1{margin-bottom:20px}.StylesPage_styleList__zu27l{list-style:none;padding:0}.StylesPage_styleListItem__vkv2q{margin-bottom:10px}.StylesPage_styleLink__g72go{text-decoration:none;color:#0070f3}.StylesPage_styleLink__g72go:hover{text-decoration:underline}.StylesPage_bannerGrid__lNYCx{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}@media (max-width:768px){.StylesPage_bannerGrid__lNYCx{grid-template-columns:repeat(2,1fr)!important}}.StyleLink_styleLink__d4VHL{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;padding:2px 0;font-weight:700}.StyleLink_styleLink__d4VHL:visited{color:inherit}.StyleLink_styleLink__d4VHL:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--tunedive-primary),transparent);background-size:200% 100%;background-position:100% 0;transition:background-position .5s ease;-webkit-background-clip:text;background-clip:text;color:transparent}.StyleLink_styleLink__d4VHL:hover:before{background-position:0 0}.StyleLink_arrow__1Cn1m{font-size:.8em;opacity:.7;transition:transform .2s ease;color:var(--tunedive-secondary)}.StyleLink_styleLink__d4VHL:hover .StyleLink_arrow__1Cn1m{transform:translateX(4px);color:var(--tunedive-primary)}.StyleBanner_bannerLink__h9k40{display:block;text-decoration:none;color:inherit;transition:all .3s ease-in-out}.StyleBanner_bannerLink__h9k40:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(6,182,212,.3)}.StyleBanner_bannerContainer__FIC8K{position:relative;width:250px;height:150px;overflow:hidden;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s ease-in-out}.StyleBanner_bannerContainer__FIC8K:hover{box-shadow:0 8px 16px rgba(30,58,138,.3)}.StyleBanner_whiteOverlay__NLxcC{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.4);z-index:1}.StyleBanner_topTextContainer__ba2wB{position:relative;width:calc(100% - 20px);display:flex;justify-content:space-between;padding:10px 10px 0;z-index:2;font-size:.8rem;color:var(--tunedive-text-primary)}.StyleBanner_topLeftText__8l5M3{font-weight:700;color:var(--tunedive-text-primary)}.StyleBanner_topRightText__f3ujb{font-style:italic;color:var(--tunedive-text-secondary)}.StyleBanner_centerOverlay__Xo5p8{position:relative;background-color:rgba(0,0,0,.6);padding:12px 18px;border-radius:8px;margin-bottom:15px;z-index:2;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.1)}.StyleBanner_centerTextContainer__joslZ{color:#fff}.StyleBanner_styleName__9FEhW{margin:0 0 5px;font-size:1.5rem;font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.StyleBanner_songCount__DFgcm{margin:0;font-size:1rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}