.greeting-header{padding:.5rem 0 1rem}.greeting-header__content{display:flex;flex-direction:column;gap:.25rem}.greeting-header__title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;color:var(--foreground)}.greeting-header__icon{display:flex;align-items:center;justify-content:center;color:#fbbf24}.greeting-header__text{background:linear-gradient(135deg,#fff,rgba(255,255,255,.85));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.greeting-header__subtitle{margin:0;font-size:.95rem;color:rgba(255,255,255,.7);font-weight:400}.greeting-sun-icon .sun-rays{animation:sun-rotate 8s linear infinite;transform-origin:center}.greeting-sun-icon .sun-center{animation:sun-pulse 3s ease-in-out infinite}@keyframes sun-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sun-pulse{0%,to{r:5;opacity:1}50%{r:5.5;opacity:.9}}.greeting-afternoon-icon .sun-rays-bright{animation:sun-rotate 6s linear infinite;transform-origin:center}.greeting-afternoon-icon .sun-center-bright{animation:sun-glow 2s ease-in-out infinite}@keyframes sun-glow{0%,to{r:5;filter:drop-shadow(0 0 3px #f59e0b)}50%{r:5.5;filter:drop-shadow(0 0 8px #f59e0b)}}.greeting-evening-icon .moon-glow{animation:moon-shine 4s ease-in-out infinite}.greeting-evening-icon .stars-twinkle circle{animation:star-blink 2s ease-in-out infinite}.greeting-evening-icon .stars-twinkle circle:nth-child(2){animation-delay:.5s}@keyframes moon-shine{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(249,115,22,.5))}50%{opacity:.9;filter:drop-shadow(0 0 8px rgba(236,72,153,.6))}}.greeting-night-icon .moon-float{animation:moon-float 5s ease-in-out infinite}.greeting-night-icon .star-1{animation:star-twinkle 2s ease-in-out infinite}.greeting-night-icon .star-2{animation:star-twinkle 2s ease-in-out .7s infinite}.greeting-night-icon .star-3{animation:star-twinkle 2s ease-in-out 1.4s infinite}@keyframes moon-float{0%,to{transform:translateY(0);filter:drop-shadow(0 0 5px rgba(99,102,241,.4))}50%{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(167,139,250,.5))}}@keyframes star-twinkle{0%,to{opacity:.4;r:.5}50%{opacity:1;r:1}}@keyframes star-blink{0%,to{opacity:.6}50%{opacity:1}}.mood-pills-section{margin-bottom:1.5rem}.mood-pills-wrapper{position:relative}.mood-pills-fade{position:absolute;top:0;bottom:0;width:40px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.mood-pills-fade.visible{opacity:1}.mood-pills-fade--left{left:0;background:linear-gradient(to right,var(--background) 0,transparent 100%)}.mood-pills-fade--right{right:0;background:linear-gradient(to left,var(--background) 0,transparent 100%)}.mood-pills-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.mood-pills-scroll::-webkit-scrollbar{display:none}.mood-pills-grid{display:flex;gap:.75rem;padding:0 .25rem}@media (min-width:1024px){.mood-pills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.mood-pills-scroll{overflow-x:visible}.mood-pills-fade{display:none}}.mood-carousel-pill{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:50px;backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;font-family:inherit}.mood-carousel-pill:hover{transform:translateY(-2px) scale(1.03);border-color:rgba(255,255,255,.2)}.mood-carousel-pill:active{transform:translateY(0) scale(.98)}.mood-carousel-pill:disabled{opacity:.7;cursor:not-allowed}.mood-carousel-pill__icon{display:flex;align-items:center;justify-content:center}.mood-carousel-pill__name{font-size:.875rem;transition:color .3s ease,font-weight .15s ease}.mood-carousel-pill__check{width:16px;height:16px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;animation:check-pop .3s cubic-bezier(.68,-.55,.265,1.55)}.mood-carousel-pill__check,.mood-carousel-pill__spinner{display:flex;align-items:center;justify-content:center}.mood-pill{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;font-family:inherit}.mood-pill:before{content:"";position:absolute;inset:0;background:var(--pill-gradient);opacity:0;transition:opacity .3s ease;border-radius:inherit}.mood-pill:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(255,255,255,.2);box-shadow:0 8px 25px -5px var(--pill-shadow)}.mood-pill:hover:before{opacity:.15}.mood-pill:active{transform:translateY(0) scale(.98)}.mood-pill--selected{border-color:transparent;box-shadow:0 4px 20px -2px var(--pill-shadow)}.mood-pill--selected:before{opacity:1}.mood-pill--selected .mood-pill__name{color:#fff;font-weight:600}.mood-pill--selected:hover{transform:translateY(-2px) scale(1.02)}.mood-pill--selected:after{content:"";position:absolute;inset:-2px;background:var(--pill-gradient);border-radius:inherit;z-index:-1;animation:pill-pulse 2s ease-in-out infinite;opacity:0}@keyframes pill-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.mood-pill__emoji{font-size:1.125rem;position:relative;z-index:1}.mood-pill__name{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.9);position:relative;z-index:1;transition:color .3s ease,font-weight .3s ease}.mood-pill__check{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;position:relative;z-index:1;animation:check-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes check-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mood-pill__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;position:relative;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}.mood-pill--loading{pointer-events:none;opacity:.8}.mood-songs-section{margin-bottom:1.5rem;animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mood-songs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.mood-songs-header__left{display:flex;align-items:center;gap:.5rem;min-width:0}.mood-songs-header__icon{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8)}.mood-songs-header__title{margin:0;font-size:1.125rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mood-songs-header__mood-name{font-weight:700}.mood-songs-header__refresh{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-weight:500;font-family:inherit;flex-shrink:0}.mood-songs-header__refresh:hover{background:rgba(255,255,255,.1);color:#fff}.mood-songs-header__refresh:disabled{opacity:.5;cursor:not-allowed}.mood-songs-header__refresh svg.spinning{animation:spin 1s linear infinite}.mood-songs-header__refresh-text{display:none}@media (min-width:640px){.mood-songs-header__refresh-text{display:inline}}.mood-songs-carousel-wrapper{position:relative}.mood-songs-scroll{display:flex;gap:.875rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0}.mood-songs-scroll::-webkit-scrollbar{display:none}.mood-songs-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;opacity:0}.mood-songs-carousel-wrapper:hover .mood-songs-carousel__arrow{opacity:1}.mood-songs-carousel__arrow:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1)}.mood-songs-carousel__arrow--left{left:-8px}.mood-songs-carousel__arrow--right{right:-8px}.mood-songs-carousel__arrow svg{width:24px;height:24px}@media (max-width:768px){.mood-songs-carousel__arrow{display:none}}.mood-song-card--carousel{flex:0 0 auto;width:140px}@media (min-width:480px){.mood-song-card--carousel{width:150px}}@media (min-width:768px){.mood-song-card--carousel{width:160px}}@media (min-width:1024px){.mood-song-card--carousel{width:170px}}.mood-song-card{display:flex;flex-direction:column;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:transform .2s ease;animation:cardFadeIn .4s ease-out backwards;animation-delay:var(--animation-delay,0s)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mood-song-card:hover{transform:translateY(-4px)}.mood-song-card__image-wrapper{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.05)}.mood-song-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mood-song-card:hover .mood-song-card__image{transform:scale(1.05)}.mood-song-card__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s ease;color:#fff}.mood-song-card:hover .mood-song-card__play-overlay{opacity:1}.mood-song-card__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.mood-song-card__title{font-size:.8125rem;font-weight:500;color:var(--foreground)}.mood-song-card__artist,.mood-song-card__title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mood-song-card__artist{font-size:.75rem;color:rgba(255,255,255,.5)}@media (min-width:1024px){.mood-song-card__info{display:flex!important}.mood-song-card__title{font-size:.875rem}.mood-song-card__artist{font-size:.8125rem}}.mood-song-card--skeleton{pointer-events:none}.mood-song-card__image-skeleton{aspect-ratio:1;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.mood-song-card__info-skeleton{display:flex;flex-direction:column;gap:.375rem}.mood-song-card__title-skeleton{height:14px;width:80%;background:rgba(255,255,255,.1)}.mood-song-card__artist-skeleton,.mood-song-card__title-skeleton{border-radius:4px;animation:skeleton-shimmer 1.5s ease-in-out infinite}.mood-song-card__artist-skeleton{height:12px;width:60%;background:rgba(255,255,255,.05);animation-delay:.1s}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mood-songs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid rgba(255,255,255,.05);text-align:center}.mood-songs-empty__icon{color:rgba(255,255,255,.4);margin-bottom:.75rem}.mood-songs-empty__text{margin:0 0 1rem;font-size:.9375rem;color:rgba(255,255,255,.6)}.mood-songs-empty__retry{padding:.5rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.mood-songs-empty__retry:hover{transform:translateY(-2px);box-shadow:0 4px 15px -3px rgba(99,102,241,.4)}@media (prefers-color-scheme:light){.mood-pill{background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(0,0,0,.05));border-color:rgba(0,0,0,.08)}.mood-pill__name{color:rgba(0,0,0,.8)}.mood-pill--selected .mood-pill__name{color:#fff}.mood-songs-header__refresh{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.6)}.mood-songs-header__refresh:hover{background:rgba(0,0,0,.06);color:#000}.mood-song-card__artist{color:rgba(0,0,0,.5)}.mood-song-card__image-skeleton,.mood-song-card__title-skeleton{background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.1) 50%,rgba(0,0,0,.05))}.mood-song-card__artist-skeleton{background:rgba(0,0,0,.05)}.mood-songs-empty{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.05)}.mood-songs-empty__text{color:rgba(0,0,0,.6)}.mood-songs-carousel__arrow{background:rgba(255,255,255,.9);border-color:rgba(0,0,0,.1);color:#333}.mood-songs-carousel__arrow:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}}@media (max-width:639px){.greeting-header__title{font-size:1.25rem}.greeting-header__emoji{font-size:1.5rem}.greeting-header__subtitle{font-size:.875rem}.mood-pill{padding:.5rem .75rem}.mood-pill__emoji{font-size:1rem}.mood-pill__name{font-size:.8125rem}.mood-carousel-pill{padding:.5rem .875rem}.mood-carousel-pill__emoji{font-size:1rem}.mood-carousel-pill__name{font-size:.8125rem}.mood-songs-header__title{font-size:1rem}}@media (prefers-color-scheme:light){.mood-carousel-pill{border-color:rgba(0,0,0,.1)}.mood-carousel-pill:hover{border-color:rgba(0,0,0,.15)}}