@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";.login-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{position:relative;width:100%;max-width:400px;padding:var(--spacing-3xl) var(--spacing-2xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-light);cursor:pointer;transition:var(--transition-fast)}.login-modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-secondary)}.login-modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:#998ef61f;border-radius:var(--radius-full);color:var(--color-primary)}.login-modal h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.login-modal p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-2xl) 0;max-width:280px;margin-left:auto;margin-right:auto}.login-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-modal-actions .login-btn,.login-modal-actions .cancel-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-fast);border:none;font-family:var(--font-primary)}.login-modal-actions .cancel-btn{background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.login-modal-actions .cancel-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.login-modal-actions .login-btn{background:var(--color-primary);color:#fff}.login-modal-actions .login-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-modal-actions .login-btn:active{transform:translateY(0)}@media(max-width:480px){.login-modal{padding:var(--spacing-2xl) var(--spacing-xl)}.login-modal h2{font-size:var(--font-size-xl)}.login-modal p{font-size:var(--font-size-sm)}.login-modal-actions{flex-direction:column}.login-modal-icon{width:64px;height:64px}.login-modal-icon svg{width:28px;height:28px}}.search-button{background:none;border:none;color:var(--color-text-white);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:4px}.search-button:hover{color:var(--color-primary);background:#ffffff1a}.search-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn var(--transition-fast)}.search-modal{background:var(--color-bg-secondary);border-radius:var(--radius-md);width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideDown var(--transition-base)}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.search-input-wrapper-modal{display:flex;align-items:center;gap:.75rem;background:var(--color-bg-primary);border-radius:var(--radius-sm);padding:.75rem var(--spacing-md)}.search-icon{color:var(--color-text-tertiary);flex-shrink:0}.search-modal-input{flex:1;border:none;background:none;font-size:var(--font-size-base);outline:none;color:var(--color-text-primary)}.search-modal .search-input{color:var(--color-text-primary)}.search-modal .search-input::placeholder{color:var(--color-text-light)}.search-modal-input::placeholder{color:var(--color-text-light)}.search-close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;border-radius:4px;transition:all var(--transition-fast)}.search-close:hover{background:var(--color-border);color:var(--color-text-primary)}.search-results{overflow-y:auto;flex:1;padding:var(--spacing-md) var(--spacing-lg)}.search-loading,.search-hint,.search-no-results{text-align:center;color:var(--color-text-tertiary);padding:var(--spacing-xl)}.search-results-header{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:.75rem;font-weight:500}.search-results-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.search-result-item{display:flex;align-items:center;gap:var(--spacing-md);padding:.75rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;color:inherit}.search-result-item:hover{background:var(--color-bg-primary);transform:translate(4px)}.search-result-cover{width:60px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}.search-result-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--color-bg-primary);border-radius:6px;flex-shrink:0;color:var(--color-primary)}.search-result-info{flex:1;min-width:0}.search-result-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{font-size:.9rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.search-result-edition{font-size:.8rem;color:var(--color-primary)}.search-see-all{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.search-see-all:hover{background:var(--color-bg-primary);border-color:var(--color-primary)}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.9rem 1.25rem;max-width:520px;width:100%;transition:all .2s ease}.search-input-wrapper:focus-within{background:#ffffff1c;border-color:#998ef680;box-shadow:0 0 0 3px #998ef61a}.search-input-icon{color:#ffffff59;flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:1rem;outline:none;color:#fff;font-family:var(--font-primary)}.search-input::placeholder{color:#ffffff4d}.search-input-clear{background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;transition:all .2s ease}.search-input-clear:hover{background:#ffffff1a;color:#fff}.search-page{background:var(--color-bg-primary);min-height:100vh}.search-page-content-section{padding:0}.search-page-container{max-width:1060px;margin:0 auto;padding:2.5rem 2rem 5rem}.search-loading,.search-no-results{text-align:center;color:#7a7090;font-size:.92rem;padding:4rem 2rem}.search-empty-state{padding:3rem 0 2rem}.search-empty-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#b0a8c8;margin-bottom:1rem}.search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.search-suggestion-pill{display:inline-flex;align-items:center;padding:6px 14px;background:#fff;border:1px solid rgba(45,38,64,.12);border-radius:100px;font-size:.85rem;font-weight:500;color:#2d2640;cursor:pointer;transition:all .2s ease;font-family:var(--font-primary)}.search-suggestion-pill:hover{background:#998ef614;border-color:#998ef666;color:#998ef6}.search-mobile-filter-bar{display:none;align-items:center;justify-content:space-between;margin-bottom:1rem}.search-mobile-filters{display:none}.search-mobile-filter-toggle{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid rgba(45,38,64,.15);border-radius:8px;padding:.5rem .85rem;color:#7a7090;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative}.search-mobile-filter-toggle:hover,.search-mobile-filter-toggle.active{border-color:#998ef6;color:#998ef6}.search-filter-badge{width:6px;height:6px;border-radius:50%;background:#998ef6;position:absolute;top:6px;right:6px}.search-layout{display:grid;grid-template-columns:200px 1fr;gap:3rem;align-items:start}.search-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:2rem}.search-filter-group{display:flex;flex-direction:column;gap:.2rem}.search-filter-label{font-size:.65rem;font-weight:700;color:#b0a8c8;text-transform:uppercase;letter-spacing:1px;padding:0 .5rem;margin-bottom:.4rem}.search-filter-list{display:flex;flex-direction:column;gap:1px}.search-filter-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:none;background:none;border-radius:7px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:var(--font-primary)}.search-filter-item:hover{background:#2d26400d}.search-filter-item.active{background:#2d2640}.search-filter-item svg{flex-shrink:0;color:#b0a8c8}.search-filter-item.active svg{color:#ffffffb3}.search-filter-item-name{font-size:.82rem;font-weight:500;color:#2d2640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.search-filter-item.active .search-filter-item-name{color:#fff;font-weight:700}.search-filter-item-count{font-size:.7rem;color:#b0a8c8;flex-shrink:0;min-width:1.2rem;text-align:right}.search-filter-item.active .search-filter-item-count{color:#ffffff80}.search-clear-filters{background:none;border:none;color:#998ef6;font-size:.78rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;padding:.35rem .6rem;text-align:left;transition:color .2s ease}.search-clear-filters:hover{color:#7a6aa0}.search-main-column{min-width:0}.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-toolbar .toolbar-controls{display:flex;gap:.5rem;align-items:stretch}.search-results-count{font-size:.8rem;font-weight:600;color:#b0a8c8;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.search-page .sort-select{padding:.6rem 2.25rem .6rem .85rem;border:1px solid rgba(45,38,64,.15);border-radius:8px;font-size:.82rem;font-family:var(--font-primary);font-weight:600;background:#fff;color:#2d2640;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237a7090' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.search-page .sort-select:focus{outline:none;border-color:#998ef6;box-shadow:0 0 0 3px #998ef61a}.search-page .sort-select:hover{border-color:#998ef6}.search-page .view-toggle{display:flex;border:1px solid rgba(45,38,64,.15);border-radius:8px;overflow:hidden}.search-page .view-btn{display:flex;align-items:center;justify-content:center;width:38px;height:100%;background:#fff;border:none;cursor:pointer;color:#b0a8c8;transition:all .2s ease}.search-page .view-btn:first-child{border-right:1px solid rgba(45,38,64,.1)}.search-page .view-btn:hover{background:#998ef60f;color:#998ef6}.search-page .view-btn.active{background:#2d2640;color:#fff}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:#2d264014;border-radius:14px;overflow:hidden;border:1px solid rgba(45,38,64,.08)}.search-card{background:#fff;padding:1.25rem;transition:background .2s ease;cursor:pointer}.search-card:hover{background:#faf9ff}.search-card-header{display:flex;align-items:center;margin-bottom:.85rem}.search-card-type{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#998ef6}.search-card-body{display:flex;gap:.85rem}.search-card-cover{width:64px;height:64px;border-radius:8px;overflow:hidden;flex-shrink:0}.search-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.search-card-content{display:flex;flex-direction:column;gap:3px;min-width:0;justify-content:center}.search-card-title{font-size:.88rem;font-weight:700;color:#2d2640;margin:0;line-height:1.35}.search-card-subtitle{font-size:.78rem;color:#7a7090;margin:0;line-height:1.4}.search-card-edition{font-size:.72rem;color:#998ef6;margin:3px 0 0;font-weight:600}.search-list{display:flex;flex-direction:column;border:1px solid rgba(45,38,64,.08);border-radius:14px;overflow:hidden}.search-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.1rem;background:#fff;transition:background .15s ease;cursor:pointer}.search-row:not(:last-child){border-bottom:1px solid rgba(45,38,64,.06)}.search-row:hover{background:#faf9ff}.search-row .row-type{flex-shrink:0;display:flex;align-items:center}.search-row .row-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#998ef614;border-radius:7px;color:#998ef6}.search-row .row-cover-thumb{width:34px;height:34px;border-radius:5px;object-fit:cover;display:block}.search-row .row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.search-row-title{font-size:.88rem;font-weight:700;color:#2d2640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row .row-subtitle{font-size:.75rem;color:#7a7090;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row .row-type-label{flex-shrink:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#b0a8c8;white-space:nowrap}.search-row .row-edition{flex-shrink:0;font-size:.72rem;font-weight:600;color:#998ef6;white-space:nowrap;min-width:48px;text-align:right}.no-results{text-align:center;padding:4rem 2rem;color:#7a7090}.no-results p{margin-bottom:1rem;font-size:.95rem}.clear-filters-btn{padding:.6rem 1.25rem;background:#fff;border:1px solid rgba(45,38,64,.15);border-radius:8px;font-size:.82rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;color:#7a7090;transition:all .2s ease}.clear-filters-btn:hover{border-color:#998ef6;color:#998ef6}.search-show-more{display:block;width:100%;padding:.85rem;margin-top:1.25rem;background:#fff;border:1px solid rgba(45,38,64,.12);border-radius:10px;color:#998ef6;font-size:.85rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all .2s ease;text-align:center}.search-show-more:hover{border-color:#998ef6;background:#998ef60a}@media(max-width:768px){.search-page-container{padding:2rem 1.5rem 3.5rem}.search-sidebar{display:none}.search-layout{display:block}.search-mobile-filter-bar{display:flex;margin-bottom:1rem}.search-mobile-filters{display:flex;flex-direction:column;gap:1.25rem;background:#fff;border-radius:12px;padding:1.25rem;border:1px solid rgba(45,38,64,.08);margin-bottom:1rem;animation:modalSlideDown .2s ease}.search-mobile-filters .search-filter-list{flex-direction:row;flex-wrap:wrap;gap:.35rem}.search-mobile-filters .search-filter-item{padding:.35rem .7rem;border:1px solid rgba(45,38,64,.12);border-radius:100px;font-size:.75rem;background:transparent}.search-mobile-filters .search-filter-item svg{display:none}.search-mobile-filters .search-filter-item.active{background:#2d2640;border-color:#2d2640}.search-mobile-filters .search-filter-item.active .search-filter-item-name{color:#fff}.search-mobile-filters .search-filter-item.active .search-filter-item-count{color:#ffffff80}.search-toolbar{flex-direction:row;justify-content:space-between}.search-toolbar .search-results-count{display:none}.search-grid{grid-template-columns:1fr}.search-row .row-type-label{display:none}.search-input-wrapper{max-width:100%}}@media(max-width:480px){.search-page-container{padding:1.5rem 1.25rem 3rem}.search-mobile-filters{padding:1rem}.search-row .row-edition{display:none}.search-input{font-size:.9rem}}.nav{position:relative;top:0;z-index:100;padding:0;background:var(--color-primary);box-shadow:var(--shadow-nav)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-nav);margin:0 auto;padding:0 var(--spacing-xl)}.nav-logo{display:flex;flex-shrink:0;align-items:center;padding:0;transition:transform var(--transition-fast)}.nav-logo:hover{transform:scale(1.05)}.nav-logo-image{width:120px;height:80px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--spacing-xl);list-style:none}.nav-link{position:relative;padding:var(--spacing-sm) 0;color:var(--color-text-white);font-size:var(--font-size-lg);font-weight:500;transition:all var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-user-section{position:relative}.login-button{padding:8px 20px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:var(--color-text-white);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.login-button:hover{border-color:#ffffff4d;background:#ffffff26;transform:translateY(-1px)}.user-dropdown-wrapper{position:relative}.user-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff1a;color:var(--color-text-white);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.user-trigger:hover{border-color:#ffffff40;background:#ffffff26}.user-email{overflow:hidden;max-width:200px;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{flex-shrink:0;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;min-width:200px;padding:6px;border:1px solid #e5e7eb;border-radius:var(--radius-sm);background:#f3f4f6;box-shadow:0 8px 24px #00000026;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:#374151;font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#e5e7eb}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fee2e2}.dropdown-divider{height:1px;margin:6px 0;background:#e5e7eb}.mobile-nav-row{display:none;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.mobile-nav-link-top{position:relative;padding:.4rem .6rem;border-radius:6px;color:#ffffffd9;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.mobile-nav-link-top:after{content:"";position:absolute;bottom:0;left:.6rem;right:.6rem;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base)}.mobile-nav-link-top:hover,.mobile-nav-link-top.active{color:var(--color-accent)}.mobile-nav-link-top:hover:after,.mobile-nav-link-top.active:after{width:calc(100% - 1.2rem)}.mobile-subbar{display:none}.mobile-subbar-user-wrapper{position:relative;flex:0 1 auto;min-width:0;max-width:72%}.mobile-subbar-user-wrapper .user-trigger{width:100%;justify-content:flex-start}.mobile-subbar-user-wrapper .user-email{flex:1;max-width:none;text-align:left}.mobile-user-dropdown{top:calc(100% + 6px);right:0;bottom:auto;left:auto;z-index:2000;min-width:220px}.mobile-subbar-search{flex-shrink:0}@media(max-width:768px){.nav-container{flex-wrap:nowrap!important;padding:0 var(--spacing-md)!important}.nav-logo-image{width:80px!important;height:54px!important}.nav-links{display:none}.mobile-nav-row{display:flex}.mobile-subbar{position:relative;z-index:100;display:flex;overflow:visible;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:var(--max-width-nav);margin:0 auto;padding:.6rem var(--spacing-md) .75rem;border-top:1px solid rgba(255,255,255,.1)}}.page-hero{position:relative;overflow:hidden;background:var(--color-bg-hero);min-height:220px;display:flex;align-items:center}.page-hero__noise{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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.035;pointer-events:none}.page-hero__ring{position:absolute;border-radius:50%;pointer-events:none;right:0;top:50%;transform:translate(40%,-50%)}.page-hero__ring--1{width:320px;height:320px;border:1px solid rgba(153,142,246,.09)}.page-hero__ring--2{width:500px;height:500px;border:1px solid rgba(153,142,246,.055)}.page-hero__ring--3{width:700px;height:700px;border:1px solid rgba(153,142,246,.028)}.page-hero__inner{position:relative;z-index:1;max-width:var(--max-width-editorial);width:100%;margin:0 auto;padding:4.5rem 2rem}.page-hero__back{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--font-size-sm);font-weight:500;color:#fff6;text-decoration:none;margin-bottom:var(--spacing-lg);transition:color var(--transition-fast)}.page-hero__back:hover{color:#fffc}.page-hero__eyebrow{display:block;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ecfa7cb3;margin-bottom:.9rem}.page-hero__title-row{display:flex;align-items:center;gap:.75rem}.page-hero__title-prefix{display:flex;align-items:center;flex-shrink:0}.page-hero__title{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;color:var(--color-text-white);letter-spacing:-2px;line-height:.95;margin:0}.page-hero__slot{margin-top:1.75rem;display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.page-hero__subtitle{font-size:.9rem;color:#ffffff59;margin-top:-1rem;font-weight:400}.page-hero__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}@media(max-width:768px){.page-hero__inner{padding:3.5rem var(--spacing-lg)}.page-hero__title{font-size:2.4rem}.page-hero__ring--1{width:240px;height:240px}.page-hero__ring--2{width:380px;height:380px}.page-hero__ring--3{width:520px;height:520px}}@media(max-width:480px){.page-hero__inner{padding:3rem var(--spacing-md)}.page-hero__eyebrow{font-size:.6rem;letter-spacing:1.2px}.page-hero__title{font-size:2rem}.page-hero__ring--1{width:180px;height:180px}.page-hero__ring--2{width:300px;height:300px}.page-hero__ring--3{width:420px;height:420px}.page-hero__slot{flex-direction:column;align-items:flex-start;gap:.75rem}}.feedback-page{min-height:100vh;background:var(--color-bg)}.feedback-container{max-width:var(--max-width-editorial);margin:0 auto;padding:60px 2rem 120px}.feedback-form{max-width:680px;display:flex;flex-direction:column;gap:48px}.feedback-field{display:flex;flex-direction:column;gap:14px}.feedback-label{display:flex;align-items:baseline;gap:12px;font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.feedback-q-num{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--color-primary);min-width:20px;flex-shrink:0}.feedback-optional{font-size:.8rem;font-weight:400;color:var(--color-text-muted);margin-left:4px}.feedback-textarea,.feedback-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:.95rem;line-height:1.6;padding:14px 16px;resize:vertical;transition:border-color .2s ease;width:100%;box-sizing:border-box}.feedback-textarea:focus,.feedback-input:focus{outline:none;border-color:var(--color-primary)}.feedback-textarea::placeholder,.feedback-input::placeholder{color:var(--color-text-muted);opacity:.6}.feedback-chips{display:flex;flex-wrap:wrap;gap:8px}.feedback-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s ease}.feedback-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.feedback-chip--active,.feedback-chip--active.feedback-chip--negative{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.feedback-nps-wrap{display:inline-flex;flex-direction:column}.feedback-nps{display:flex;gap:6px;flex-wrap:nowrap}.feedback-nps-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;height:44px;min-width:44px;transition:all .15s ease}.feedback-nps-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.feedback-nps-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.feedback-nps-labels{display:flex;justify-content:space-between;width:494px;font-size:.75rem;color:var(--color-text-muted);margin-top:6px}.feedback-submit{align-self:flex-start;background:var(--color-primary);border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.03em;padding:16px 40px;transition:opacity .2s ease,transform .1s ease}.feedback-submit:hover{opacity:.85}.feedback-submit:active{transform:scale(.98)}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-error{color:#ff6b6b;font-size:.9rem;margin:0}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:60px 24px;gap:16px}.feedback-success-icon{font-size:3rem;color:var(--color-primary);margin-bottom:8px}.feedback-success h2{font-size:1.8rem;font-weight:800;color:var(--color-text);margin:0}.feedback-success p{color:var(--color-text-muted);font-size:1rem;margin:0}@media(max-width:600px){.feedback-container{padding:40px 20px 80px}.feedback-nps{gap:4px}.feedback-nps-btn{height:40px;min-width:40px;font-size:.85rem}.feedback-submit{width:100%;text-align:center}}.hsk-bone{border-radius:6px}.hsk-bone{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:hsk-shimmer-dark 1.6s ease-in-out infinite}.hsk-section-light .hsk-bone{background:linear-gradient(90deg,#2d26400f,#2d26401f,#2d26400f);background-size:200% 100%;animation:hsk-shimmer-light 1.6s ease-in-out infinite}@keyframes hsk-shimmer-dark{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hsk-shimmer-light{0%{background-position:-200% 0}to{background-position:200% 0}}.hsk-page{min-height:100vh}.hsk-hero{background:#1a1625;min-height:560px;border-bottom:1px solid rgba(255,255,255,.08)}.hsk-hero-inner{display:grid;grid-template-columns:88px 1fr 520px;gap:0 2.5rem;max-width:1060px;margin:0 auto;padding:0 2rem;align-items:stretch;min-height:560px}.hsk-hero-left{display:flex;flex-direction:column;justify-content:space-between;padding:3.5rem 2rem 3.5rem 0;border-right:1px solid rgba(255,255,255,.08)}.hsk-eyebrow{width:64px;height:8px}.hsk-vert{width:8px;height:120px;border-radius:4px}.hsk-hero-center{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:3.5rem 0}.hsk-title-1{width:85%;height:clamp(2.5rem,5vw,4.5rem);border-radius:8px}.hsk-title-2{width:95%;height:clamp(2.5rem,5vw,4.5rem);border-radius:8px}.hsk-title-3{width:80%;height:clamp(2.5rem,5vw,4.5rem);border-radius:8px}.hsk-title-4{width:70%;height:clamp(2.5rem,5vw,4.5rem);border-radius:8px}.hsk-hero-right{display:flex;align-items:center;padding:3rem 0 3rem 2.5rem}.hsk-card{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.hsk-card-img{width:100%;height:220px;border-radius:0}.hsk-card-body{padding:1.15rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.75rem}.hsk-card-meta{display:flex;align-items:center;gap:.75rem}.hsk-badge{width:60px;height:20px;border-radius:4px}.hsk-date{width:100px;height:14px}.hsk-card-title{width:90%;height:22px;border-radius:5px}.hsk-card-title-short{width:65%}.hsk-card-cta{width:120px;height:16px}.hsk-section{padding:0}.hsk-section-dark{background:#1a1625}.hsk-section-light{background:var(--color-bg-primary, #f7f5f0)}.hsk-section-inner{max-width:1060px;margin:0 auto;padding:5rem 2rem}.hsk-section-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hsk-sec-eyebrow{width:120px;height:10px}.hsk-sec-title{width:360px;height:clamp(1.6rem,3vw,2.2rem);border-radius:8px}.hsk-sec-title-short{width:220px}.hsk-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff12;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.hsk-feature{display:flex;align-items:flex-start;gap:1rem;padding:1.75rem 1.5rem;background:#1a1625}.hsk-feature-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0}.hsk-feature-text{flex:1;display:flex;flex-direction:column;gap:.5rem}.hsk-feature-title{height:14px;width:75%}.hsk-feature-desc{height:11px;width:100%}.hsk-feature-desc-short{width:60%}.hsk-save-layout{display:grid;grid-template-columns:.9fr 1fr;gap:4rem;align-items:center}.hsk-save-mockup{width:100%;max-width:420px;height:240px;border-radius:14px;margin:0 auto}.hsk-save-content{display:flex;flex-direction:column;gap:.75rem}.hsk-save-title{height:clamp(1.6rem,2.5vw,2rem);width:80%;border-radius:8px}.hsk-save-title-short{width:55%}.hsk-save-desc{height:13px;width:100%}.hsk-save-desc-short{width:70%}.hsk-save-btn{height:44px;width:180px;border-radius:8px;margin-top:.5rem}@media(max-width:968px){.hsk-hero-inner{grid-template-columns:72px 1fr 380px}.hsk-features-grid{grid-template-columns:repeat(2,1fr)}.hsk-save-layout{grid-template-columns:1fr;gap:2.5rem}}@media(max-width:768px){.hsk-hero-inner{grid-template-columns:1fr;min-height:auto;padding:0 1.5rem}.hsk-hero-left{flex-direction:row;align-items:center;padding:1.75rem 0 1.25rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.hsk-vert{display:none}.hsk-hero-center{padding:2.5rem 0 1.5rem}.hsk-hero-right{padding:1.75rem 0 2.5rem}.hsk-features-grid{grid-template-columns:repeat(2,1fr)}.hsk-section-inner{padding:3.5rem 1.5rem}}@media(max-width:480px){.hsk-hero-inner{padding:0 1.25rem}.hsk-features-grid{grid-template-columns:1fr}.hsk-section-inner{padding:3rem 1.25rem}.hsk-save-mockup{height:180px}}.home-page{background:var(--color-bg-primary)}.home-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}.home-reveal.home-visible{opacity:1;transform:translateY(0)}.home-reveal.home-visible .home-feature-card{animation:homeCardReveal .5s cubic-bezier(.19,1,.22,1) both}@keyframes homeCardReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home-hero{position:relative;overflow:hidden;background:var(--color-bg-hero);min-height:560px;border-bottom:1px solid var(--color-border-white-soft)}.home-hero-bg{position:absolute;inset:0;z-index:0}.home-hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.2) saturate(.5);transition:transform 8s ease}.home-hero:hover .home-hero-bg-img{transform:scale(1.03)}.home-hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,#1a1625fa,#1a1625b3,#1a162566)}.home-hero-noise{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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.055;pointer-events:none;z-index:1}.home-hero-inner{position:relative;z-index:2;max-width:var(--max-width-editorial);margin:0 auto;padding:0 var(--spacing-xl);min-height:560px;display:grid;grid-template-columns:88px 1fr 520px;gap:0 2.5rem;align-items:stretch}.home-hero-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:3.5rem var(--spacing-xl) 3.5rem 0;border-right:1px solid var(--color-border-white-soft)}.home-hero-left-top{display:flex;flex-direction:column;gap:var(--spacing-md)}.home-hero-left-bottom{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-hero-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ecfa7ccc;white-space:nowrap;opacity:0;transform:translateY(10px);animation:eyebrowSlideUp .8s ease-out forwards}@keyframes eyebrowSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-hero-rule{width:24px;height:2px;background:var(--color-primary)}.home-hero-vert-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff2e;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;-webkit-user-select:none;user-select:none}.home-hero-link{font-size:.72rem;font-weight:600;color:#ffffff59;text-decoration:none;white-space:nowrap;transition:color var(--transition-fast)}.home-hero-link:hover{color:#ffffffd9}.home-hero-center{display:flex;align-items:center;padding:3.5rem 0}.home-hero-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1;color:#fff;letter-spacing:-2px;margin:0}.home-hero-title em{font-style:italic;color:var(--color-primary);display:block}.home-hero-right{display:flex;align-items:center;padding:3rem 0 3rem 2.5rem}.home-hero-card-wrapper{position:relative;display:inline-block}.home-hero-card-link{text-decoration:none;color:inherit;display:block;width:100%}.home-hero-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden;transition:all .35s cubic-bezier(.19,1,.22,1)}.home-hero-card-link:hover .home-hero-card{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-5px);box-shadow:0 20px 48px #0006}.home-hero-card-img{width:100%;background:#ffffff0a}.home-hero-card-img img{width:100%;height:auto;object-fit:contain;display:block}.home-hero-card-body{padding:1.15rem 1.3rem 1.3rem}.home-hero-card-meta{display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem}.home-hero-card-tape{position:absolute;top:-12px;left:25px;z-index:9;background:var(--color-accent);color:var(--color-bg-hero);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.3rem 1rem;border-radius:4px;box-shadow:0 2px 6px #0000004d}.home-hero-card-date{font-size:.76rem;font-weight:500;color:#ffffff59}.home-hero-card-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff;line-height:1.3;margin-bottom:.7rem}.home-hero-card-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;color:var(--color-accent);transition:gap var(--transition-fast)}.home-hero-card-link:hover .home-hero-card-cta{gap:.7rem}.home-hero-latest-edition{position:absolute;bottom:-28px;right:0;display:flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ecfa7ccc;white-space:nowrap;animation:latestBounce .8s ease-out forwards}.home-hero-latest-edition span{margin-top:10px}.home-hero-latest-edition svg{width:14px;height:14px;stroke:#ecfa7ccc}@keyframes latestBounce{0%{transform:translateY(6px);opacity:0}50%{transform:translateY(-2px);opacity:1}to{transform:translateY(0);opacity:1}}.home-hero-ring{position:absolute;border-radius:50%;pointer-events:none;z-index:1}.home-hero-ring--left-1{width:420px;height:420px;border:1px solid rgba(153,142,246,.07);left:0;top:50%;transform:translate(-55%,-50%)}.home-hero-ring--left-2{width:640px;height:640px;border:1px solid rgba(153,142,246,.04);left:0;top:50%;transform:translate(-55%,-50%)}.home-section{padding:0}.home-section-dark{background:var(--color-bg-hero)}.home-section-light{background:var(--color-bg-primary)}.home-section-newsletter{background:var(--color-bg-secondary)}.home-section-ogvc{border-top:1px solid var(--color-border)}.home-section-inner{max-width:var(--max-width-editorial);margin:0 auto;padding:5rem var(--spacing-xl)}.home-section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.home-section-eyebrow{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ecfa7cbf;margin-bottom:.75rem}.home-section-eyebrow-purple{color:var(--color-primary)}.home-section-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0}.home-section-dark .home-section-title{color:#fff}.home-section-light .home-section-title{color:var(--color-text-warm)}.home-section-title em{font-style:italic;color:var(--color-primary)}.home-btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-lg);background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 2px 8px #8b7ab840;transition:all .25s cubic-bezier(.19,1,.22,1)}.home-btn-primary:hover{background:var(--color-primary-darker);transform:translateY(-2px);box-shadow:0 6px 20px #8b7ab859}.home-btn-primary:active{transform:translateY(0)}.home-btn-ghost{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-primary-dark);font-weight:600;font-size:.9rem;text-decoration:none;transition:color var(--transition-fast)}.home-btn-ghost:hover{color:var(--color-primary-darker)}.home-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff12;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.07)}.home-feature-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:1.75rem var(--spacing-lg);background:var(--color-bg-hero);transition:background var(--transition-fast)}.home-feature-card:hover{background:#998ef60f}.home-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#998ef61a;border-radius:var(--radius-sm);flex-shrink:0}.home-feature-title{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.35rem}.home-feature-desc{font-size:.82rem;color:#ffffff59;line-height:1.6}.home-save-layout{display:grid;grid-template-columns:.9fr 1fr;gap:var(--spacing-3xl);align-items:center}.home-save-visual{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl)}.home-save-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(153,142,246,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.home-save-float{position:absolute;z-index:0;pointer-events:none;animation:saveFloat 4s ease-in-out infinite}.home-save-float-1{top:8%;right:15%;animation-delay:0s}.home-save-float-2{bottom:30%;left:1%;animation-delay:1.3s}.home-save-float-3{bottom:35%;right:9%;animation-delay:2.6s}.home-save-float-4{top:28%;left:10%;animation-delay:.7s;animation-duration:3.5s}.home-save-float-5{top:25%;right:5%;animation-delay:1.8s;animation-duration:3s}.home-save-float-6{bottom:5%;left:16%;animation-delay:.4s;animation-duration:4.5s;z-index:99}.home-save-float-7{bottom:1%;right:10%;animation-delay:2.1s;animation-duration:3.8s}.home-save-float-2,.home-save-float-4,.home-save-float-6{animation-name:saveFloatAlt}@keyframes saveFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes saveFloatAlt{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(-4deg)}66%{transform:translateY(-3px) rotate(2deg)}}.home-save-mockup{position:relative;z-index:1;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-warm);overflow:hidden;box-shadow:0 8px 32px #2d26401a;max-width:420px;margin:0 auto}.home-save-mockup-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:.85rem 1.15rem;background:var(--color-bg-secondary);border-bottom:1px solid rgba(45,38,64,.07);font-size:.82rem;font-weight:700;color:var(--color-text-warm)}.home-save-mockup-count{margin-left:auto;background:#998ef61a;color:var(--color-primary);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm)}.home-save-mockup-row{display:flex;align-items:center;gap:.7rem;padding:.65rem 1.15rem;border-bottom:1px solid rgba(45,38,64,.05);transition:background var(--transition-fast)}.home-save-mockup-row:last-child{border-bottom:none}.home-save-mockup-row:hover{background:#998ef60a}.home-save-mockup-cover{width:38px;height:38px;border-radius:6px;flex-shrink:0}.home-save-mockup-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.home-save-mockup-artist{font-size:.82rem;font-weight:600;color:var(--color-text-warm)}.home-save-mockup-album{font-size:.74rem;color:var(--color-text-muted)}.home-save-content{display:flex;flex-direction:column;align-items:flex-start}.home-save-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--color-text-warm);letter-spacing:-.5px;line-height:1.1;margin:var(--spacing-sm) 0 var(--spacing-md)}.home-save-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.75;margin-bottom:1.75rem;max-width:36ch}.home-save-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.home-ogvc-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.home-ogvc-content{display:flex;flex-direction:column;align-items:flex-start}.home-ogvc-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--color-text-warm);letter-spacing:-.5px;line-height:1.1;margin:var(--spacing-sm) 0 var(--spacing-md)}.home-ogvc-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.75;margin-bottom:1.75rem;max-width:38ch}.home-ogvc-visual{display:flex;align-items:center;justify-content:center;gap:0;position:relative}.home-ogvc-card-wrapper{position:relative;z-index:1;flex:1;border-radius:var(--radius-md);overflow:hidden;will-change:transform;-webkit-mask-image:-webkit-radial-gradient(white,black);transition:transform .3s cubic-bezier(.19,1,.22,1),box-shadow .3s ease;box-shadow:0 4px 24px #2d264014}.home-ogvc-card-wrapper:first-child{transform:rotate(-2deg) translate(8px)}.home-ogvc-card-wrapper:last-child{transform:rotate(2deg) translate(-8px)}.home-ogvc-card-wrapper:hover{transform:rotate(0) translateY(-4px) translate(0)!important;box-shadow:0 12px 36px #2d264024;z-index:2}.home-ogvc-card{border:1px solid var(--color-border-white-soft);background:var(--color-bg-hero)}.home-ogvc-thumb{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.home-ogvc-card--original .home-ogvc-thumb{background:linear-gradient(135deg,#2a1410,#4a2018)}.home-ogvc-card--cover .home-ogvc-thumb{background:linear-gradient(135deg,#1a2510,#2d3d1a)}.home-ogvc-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none}.home-ogvc-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--transition-fast),transform var(--transition-fast)}.home-ogvc-card-wrapper:hover .home-ogvc-play{background:#ffffff40;transform:translate(-50%,-50%) scale(1.1)}.home-ogvc-card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-bg-hero);border-top:1px solid var(--color-border-white-soft);border-radius:0 0 var(--radius-md) var(--radius-md)}.home-ogvc-card-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.home-ogvc-card--original .home-ogvc-card-label{color:var(--color-primary)}.home-ogvc-card--cover .home-ogvc-card-label{color:#6a7000}.home-ogvc-vote-btn{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid;cursor:default}.home-ogvc-vote-btn--original{color:var(--color-primary);border-color:#998ef659;background:#998ef60f}.home-ogvc-vote-btn--cover{color:#6a7000;border-color:#a3b80059;background:#a3b8000f}.home-ogvc-divider{position:relative;z-index:3;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hero);border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:var(--shadow-sm)}.home-ogvc-divider span{font-size:.55rem;font-weight:900;color:#ffffff4d;letter-spacing:.05em}.home-section-dark .home-ogvc-title{color:#fff}.home-section-dark .home-ogvc-title em{color:var(--color-primary)}.home-section-dark .home-ogvc-desc{color:#ffffff73}.home-section-ogvc-bg{position:relative;overflow:hidden}.home-section-ogvc-bg: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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.035;pointer-events:none;z-index:0}.home-section-ogvc-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;width:600px;height:600px;border:1px solid rgba(153,142,246,.07);right:-200px;top:50%;transform:translateY(-50%)}.home-section-ogvc-bg .home-section-inner{position:relative}.home-section-ogvc-bg .home-section-inner:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;width:900px;height:900px;border:1px solid rgba(153,142,246,.04);right:-350px;top:50%;transform:translateY(-50%)}.home-section-ogvc-bg .home-section-inner>*{position:relative;z-index:1}.home-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.home-how-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem var(--spacing-lg);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.06);cursor:default;text-align:left;transition:border-color var(--transition-base),background var(--transition-base)}.home-how-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-accent, var(--color-primary));border-radius:3px 0 0 3px;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.19,1,.22,1)}.home-how-card:hover:before{transform:scaleY(1)}.home-how-card:hover{border-color:#ffffff1a;background:#ffffff0d}.home-how-card--link{text-decoration:none;color:inherit;display:flex;cursor:pointer}.home-how-card-top{display:flex;align-items:center;justify-content:space-between}.home-how-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#998ef61a;border-radius:var(--radius-md);flex-shrink:0;transition:background var(--transition-base),transform .45s cubic-bezier(.19,1,.22,1)}.home-how-card:hover .home-how-icon{background:#998ef633;transform:rotate(10deg) scale(1.08)}.home-how-label{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--card-accent, var(--color-primary));opacity:.7;margin-bottom:.2rem}.home-how-title{font-size:var(--font-size-base);font-weight:700;color:#fff;line-height:1.3;margin-bottom:.35rem}.home-how-desc{font-size:.82rem;color:#ffffff59;line-height:1.6}.home-explore-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;margin-bottom:3.5rem}.home-explore-content{display:flex;flex-direction:column;align-items:flex-start}.home-explore-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--color-text-warm);letter-spacing:-.5px;line-height:1.1;margin:var(--spacing-sm) 0 var(--spacing-md)}.home-explore-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.75;margin-bottom:1.5rem;max-width:40ch}.home-explore-visual{display:flex;align-items:center;justify-content:center}.home-explore-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.home-explore-rcard{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border-warm);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 12px #2d264012;transition:transform .25s ease,box-shadow .25s ease}.home-explore-rcard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2d26401f}.home-explore-rcard-cover{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.home-explore-rcard-bookmark{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);box-shadow:0 1px 4px #0000001a}.home-explore-rcard-meta{padding:.6rem .7rem .75rem;display:flex;flex-direction:column;gap:.2rem}.home-explore-rcard-country{display:flex;align-items:center;gap:.4rem;margin-bottom:.1rem}.home-explore-rcard-flag{display:block;border-radius:1px;flex-shrink:0;box-shadow:0 0 0 1px #00000014}.home-explore-rcard-genre{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.home-explore-rcard-title{font-size:.8rem;font-weight:700;color:var(--color-text-warm);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-explore-rcard-artist{font-size:.72rem;color:var(--color-primary-dark);font-weight:500}.home-explore-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:2.5rem}.home-explore-way{display:flex;align-items:flex-start;gap:var(--spacing-md);text-decoration:none;color:inherit;transition:opacity var(--transition-fast)}.home-explore-way:hover{opacity:.8}.home-explore-way-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#998ef614;border-radius:var(--radius-sm);flex-shrink:0}.home-explore-way-label{display:block;font-size:.82rem;font-weight:700;color:var(--color-text-warm);margin-bottom:.2rem}.home-explore-way-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.6}.home-badge-star{color:#f59e0b;font-style:normal}.home-badge-heart{color:#dc2626;font-style:normal}.home-explore-rcard-badge{position:absolute;bottom:7px;left:7px;width:24px;height:24px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;font-size:.65rem;line-height:1;box-shadow:0 1px 4px #0000001a}.home-explore-rcard-badge--star{color:#f59e0b}.home-explore-rcard-badge--heart{color:#dc2626}.home-spread{margin-top:var(--spacing-2xl);padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.07);text-align:center}.home-spread-title{font-size:var(--font-size-3xl);font-weight:700;color:#fff;margin-bottom:.35rem}.home-spread-desc{font-size:var(--font-size-base);color:#fff6;margin-bottom:var(--spacing-lg)}.home-spread-btns{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.home-spread-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:#fff9;font-size:.82rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast)}.home-spread-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ffffff0d}@media(max-width:968px){.home-hero-inner{grid-template-columns:72px 1fr 440px;gap:0 var(--spacing-lg)}.home-features-grid{grid-template-columns:repeat(2,1fr)}.home-save-layout,.home-ogvc-layout{grid-template-columns:1fr;gap:2.5rem;text-align:center}.home-save-content,.home-ogvc-content{align-items:center}.home-save-desc,.home-ogvc-desc{max-width:48ch}.home-save-actions{justify-content:center}.home-ogvc-visual{order:-1}.home-explore-layout{grid-template-columns:1fr;gap:2.5rem;text-align:center;margin-bottom:2.5rem}.home-explore-content{align-items:center}.home-explore-cards{max-width:360px;margin:0 auto}.home-explore-ways{grid-template-columns:1fr;gap:var(--spacing-md)}.home-explore-way{text-align:left}.home-how-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-hero{min-height:auto}.home-hero-inner{grid-template-columns:1fr;min-height:auto;padding:0 var(--spacing-lg);gap:0}.home-hero-left{flex-direction:row;align-items:center;padding:1.75rem 0 1.25rem;border-right:none;border-bottom:1px solid var(--color-border-white-soft);gap:var(--spacing-md)}.home-hero-left-top{flex-direction:row;align-items:center;gap:.75rem}.home-hero-left-bottom{flex-direction:row;margin-left:auto}.home-hero-rule{display:none}.home-hero-vert-label{writing-mode:horizontal-tb;transform:none}.home-hero-center{padding:2.5rem 0 var(--spacing-lg)}.home-hero-title{font-size:2.6rem;letter-spacing:-1px}.home-hero-right{border-left:none;border-top:1px solid var(--color-border-white-soft);padding:1.75rem 0 2.5rem}.home-section-inner{padding:3.5rem var(--spacing-lg)}.home-features-grid{grid-template-columns:repeat(2,1fr)}.home-how-grid{grid-template-columns:1fr;gap:.75rem}.home-how-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);padding:1.25rem}.home-save-mockup{max-width:300px}.home-reveal{transform:translateY(18px)}.home-hero-ring--left-1,.home-hero-ring--left-2,.home-hero-ring--right-1,.home-hero-ring--right-2{display:none}.home-ogvc-card-wrapper:first-child{transform:rotate(-1deg) translate(4px)}.home-ogvc-card-wrapper:last-child{transform:rotate(1deg) translate(-4px)}}@media(max-width:480px){.home-hero-inner{padding:0 1.25rem}.home-hero-title{font-size:2rem;letter-spacing:-.5px}.home-hero-vert-label{display:none}.home-section-inner{padding:3rem 1.25rem}.home-features-grid{grid-template-columns:1fr}.home-save-mockup{max-width:100%}.home-save-visual{padding:var(--spacing-md) 0}.home-save-glow{width:200px;height:200px}.home-save-actions{flex-direction:column;align-items:stretch}.home-save-actions .home-btn-primary,.home-save-actions .home-btn-ghost{justify-content:center;text-align:center}.home-btn-primary{padding:.7rem 1.25rem;font-size:var(--font-size-sm)}.home-explore-cards{grid-template-columns:repeat(2,1fr)}.home-explore-rcard:last-child{display:none}.home-spread-btns{gap:.45rem}.home-spread-btn{font-size:.78rem;padding:.45rem .85rem}}@media(hover:none)and (pointer:coarse){.home-hero:hover .home-hero-card-link:hover .home-hero-card{transform:none;box-shadow:none}.home-hero-card-link:active .home-hero-card{transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.home-feature-card:hover{background:var(--color-bg-hero)}.home-feature-card:active{background:#998ef60f}.home-how-card:hover{background:#ffffff0a;transform:none;border-color:#ffffff12}.home-how-card:active{background:var(--color-accent);transform:translateY(-2px)}}.favorite-btn{width:30px;height:30px;padding:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.favorite-btn:hover:not(:disabled){background:#ffffffd9;transform:scale(1.05)}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.favorite-btn svg{color:var(--color-text-tertiary);stroke:var(--color-text-tertiary);opacity:.8;transition:all var(--transition-fast)}.favorite-btn:hover:not(:disabled) svg{color:var(--color-text-secondary);stroke:var(--color-text-secondary);opacity:1}.favorite-btn.favorited svg{fill:var(--color-primary);color:var(--color-primary);stroke:var(--color-primary);opacity:1}.favorite-btn.favorited:hover:not(:disabled) svg{fill:var(--color-primary-dark);color:var(--color-primary-dark);stroke:var(--color-primary-dark)}.favorite-btn.processing{opacity:.5;cursor:wait}.favorite-btn svg[stroke="#ccc"]{opacity:.5}.rel-card{display:grid;grid-template-rows:auto auto 1fr auto;position:relative;background:#f8f9fa73;border-radius:var(--radius-sm);transition:transform var(--transition-fast);height:100%;border:1px solid var(--color-border, rgba(0, 0, 0, .08))}.rel-card:hover{transform:translateY(-4px)}.rel-cover-wrap{position:relative;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.rel-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:filter var(--transition-base)}.rel-fav{position:absolute;top:5px;right:5px;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.rel-info-btn-wrap{position:absolute;bottom:5px;left:5px;z-index:2}.rel-info-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.rel-badge--info{color:var(--color-text-secondary)}.rel-badge--info:hover{background:#fff;color:var(--color-primary)}.rel-badge--star{color:#f59e0b}.rel-badge--star:hover{background:#fff;color:#d97706}.rel-badge--heart{color:#dc2626}.rel-badge--heart:hover{background:#fff;color:#b91c1c}.rel-tooltip{position:absolute;transform:translateY(-100%);z-index:9999;width:200px;padding:10px 12px;background:var(--color-bg-hero);border-radius:var(--radius-sm);color:#ffffffe6;font-size:var(--font-size-xs);font-weight:500;line-height:1.5;box-shadow:var(--shadow-md);pointer-events:none}.rel-tooltip:after{content:"";position:absolute;top:100%;left:12px;border:5px solid transparent;border-top-color:var(--color-bg-hero)}.rel-tooltip--pick{display:flex;flex-direction:column;width:fit-content;max-width:200px;white-space:nowrap}.rel-tooltip--pick span+span{white-space:normal;max-width:180px}.rel-tooltip--heart{width:fit-content;max-width:200px;white-space:nowrap}.rel-tooltip-link{text-decoration:none;cursor:pointer;display:block}.rel-tooltip-link:hover{text-decoration:underline}.rel-tooltip-title{display:block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.rel-tooltip-title--star{color:#fbbf24}.rel-tooltip-title--heart{color:#f87171;margin-bottom:0}.rel-row-meta{display:flex;align-items:stretch;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.rel-country{display:flex;align-items:center;justify-content:center;padding:5px 10px;line-height:1;border-right:1px solid var(--color-border, rgba(0, 0, 0, .08));flex-shrink:0}.rel-flag{display:block;border-radius:1px}.rel-genre{flex:1;display:flex;align-items:center;padding:5px 10px;color:var(--color-text-tertiary);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color var(--transition-fast)}.rel-genre:hover{color:var(--color-primary)}.rel-row-title{display:flex;flex-direction:column;gap:2px;padding:4px 12px 8px;align-self:start}.rel-album{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.15;margin:0;padding:10px 0 3px}.rel-artist{color:var(--color-text-tertiary);font-size:.8rem;line-height:1.15;text-decoration:none;transition:color var(--transition-fast);padding:0 0 5px}.rel-artist:hover{color:inherit}.rel-edition{display:block;margin-top:1px;color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:color var(--transition-fast)}.rel-edition:hover{color:var(--color-primary)}.rel-artist-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.rel-artist-link:hover{color:var(--color-primary)}.rel-artist-sep{color:var(--color-text-tertiary);opacity:.6}.rel-row-links{display:flex;align-items:stretch;align-self:end;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}.rel-link{flex:1;display:flex;align-items:center;justify-content:center;padding:5px 4px;color:var(--color-primary);font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.rel-link--spotify:hover{color:#1db954;background:color-mix(in srgb,#1db954 8%,transparent)}.rel-link--apple:hover{color:#fc3c44;background:color-mix(in srgb,#fc3c44 8%,transparent)}.rel-link--bandcamp:hover{color:#1da0c3;background:color-mix(in srgb,#1da0c3 8%,transparent)}.rel-link--other:hover{color:#a78bfa;background:color-mix(in srgb,#a78bfa 8%,transparent)}.rel-link+.rel-link{border-left:1px solid var(--color-border, rgba(0, 0, 0, .08))}@media(max-width:768px){.rel-album{font-size:var(--font-size-sm)}.rel-artist{font-size:var(--font-size-xs)}}@media(max-width:480px){.rel-row-title{padding-left:8px;padding-right:8px}.rel-album{font-size:.8rem}.rel-artist{font-size:.72rem}.rel-genre{font-size:.65rem}}.tm-overlay{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:tm-fade-in .2s ease}@keyframes tm-fade-in{0%{opacity:0}to{opacity:1}}.tm-modal{background:var(--color-bg-primary);border-radius:var(--radius-md, 12px);width:100%;max-width:560px;overflow:hidden;box-shadow:0 24px 64px #0000004d;animation:tm-slide-up .25s ease}@keyframes tm-slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.tm-header{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.tm-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.tm-song{font-size:var(--font-size-base, .95rem);font-weight:700;color:var(--color-text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-artist{font-size:var(--font-size-sm, .85rem);color:var(--color-text-tertiary);line-height:1.3}.tm-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.tm-open-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--radius-xs, 4px);border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:transparent;color:var(--color-text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;text-decoration:none;opacity:.6;transition:opacity var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.tm-open-btn:hover{opacity:1;color:var(--color-primary, #998ef6);border-color:var(--color-primary, #998ef6)}.tm-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;opacity:.5;transition:opacity var(--transition-fast),background var(--transition-fast)}.tm-close:hover{opacity:1;background:var(--color-bg-secondary, rgba(0, 0, 0, .06))}.tm-body{aspect-ratio:16 / 9;background:#000;position:relative}.tm-iframe[src*=spotify]{aspect-ratio:unset}.tm-iframe{width:100%;height:100%;border:none;display:block}.tm-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--color-bg-secondary, #f5f4ff);padding:2rem}.tm-fallback-icon{color:var(--color-primary, #998ef6);opacity:.4}.tm-fallback-text{font-size:.85rem;color:var(--color-text-tertiary);text-align:center;margin:0}.tm-fallback-btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;background:var(--color-primary, #998ef6);color:#fff;font-size:.82rem;font-weight:700;border-radius:var(--radius-xs, 4px);text-decoration:none;transition:background var(--transition-fast)}.tm-fallback-btn:hover{background:var(--color-primary-dark, #7a6bc4)}@media(max-width:480px){.tm-modal{max-width:100%}}.ft-section{margin-bottom:var(--spacing-3xl)}.ft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.ft-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:15px;background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.ft-card:hover{transform:translateY(-2px)}.ft-index{flex-shrink:0;width:20px;color:var(--color-text-light);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-align:right}.ft-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ft-song{overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:700;line-height:1.3;text-decoration:none;white-space:normal;overflow-wrap:break-word;transition:color var(--transition-fast)}.ft-song:hover{color:var(--color-primary)}.ft-artist{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.3;text-decoration:none;white-space:normal;overflow-wrap:break-word;transition:color var(--transition-fast)}.ft-artist:hover{color:var(--color-primary)}.ft-artist-link{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.ft-artist-link:hover{color:var(--color-primary)}.ft-feat{color:var(--color-text-tertiary);opacity:.6;font-size:.75em}.ft-fav{flex-shrink:0;transition:opacity var(--transition-fast)}.ft-link{flex-shrink:0}.ft-link-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:var(--color-text-secondary);opacity:.4;line-height:1;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.ft-link-icon-wrap:hover{opacity:1;color:#fff;background:var(--color-primary, #998ef6)}@media(max-width:1024px){.ft-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ft-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}}@media(max-width:480px){.ft-grid{grid-template-columns:1fr}.ft-card{padding:10px 12px}}.ft-playlist-banner{display:flex;align-items:center;gap:1rem;margin-top:1.25rem;padding:.75rem 1rem;background:#998ef614;border-color:#998ef699;border-radius:8px;text-decoration:none}.ft-playlist-banner:hover{background:#998ef62e}.ft-playlist-spotify-icon{width:30px;height:30px;color:var(--color-accent-purple);flex-shrink:0}.ft-playlist-text{display:flex;flex-direction:column;gap:.2rem;flex:1}.ft-playlist-label{font-size:.85rem;font-weight:600;color:var(--color-text-primary);line-height:1.2}.ft-playlist-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.2}.ft-playlist-arrow{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.ft-playlist-banner:hover .ft-playlist-arrow{transform:translate(2px,-2px);color:var(--color-accent-purple)}:root{--color-primary: #998ef6;--color-primary-dark: #8b7ab8;--color-primary-darker: #7a6aa0;--color-accent: #ecfa7c;--color-coral: #f6a68e;--color-bg-primary: #f8f9fa96;--color-bg-secondary: #ffffff;--color-bg-dark: #343a40;--color-bg-deeper: #18141e;--color-bg-warm: #f7f5f0;--color-bg-hero: #1a1625;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #6c757d;--color-text-light: #adb5bd;--color-text-white: rgba(255, 255, 255, .9);--color-text-warm: #2d2640;--color-text-muted: #7a7090;--color-border: #e9ecef;--color-border-light: #e0e0e0;--color-border-warm: rgba( 45, 38, 64, .12 );--color-border-white-soft: rgba( 255, 255, 255, .08 );--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-primary: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .65rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-md: 1.05rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 50px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(139, 122, 184, .3);--shadow-nav: 0 2px 10px rgba(0, 0, 0, .1);--shadow-card: 0 8px 16px rgba(139, 122, 184, .25);--transition-fast: .2s ease;--transition-base: .3s ease;--max-width-container: 800px;--max-width-wide: 1000px;--max-width-nav: 1200px;--max-width-edition: 900px;--max-width-editorial: 1060px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}main{flex:1}h1,h2,h3,h4,h5,h6{line-height:1.3}.loading{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-text-tertiary);font-weight:800}.container{max-width:var(--max-width-container);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.wide-container{max-width:var(--max-width-wide);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.edition-container{max-width:var(--max-width-edition);margin:0 auto;padding:var(--spacing-xl);background:var(--color-bg-secondary)}.edition-page{background:var(--color-bg-secondary)}.edition-nav{max-width:var(--max-width-edition);margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) 0}.site-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);background:var(--color-bg-hero)}.footer-container{max-width:var(--max-width-editorial);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-lg)}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand{display:flex;flex-direction:column;gap:.85rem}.footer-logo-svg{display:block;width:100px;height:auto}.footer-logo-svg path{fill:var(--color-accent)}.footer-tagline{margin:0;color:#ffffff59;font-size:var(--font-size-sm);line-height:1.6}.footer-socials{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:.25rem}.footer-social-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:#ffffff0d;color:#ffffff73;text-decoration:none;transition:all var(--transition-fast)}.footer-social-icon:hover{background:#998ef633;color:var(--color-text-white)}.footer-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-col-title{margin:0 0 var(--spacing-sm);color:#ecfa7cb3;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.footer-nav{display:flex;flex-direction:column;gap:.35rem}.footer-nav-link{width:fit-content;color:#ffffff73;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color .15s ease}.footer-nav-link:hover{color:var(--color-text-white)}.footer-rss-wrap{margin-top:var(--spacing-md)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:1.25rem}.footer-copy,.footer-build{margin:0;font-size:var(--font-size-xs)}.footer-copy{color:#ffffff40}.footer-build{color:#fff3}@media(max-width:768px){.footer-container{padding:2.5rem var(--spacing-lg) var(--spacing-lg)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.footer-container{padding:var(--spacing-xl) var(--spacing-md) 1.25rem}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;align-items:flex-start;gap:.25rem}}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-primary-dark);font-weight:500;text-decoration:none;transition:gap var(--transition-fast)}.back-link:hover{gap:.75rem;color:var(--color-primary-darker)}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:50;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark);color:var(--color-text-white);border:1px solid rgba(255,255,255,.08);border-radius:50%;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;box-shadow:0 4px 16px #00000040;transition:opacity .3s ease,transform .3s ease,background .2s ease}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #998ef64d}.back-to-top:active{transform:translateY(0)}@media(max-width:480px){.back-to-top{bottom:1.5rem;right:1.5rem;width:36px;height:36px}}.bday-section{margin-bottom:var(--spacing-3xl)}.bday-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.bday-header{display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:0;padding:0;border-bottom:1px solid var(--color-border)}.bday-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;padding:20px 22px;background:transparent;border:none;border-right:1px solid var(--color-border);border-radius:0;color:var(--color-primary);font-size:var(--font-size-base);font-weight:700;white-space:nowrap;text-decoration:none;transition:opacity var(--transition-fast)}.bday-badge:hover{opacity:.75}.bday-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.bday-album-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-width:0}.bday-album-row .bday-album-link{flex:1;min-width:0}.bday-album{margin:0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:900;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bday-album-link{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}.bday-album-link:hover{opacity:.75}.bday-artist{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-base);font-weight:400;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.bday-artist:hover{color:var(--color-primary)}.bday-embed{padding:var(--spacing-md);background:var(--color-bg-primary)}.bday-embed iframe{display:block;border-radius:var(--radius-sm)}@media(max-width:480px){.bday-header{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.bday-embed{padding:var(--spacing-sm)}}.comments-section{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.comments-section .section-title{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md);border-left:4px solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em}.comments-section>div{padding:var(--spacing-xl);background:var(--color-bg-primary);border-radius:var(--radius-md)}.cr-section{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.cr-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cr-tile{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1.1rem;background:var(--color-bg-primary);border-radius:var(--radius-sm);border:0px solid var(--color-border)}.cr-tile--wide{grid-column:1 / -1}.cr-tile--full{grid-column:1 / -1;padding:.9rem 1.1rem}.cr-label{color:var(--color-text-light);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.cr-value,.cr-contributors{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-warm);line-height:1.4}.cr-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.cr-link:hover{color:var(--color-primary-darker);text-decoration:underline}.cr-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}@media(max-width:768px){.cr-grid{grid-template-columns:1fr}.cr-tile--wide{grid-column:auto}}.dj-section{margin-bottom:var(--spacing-3xl)}.dj-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dj-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.dj-info{display:flex;align-items:center;gap:10px}.dj-name-link,.dj-name{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:900;line-height:1.3;text-decoration:none;transition:color var(--transition-fast)}.dj-name-link:hover{color:var(--color-primary)}.dj-embed{position:relative;height:0;overflow:hidden;padding-bottom:56.25%;background:var(--color-bg-primary)}.dj-embed iframe{position:absolute;top:0;left:0;display:block;width:100%;height:100%}@media(max-width:480px){.dj-header{padding:var(--spacing-md) var(--spacing-lg)}.dj-name-link,.dj-name{font-size:var(--font-size-lg)}}.edition-hero-band{position:relative;padding-bottom:130px;margin-bottom:-150px;background:#1a1625}.edition-nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-wide);margin:0 auto;padding:1.25rem var(--spacing-md)}.edition-nav .back-link{display:inline-flex;align-items:center;gap:6px;color:#ffffffb3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.edition-nav .back-link:hover{color:#fff}.edition-save{display:flex;align-items:center;gap:8px;font-weight:500}.edition-save span{color:#ffffff80;font-size:.85rem}@media(max-width:760px){.edition-hero-band{padding-bottom:120px;margin-bottom:-120px}}@media(max-width:480px){.edition-hero-band{padding-bottom:80px;margin-bottom:-80px}.edition-nav{padding:1rem var(--spacing-sm)}.edition-save span{display:none}}.edition-header-section{position:relative;z-index:2;max-width:var(--max-width-wide);margin:0 auto;margin-bottom:var(--spacing-2xl)}.edition-cover-wrapper{width:100%}.edition-cover-image{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0}.edition-header-content{position:relative;z-index:3;padding:var(--spacing-md);padding-top:calc(var(--spacing-lg));background:var(--color-bg-secondary);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);text-align:center}.edition-date-pill{position:absolute;top:-17px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary);border:none;border-radius:100px;color:#fff;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.edition-date-pill svg{stroke:#fff}.edition-main-title{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:2rem;font-weight:900;line-height:1.05;letter-spacing:-.02em}.edition-description{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;max-width:70ch;margin-left:auto;margin-right:auto}.description-link{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.description-link:hover{opacity:.75}@media(max-width:760px){.edition-cover-image{max-height:380px}.edition-main-title{font-size:var(--font-size-3xl)}}@media(max-width:480px){.edition-cover-image{max-height:260px}.edition-header-content{padding:var(--spacing-md)}.edition-main-title{font-size:var(--font-size-2xl)}}.en-section{margin:var(--spacing-3xl) 0 var(--spacing-xl);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.en-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.en-card{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 7;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-fast)}.en-card:hover{transform:translateY(-4px)}.en-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.en-card:hover .en-cover{transform:scale(1.04)}.en-cover-fallback{position:absolute;inset:0;width:100%;height:100%}.en-cover-fallback--prev{background:linear-gradient(135deg,#8b7ab8,#998ef6)}.en-cover-fallback--next{background:linear-gradient(135deg,#998ef6,#7a6aa0)}.en-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.1) 55%,transparent 100%)}.en-overlay--right{align-items:flex-end;text-align:right}.en-label{display:inline-flex;align-items:center;gap:4px;color:#ffffffb3;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.en-title{display:-webkit-box;overflow:hidden;color:#fff;font-size:var(--font-size-base);font-weight:800;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:480px){.en-grid{grid-template-columns:1fr}.en-card{aspect-ratio:16 / 6}}.mr-section{margin-bottom:var(--spacing-3xl)}.mr-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mr-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg-primary);border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.mr-card:hover{transform:translateY(-2px)}.mr-info{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.mr-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:700;line-height:1.3;text-decoration:none;white-space:normal;transition:color var(--transition-fast)}.mr-title:hover{color:var(--color-primary)}.mr-source{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.3}.mr-fav{flex-shrink:0}.music-releases-section{margin-bottom:var(--spacing-3xl)}.rel-section{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl) var(--spacing-lg);align-items:start}@media(max-width:1024px){.rel-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg) var(--spacing-md)}}@media(max-width:768px){.rel-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg) var(--spacing-md)}}@media(max-width:480px){.rel-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md) var(--spacing-sm)}}@media(max-width:360px){.rel-grid{grid-template-columns:1fr}}.home-section-label{display:inline-block;margin-bottom:.75rem;color:#998ef6;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.newsletter-signup{margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0;background:var(--color-bg-secondary);border-top:0px solid var(--color-border-light)}.newsletter-container{max-width:700px;margin:0 auto;text-align:center}.newsletter-container h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-2xl);font-weight:900}.newsletter-container iframe{width:100%;max-width:100%}#section-original-vs-cover{margin-bottom:var(--spacing-3xl)}.ogvc-card{overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ogvc-song-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.ogvc-song-name{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:900;line-height:1.3}.ogvc-matchup{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.ogvc-side{display:flex;flex-direction:column;cursor:pointer}.ogvc-side:first-child{border-right:1px solid var(--color-border)}.ogvc-label-row{display:flex;align-items:center;gap:10px;padding:14px 20px}.ogvc-label{flex-shrink:0;padding:3px 10px;border-radius:100px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ogvc-label--original{background:#998ef61a;color:var(--color-primary)}.ogvc-label--cover{background:#ecfa7c40;color:#6a7000}.ogvc-artist{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.ogvc-video-wrap{position:relative;flex:1;width:100%;padding-top:56.25%;background:#0a0a0a}.ogvc-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.ogvc-vote{display:flex;flex-direction:column;background:var(--color-bg-primary);border-top:1px solid var(--color-border)}.ogvc-vote-prompt{margin:0;padding:10px;border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.08em}.ogvc-vote-buttons{display:grid;grid-template-columns:1fr auto 1fr}.ogvc-vote-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:none;background:transparent;font-size:.72rem;font-weight:700;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background var(--transition-fast)}.ogvc-vote-btn--original{grid-column:1;color:var(--color-primary)}.ogvc-vote-vs{grid-column:2;display:flex;align-items:center;justify-content:center;padding:0 12px;border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:.6rem;font-weight:800;letter-spacing:.08em}.ogvc-vote-btn--cover{grid-column:3;color:#6a7000}.ogvc-vote-btn:not(:disabled):hover{background:var(--color-accent)}.ogvc-vote-btn:disabled{cursor:default}.ogvc-vote-btn--winner{background:#998ef60f}.ogvc-vote-btn--winner.ogvc-vote-btn--cover{background:#ecfa7c1a}.ogvc-vote-pct{font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.ogvc-vote-total{margin:0;padding:6px;border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center;letter-spacing:.03em}@media(max-width:768px){.ogvc-matchup{grid-template-columns:1fr}.ogvc-side:first-child{border-right:none;border-bottom:1px solid var(--color-border)}}.podcast-section{margin-bottom:var(--spacing-3xl)}.podcast-section iframe{border-radius:var(--radius-sm)}.random-edition-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:.75rem var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-bg-secondary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;box-shadow:0 4px 15px #8b7ab84d;transition:all var(--transition-base)}.random-edition-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #8b7ab866}.random-edition-button:active{transform:translateY(0) scale(1)}.random-edition-button:disabled{opacity:.5;cursor:not-allowed}.rss-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.6rem 1.2rem;background:var(--color-primary-dark);border-radius:var(--radius-sm);color:var(--color-bg-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.rss-button:hover{background:var(--color-primary-darker);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.rss-button svg{flex-shrink:0}.section-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md);border-left:4px solid var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em}.section-title button{margin-left:auto}.share-section{margin-bottom:var(--spacing-3xl)}.share-content{padding:var(--spacing-xl);background:var(--color-bg-primary);border-radius:var(--radius-md);text-align:center}.share-text{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:800}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.share-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.75rem var(--spacing-lg);border:none;border-radius:var(--radius-sm);color:var(--color-bg-secondary);font-size:.95rem;font-weight:600;font-family:var(--font-primary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;color:var(--color-bg-secondary)}.share-button svg{flex-shrink:0}.share-twitter{background:#1da1f2}.share-twitter:hover{background:#1a8cd8}.share-bluesky{background:#0085ff}.share-bluesky:hover{background:#0070db}.share-facebook{background:#1877f2}.share-facebook:hover{background:#1565c0}.share-email{background:var(--color-text-tertiary)}.share-email:hover{background:#5a6268}.share-copy{background:var(--color-text-secondary)}.share-copy:hover{background:var(--color-bg-dark)}.share-copy.copied{background:#28a745}.share-copy.copied:hover{background:#218838}.skeleton-container{max-width:var(--max-width-edition);margin:0 auto;padding:var(--spacing-xl)}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-header{margin-bottom:var(--spacing-2xl);text-align:center}.skeleton-image{width:100%;height:300px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-md)}.skeleton-title{width:60%;height:40px;margin:0 auto var(--spacing-md)}.skeleton-text{width:80%;height:20px;margin:0 auto .75rem}.skeleton-text.short{width:50%}.skeleton-section-title{width:200px;height:32px;margin-bottom:var(--spacing-lg)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.skeleton-card{padding:0;overflow:hidden;background:var(--color-bg-primary);border-radius:var(--radius-md)}.skeleton-card-image{width:100%;aspect-ratio:1 / 1;border-radius:0}.skeleton-card-text{width:90%;height:16px;margin:.75rem var(--spacing-md) var(--spacing-sm)}.skeleton-card-text.short{width:60%}.skeleton-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:var(--spacing-2xl)}.skeleton-list-item{width:100%;height:60px;border-radius:var(--radius-sm)}.mops-toast{display:flex;align-items:center;gap:var(--spacing-md);min-width:280px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-dark);border-top:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-white);font-family:var(--font-primary);box-shadow:0 8px 24px #0000004d;transition:opacity .3s ease,transform .3s ease}.mops-toast-error{border-left-color:#ef4444}.mops-toast-left{display:flex;flex-shrink:0;align-items:center;justify-content:center}.mops-toast-content{display:flex;flex:1;flex-direction:column;justify-content:center;gap:4px}.mops-toast-content p{margin:0;font-size:var(--font-size-base);font-weight:500;line-height:1.3;letter-spacing:-.01em}.mops-toast-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none;opacity:.85;transition:opacity .2s ease}.mops-toast-link:hover{opacity:1}.mops-toast-close{flex-shrink:0;padding:4px;background:none;border:none;border-radius:4px;color:#ffffff4d;cursor:pointer;transition:color .2s ease,background .2s ease}.mops-toast-close:hover{background:#ffffff0f;color:#ffffffb3}.mops-toast-enter{opacity:1;transform:translate(0)}.mops-toast-exit{opacity:0;transform:translate(50px)}@media(max-width:480px){.mops-toast{min-width:220px;padding:var(--spacing-sm) var(--spacing-md)}.mops-toast-content p{font-size:var(--font-size-sm)}.mops-toast-link{font-size:var(--font-size-xs)}}.vc-section{margin-bottom:var(--spacing-3xl)}.vc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.vc-polaroid{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;padding:10px 10px 20px;background:#fff;border-radius:2px;text-decoration:none;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.vc-polaroid:hover{transform:translateY(-6px) rotate(2deg);box-shadow:0 8px 24px #0000002e}.vc-photo{width:100%;aspect-ratio:1;overflow:hidden;margin-bottom:12px}.vc-image{display:block;width:100%;height:100%;object-fit:cover}.vc-footer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px}.vc-caption{width:100%;overflow:hidden;color:var(--color-text-primary);font-size:.85rem;font-weight:700;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vc-link{width:100%;overflow:hidden;color:var(--color-text-light);font-size:.75rem;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast)}.vc-polaroid:hover .vc-link{color:var(--color-primary)}@media(max-width:768px){.vc-grid{gap:var(--spacing-md)}.vc-link{font-size:.6rem}}@media(max-width:480px){.vc-grid{gap:var(--spacing-sm)}.vc-polaroid{padding:6px 6px 14px}.vc-caption{font-size:.72rem}.vc-link{font-size:.55rem}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;max-width:var(--max-width-container);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.not-found h2{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:800}.not-found p{margin-bottom:var(--spacing-lg);color:var(--color-text-tertiary);font-size:var(--font-size-md)}.djset-section .section-title:after,.podcast-section .section-title:after,.original-vs-cover-section .section-title:after{content:"";flex:1;height:2px;margin-left:12px}@media(max-width:968px){.releases-grid,.vinyl-grid,.skeleton-grid{grid-template-columns:repeat(3,1fr)}.releases-grid{gap:1.25rem}.tracks-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body{font-size:15px;line-height:1.5}.container,.wide-container{padding:var(--spacing-xl) var(--spacing-md)}.edition-container{padding:var(--spacing-lg) var(--spacing-md)}.edition-nav{padding:var(--spacing-md) var(--spacing-md) 0}.edition-header-section{margin-bottom:var(--spacing-xl)}.edition-main-title{font-size:1.75rem;line-height:1.3}.edition-description{font-size:var(--font-size-base)}.edition-date{font-size:.9rem}.section-title{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-sm);border-left-width:3px;font-size:var(--font-size-2xl)}.releases-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.release-info{padding:.75rem}.release-album{font-size:var(--font-size-base)}.release-artist{font-size:.9rem}.release-genre{font-size:var(--font-size-xs)}.release-links{font-size:.7rem}.vs-container{padding:var(--spacing-lg)}.vs-song-title{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.vs-videos{grid-template-columns:1fr;gap:var(--spacing-lg)}.vs-video-item h4{font-size:.95rem}.tracks-list{grid-template-columns:1fr;gap:var(--spacing-sm)}.track-item{padding:.75rem}.track-artist,.track-song{font-size:.9rem}.vinyl-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.birthday-album-content{padding:var(--spacing-lg)}.birthday-album-name{font-size:var(--font-size-lg);margin-bottom:1.25rem}.birthday-album-content iframe,.podcast-section iframe{width:100%;max-width:100%;height:200px}.read-item{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:.75rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 1.75rem}.read-item:before{left:.75rem}.read-title{flex:1;min-width:0;overflow-wrap:break-word;word-wrap:break-word;font-size:.95rem}.read-item svg{flex-shrink:0;width:16px;height:16px;min-width:16px;opacity:.6}.read-item:hover svg{opacity:.8}.credits-content{padding:var(--spacing-lg)}.credits-text{font-size:.95rem;line-height:1.7}.rss-button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.back-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:45px;height:45px}.djset-dj{font-size:var(--font-size-base)}.comments-section{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.comments-section>div{padding:var(--spacing-lg)}.edition-navigation{margin:var(--spacing-2xl) 0 var(--spacing-lg)}.edition-nav-buttons{grid-template-columns:1fr;gap:.75rem}.edition-nav-button{padding:var(--spacing-md);min-height:70px}.edition-nav-title{font-size:.95rem}.newsletter-signup{margin-top:var(--spacing-xl)}.newsletter-container h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.newsletter-container iframe{height:auto;min-height:150px}.random-edition-button{padding:.65rem 1.25rem;font-size:.95rem}.search-overlay{padding-top:5vh}.search-modal{width:95%;max-height:80vh}.search-header,.search-results{padding:var(--spacing-md)}.search-result-cover,.search-result-icon{width:50px;height:50px}.share-content{padding:var(--spacing-lg)}.share-buttons{flex-direction:column;gap:.75rem}.share-button{width:100%;justify-content:center;padding:.85rem 1.25rem}.skeleton-container{padding:var(--spacing-lg) var(--spacing-md)}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.skeleton-image{height:200px}.skeleton-title{height:32px}.music-releases-section,.original-vs-cover-section,.fresh-tracks-section,.vinyl-crush-section,.birthday-album-section,.music-reads-section,.podcast-section{margin-bottom:var(--spacing-2xl)}.credits-section{margin-top:var(--spacing-2xl)}*{animation-duration:var(--transition-fast)!important;transition-duration:var(--transition-fast)!important}.nav-user-section{display:flex;justify-content:center;width:100%}.login-button{min-height:40px;padding:10px 24px}.user-dropdown-wrapper{width:100%;max-width:320px}.user-trigger{justify-content:space-between;width:100%;min-height:40px;padding:10px 16px}.user-email{max-width:240px;font-size:14px}.user-dropdown{left:50%;right:auto;width:100%;min-width:240px;transform:translate(-50%)}}@media(max-width:480px){h1,h2,h3,h4,h5,h6{line-height:1.3}.container,.wide-container,.edition-container{padding:var(--spacing-lg) .75rem}.edition-nav{padding:.75rem .75rem 0}.edition-main-title{font-size:var(--font-size-2xl)}.edition-description{font-size:.95rem}.edition-cover-image{border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.releases-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.release-card{max-width:100%}.release-info{padding:var(--spacing-sm)}.release-album{font-size:.9rem}.release-artist{font-size:.8rem}.release-genre{font-size:.6rem}.release-links{display:flex;align-items:center;gap:.1rem;font-size:.65rem}.vs-container{padding:var(--spacing-md)}.vs-song-title{font-size:var(--font-size-lg)}.vs-videos{gap:1.25rem}.track-item{padding:.65rem;gap:var(--spacing-sm)}.track-artist{font-size:var(--font-size-sm)}.track-song{font-size:.8rem}.vinyl-grid{gap:.75rem}.birthday-album-content{padding:var(--spacing-md)}.birthday-album-name{font-size:var(--font-size-base)}.podcast-section iframe{height:180px}.read-item{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:.75rem;padding:var(--spacing-md) .75rem var(--spacing-md) 1.75rem}.read-item:before{left:var(--spacing-sm);font-size:1.25rem}.read-title{flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-wrap:break-word;font-size:.9rem;line-height:1.4}.read-item svg{flex:0 0 auto!important;display:block!important;width:16px!important;height:16px!important;min-width:16px!important;opacity:.6}.read-item:hover svg{opacity:.8}.rss-button{padding:.45rem .85rem;gap:.4rem;font-size:var(--font-size-sm)}.rss-button svg{width:16px;height:16px}.back-to-top{bottom:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}.back-to-top svg{width:20px;height:20px}.about-content{padding:var(--spacing-lg)}.about-title{font-size:1.75rem}.about-section h2{font-size:1.25rem}.about-section p{font-size:.95rem}.comments-section{margin-top:2.5rem;margin-bottom:2.5rem}.comments-section .section-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.comments-section>div{padding:var(--spacing-md)}.edition-nav-button{padding:.85rem;min-height:65px}.edition-nav-label{font-size:.75rem}.edition-nav-title{font-size:.9rem}.loading,.not-found{padding:2.5rem var(--spacing-md)}.not-found h2{font-size:var(--font-size-2xl)}.not-found p,.share-text{font-size:.95rem}.share-button{font-size:.9rem;padding:.75rem var(--spacing-md)}.skeleton-image{height:150px}.skeleton-title{width:80%;height:28px}.skeleton-text{width:90%}.music-releases-section,.original-vs-cover-section,.fresh-tracks-section,.vinyl-crush-section,.birthday-album-section,.music-reads-section,.podcast-section{margin-bottom:2.5rem}.credits-section{margin-top:2.5rem}.auth-page{padding:var(--spacing-md);padding-top:10vh;align-items:flex-start}.auth-container{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);border-radius:var(--radius-md)}.auth-header h1{font-size:var(--font-size-xl)}.login-button{min-height:42px;padding:9px 20px;font-size:13px}.user-dropdown-wrapper{max-width:100%}.user-trigger{gap:10px;min-height:42px;padding:9px 14px}.user-email{flex:1;min-width:0;max-width:calc(100vw - 180px);font-size:13px}.dropdown-arrow{flex-shrink:0;width:12px;height:12px}.user-dropdown{width:calc(100vw - 1.5rem);min-width:auto;max-width:100%}.dropdown-item{min-height:44px;padding:12px 14px;font-size:14px}.dropdown-item svg{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.release-card:hover,.archive-card:hover,.vinyl-item:hover,.social-icons a:hover,.login-button:hover,.user-trigger:hover{transform:none}.release-card:active,.archive-card:active{transform:translateY(-2px)}.vinyl-item:active{transform:scale(1.02)}.social-icons a:active{transform:scale(.95)}.login-button:active,.user-trigger:active{background:#fff3}.nav-link,.back-link,.credit-link,.rss-button,.login-button,.user-trigger,.dropdown-item{min-height:44px;display:inline-flex;align-items:center}.social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}}