@charset "UTF-8";:root{--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-accent-primary: #8b5cf6;--color-accent-secondary: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg-primary: hsl(220, 26%, 11%);--color-bg-secondary: hsl(220, 26%, 16%);--color-bg-tertiary: hsl(220, 26%, 18%);--color-bg-card: hsl(220, 26%, 16%);--color-bg-hover: rgba(139, 92, 246, .1);--color-text-primary: hsl(0, 0%, 93%);--color-text-secondary: hsl(0, 0%, 71%);--color-text-strong: hsl(0, 0%, 96%);--color-text-muted: hsl(0, 0%, 65%);--color-border-primary: hsl(220, 13%, 28%);--color-border-secondary: hsl(220, 13%, 35%);--color-border-weak: hsl(220, 13%, 20%);--color-border-card: hsl(220, 13%, 25%);--gradient-primary: linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));--gradient-hero: linear-gradient(135deg, rgba(139, 92, 246, .9), rgba(6, 182, 212, .7));--gradient-hero-muted: linear-gradient(135deg, hsl(220, 26%, 18%), hsl(220, 26%, 22%));--gradient-dark: linear-gradient(135deg, #111827, #1f2937);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--border-radius-round: 2rem;--border-radius-full: 9999px;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .1);--shadow-soft-large: 0 8px 25px rgba(0, 0, 0, .15);--shadow-music: 0 4px 20px rgba(139, 92, 246, .2);--shadow-music-large: 0 8px 32px rgba(139, 92, 246, .3);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--backdrop-blur: blur(10px);--grid-gap: 1.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;height:100%}body{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin-top:0;margin-bottom:var(--spacing-md);font-weight:600;line-height:1.25;color:var(--color-text-strong)}p{margin-top:0;margin-bottom:var(--spacing-md)}ul,ol{margin-top:0;margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:var(--spacing-xs)}a{color:var(--color-accent-primary);text-decoration:none;background-color:transparent}img{border-style:none;max-width:100%;height:auto;vertical-align:middle}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}template{display:none}[hidden]{display:none}::-moz-selection{background-color:var(--color-accent-primary);color:#fff}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-normal) ease}a:hover{color:var(--color-accent-secondary)}.title{color:var(--color-text-strong);font-weight:600;line-height:1.25}.title--size-medium{font-size:var(--font-size-xl)}.title--size-large{font-size:var(--font-size-2xl)}.title--size-2xlarge{font-size:var(--font-size-4xl)}.subtitle{color:var(--color-text-secondary);font-weight:400;line-height:1.4;margin-bottom:var(--spacing-sm)}.text--center{text-align:center}.text--size-sm{font-size:var(--font-size-sm)}.text--secondary{color:var(--color-text-secondary)}.text--muted{color:var(--color-text-muted)}.content{line-height:1.6}.content p{margin-bottom:var(--spacing-md)}.content p:last-child{margin-bottom:0}.content h1,.content h2,.content h3,.content h4{color:var(--color-text-strong);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.content h1:first-child,.content h2:first-child,.content h3:first-child,.content h4:first-child{margin-top:0}.content ul,.content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.content ul{list-style-type:disc}.content ol{list-style-type:decimal}.content li{margin-bottom:var(--spacing-xs)}.content code{background-color:var(--color-bg-secondary);padding:.2em .4em;border-radius:var(--border-radius-sm);font-size:.875em;color:var(--color-accent-primary)}body{font-family:var(--font-family-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.main-content{flex:1 0 auto}.container{width:100%;max-width:1216px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-xl)}}.section{padding:var(--spacing-lg) 0}.section--small{padding:var(--spacing-sm) 0}.section--medium{padding:var(--spacing-xl) 0}.section--breadcrumb{padding:var(--spacing-sm) 0}@media (min-width: 1024px){.section--small{padding:var(--spacing-md) 0}.section--medium{padding:var(--spacing-2xl) 0}.section--breadcrumb{padding:var(--spacing-sm) 0}}.gap--md{gap:var(--spacing-md)}.flex{display:flex}.flex--wrap{flex-wrap:wrap}.flex--justify-center{justify-content:center}.display--none{display:none}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube:before{content:attr(data-title);display:block;position:absolute;top:0;background-image:linear-gradient(180deg,#000000ab,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);height:99px;width:100%;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lyt-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}lite-youtube:hover>.lyt-playbtn,lite-youtube .lyt-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lyt-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast) ease;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;position:relative}.button:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--primary{background:var(--gradient-primary);border-color:var(--color-accent-primary);color:#fff}.button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-music)}.button--primary:active{transform:translateY(0)}.button--secondary{background-color:transparent;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-accent-primary);color:#fff;transform:translateY(-1px)}.button--ghost{background-color:transparent;border-color:var(--color-border-primary);color:var(--color-text-primary)}.button--ghost:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.button--small{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.button--large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.button--rounded{border-radius:var(--border-radius-round)}.button--loading{color:transparent;pointer-events:none}.button--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .8s linear infinite}.button--full-width{width:100%}.button__icon{margin-right:var(--spacing-xs)}.button__icon--right{margin-right:0;margin-left:var(--spacing-xs)}.button--premium{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-music);gap:var(--spacing-sm)}.button--premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-music-large)}.button--vote{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:none;border-radius:var(--border-radius-round);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.button--vote:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.button--vote--active{background:var(--gradient-primary);color:#fff}@keyframes button-spin{to{transform:rotate(360deg)}}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);color:var(--color-text-primary);overflow:hidden;transition:all var(--transition-normal) ease;height:100%;display:flex;flex-direction:column}.card--interactive{cursor:pointer}.card--row{text-decoration:none;color:inherit;cursor:pointer}.card--row:hover{text-decoration:none;color:inherit}.card--row:hover .card__title{color:var(--color-accent-primary)}.card__header{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-weak);padding:var(--spacing-md)}.card__header-title{font-weight:600;font-size:var(--font-size-lg);margin:0;color:inherit}.card__image{overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal) ease}.card__image--small{width:40px;height:40px;flex-shrink:0}.card__image--small img{border-radius:var(--border-radius-sm)}.card__content{padding:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column}.card__footer{background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border-weak);padding:var(--spacing-md)}.card:not(.card--row) .card__title{margin-bottom:1rem;padding-bottom:1rem}.card__title{color:var(--color-text-primary);font-weight:700;line-height:1.2;margin:0;border-bottom:1px solid var(--color-border-weak)}.card--row .card__title{font-size:var(--font-size-base);font-weight:600;border-bottom:none}.card__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.card__row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin:auto 0}.card__number{width:24px;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;flex-shrink:0}.card__main{flex-grow:1;min-width:0}.card__meta{flex-shrink:0}.card__emotions{padding:0;border-top:1px solid var(--color-border-weak);background:var(--color-bg-tertiary);display:flex;align-items:center;min-height:8px}.card__badge{font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-round);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-block}.card__badge--active{background:var(--gradient-primary);color:#fff}.card__badge--inactive{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.info-card__fallback{color:var(--color-text-muted);font-style:italic;margin:0}.info-card__notice{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}@media (max-width: 768px){.card__row{padding:var(--spacing-sm);gap:var(--spacing-sm)}.card__badge{font-size:var(--font-size-xs);padding:2px 6px}}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero--small{min-height:20vh}.hero--medium{min-height:40vh}.hero--large{min-height:60vh}.hero--primary{background:var(--gradient-hero);color:#fff;border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-music-large)}.hero--dark{background:var(--gradient-dark);color:#fff}.hero__body{padding:var(--spacing-2xl) 0;width:100%}.hero--small .hero__body{padding:var(--spacing-lg) 0}.hero--medium .hero__body{padding:var(--spacing-2xl) 0}@media (max-width: 768px){.hero__body{padding:var(--spacing-xl) 0}}.hero__title{font-size:var(--font-size-3xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);color:inherit}@media (min-width: 1024px){.hero__title{font-size:var(--font-size-4xl)}}@media (max-width: 768px){.hero__title{font-size:var(--font-size-2xl)}}.hero__subtitle{font-size:var(--font-size-lg);font-weight:400;line-height:1.5;margin-bottom:var(--spacing-lg);color:inherit;opacity:.9}@media (max-width: 768px){.hero__subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}}.add-song-link{text-align:center}.add-song-link__text{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;color:#fffc;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-round);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal) ease}.add-song-link__text:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);text-decoration:none}.add-song-link__text:before{content:"+";font-size:var(--font-size-lg);font-weight:600;margin-right:var(--spacing-xs);opacity:.8}@media (max-width: 768px){.add-song-link{margin-top:var(--spacing-md)}.add-song-link__text{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.navbar{background-color:#1f2937f2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--color-border-weak);position:relative;z-index:30;padding:.5rem 0}.navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;text-decoration:none;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-strong)}.navbar__brand:hover{color:var(--color-accent-primary)}.navbar__brand--gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar__brand-icon{margin-right:var(--spacing-sm);font-size:1.5em}.navbar__brand-icon[src]{width:24px;height:24px;object-fit:contain;font-size:initial}.navbar__menu{display:flex;align-items:center;list-style:none;margin:0;padding:0}.navbar__item{position:relative}@media (min-width: 768px){.navbar__item{margin-left:var(--spacing-md)}.navbar__item:first-child{margin-left:0}}@media (max-width: 767px){.navbar__item{width:100%;margin-bottom:var(--spacing-sm)}.navbar__item:last-child{margin-bottom:0}}.navbar__link{display:block;color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease;font-weight:500}.navbar__link:hover{background-color:var(--color-bg-hover);color:var(--color-accent-primary)}@media (max-width: 767px){.navbar__link{width:100%;text-align:center;padding:var(--spacing-md)}}@media (min-width: 768px){.navbar__item--language{margin-left:var(--spacing-lg)}}.navbar__language-switcher{display:flex;align-items:center;gap:var(--spacing-xs)}@media (max-width: 767px){.navbar__language-switcher{justify-content:center;width:100%}}.navbar__language-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-border-weak);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease;line-height:1}.navbar__language-link:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background-color:#8b5cf61a}.navbar__language-link--active{color:var(--color-text-strong);background:var(--gradient-primary);border-color:transparent}.navbar__language-link--active:hover{color:var(--color-text-strong);background:var(--gradient-primary)}@media (max-width: 767px){.navbar__language-link{min-width:2rem;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-xs)}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-weak);padding:var(--spacing-xl) 0;margin-top:auto;flex-shrink:0}.footer__container{max-width:1408px;margin:0 auto;padding:0 var(--spacing-md)}.footer__content{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.footer__links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media (max-width: 480px){.footer__links{flex-direction:column;gap:var(--spacing-sm)}}.footer__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast) ease}.footer__link:hover{color:var(--color-accent-primary)}.form__group{margin-bottom:var(--spacing-md)}.form__group:last-child{margin-bottom:0}.form__label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-strong);font-size:var(--font-size-sm)}.info-list{margin:0;padding-left:var(--spacing-lg)}.info-list li{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-text-primary)}.info-list li:last-child{margin-bottom:0}.input,.select select,.textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease;width:100%}.input::placeholder,.select select::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.select select:focus,.textarea:focus{background-color:var(--color-bg-secondary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input:disabled,.select select:disabled,.textarea:disabled{background-color:var(--color-bg-primary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.input--large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.input--error{border-color:var(--color-danger)}.input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.input--success{border-color:var(--color-success)}.input--success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b9811a}.textarea{min-height:6rem;resize:vertical;line-height:1.6}.select{position:relative;display:inline-block;width:100%}.select:after{content:"";position:absolute;top:50%;right:var(--spacing-md);transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-text-secondary);pointer-events:none}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(var(--spacing-md) * 2 + 8px);cursor:pointer}.select select::-ms-expand{display:none}.field{position:relative}.tag{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;line-height:1;padding:.375em .75em;border-radius:var(--border-radius-round);text-decoration:none;transition:all var(--transition-fast) ease;border:1px solid transparent;white-space:nowrap}.tag--primary{background-color:#6d28d9;color:#fff;border-color:#7c3aed;box-shadow:0 2px 4px #6d28d933}.tag--primary:hover{background-color:#5b21b6;border-color:#6d28d9;box-shadow:0 4px 8px #6d28d94d;transform:translateY(-1px)}.tag--secondary{background-color:#0e7490;color:#fff;border-color:#0891b2;box-shadow:0 2px 4px #0e749033}.tag--secondary:hover{background-color:#155e75;border-color:#0e7490;box-shadow:0 4px 8px #0e74904d;transform:translateY(-1px)}.tag--success{background-color:#10b9811a;color:var(--color-success);border-color:#10b98133}.tag--small{font-size:var(--font-size-xs);padding:.25em .5em}.tag--medium{font-size:var(--font-size-sm);padding:.375em .75em}.tag--large{font-size:var(--font-size-base);padding:.5em 1em}.tag--interactive{cursor:pointer}.tag--interactive:hover{transform:translateY(-1px)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;margin:1rem 0}.tag-list--centered{justify-content:center}.tag-list__item,.tag-list__item .tag{margin:0}.badge{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:500;line-height:1;padding:.375em .75em;border-radius:var(--border-radius-round);text-decoration:none;transition:all var(--transition-fast) ease;border:1px solid transparent;white-space:nowrap}.badge--neutral{background:#fff3;color:#fff;border-color:#ffffff4d;font-size:var(--font-size-xs);font-weight:500;min-width:20px;text-align:center}.media-header{background:var(--gradient-dark);padding:var(--spacing-xl) 0;position:relative;overflow:hidden}@media (max-width: 768px){.media-header{padding:var(--spacing-md) 0}}.media-header .hero-body{position:relative;z-index:3}.media-header__youtube-embed{width:100%;max-width:500px;min-width:360px;margin:0 auto var(--spacing-md);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-music-large)}@media (max-width: 768px){.media-header__youtube-embed{max-width:100%;min-width:auto}}.media-header__info-section{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.media-header__info-section{margin-top:var(--spacing-md);padding:var(--spacing-sm)}}.media-header__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media (max-width: 768px){.media-header__info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm)}}@media (max-width: 480px){.media-header__info-grid{grid-template-columns:1fr}}.media-header__artist-link{color:inherit;text-decoration:none;transition:color var(--transition-fast) ease}.media-header__artist-link:hover{color:var(--color-accent-primary);text-decoration:underline}.media-header__description{max-width:600px;margin:0 auto;line-height:1.6;text-align:center;opacity:.9;font-style:italic;color:var(--color-text-secondary);margin-bottom:1.5rem}@media (max-width: 768px){.media-header__description{font-size:var(--font-size-sm);max-width:100%;padding:0 var(--spacing-md)}}.media-header__description p{margin-bottom:var(--spacing-sm)}.media-header__description p:last-child{margin-bottom:0}.media-header__info-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-fast) ease}.media-header__info-item:hover{background:#ffffff14;border-color:#ffffff26}.media-header__info-label{font-size:var(--font-size-xs);color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--spacing-xs)}.media-header__info-value{color:#fffffff2;font-weight:600;font-size:var(--font-size-sm);line-height:1.4}.search{position:relative;width:100%;max-width:400px}.search__container{width:100%}.search__input{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-round);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast) ease}.search__input::placeholder{color:var(--color-text-muted)}.search__input:focus{background-color:var(--color-bg-secondary);border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.search__input--large{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft-large);margin-top:var(--spacing-xs);max-height:600px;overflow-y:auto;z-index:50;text-align:left}.search-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.search-empty__text{font-style:italic;font-size:var(--font-size-base);margin:0}.search-hits-list,.search-hit-item{list-style:none;margin:0;padding:0;text-align:left}.search-hit-item:before{display:none!important}.search-hit-item *{text-align:left!important}.grid{display:grid;gap:var(--grid-gap)}.grid--1{grid-template-columns:1fr}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--gap-large{gap:var(--spacing-xl)}.grid--center{justify-items:center}@media (max-width: 480px){.grid--mobile-1{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.grid--tablet-2{grid-template-columns:repeat(2,1fr)}}.grid--responsive-cards{grid-template-columns:1fr}@media (min-width: 481px) and (max-width: 1024px){.grid--responsive-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.grid--responsive-cards{grid-template-columns:repeat(3,1fr)}}.breadcrumb{padding:var(--spacing-sm) 0;background:var(--color-bg-tertiary, rgba(255, 255, 255, .02));border-radius:var(--border-radius-sm, 8px);margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-light, rgba(255, 255, 255, .08))}.breadcrumb__container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--spacing-md)}.breadcrumb__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:var(--font-size-sm, .875rem);line-height:1.5;white-space:nowrap;overflow:hidden}.breadcrumb__item{display:flex;align-items:center;color:var(--color-text-secondary);font-weight:400}.breadcrumb__item--active{color:var(--color-text-primary);font-weight:500}.breadcrumb__item--active .breadcrumb__text{background:var(--gradient-primary, linear-gradient(135deg, #8b5cf6, #06b6d4));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast, .2s) ease;padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-xs, 4px);font-weight:500}.breadcrumb__link:hover{color:var(--color-accent-primary, #8b5cf6);background:var(--color-bg-hover, rgba(255, 255, 255, .05))}.breadcrumb__separator{margin:0 var(--spacing-sm, .5rem);color:var(--color-text-muted, rgba(255, 255, 255, .4));font-size:var(--font-size-xs, .75rem);position:relative}.breadcrumb__separator:before{content:"/";font-weight:400;opacity:.6}.breadcrumb__text{padding:var(--spacing-xs, .25rem) var(--spacing-sm, .5rem);border-radius:var(--border-radius-xs, 4px)}@media screen and (max-width: 768px){.breadcrumb{margin-bottom:var(--spacing-sm)}.breadcrumb__container{padding:0 var(--spacing-sm)}.breadcrumb__list{font-size:var(--font-size-xs, .75rem)}.breadcrumb__separator{margin:0 var(--spacing-xs, .25rem)}}.pagination{display:flex;justify-content:center;align-items:center;margin:var(--spacing-xl) 0}.pagination__container{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination__list{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination__link,.pagination__number{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast) ease}.pagination__link:hover:not(.pagination__link--disabled),.pagination__number:hover:not(.pagination__link--disabled){background-color:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.pagination__link--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination__number--current,.pagination__number--current:hover{background-color:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--color-text-muted);font-size:var(--font-size-sm);background:none;border:none;cursor:default}@media (max-width: 480px){.pagination__number:not(.pagination__number--current){display:none}.pagination__ellipsis{display:none}}.youtube-player-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center;text-transform:uppercase;letter-spacing:.5px}.youtube-player--header{max-width:500px;margin:0 auto;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-music-large)}@media (max-width: 480px){.youtube-player--header{max-width:100%}}lite-youtube{border-radius:var(--border-radius-md);box-shadow:var(--shadow-music);transition:all var(--transition-normal) ease}lite-youtube:hover{transform:translateY(-2px);box-shadow:var(--shadow-music-large)}.premium-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.premium-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}@media (max-width: 480px){.premium-modal__overlay{padding:var(--spacing-sm)}}.premium-modal__container{position:relative;width:100%;max-width:600px;max-height:calc(100vh - 2 * var(--spacing-md));background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-soft-large);overflow:hidden;display:flex;flex-direction:column}@media (max-width: 480px){.premium-modal__container{max-height:calc(100vh - 2 * var(--spacing-sm))}}.premium-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary)}.premium-modal__title{color:var(--color-text-strong);font-size:var(--font-size-xl);font-weight:600;margin:0}.premium-modal__close{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease}.premium-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.premium-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.premium-modal__section{margin-bottom:var(--spacing-xl)}.premium-modal__section:last-child{margin-bottom:0}.vote-confirmation{text-align:center}.vote-confirmation .success-message{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.vote-confirmation .success-message .success-icon{color:var(--color-success)}.vote-confirmation .success-text{color:var(--color-text-primary);font-weight:500;margin:0}.premium-offer{text-align:center}.premium-offer__title{color:var(--color-text-strong);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.premium-offer__subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0}.premium-packages{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:stretch}@media (max-width: 480px){.premium-packages{grid-template-columns:1fr}}.package{position:relative;background:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast) ease;display:flex;flex-direction:column}.package:hover,.package--popular{border-color:var(--color-accent-primary);box-shadow:var(--shadow-music)}.package--popular:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--border-radius-md);z-index:-1}.package__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-round);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.package__header{margin-bottom:var(--spacing-md)}.package__title{color:var(--color-text-strong);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.package__price{color:var(--color-accent-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.package__savings{color:var(--color-success);font-size:var(--font-size-sm);font-weight:500;min-height:1.2em}.package__savings--placeholder{visibility:hidden}.package__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:1.4;flex:1}.premium-package-btn{width:100%;background:var(--gradient-primary)!important;color:#fff!important;border:none!important;font-weight:600;margin-top:auto}.premium-package-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-music)}.premium-package-btn--popular{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;box-shadow:0 4px 12px #8b5cf64d}.code-section__title{color:var(--color-text-strong);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-lg) 0;text-align:center}.code-input-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: 480px){.code-input-group{flex-direction:column}}.code-input{flex:1;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border-secondary);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:2px;text-align:center;transition:all var(--transition-fast) ease}.code-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.code-input::placeholder{color:var(--color-text-muted);text-transform:none;letter-spacing:normal}.code-status{padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center;font-weight:500}.code-status.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.code-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.code-status.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.analysis-controls{text-align:center;margin-top:var(--spacing-md)}.analysis-progress{text-align:center}.analysis-progress .progress-spinner{width:100%;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.analysis-progress .progress-spinner .spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top:3px solid var(--color-accent-primary);border-radius:50%;animation:progress-spin 1s linear infinite;display:block}.analysis-progress .progress-text{color:var(--color-text-primary);font-weight:500;margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg)}.analysis-progress .progress-subtext{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.analysis-result{text-align:center}.analysis-result .result-content{margin-bottom:var(--spacing-lg)}.analysis-result .result-content.success{color:#10b981}.analysis-result .result-content.success .result-icon{color:#10b981;margin-bottom:var(--spacing-md)}.analysis-result .result-content.error{color:#ef4444}.analysis-result .result-content.error .result-icon{color:#ef4444;margin-bottom:var(--spacing-md)}@keyframes progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emotion-mood-section{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xl)}@media (min-width: 1024px){.emotion-mood-section{flex-direction:row;gap:var(--spacing-2xl)}}.emotion-mood-group{flex:0 1 auto}@media (min-width: 1024px){.emotion-mood-group:not(:last-child){position:relative}.emotion-mood-group:not(:last-child):after{content:"";position:absolute;top:0;right:calc(var(--spacing-2xl) / -2);width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--color-border-weak) 20%,var(--color-border-card) 50%,var(--color-border-weak) 80%,transparent 100%);opacity:.6}}.emotion-mood-group__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-strong);margin-bottom:var(--spacing-lg);text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.emotion-indicators{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md);justify-items:center;align-items:center}@media (min-width: 768px){.emotion-indicators{grid-template-columns:repeat(7,1fr)}}@media (max-width: 480px){.emotion-indicators{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}}.sentiment-indicators{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-lg);justify-items:center;align-items:center}@media (min-width: 768px){.sentiment-indicators{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.sentiment-indicators{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}}.mood-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.mood-indicator__circle{width:65px;height:65px;border-radius:50%;position:relative;box-shadow:0 4px 12px #00000040,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #0000001a;border:1px solid rgba(255,255,255,.1)}.mood-indicator__circle:before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.mood-indicator__label{font-size:var(--font-size-xs);font-weight:500;text-align:center;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.mood-indicator--small .mood-indicator__circle{width:45px;height:45px;box-shadow:0 3px 8px #0003,0 1px 4px #0000001a,inset 0 1px #ffffff26,inset 0 -1px #0000001a}.mood-indicator--small .mood-indicator__label{font-size:10px;max-width:55px}.mood-indicator--large .mood-indicator__circle{width:85px;height:85px;box-shadow:0 6px 20px #0000004d,0 3px 10px #00000026,inset 0 2px #ffffff40,inset 0 -2px #00000026}.mood-indicator--large .mood-indicator__label{font-size:var(--font-size-sm);max-width:95px}.mood-indicator--active .mood-indicator__circle{transform:scale(1.05);box-shadow:0 6px 20px #0000004d,0 0 0 3px #fff6,0 0 20px #fff3,inset 0 2px #ffffff4d,inset 0 -2px #0000001a;border:2px solid rgba(255,255,255,.3)}.mood-indicator--active .mood-indicator__label{color:var(--color-text-strong);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mood-indicator--inactive{opacity:.2}.mood-indicator--inactive .mood-indicator__circle{filter:grayscale(70%) brightness(.8);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff1a}.emotion-indicator--anger .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ff8787,#ff6b6b 60%,#e63946);box-shadow:0 4px 12px #e6394666,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #e6394633}.emotion-indicator--joy .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#fff066,#ffd93d 60%,#f9c74f);box-shadow:0 4px 12px #ffd93d66,0 2px 6px #0000001a,inset 0 1px #ffffff4d,inset 0 -1px #f9c74f33}.emotion-indicator--fear .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#c29dff,#b084e6 60%,#8b5cf6);box-shadow:0 4px 12px #8b5cf666,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #8b5cf633}.emotion-indicator--sadness .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#74c0fc,#4dabf7 60%,#339af0);box-shadow:0 4px 12px #339af066,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #339af033}.emotion-indicator--calm .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#8ce99a,#69db7c 60%,#51cf66);box-shadow:0 4px 12px #51cf6666,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #51cf6633}.emotion-indicator--love .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ffb3d1,#ff8cc8 60%,#e64980);box-shadow:0 4px 12px #e6498066,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #e6498033}.emotion-indicator--excitement .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ffa8a8,#ff8787 60%,#fa5252);box-shadow:0 4px 12px #fa525266,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #fa525233}.emotion-indicator--hope .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#91d5ff,#74c0fc 60%,#339af0);box-shadow:0 4px 12px #339af066,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #339af033}.emotion-indicator--bittersweet .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ffc947,#ffb366 60%,#fd7e14);box-shadow:0 4px 12px #fd7e1466,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #fd7e1433}.emotion-indicator--longing .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#e599f7,#da77f2 60%,#cc5de8);box-shadow:0 4px 12px #cc5de866,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #cc5de833}.emotion-indicator--nostalgia .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#e5dbff,#d0bfff 60%,#9775fa);box-shadow:0 4px 12px #9775fa66,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #9775fa33}.emotion-indicator--sensual .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ffa3c7,#f783ac 60%,#e64980);box-shadow:0 4px 12px #e6498066,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #e6498033}.emotion-indicator--tension .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#adb5bd,#868e96 60%,#495057);box-shadow:0 4px 12px #49505766,0 2px 6px #0000001a,inset 0 1px #ffffff26,inset 0 -1px #4950574d}.emotion-indicator--triumph .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#b3f5d1,#8ce99a 60%,#37b24d);box-shadow:0 4px 12px #37b24d66,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #37b24d33}.sentiment-indicator--positive .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#96f2d7,#63e6be 60%,#20c997);box-shadow:0 4px 12px #20c99766,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #20c99733}.sentiment-indicator--negative .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ffc947,#ffb366 60%,#fd7e14);box-shadow:0 4px 12px #fd7e1466,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #fd7e1433}.sentiment-indicator--neutral .mood-indicator__circle{background:radial-gradient(circle at 30% 30%,#ced4da,#adb5bd 60%,#6c757d);box-shadow:0 4px 12px #6c757d66,0 2px 6px #0000001a,inset 0 1px #ffffff26,inset 0 -1px #6c757d4d}.sentiment-indicator--mixed .mood-indicator__circle{background:conic-gradient(from 0deg,#63e6be,#ffb366,#ff8787,#b084e6);box-shadow:0 4px 12px #8b5cf64d,0 2px 6px #0000001a,inset 0 1px #fff3,inset 0 -1px #0000001a}@media (max-width: 480px){.emotion-mood-section{gap:var(--spacing-md)}.emotion-mood-group__title{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.mood-indicator__circle{width:45px!important;height:45px!important}.mood-indicator__label{font-size:10px!important;max-width:55px!important}}.emotion-gradient-bar{width:100%;height:7px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease;position:relative;overflow:hidden}.emotion-gradient-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.comments-section__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-weak)}.comments-section__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0}.comments-section__form-container{margin-bottom:var(--spacing-xl)}.comments-section__empty{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-muted);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px dashed var(--color-border-weak)}.comments-section__empty-text{margin:0;font-size:var(--font-size-base);font-style:italic}.comment-form{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.comment-form--reply{margin-top:var(--spacing-md);background-color:var(--color-bg-tertiary);border-left:3px solid var(--color-accent-primary)}.comment-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-weak)}.comment-form__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.comment-form__cancel{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease}.comment-form__cancel:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.comment-form__fields{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.comment-form__fields__row{display:flex;gap:var(--spacing-md);align-items:flex-end}.comment-form__fields__row .comment-form__field:first-child{flex:1}.comment-form__fields__row .comment-form__field:last-child{flex:0 0 auto;min-width:200px}}.comment-form__field{display:flex;flex-direction:column}.comment-form__field--captcha .comment-form__label{margin-bottom:var(--spacing-xs)}.comment-form__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.comment-form__required{color:var(--color-accent-primary)}.comment-form__input,.comment-form__textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border-card);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast) ease}.comment-form__input:focus,.comment-form__textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf633}.comment-form__input--captcha{max-width:120px}.comment-form__textarea{resize:vertical;min-height:100px;font-family:inherit}.comment-form__actions{display:flex;justify-content:space-between;align-items:center}.comment-form__submit{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast) ease}.comment-form__submit:hover{transform:translateY(-1px);box-shadow:var(--shadow-music)}.comment-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.comment-form__message{font-size:var(--font-size-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);margin-left:var(--spacing-md)}.comment-form__message--success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.comment-form__message--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.comment-item{margin-bottom:var(--spacing-lg);position:relative}.comment-item:last-child{margin-bottom:0}.comment-item--depth-0{background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-soft)}.comment-item--depth-1{margin-left:var(--spacing-xl);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-weak);border-radius:var(--border-radius-md);padding:var(--spacing-md);border-left:4px solid var(--color-accent-primary)}.comment-item--depth-2{margin-left:var(--spacing-xl);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-weak);border-radius:var(--border-radius-md);padding:var(--spacing-md);border-left:4px solid rgba(139,92,246,.7)}.comment-item--depth-3{margin-left:var(--spacing-lg);background-color:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--border-radius-md);padding:var(--spacing-md);border-left:4px solid rgba(139,92,246,.5)}@media (max-width: 768px){.comment-item--depth-1{margin-left:var(--spacing-lg)}.comment-item--depth-2{margin-left:calc(var(--spacing-lg) + var(--spacing-md))}.comment-item--depth-3{margin-left:calc(var(--spacing-lg) + var(--spacing-md) + var(--spacing-sm))}}.comment-item__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.comment-item--depth-0 .comment-item__header{border-bottom-color:var(--color-border-weak)}.comment-item__author{display:flex;align-items:center;gap:var(--spacing-sm)}.comment-item__author-name{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base)}.comment-item--depth-1 .comment-item__author-name,.comment-item--depth-2 .comment-item__author-name,.comment-item--depth-3 .comment-item__author-name{font-size:var(--font-size-sm);color:var(--color-accent-primary)}.comment-item__date{color:var(--color-text-muted);font-size:var(--font-size-xs);background-color:#ffffff0d;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.comment-item__date:before{content:"•";margin-right:var(--spacing-xs)}.comment-item--depth-0 .comment-item__date{background-color:var(--color-bg-tertiary)}.comment-item__body{margin-bottom:var(--spacing-lg)}.comment-item__text{color:var(--color-text-primary);line-height:1.7;margin:0;word-wrap:break-word;font-size:var(--font-size-base)}.comment-item--depth-1 .comment-item__text,.comment-item--depth-2 .comment-item__text,.comment-item--depth-3 .comment-item__text{font-size:var(--font-size-sm);line-height:1.6}.comment-item__actions{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.comment-item--depth-0 .comment-item__actions{border-top-color:var(--color-border-weak)}.comment-item__reply-btn{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast) ease;text-transform:uppercase;letter-spacing:.5px}.comment-item__reply-btn:hover{background-color:#8b5cf633;border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #8b5cf64d}.comment-item__replies{margin-top:var(--spacing-lg)}.comment-item__reply-form-container{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed rgba(139,92,246,.3)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 480px){.comment-form{padding:var(--spacing-md)}.comment-form__fields{gap:var(--spacing-sm)}.comment-form__actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.comment-form__message{margin-left:0}.comment-item{padding:var(--spacing-md)}.comment-item__author{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.comment-item__date:before{content:none;margin-right:0}}.faq-section__header{margin-bottom:var(--spacing-lg);text-align:center}.faq-section__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-strong);margin-bottom:var(--spacing-sm)}.faq-section__subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.faq-section__content{max-width:800px;margin:0 auto}.faq-item{background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all var(--transition-normal) ease}.faq-item:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-music)}.faq-item__trigger{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast) ease;color:var(--color-text-primary)}.faq-item__trigger:hover{background-color:#8b5cf60d}.faq-item__trigger[aria-expanded=true]{background-color:#8b5cf61a}.faq-item__trigger[aria-expanded=true] .faq-item__icon{transform:rotate(180deg)}.faq-item__question{font-size:var(--font-size-md);font-weight:500;line-height:1.4;margin-right:var(--spacing-md);flex:1;margin-bottom:0}.faq-item__icon{flex-shrink:0;color:var(--color-accent-primary);transition:transform var(--transition-normal) ease}.faq-item__icon svg{display:block}.faq-item__content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease}.faq-item__answer{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-secondary)}.faq-item__answer p{margin-bottom:var(--spacing-sm)}.faq-item__answer p:last-child{margin-bottom:0}.faq-item__answer strong{color:var(--color-text-strong);font-weight:600}.faq-item__answer a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast) ease}.faq-item__answer a:hover{color:var(--color-accent-secondary);text-decoration:underline}@media (max-width: 768px){.faq-section__content{margin:0}.faq-item__trigger{padding:var(--spacing-md)}.faq-item__question{font-size:var(--font-size-sm);margin-right:var(--spacing-sm)}.faq-item__answer{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm)}}.faq-section--analysis .faq-section__header{margin-bottom:var(--spacing-xl)}.faq-section--analysis .faq-section__header .faq-section__title{font-size:var(--font-size-xxl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-section--analysis .faq-section__content{max-width:100%;margin:0 auto}.faq-item--analysis{margin-bottom:var(--spacing-md)}.faq-item--analysis .faq-item__trigger{padding:var(--spacing-lg) var(--spacing-xl);position:relative;background-color:#8b5cf60a}.faq-item--analysis .faq-item__trigger:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast) ease;z-index:0}.faq-item--analysis .faq-item__trigger:hover:before{opacity:.05}.faq-item--analysis .faq-item__trigger--expanded:before{opacity:.1}.faq-item--analysis .faq-item__trigger *{position:relative;z-index:1}.faq-item--analysis .faq-item__question{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-strong)}.faq-item--analysis .faq-item__content{max-height:110px;overflow:hidden;position:relative;transition:max-height var(--transition-normal) ease}.faq-item--analysis .faq-item__content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--color-bg-card));pointer-events:none;transition:opacity var(--transition-fast) ease}.faq-item--analysis .faq-item__content[aria-hidden=false]:after{opacity:0}.faq-item--analysis .faq-item__answer{line-height:1.7}.faq-item--analysis .faq-item__answer h3,.faq-item--analysis .faq-item__answer h4{color:var(--color-text-strong);font-weight:600;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.faq-item--analysis .faq-item__answer h3:first-child,.faq-item--analysis .faq-item__answer h4:first-child{margin-top:0}.faq-item--analysis .faq-item__answer ul,.faq-item--analysis .faq-item__answer ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.faq-item--analysis .faq-item__answer ul li,.faq-item--analysis .faq-item__answer ol li{margin-bottom:var(--spacing-xs);line-height:1.6}.faq-item--analysis .faq-item__fallback{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--spacing-lg);margin:0}.faq-item--analysis .faq-item__footer{border-top:1px solid var(--color-border-subtle);padding:var(--spacing-md) var(--spacing-xl);background-color:#8b5cf605}.faq-item--analysis .faq-item__notice{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;margin:0;display:block}@media (max-width: 768px){.faq-section--analysis .faq-section__header .faq-section__title{font-size:var(--font-size-xl)}.faq-item--analysis .faq-item__trigger{padding:var(--spacing-md) var(--spacing-lg)}.faq-item--analysis .faq-item__question{font-size:var(--font-size-md)}.faq-item--analysis .faq-item__answer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-sm)}.faq-item--analysis .faq-item__footer{padding:var(--spacing-sm) var(--spacing-lg)}}@keyframes faqExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-item__content[aria-hidden=false] .faq-item__answer{animation:faqExpand var(--transition-normal) ease}.faq-item__trigger--expanded .faq-item__icon{transform:rotate(180deg);color:var(--color-accent-primary)}.card--word-cloud{margin:var(--spacing-lg) 0}.card--word-cloud .card__content{padding:var(--spacing-lg)}@media (max-width: 768px){.card--word-cloud .card__content{padding:var(--spacing-md)}}.word-cloud__words{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;align-items:center}.word-cloud__word{display:inline-block;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast) ease;cursor:default;padding:.25em .5em;border-radius:var(--border-radius-sm)}.word-cloud__word--size-1{font-size:.875rem;color:var(--color-text-muted);font-weight:400}.word-cloud__word--size-2{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.word-cloud__word--size-3{font-size:1.25rem;color:var(--color-text-primary);font-weight:600}.word-cloud__word--size-4{font-size:1.5rem;color:var(--color-accent-primary);font-weight:700}.word-cloud__word--size-5{font-size:1.875rem;color:var(--color-accent-secondary);font-weight:800}.word-cloud__word:hover{transform:translateY(-1px);background-color:var(--color-bg-hover);color:var(--color-accent-primary)}@media (max-width: 768px){.word-cloud__word--size-1{font-size:.75rem}.word-cloud__word--size-2{font-size:.875rem}.word-cloud__word--size-3{font-size:1rem}.word-cloud__word--size-4{font-size:1.125rem}.word-cloud__word--size-5{font-size:1.25rem}}@media (max-width: 480px){.word-cloud__word--size-1{font-size:.7rem}.word-cloud__word--size-2{font-size:.8rem}.word-cloud__word--size-3{font-size:.9rem}.word-cloud__word--size-4{font-size:1rem}.word-cloud__word--size-5{font-size:1.125rem}}.on-this-day{margin-top:var(--spacing-md)}.on-this-day__header{text-align:center;margin-bottom:var(--spacing-xl)}.on-this-day__title{margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@supports not (-webkit-background-clip: text){.on-this-day__title{background:none;color:var(--color-text-primary)}}.on-this-day__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin:0}.on-this-day__content{margin:0 auto}.on-this-day__year-group{margin-bottom:var(--spacing-2xl)}.on-this-day__year-group:last-child{margin-bottom:0}.on-this-day__year-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border-primary)}.on-this-day__year-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent-primary);margin:0;line-height:1.2}.on-this-day__years-ago{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:400;font-style:italic}.on-this-day__songs-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.social-links{margin:var(--spacing-md) 0}.social-links--small .social-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs, .75rem);min-height:32px}.social-links--medium .social-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm, .875rem);min-height:40px}.social-links--large .social-link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base, 1rem);min-height:48px}.social-links__grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;justify-content:center}.social-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--border-radius-md, 8px);font-weight:500;transition:all var(--transition-fast, .2s) ease;border:1px solid}.social-link:focus{outline:2px solid var(--color-accent-primary, #8b5cf6);outline-offset:2px}.social-link--youtube{background:#ff00001a;color:red;border-color:#ff00004d}.social-link--youtube:hover{background:#f003;border-color:red}.social-link--instagram{background:#e4405f1a;color:#e4405f;border-color:#e4405f4d}.social-link--instagram:hover{background:#e4405f33;border-color:#e4405f}.social-link--facebook{background:#1877f21a;color:#1877f2;border-color:#1877f24d}.social-link--facebook:hover{background:#1877f233;border-color:#1877f2}.social-link--twitter{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.social-link--twitter:hover{background:#fff3;border-color:#fff}.social-link--soundcloud{background:#ff85001a;color:#ff8500;border-color:#ff85004d}.social-link--soundcloud:hover{background:#ff850033;border-color:#ff8500}.social-link--apple{background:#fa233b1a;color:#fa233b;border-color:#fa233b4d}.social-link--apple:hover{background:#fa233b33;border-color:#fa233b}.social-link--deezer{background:#feaa2d1a;color:#feaa2d;border-color:#feaa2d4d}.social-link--deezer:hover{background:#feaa2d33;border-color:#feaa2d}.social-link--tiktok{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.social-link--tiktok:hover{background:#fff3;border-color:#fff}.social-link--wikipedia{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.social-link--wikipedia:hover{background:#fff3;border-color:#fff}.social-link--music{background:#8b5cf61a;color:var(--color-accent-primary, #8b5cf6);border-color:#8b5cf64d}.social-link--music:hover{background:#8b5cf633;border-color:var(--color-accent-primary, #8b5cf6)}.social-link--website{background:#ffffff0d;color:var(--color-text-primary);border-color:#fff3}.social-link--website:hover{background:#ffffff1a;border-color:#fff6}.social-link--whatsapp{background:#25d3661a;color:#25d366;border-color:#25d3664d}.social-link--whatsapp:hover{background:#25d36633;border-color:#25d366}.social-link--vk{background:#4680c21a;color:#4680c2;border-color:#4680c24d}.social-link--vk:hover{background:#4680c233;border-color:#4680c2}.social-link--telegram{background:#228bcc1a;color:#228bcc;border-color:#228bcc4d}.social-link--telegram:hover{background:#228bcc33;border-color:#228bcc}.song-share__links{margin:0}@media screen and (max-width: 768px){.social-links__grid{gap:var(--spacing-xs)}.social-link{font-size:var(--font-size-xs, .75rem);padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.song-share{margin:var(--spacing-md) 0;padding:var(--spacing-sm)}}@media screen and (max-width: 480px){.social-links__grid{flex-direction:column;gap:var(--spacing-sm)}.social-link{width:100%;min-width:unset;max-width:unset;flex:none;justify-content:center;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}.search-result-card{border:1px solid var(--color-border-card);transition:all var(--transition-fast) ease}.search-result-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-music)}.song-analysis-likes{background-color:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md);text-align:center;transition:all var(--transition-fast) ease}.song-analysis-likes__header{margin-bottom:var(--spacing-md)}.song-analysis-likes__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-strong);margin:0 0 var(--spacing-sm) 0}.song-analysis-likes__buttons{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width: 480px){.song-analysis-likes__buttons{flex-direction:column;align-items:center;gap:var(--spacing-sm)}}.song-analysis-likes__button{min-width:120px;position:relative;transition:all var(--transition-fast) ease}.song-analysis-likes__button--up:hover:not(:disabled){background-color:#10b9811a;border-color:var(--color-success);color:var(--color-success)}.song-analysis-likes__button--up.button--voted{background-color:#10b98126;border-color:var(--color-success);color:var(--color-success)}.song-analysis-likes__button--down:hover:not(:disabled){background-color:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.song-analysis-likes__button--down.button--voted{background-color:#ef444426;border-color:var(--color-danger);color:var(--color-danger)}@media (max-width: 480px){.song-analysis-likes__button{width:100%;max-width:200px}}.song-analysis-likes__message{font-size:var(--font-size-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:500;margin-top:var(--spacing-md)}.song-analysis-likes__message--success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.song-analysis-likes__message--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.song-analysis-likes--loading .song-analysis-likes__button{pointer-events:none;opacity:.7}.is-hidden{display:none!important}.payment-success__code-card{border:2px solid var(--color-accent-primary);background:linear-gradient(135deg,#8b5cf60d,#06b6d408);position:relative;overflow:hidden}.payment-success__code-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.payment-success__code-card .card__header{background:#8b5cf61a;border-bottom:1px solid rgba(139,92,246,.2)}.payment-success__code-card .card__header .card__header-title{color:var(--color-accent-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.payment-success__code-card .card__header .card__header-title:before{content:"🎵";font-size:var(--font-size-lg)}.payment-success__email-card{border-left:4px solid var(--color-success);background:linear-gradient(135deg,#10b98108,#10b98103)}.payment-success__email-card .card__header{background:#10b9810d;border-bottom:1px solid rgba(16,185,129,.15)}.payment-success__email-card .card__header .card__header-title{color:var(--color-success);display:flex;align-items:center;gap:var(--spacing-sm)}.payment-success__email-card .card__header .card__header-title:before{content:"✉️";font-size:var(--font-size-lg)}.payment-success__email-notification{display:flex;gap:var(--spacing-lg);align-items:flex-start}@media (max-width: 480px){.payment-success__email-notification{flex-direction:column;gap:var(--spacing-md)}}.payment-success__email-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0;box-shadow:var(--shadow-music)}.payment-success__email-icon:before{content:"📧"}@media (max-width: 480px){.payment-success__email-icon{width:50px;height:50px;font-size:20px;align-self:center}}.payment-success__email-text{flex:1}.payment-success__email-text p{margin:0 0 var(--spacing-sm) 0;line-height:1.6}.payment-success__email-text p:last-child{margin-bottom:0}.payment-success__email-address{color:var(--color-accent-primary)!important;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#8b5cf61a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block;border:1px solid rgba(139,92,246,.2)}.payment-success__email-hint{color:var(--color-text-muted)!important;font-size:var(--font-size-sm)}.payment-success__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(139,92,246,.2)}@media (max-width: 480px){.payment-success__stats{grid-template-columns:1fr;gap:var(--spacing-md)}}.payment-success__stat{text-align:center;padding:var(--spacing-md);background:#8b5cf60d;border-radius:var(--border-radius-md);border:1px solid rgba(139,92,246,.1);transition:all var(--transition-fast) ease}.payment-success__stat:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translateY(-1px)}.payment-success__stat-label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.payment-success__stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent-primary);line-height:1}.payment-success__instructions{margin:0;padding:0;list-style:none;counter-reset:step-counter}.payment-success__instructions li{counter-increment:step-counter;position:relative;padding:var(--spacing-md) 0 var(--spacing-md) var(--spacing-2xl);margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-text-primary)}.payment-success__instructions li:before{content:counter(step-counter);position:absolute;left:0;top:var(--spacing-md);width:24px;height:24px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-soft)}.payment-success__instructions li:last-child{margin-bottom:0}.payment-success__notes{margin:0;padding:0;list-style:none}.payment-success__notes li{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.6;color:var(--color-text-primary)}.payment-success__notes li:before{content:"💡";position:absolute;left:0;top:0;font-size:var(--font-size-base)}.payment-success__notes li:last-child{margin-bottom:0}.payment-success__notes-card{background:linear-gradient(135deg,#f59e0b08,#f59e0b03);border-left:4px solid var(--color-warning)}.payment-success__notes-card .card__header{background:#f59e0b0d;border-bottom:1px solid rgba(245,158,11,.15)}.payment-success__notes-card .card__header .card__header-title{color:var(--color-warning);display:flex;align-items:center;gap:var(--spacing-sm)}.payment-success__notes-card .card__header .card__header-title:before{content:"⚠️";font-size:var(--font-size-lg)}.payment-success__actions{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border-primary)}.code-display{margin-bottom:var(--spacing-lg)}.code-display__wrapper{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-accent-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden}.code-display__wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent);animation:code-shine 3s infinite}@media (max-width: 480px){.code-display__wrapper{flex-direction:column;gap:var(--spacing-sm)}}.code-display__code{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent-primary);text-align:center;letter-spacing:3px;text-transform:uppercase;background:#8b5cf61a;padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid rgba(139,92,246,.2)}@media (max-width: 480px){.code-display__code{font-size:var(--font-size-lg);letter-spacing:2px}}.code-display__copy{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);flex-shrink:0;transition:all var(--transition-fast) ease}.code-display__copy:hover:not(:disabled){background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-music)}.code-display__copy.button--primary{background:var(--color-success);border-color:var(--color-success);color:#fff}.code-display__copy.button--primary:after{content:" ✓"}@media (max-width: 480px){.code-display__copy{width:100%}}@keyframes code-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.hero--music{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.hero--music:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#06b6d40d);z-index:-1}::selection{background-color:var(--color-accent-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--border-radius-round)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.hidden{display:none}.mt-1{margin-top:1rem}