.notif-bell{position:relative;display:inline-flex}.notif-bell-btn{position:relative}.notif-bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:16px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-primary);pointer-events:none}[data-theme=light] .notif-bell-badge{box-shadow:0 0 0 2px #fff}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:calc(100vw - 32px);background:var(--bg-surface, #18181b);color:var(--text-primary, #fafafa);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:14px;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff0a;overflow:hidden;z-index:200;animation:notifFadeIn .18s ease-out}@media (max-width: 600px){.notif-dropdown{position:fixed;top:72px;left:12px;right:12px;width:auto;max-width:none}}[data-theme=light] .notif-dropdown{box-shadow:0 24px 48px #0000001f,0 0 0 1px #0000000a}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}.notif-dropdown-title{font-size:13px;font-weight:600;color:var(--text-primary)}.notif-mark-all{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:color .15s,background .15s}.notif-mark-all:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .notif-mark-all:hover{background:#0000000a}.notif-dropdown-body{max-height:420px;overflow-y:auto;padding:4px 6px 6px;display:flex;flex-direction:column;gap:2px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--text-tertiary);font-size:13px}.notif-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:flex-start;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .12s;font-family:inherit}.notif-item:hover{background:#ffffff0f}[data-theme=light] .notif-item:hover{background:#0000000d}.notif-item.is-unread{background:#3b82f60f}.notif-item.is-unread:hover{background:#3b82f61f}[data-theme=light] .notif-item.is-unread{background:#3b82f614}[data-theme=light] .notif-item.is-unread:hover{background:#3b82f624}.notif-item-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-primary, rgba(255, 255, 255, .04));display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0}.notif-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-message{font-size:13px;line-height:1.4;color:var(--text-primary);word-break:break-word}.notif-item-meta{font-size:11px;color:var(--text-tertiary)}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-top:6px;flex-shrink:0}.header{position:fixed;top:0;left:0;right:0;height:80px;z-index:100;display:flex;align-items:center;background-color:var(--bg-primary);backdrop-filter:blur(0px);transition:top .4s cubic-bezier(.16,1,.3,1),max-width .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);border:1px solid transparent;margin:0 auto}.header--scrolled{top:12px;max-width:calc(1600px + var(--spacing-6) * 2);padding:0 20px;border-radius:20px;background-color:#09090b8c;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d inset}[data-theme=light] .header--scrolled{background-color:#fff9;border-color:#0000000f;box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff80 inset}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.logo{display:flex;align-items:center;cursor:pointer;user-select:none;-webkit-user-select:none}.logo-image{height:20px;width:auto;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.logo-accent{color:var(--text-tertiary)}.nav-links{display:flex;gap:var(--spacing-8);justify-content:center}.nav-link{font-size:15px;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast);position:relative;padding:8px 16px;border-radius:var(--radius-full);border:1px solid transparent}.nav-link:hover,.nav-link.active{color:var(--text-primary);border-color:var(--text-primary)}.nav-item-container{position:relative;display:flex;align-items:center;height:100%}.nav-item-container.dropdown-only .nav-link{cursor:pointer}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#09090b;border:1px solid var(--border);border-radius:32px;padding:12px;min-width:190px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 40px -10px #00000080;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);z-index:100}[data-theme=light] .nav-dropdown{@supports (backdrop-filter: blur(12px)){background:#ffffffd9}box-shadow:0 10px 40px -10px #0000001a}.nav-dropdown:before{content:"";position:absolute;top:-12px;left:0;width:100%;height:12px}.nav-item-container:hover .nav-dropdown{opacity:1;visibility:visible}.nav-dropdown-item{display:block;padding:10px 14px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:20px;transition:all .2s ease;text-align:left;white-space:nowrap}.nav-dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-4);justify-content:flex-end}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-primary);transition:background-color var(--transition-fast)}.icon-btn:hover{background-color:#ffffff1a}.login-btn{display:flex;align-items:center;padding:8px 16px;background-color:var(--accent);color:var(--accent-foreground);border-radius:var(--radius-full);font-size:14px;font-weight:500;transition:opacity var(--transition-fast)}.login-btn:hover{opacity:.9}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--radius-full);transition:background-color var(--transition-fast);cursor:pointer;border:1px solid transparent}.user-menu-btn:hover{background-color:var(--bg-secondary)}.header-avatar-container{width:36px;height:36px;border-radius:50%;overflow:hidden}.header-profile-avatar{width:100%;height:100%;object-fit:cover}.header-profile-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--text-primary);color:var(--bg-primary);font-size:14px;font-weight:600;letter-spacing:.5px}.dropdown-arrow{color:var(--text-secondary);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.search-overlay{position:fixed;inset:0;z-index:9999;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,160px);animation:searchOverlayIn .2s ease-out}@keyframes searchOverlayIn{0%{opacity:0}to{opacity:1}}[data-theme=light] .search-overlay{background:#fafafa80}.search-modal{width:100%;max-width:580px;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 80px -12px #00000080,0 0 0 1px #ffffff0a inset;overflow:hidden;animation:searchModalIn .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:min(82vh,720px)}@keyframes searchModalIn{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=light] .search-modal{box-shadow:0 24px 80px -12px #00000026,0 0 0 1px #0000000a inset}.search-modal-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);min-height:60px;box-sizing:border-box}.search-modal-icon{color:var(--text-tertiary);flex-shrink:0}.search-modal-input{flex:1;background:none;border:none;outline:none;font-size:16px;font-family:var(--font-sans);color:var(--text-primary);min-width:0}.search-modal-input::placeholder{color:var(--text-tertiary)}.search-modal-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:none;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.search-modal-clear:hover{background:var(--border);color:var(--text-primary)}.search-modal-body{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:120px}.search-modal-body::-webkit-scrollbar{width:4px}.search-modal-body::-webkit-scrollbar-track{background:transparent}.search-modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.search-modal-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:var(--text-tertiary);font-size:14px;text-align:center}.search-modal-state-emoji{font-size:16px;font-weight:600;color:var(--text-secondary)}.search-suggest-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500;color:var(--accent-foreground);background:var(--accent);border-radius:var(--radius-full);text-decoration:none;transition:opacity var(--transition-fast)}.search-suggest-btn:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.search-spinner{animation:spin .8s linear infinite}.search-modal-results{padding:8px}.user-menu-container{position:relative}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;width:220px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:1000;animation:fadeIn .2s ease}.search-results-section{padding:0}.search-results-section+.search-results-section{margin-top:4px;padding-top:8px;border-top:1px solid var(--border)}.search-results-label{display:flex;align-items:center;gap:6px;padding:8px 12px 6px;font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:var(--text-primary);cursor:pointer;border-radius:12px;transition:background-color var(--transition-fast)}.search-result-item:hover,.search-result-item--active{background:var(--bg-secondary)}.search-result-image{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--bg-secondary)}.search-result-image--artist{border-radius:50%}.search-result-info{flex:1;min-width:0}.search-result-title{font-weight:500;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px 16px;display:flex;flex-direction:column}.dropdown-username{font-weight:600;color:var(--text-primary);font-size:14px;display:flex;align-items:center;gap:8px}.dropdown-press-badge{display:inline-flex;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:#111;border-radius:var(--radius-full)}[data-theme=dark] .dropdown-press-badge{background:#fff;color:#111}.dropdown-divider{height:1px;background:var(--border);margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;font-size:14px;border-radius:8px;transition:all .2s;background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--surface-light);color:var(--text-primary)}.logout-btn{color:#ef4444}.logout-btn:hover{background:#ef44441a;color:#ef4444}.header-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-primary);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.header-burger:hover{background-color:#ffffff1a}.header-mobile-nav{position:fixed;inset:80px 0 0;z-index:99;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.header-mobile-nav--open{opacity:1;visibility:visible}.header-mobile-nav-inner{position:absolute;top:0;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--spacing-4);display:flex;flex-direction:column;gap:4px;transform:translateY(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.header-mobile-nav--open .header-mobile-nav-inner{transform:translateY(0)}.header-mobile-link{display:block;padding:14px 16px;font-size:16px;font-weight:500;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.header-mobile-link:hover{background:var(--bg-secondary)}.header-mobile-divider{height:1px;background:var(--border);margin:8px 0}@media (max-width: 900px){.header-burger{display:flex}.nav-links{display:none}.header-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-4)}.logo{justify-content:center}}@media (max-width: 768px){.header{height:64px}.header--scrolled{top:8px;max-width:calc(100% - 24px);padding:0 12px;border-radius:16px}.header-mobile-nav{top:64px}.header--scrolled .header-mobile-nav{top:72px}.logo-image{height:17px}.login-btn span{display:none}.login-btn{padding:8px}.login-btn svg{margin-right:0!important}.user-menu-btn .dropdown-arrow{display:none}.user-menu-btn:hover{background-color:transparent}.search-modal{max-width:calc(100% - 24px);max-height:80vh;border-radius:16px}}@media (max-width: 480px){.header--scrolled{top:6px;max-width:calc(100% - 16px);padding:0 8px;border-radius:14px}.header--scrolled .header-mobile-nav{top:70px}.header-content{padding:0 var(--spacing-4)}.search-overlay{padding-top:min(15vh,100px)}.search-modal{max-width:calc(100% - 16px);border-radius:14px}}.footer{background-color:var(--bg-primary);margin-top:auto;padding:var(--spacing-12) 0 var(--spacing-8)}.footer-inner{display:flex;flex-direction:column;gap:var(--spacing-8)}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--spacing-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-logo-link{display:inline-block}.footer-logo-img{height:20px;width:auto;object-fit:contain}.footer-tagline{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:260px}.footer-socials{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-1)}.footer-socials a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition-fast)}.footer-socials a:hover{color:var(--text-primary);border-color:var(--text-primary);background:var(--bg-surface)}.footer-col{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-col-title{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.footer-col-links{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-col-links a{font-size:14px;color:var(--text-secondary);transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:5px}.footer-col-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center}.footer-copyright{font-size:12px;color:var(--text-tertiary)}@media (max-width: 768px){.footer{padding:var(--spacing-8) 0 var(--spacing-6)}.footer-top{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-brand{align-items:center;text-align:center}.footer-tagline{max-width:none}.footer-socials{justify-content:center}.footer-col{align-items:center;text-align:center}.footer-col-links{align-items:center}}.fb-bubble-btn{position:fixed;bottom:24px;left:24px;z-index:9000;width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:#18181b;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0f;transition:transform .18s ease,box-shadow .18s ease}.fb-bubble-btn:hover{transform:scale(1.07);box-shadow:0 6px 32px #00000080,0 0 0 1px #ffffff1a}.fb-bubble-btn .fb-badge{position:absolute;top:0;right:0;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2.5px solid #18181B}.fb-panel-overlay{position:fixed;inset:0;z-index:9001;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fbOverlayIn .18s ease}@keyframes fbOverlayIn{0%{opacity:0}to{opacity:1}}.fb-panel{position:fixed;bottom:90px;left:24px;z-index:9002;width:400px;max-height:calc(100dvh - 120px);overflow-y:auto;background:#1a1a1f;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0a;animation:fbPanelIn .28s cubic-bezier(.34,1.4,.64,1)}.fb-panel::-webkit-scrollbar{width:6px}.fb-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@keyframes fbPanelIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.fb-panel-header h3{font-size:15px;font-weight:600;color:#f4f4f5;margin:0;letter-spacing:-.01em}.fb-panel-close{background:none;border:none;color:#71717a;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.fb-panel-close:hover{color:#f4f4f5;background:#ffffff0f}.fb-panel-body{padding:16px 20px 20px}.fb-type-row{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:3px;margin-bottom:16px}.fb-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border-radius:9px;border:none;background:transparent;color:#71717a;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fb-type-btn:hover{color:#a1a1aa}.fb-type-btn.active{background:#ffffff14;color:#f4f4f5;box-shadow:0 1px 4px #0000004d}.fb-form{display:flex;flex-direction:column;gap:12px}.fb-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fb-field{display:flex;flex-direction:column;gap:0}.fb-field label{font-size:12.5px;font-weight:500;color:#e4e4e7;padding:6px 0 5px}.fb-field label .fb-opt{color:#52525b;font-weight:400}.fb-field input,.fb-field textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f4f4f5;font-size:13.5px;font-family:inherit;transition:border-color .15s ease,background .15s ease;resize:vertical}.fb-field input:focus,.fb-field textarea:focus{outline:none;border-color:#ffffff2e;background:#ffffff0f}.fb-field input::placeholder,.fb-field textarea::placeholder{color:#52525b}.fb-divider{height:1px;background:#ffffff0f;margin:4px 0}.fb-submit{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 0;border-radius:10px;border:none;background:#f4f4f5;color:#18181b;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .15s ease;margin-top:4px;letter-spacing:-.01em}.fb-submit:hover{opacity:.9;transform:translateY(-1px)}.fb-submit:disabled{opacity:.35;cursor:not-allowed;transform:none}.fb-error{padding:9px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:12.5px;font-weight:500}.fb-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px 24px;gap:10px}.fb-success-icon{color:#22c55e}.fb-success h4{font-size:17px;font-weight:600;color:#f4f4f5;margin:0}.fb-success p{font-size:13.5px;color:#a1a1aa;line-height:1.5;margin:0}.fb-again{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f4f4f5;font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.fb-again:hover{border-color:#ffffff26;background:#ffffff0f}@media (max-width: 768px){.fb-bubble-btn{bottom:16px;left:16px;width:44px;height:44px}.fb-bubble-btn svg{width:18px;height:18px}.fb-bubble-btn .fb-badge{width:9px;height:9px}.fb-panel{left:12px;right:12px;bottom:72px;width:auto;max-height:calc(100dvh - 100px)}}@media (max-width: 480px){.fb-bubble-btn{bottom:12px;left:12px;width:40px;height:40px}.fb-bubble-btn svg{width:16px;height:16px}.fb-panel{left:8px;right:8px;bottom:62px;border-radius:16px}.fb-panel-header{padding:14px 16px 12px}.fb-panel-header h3{font-size:14px}.fb-row{grid-template-columns:1fr}.fb-panel-body{padding:12px 14px 16px}.fb-type-btn{font-size:11.5px;padding:8px 6px}.fb-field input,.fb-field textarea{font-size:13px;padding:9px 10px}.fb-submit{font-size:12.5px;padding:10px 0}}.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:9000;display:flex;justify-content:center;pointer-events:none;animation:cookieBannerIn .32s cubic-bezier(.16,1,.3,1)}@keyframes cookieBannerIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-inner{pointer-events:auto;max-width:720px;width:100%;background:#111114f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px;box-shadow:0 20px 60px #00000073;color:var(--text-primary, #fafafa)}.cookie-banner-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cookie-banner-title-wrap{display:flex;align-items:center;gap:10px}.cookie-banner-icon{color:#fafafa}.cookie-banner-title{font-size:16px;font-weight:600;margin:0}.cookie-banner-close{background:transparent;border:none;color:#ffffff8c;cursor:pointer;padding:4px;border-radius:8px;display:inline-flex;transition:background .16s ease,color .16s ease}.cookie-banner-close:hover{background:#ffffff14;color:#fafafa}.cookie-banner-text{font-size:13.5px;line-height:1.55;color:#ffffffc7;margin:0 0 14px}.cookie-banner-link{color:#fafafa;text-decoration:underline;text-underline-offset:2px}.cookie-banner-details{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.cookie-banner-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cookie-banner-row-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.cookie-banner-row-text strong{color:#fafafa;font-weight:600}.cookie-banner-row-text span{color:#fff9;font-size:12.5px}.cookie-banner-badge{font-size:11px;font-weight:600;padding:4px 10px;background:#ffffff14;border-radius:999px;color:#ffffffb3}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cookie-banner-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform 80ms ease}.cookie-banner-btn:active{transform:scale(.98)}.cookie-banner-btn-primary{background:#fafafa;color:#09090b}.cookie-banner-btn-primary:hover{background:#fff}.cookie-banner-btn-secondary{background:#ffffff14;color:#fafafa;border-color:#ffffff14}.cookie-banner-btn-secondary:hover{background:#ffffff24}.cookie-banner-btn-ghost{background:transparent;color:#ffffffbf}.cookie-banner-btn-ghost:hover{color:#fafafa;background:#ffffff0d}@media (max-width: 600px){.cookie-banner{bottom:8px;left:8px;right:8px}.cookie-banner-inner{padding:16px 16px 14px;border-radius:14px}.cookie-banner-text{font-size:13px}.cookie-banner-actions{flex-direction:column-reverse;align-items:stretch}.cookie-banner-btn{justify-content:center;width:100%}}.album-card{display:block;min-width:0;overflow:hidden}.card-image-wrapper{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-3);transition:transform var(--transition-normal)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.album-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;gap:var(--spacing-2)}.card-rating{background:#ffffffe6;backdrop-filter:blur(4px);padding:4px 8px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#000}.card-content{padding:0 var(--spacing-1)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-artist{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-2)}.card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}@media (max-width: 768px){.card-title{font-size:14px}.card-artist{font-size:13px}.card-image-wrapper{margin-bottom:var(--spacing-2)}.card-rating{font-size:11px;padding:3px 6px}}@media (max-width: 480px){.card-title{font-size:13px}.card-artist{font-size:12px;margin-bottom:var(--spacing-1)}.card-meta{font-size:11px}}.section-scroll-wrapper{position:relative;margin:0;padding:0 52px;overflow:visible}.section-scroll-container{display:flex;gap:20px;overflow-x:auto;padding:0 0 24px;margin:0 -52px;scrollbar-width:none;-ms-overflow-style:none}.section-scroll-container::-webkit-scrollbar{display:none}.section-scroll-container .album-card{flex:0 0 auto;width:230px}.section-scroll-wrapper .scroll-arrow{position:absolute;top:115px;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background-color:transparent;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:0;transition:all var(--transition-fast)}.section-scroll-wrapper:hover .scroll-arrow{opacity:1}.section-scroll-wrapper .scroll-arrow:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-50%) scale(1.05)}.section-scroll-wrapper .scroll-arrow.left{left:0}.section-scroll-wrapper .scroll-arrow.right{right:0}.section-scroll-wrapper.has-left:before,.section-scroll-wrapper.has-right:after{content:"";position:absolute;top:0;bottom:0;width:72px;pointer-events:none;z-index:5}.section-scroll-wrapper.has-left:before{left:0;background:linear-gradient(to right,var(--bg-primary) 0%,rgba(15,15,23,0) 100%)}.section-scroll-wrapper.has-right:after{right:0;background:linear-gradient(to left,var(--bg-primary) 0%,rgba(15,15,23,0) 100%)}@media (max-width: 768px){.section-scroll-wrapper{padding:0 16px}.section-scroll-container{gap:14px;margin:0 -16px;padding:0 16px 16px}.section-scroll-container .album-card{width:160px}.section-scroll-wrapper .scroll-arrow{display:none}.section-scroll-wrapper.has-left:before,.section-scroll-wrapper.has-right:after{width:32px}}@media (max-width: 480px){.section-scroll-container .album-card{width:140px}.section-scroll-container{gap:10px}}.hero-section{--sp: 0;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 80px);max-height:820px;margin-top:80px;margin-bottom:40px;background:radial-gradient(ellipse at 50% 50%,rgba(60,50,90,.22) 0%,rgba(60,50,90,.08) 35%,transparent 60%),var(--bg-primary);overflow:hidden;text-align:center}.hero-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;opacity:.07;z-index:1;pointer-events:none;mix-blend-mode:overlay}.hero-section:after{content:"";position:absolute;bottom:-60px;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 100%);z-index:6;pointer-events:none}.hero-scroll-hint{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:7;color:#fff6;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.4}50%{transform:translate(-50%) translateY(6px);opacity:.7}}.hero-orbit{position:absolute;inset:-40px;z-index:0;pointer-events:none;transform:rotate(calc(var(--sp) * -.5deg));transform-origin:50% 50%;will-change:transform}.hero-cover{position:absolute;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000080;will-change:transform}.hero-cover img{width:100%;height:100%;object-fit:cover;display:block}@keyframes hero-float{0%,to{translate:0 0}50%{translate:0 -10px}}.hero-cover-0{top:16%;left:14%;width:170px;height:170px;transform:rotate(-12deg);animation:hero-float 7s ease-in-out infinite}.hero-cover-1{top:10%;left:32%;width:75px;height:75px;transform:rotate(-3deg);animation:hero-float 6s ease-in-out infinite -2s;filter:blur(1.5px);opacity:.55}.hero-cover-2{top:14%;left:50%;width:160px;height:160px;transform:translate(-50%) rotate(7deg);animation:hero-float 8s ease-in-out infinite -4s}.hero-cover-3{top:12%;right:28%;width:72px;height:72px;transform:rotate(11deg);animation:hero-float 5.5s ease-in-out infinite -1s;filter:blur(1.5px);opacity:.55}.hero-cover-4{top:18%;right:12%;width:168px;height:168px;transform:rotate(18deg);animation:hero-float 7.5s ease-in-out infinite -3s}.hero-cover-5{bottom:12%;right:14%;width:170px;height:170px;transform:rotate(14deg);animation:hero-float 6.5s ease-in-out infinite -5s}.hero-cover-6{bottom:12%;left:14%;width:165px;height:165px;transform:rotate(-16deg);animation:hero-float 8s ease-in-out infinite -6s}.hero-cover-7{bottom:14%;left:42%;width:155px;height:155px;transform:rotate(-6deg);animation:hero-float 6s ease-in-out infinite -2.5s}.hero-cover-8{top:42%;left:12%;width:78px;height:78px;transform:rotate(-8deg);animation:hero-float 6.8s ease-in-out infinite -1.5s;filter:blur(1.5px);opacity:.55}.hero-cover-9{top:44%;right:12%;width:78px;height:78px;transform:rotate(10deg);animation:hero-float 7.2s ease-in-out infinite -4s;filter:blur(1.5px);opacity:.55}.hero-cover-10{bottom:20%;left:30%;width:65px;height:65px;transform:rotate(5deg);animation:hero-float 7s ease-in-out infinite -3.5s;filter:blur(2px);opacity:.45}.hero-cover-11{bottom:18%;right:28%;width:60px;height:60px;transform:rotate(-7deg);animation:hero-float 6.5s ease-in-out infinite -1s;filter:blur(2px);opacity:.45}.hero-review{position:absolute;background:#161616d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;max-width:175px;z-index:5}.hero-review-rating{display:flex;align-items:center;justify-content:center;gap:4px;color:#c9a84c;font-size:12px;font-weight:600;margin-bottom:4px}.hero-review-text{font-size:12px;color:var(--text-secondary);line-height:1.4;margin:0 0 4px;font-style:italic;text-align:center}.hero-review-user{font-size:11px;color:var(--text-tertiary);text-align:center}.hero-review-0{top:28%;left:16%;transform:rotate(-2deg);animation:hero-float 7s ease-in-out infinite}.hero-review-1{top:32%;right:12%;transform:rotate(3deg);animation:hero-float 7.5s ease-in-out infinite -3s}.hero-review-2{bottom:24%;right:14%;transform:rotate(-1deg);animation:hero-float 6.5s ease-in-out infinite -5s}.hero-review-3{bottom:26%;left:14%;transform:rotate(2deg);animation:hero-float 8s ease-in-out infinite -2s}.hero-review-4{bottom:9%;left:48%;transform:rotate(-3deg);animation:hero-float 6s ease-in-out infinite -2.5s}.hero-review-5{top:16%;left:55%;transform:rotate(2deg);animation:hero-float 6s ease-in-out infinite -1.5s}.hero-content{position:relative;z-index:10;max-width:720px;padding:0 var(--spacing-6);margin-top:-32px}.hero-title{font-size:34px;line-height:1.12;margin-bottom:var(--spacing-4);letter-spacing:-.04em;text-align:center}.hero-subtitle{font-size:17px;font-weight:400;color:var(--text-secondary);margin-bottom:0;max-width:420px;text-align:center;margin-left:auto;margin-right:auto}.hero-cta-buttons{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);position:relative;z-index:30}.hero-btn{width:200px!important;min-width:200px!important;max-width:200px!important;height:48px!important;font-size:14px;font-weight:600;border-radius:var(--radius-full)!important;text-decoration:none;transition:all var(--transition-normal);display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;padding:0 20px!important;flex:none!important}.hero-btn.btn-primary{border-radius:var(--radius-full)!important;flex:none!important;padding:0 20px!important;background-color:var(--text-primary);color:var(--bg-surface);border:1px solid var(--text-primary)}.hero-btn.btn-primary:hover{background-color:var(--bg-surface);color:var(--text-primary)}.hero-btn.btn-secondary{border:1px solid var(--border)!important;border-radius:var(--radius-full)!important;background-color:transparent!important;color:var(--text-primary)!important;backdrop-filter:blur(8px)}.hero-btn.btn-secondary:hover{background-color:#ffffff0d!important;border-color:var(--text-primary)!important}.btn-primary{background-color:var(--text-primary);color:var(--bg-surface);border:1px solid var(--text-primary)}.btn-primary:hover{background-color:var(--bg-surface);color:var(--text-primary)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border);backdrop-filter:blur(8px)}.btn-secondary:hover{background-color:#ffffff0d;border-color:var(--text-primary)}@media (max-width: 768px){.hero-section{height:auto;min-height:auto;max-height:none;margin-top:64px;padding:160px 0;overflow:visible}.hero-section:after{height:120px;display:none}.hero-section:before{opacity:.04}.hero-content{max-width:100%;padding:0 var(--spacing-4);margin-top:0}.hero-cover{border-radius:12px;display:none!important}.hero-review{display:none!important}.hero-orbit{inset:0!important;transform:none!important}.hero-cover-0{display:block!important;width:90px!important;height:90px!important;top:14px!important;left:calc(50% - 120px)!important;bottom:auto!important;right:auto!important;opacity:1!important;filter:none!important;transform:rotate(-4deg)!important;animation:none!important}.hero-review-0{display:block!important;top:18px!important;left:calc(50% - 10px)!important;right:auto!important;bottom:auto!important;transform:rotate(2deg)!important;animation:none!important;max-width:155px!important}.hero-cover-5{display:block!important;width:90px!important;height:90px!important;bottom:14px!important;right:calc(50% - 120px)!important;top:auto!important;left:auto!important;opacity:1!important;filter:none!important;transform:rotate(4deg)!important;animation:none!important}.hero-review-2{display:block!important;bottom:18px!important;right:calc(50% - 10px)!important;left:auto!important;top:auto!important;transform:rotate(-2deg)!important;animation:none!important;max-width:155px!important}.hero-scroll-hint{bottom:-40px!important;z-index:8}.hero-title{font-size:28px}.hero-title br{display:none}.hero-subtitle{font-size:14px;padding:0}.hero-cta-buttons{flex-direction:row;gap:var(--spacing-2);padding:0}.hero-btn{width:160px!important;min-width:160px!important;max-width:160px!important;height:42px!important;font-size:12px;border-radius:var(--radius-full)!important}.search-container{max-width:100%;padding:0 var(--spacing-4)}.search-input{font-size:14px;padding:14px 16px 14px 48px}.search-icon{left:16px}}@media (max-width: 480px){.hero-section{min-height:auto;padding:150px 0}.hero-title{font-size:24px;padding:0 8px}.hero-subtitle{font-size:12px}.hero-cta-buttons{flex-direction:column;align-items:center;gap:8px}.hero-btn{width:190px!important;min-width:190px!important;max-width:190px!important;height:42px!important;font-size:13px;border-radius:var(--radius-full)!important}.hero-cover-0{width:74px!important;height:74px!important;top:18px!important;left:calc(50% - 100px)!important}.hero-review-0{top:20px!important;left:calc(50% - 10px)!important;max-width:135px!important;padding:8px 10px!important;font-size:11px!important}.hero-review-0 .hero-review-text{font-size:10px!important}.hero-cover-5{width:74px!important;height:74px!important;bottom:18px!important;right:calc(50% - 100px)!important}.hero-review-2{bottom:20px!important;right:calc(50% - 10px)!important;max-width:135px!important;padding:8px 10px!important;font-size:11px!important}.hero-review-2 .hero-review-text{font-size:10px!important}}.features-banner{width:100%;padding:32px 0;margin-top:64px;margin-bottom:80px}.features-banner-container{display:flex;justify-content:center;align-items:stretch;gap:20px;max-width:1300px;margin:0 auto;padding:0 40px}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 20px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:border-color .3s ease;flex:1}.feature-item:hover{border-color:#ffffff1f}.feature-visual{height:32px;display:flex;align-items:center;justify-content:center}.feature-visual-stars{gap:4px}.feature-visual-stars span{font-size:16px;color:#c9a84c33;animation:star-fill 3s ease-in-out infinite}.feature-visual-stars span:nth-child(1){animation-delay:0s}.feature-visual-stars span:nth-child(2){animation-delay:.25s}.feature-visual-stars span:nth-child(3){animation-delay:.5s}.feature-visual-stars span:nth-child(4){animation-delay:.75s}.feature-visual-stars span:nth-child(5){animation-delay:1s}@keyframes star-fill{0%,to{color:#c9a84c33;transform:scale(1)}30%,50%{color:#c9a84cb3;transform:scale(1.1)}}.feature-visual-share{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.feature-share-icon{color:#c9a84c80;animation:share-pulse 3s ease-in-out infinite}@keyframes share-pulse{0%,to{color:#c9a84c4d;transform:scale(1)}50%{color:#c9a84cb3;transform:scale(1.1)}}.feature-visual-bars{gap:3px;align-items:flex-end;height:32px}.feature-visual-bars span{display:block;width:4px;border-radius:2px;background:#c9a84c59;animation:bar-eq 1.4s ease-in-out infinite}.feature-visual-bars span:nth-child(1){height:10px;animation-delay:0s}.feature-visual-bars span:nth-child(2){height:18px;animation-delay:.15s}.feature-visual-bars span:nth-child(3){height:26px;animation-delay:.3s}.feature-visual-bars span:nth-child(4){height:14px;animation-delay:.45s}.feature-visual-bars span:nth-child(5){height:20px;animation-delay:.6s}@keyframes bar-eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.35)}}.feature-title{font-size:14px;font-weight:600;color:var(--text-primary)}.feature-subtitle{font-size:12px;font-weight:400;color:var(--text-tertiary);line-height:1.45}@media (max-width: 768px){.features-banner{margin-bottom:40px;padding:24px 0}.features-banner-container{flex-direction:column;align-items:stretch;padding:0 var(--spacing-4);gap:12px}.feature-item{padding:20px 18px;flex-direction:column;align-items:center;text-align:center;gap:6px}.feature-visual{height:28px;min-width:36px}.feature-visual-stars span{font-size:12px}.feature-visual-bars span{width:3px}.feature-title{font-size:13px}.feature-subtitle{font-size:11px;max-width:280px}.section-block{margin-bottom:40px}.section-block-title h2{font-size:20px!important}.section-link{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.features-banner{margin-top:32px;margin-bottom:24px;padding:16px 0}.features-banner-container{gap:8px}.feature-item{padding:16px 14px;flex-direction:column;align-items:center;text-align:center;gap:5px}.feature-visual{height:22px;min-width:28px}.feature-visual-stars span{font-size:10px}.feature-visual-bars span{width:2px}.feature-title{font-size:12px}.feature-subtitle{font-size:10px}}.home-page .container{max-width:1600px;margin:0 auto;padding:0 40px}@media (max-width: 768px){.home-page .container{padding:0 var(--spacing-4)}}@media (max-width: 480px){.home-page .container{padding:0 var(--spacing-3)}}.section-block{margin-bottom:60px;width:100%;max-width:100%}.home-page .section-block{max-width:1084px;margin-left:auto;margin-right:auto}.home-page .section-block-header{padding-left:52px}.home-page .section-scroll-container{margin:0}.home-page .section-scroll-wrapper .scroll-arrow.left{left:-8px}.home-page .section-scroll-wrapper .scroll-arrow.right{right:-8px}.section-block-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-block-title{display:flex;align-items:center;gap:10px}.section-block-title svg,.section-block-title .section-icon{color:var(--text-primary)}.section-block-title h2{font-size:24px;font-weight:700;margin:0;padding:0;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text-primary)!important}.section-link{font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;margin-left:auto;border:1px solid var(--text-secondary);padding:8px 16px;border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;line-height:1}.section-link:hover{color:var(--text-primary);border-color:var(--text-primary);background-color:var(--bg-secondary)}.home-page .home-news-section{max-width:1600px;margin-left:auto;margin-right:auto;margin-top:40px;padding:0 var(--spacing-6);box-sizing:border-box}.home-news-section .section-block-header{padding-left:0}.home-news-header{justify-content:center;text-align:center}.home-news-header h2{width:100%;text-align:center;font-size:28px;font-weight:700;letter-spacing:-.03em}.home-news-footer{margin-top:var(--spacing-8);text-align:center}.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home-news-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);text-decoration:none;transition:border-color var(--transition-fast),transform var(--transition-fast)}.home-news-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.home-news-card-image{aspect-ratio:16 / 9;overflow:hidden}.home-news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.home-news-card:hover .home-news-card-image img{transform:scale(1.03)}.home-news-card-content{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}.home-news-card-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-primary)}.home-news-card-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.home-news-card-excerpt{font-size:13px;color:var(--text-tertiary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media (max-width: 1024px){.home-news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-news-grid{grid-template-columns:1fr;gap:12px}.home-news-card:nth-child(n+5){display:none}.home-news-section{padding-left:0}.home-news-card-image{aspect-ratio:3 / 2}.home-news-card-content{padding:10px 12px 14px;gap:4px}.home-news-card-tag{font-size:9px}.home-news-card-title{font-size:13px;-webkit-line-clamp:2}.home-news-card-excerpt{font-size:12px;-webkit-line-clamp:2}}@media (max-width: 480px){.home-news-grid{grid-template-columns:1fr;gap:10px}.home-news-card:nth-child(n+5){display:none}.home-news-card{border-radius:10px}.home-news-card-image{aspect-ratio:4 / 3}.home-news-card-content{padding:8px 10px 10px;gap:3px}.home-news-card-tag{font-size:8px}.home-news-card-title,.home-news-card-excerpt{font-size:11px;-webkit-line-clamp:2}}.carousel-container{position:relative;display:flex;align-items:center;margin:0 -80px;padding:0 80px}.carousel-track{display:flex;gap:var(--spacing-6);overflow-x:auto;scroll-behavior:smooth;padding:10px 0 20px;width:100%;-ms-overflow-style:none;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 auto;width:calc(100% / 4 - (var(--spacing-6) * 3 / 4));min-width:200px;transition:width var(--transition-normal)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background-color:transparent!important;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:none}.carousel-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-50%) scale(1.05)}.prev-btn{left:0}.next-btn{right:0}@media (max-width: 1400px){.carousel-container{margin:0 -40px;padding:0 40px}}@media (max-width: 1200px){.carousel-container{margin:0;padding:0 50px}.prev-btn{left:2px}.next-btn{right:2px}}@media (max-width: 768px){.home-page .section-block{max-width:100%}.home-page .section-block-header{padding-left:16px}.home-page .section-scroll-container{margin:0 -16px;padding:0 16px 16px}.home-page .section-scroll-wrapper .scroll-arrow.left,.home-page .section-scroll-wrapper .scroll-arrow.right{display:none}.carousel-item{width:160px}.carousel-btn{display:none}.carousel-container{margin:0;padding:0 16px}}@media (max-width: 480px){.carousel-item{width:130px}.carousel-container{padding:0 12px}.carousel-track{gap:12px}.home-page .section-block-header{padding-left:12px}.home-page .section-scroll-container{padding:0 12px 12px;margin:0 -12px}.home-page .section-block{margin-bottom:32px}.section-block-title h2{font-size:18px!important}}@media (min-width: 1600px){.hero-section{max-height:920px}.hero-title{font-size:42px}.hero-cover-0{width:185px;height:185px}.hero-cover-2{width:175px;height:175px}.hero-cover-4{width:182px;height:182px}.hero-cover-5{width:185px;height:185px}.hero-cover-6{width:178px;height:178px}.hero-cover-7{width:168px;height:168px}.hero-cover-1{width:85px;height:85px}.hero-cover-3{width:82px;height:82px}.hero-cover-8,.hero-cover-9{width:88px;height:88px}.hero-cover-10{width:72px;height:72px}.hero-cover-11{width:68px;height:68px}.hero-review{max-width:185px;padding:11px 15px}.hero-review-rating,.hero-review-text{font-size:12px}.hero-review-user{font-size:11px}}@media (min-width: 1920px){.hero-section{max-height:1000px}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-cover-0{width:210px;height:210px}.hero-cover-2{width:195px;height:195px}.hero-cover-4{width:205px;height:205px}.hero-cover-5{width:210px;height:210px}.hero-cover-6{width:200px;height:200px}.hero-cover-7{width:190px;height:190px}.hero-cover-1{width:95px;height:95px}.hero-cover-3{width:92px;height:92px}.hero-cover-8,.hero-cover-9{width:98px;height:98px}.hero-cover-10{width:82px;height:82px}.hero-cover-11{width:78px;height:78px}.hero-review{max-width:200px;padding:12px 16px}.hero-review-rating,.hero-review-text{font-size:13px}.hero-review-user{font-size:12px}}@media (min-width: 2560px){.hero-section{max-height:1200px}.hero-title{font-size:58px}.hero-subtitle{font-size:24px}.hero-content{max-width:900px}.hero-cover-0{width:250px;height:250px}.hero-cover-2{width:235px;height:235px}.hero-cover-4{width:245px;height:245px}.hero-cover-5{width:250px;height:250px}.hero-cover-6{width:240px;height:240px}.hero-cover-7{width:225px;height:225px}.hero-cover-1{width:115px;height:115px}.hero-cover-3{width:110px;height:110px}.hero-cover-8,.hero-cover-9{width:120px;height:120px}.hero-cover-10{width:95px;height:95px}.hero-cover-11{width:90px;height:90px}.hero-review{max-width:230px;padding:14px 18px}.hero-review-rating{font-size:15px}.hero-review-text{font-size:14px}.hero-review-user{font-size:13px}.hero-btn{width:240px!important;min-width:240px!important;max-width:240px!important;height:54px!important;font-size:16px}.hero-cover{border-radius:20px}}@media (max-width: 1200px){.hero-title{font-size:34px}.hero-cover-0{width:140px;height:140px}.hero-cover-2{width:130px;height:130px}.hero-cover-4{width:138px;height:138px}.hero-cover-5{width:140px;height:140px}.hero-cover-6{width:135px;height:135px}.hero-cover-7{width:125px;height:125px}.hero-cover-1,.hero-cover-3{width:60px;height:60px}.hero-cover-8,.hero-cover-9{width:65px;height:65px}.hero-cover-10{width:55px;height:55px}.hero-cover-11{width:50px;height:50px}.hero-review{max-width:155px;padding:8px 12px}.hero-review-rating,.hero-review-text{font-size:11px}.hero-review-user{font-size:10px}}@media (max-width: 1024px){.hero-title{font-size:30px}.hero-cover-0{width:115px;height:115px}.hero-cover-2{width:110px;height:110px}.hero-cover-4,.hero-cover-5{width:115px;height:115px}.hero-cover-6{width:110px;height:110px}.hero-cover-7{width:105px;height:105px}.hero-cover-1,.hero-cover-3{width:50px;height:50px}.hero-cover-8,.hero-cover-9{width:55px;height:55px}.hero-cover-10,.hero-cover-11{display:none}.hero-review{max-width:140px;padding:7px 10px}.hero-review-rating,.hero-review-text{font-size:10px}.hero-review-user{font-size:9px}.hero-review-4,.hero-review-5{display:none}}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EditorialNew;src:url(/assets/Helvena-Regular-OVcr39DD.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EditorialNew;src:url(/assets/Helvena-Bold-vJc3nqD2.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:EditorialNew;src:url(/assets/Helvena-Extrabold-BX-msOjk.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--bg-primary: #FAFAFA;--bg-primary-rgb: 250, 250, 250;--bg-secondary: #F4F4F5;--bg-surface: #FFFFFF;--text-primary: #18181B;--text-secondary: #71717A;--text-tertiary: #A1A1AA;--accent: #18181B;--accent-foreground: #FFFFFF;--border: #E4E4E7;--border-hover: #D4D4D8;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(228, 228, 231, .5);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "EditorialNew", system-ui, -apple-system, serif;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-12: 48px;--spacing-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-premium: 0 20px 40px -4px rgb(0 0 0 / .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #09090B;--bg-primary-rgb: 9, 9, 11;--bg-secondary: #18181B;--bg-surface: #121212;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--accent: #FAFAFA;--accent-foreground: #09090B;--border: #27272A;--border-hover: #3F3F46;--glass-bg: rgba(9, 9, 11, .7);--glass-border: rgba(39, 39, 42, .5);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5);--shadow-premium: 0 20px 40px -4px rgb(0 0 0 / .8)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-wrapper>main{flex:1}.container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-6)}@media (max-width: 768px){.container{padding:0 var(--spacing-4)}}@media (max-width: 480px){.container{padding:0 var(--spacing-3)}}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,228,231,.5)}.text-gradient{background:linear-gradient(to right,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gold{background:linear-gradient(135deg,#c9a84c,#f0d27a,#c9a84c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-container{position:fixed;top:80px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;background:#18181bf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);color:#fafafa;font-size:14px;font-weight:500;min-width:280px;max-width:420px;box-shadow:0 8px 32px #0006,0 2px 8px #0003;pointer-events:auto;animation:toast-slide-in .35s cubic-bezier(.21,1.02,.73,1) forwards}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.toast-message{flex:1;line-height:1.4}.toast-success{border-color:#22c55e33}.toast-success .toast-icon{background:#22c55e26;color:#22c55e}.toast-error{border-color:#ef444433}.toast-error .toast-icon{background:#ef444426;color:#ef4444}.toast-info{border-color:#3b82f633}.toast-info .toast-icon{background:#3b82f626;color:#3b82f6}.toast-warn{border-color:#f59e0b33}.toast-warn .toast-icon{background:#f59e0b26;color:#f59e0b}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}
