@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg-ivory:#fbf6ee;--bg-ivory-warm:#f8f3ea;--bg-sand:#fbf6ee;--bg-card:#fff;--bg-card-muted:#f4ece1;--bg-chip:#f0e7d6;--bg-chip-active:#0f3d3a;--text-chip-active:#f5dabf;--text-charcoal:#2b1c14;--text-charcoal-sub:#4a3e37;--text-muted:#7e7166;--text-light:#a4978c;--text-dark:#2b1c14;--text-nav:#3a3028;--text-sub:#6b5c4d;--text-placeholder:#a8977f;--royal-maroon:#6c151e;--royal-maroon-hover:#550f16;--royal-maroon-deep:#420c12;--royal-maroon-light:#fbf0f2;--accent-maroon:#6c151e;--accent-maroon-hover:#550f16;--antique-gold:#0f3d3a;--antique-gold-soft:#18524e;--antique-gold-pale:#e7f2f1;--accent-green:#0f3d3a;--accent-champagne:#f5dabf;--border-editorial:#e8ddc9;--border-editorial-subtle:#f2ead9;--border-beige:#e8ddc9;--border-beige-subtle:#f2ead9;--border-input:#d8c9ac;--border-dark:#2b1c14;--font-serif-display:"Playfair Display", Georgia, serif;--font-serif-secondary:"Playfair Display", Georgia, serif;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sharp:0px;--radius-subtle:2px;--radius-card:4px;--radius-pill:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--shadow-subtle:0 1px 3px #1a18160a;--shadow-hover:0 8px 24px #5e172414;--shadow-modal:0 20px 48px #1a181626;--shadow-player:0 -8px 32px #1a181633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--text-charcoal);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-color:#faf5eb;height:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--text-charcoal);overscroll-behavior-y:none;background-color:#faf5eb;height:100%;margin:0;padding:0;line-height:1.5;overflow:hidden}#app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}.container{max-width:1280px;padding:0 var(--space-xl);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-md)}}.editorial-topbar{background-color:var(--bg-ivory-warm);border-bottom:1px solid var(--border-editorial);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:6px 0;font-size:.74rem}.editorial-topbar span.brand-dot{color:var(--royal-maroon);margin:0 8px;font-weight:700}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-editorial);background-color:#faf8f5f5;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;gap:var(--space-md);height:74px;display:flex}.brand-wrapper{flex-direction:column;display:flex}.brand-logo{font-family:var(--font-serif-display);letter-spacing:-.01em;color:var(--royal-maroon);align-items:center;gap:6px;font-size:1.75rem;font-weight:700;line-height:1.1;display:flex}.brand-logo .dot{color:var(--antique-gold)}.brand-tagline{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:500}.nav-links{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.nav-link{letter-spacing:.02em;color:var(--text-charcoal-sub);cursor:pointer;padding:6px 0;font-size:.88rem;font-weight:500;transition:color .15s;position:relative}.nav-link:hover,.nav-link.active{color:var(--royal-maroon)}.nav-link.active:after{content:"";background-color:var(--royal-maroon);height:2px;position:absolute;bottom:0;left:0;right:0}.nav-badge{background-color:var(--royal-maroon);color:#fff;border-radius:var(--radius-pill);justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 5px;font-size:.7rem;font-weight:600;display:inline-flex}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-primary{background-color:var(--royal-maroon);color:#fff;letter-spacing:.03em;border-radius:var(--radius-subtle);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--royal-maroon-hover)}.btn-outline{color:var(--text-charcoal);border:1px solid var(--border-editorial);letter-spacing:.02em;border-radius:var(--radius-subtle);cursor:pointer;background-color:#0000;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--royal-maroon);color:var(--royal-maroon)}.icon-btn{border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);background-color:var(--bg-card);width:38px;height:38px;color:var(--text-charcoal);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--royal-maroon);color:var(--royal-maroon);background-color:var(--royal-maroon-light)}.user-profile-badge{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);cursor:pointer;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.user-avatar-circle{background-color:var(--royal-maroon);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.user-avatar-circle.admin{background-color:var(--antique-gold);color:#1a1816}.mobile-menu-btn{display:none}@media (width<=990px){.nav-links{display:none}.mobile-menu-btn{display:flex}}.mobile-nav-drawer{z-index:100;background-color:#1a181666;display:none;position:fixed;inset:0}.mobile-nav-drawer.open{display:block}.mobile-nav-content{background-color:var(--bg-ivory);border-left:1px solid var(--border-editorial);width:320px;height:100%;padding:var(--space-xl) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.hero-section{padding:var(--space-3xl) 0 var(--space-2xl) 0;border-bottom:1px solid var(--border-editorial);background:linear-gradient(180deg, var(--bg-ivory) 0%, var(--bg-ivory-warm) 100%)}.hero-editorial-center{text-align:center;max-width:860px;margin:0 auto}.hero-tag{background-color:var(--antique-gold-pale);border:1px solid var(--antique-gold-soft);color:var(--royal-maroon);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-subtle);margin-bottom:var(--space-md);align-items:center;gap:8px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-serif-display);letter-spacing:-.02em;color:var(--text-charcoal);margin-bottom:var(--space-md);font-size:3.8rem;font-weight:600;line-height:1.1}.hero-title em{color:var(--royal-maroon);font-style:italic;font-weight:500}.hero-subtitle{color:var(--text-charcoal-sub);max-width:680px;margin:0 auto var(--space-xl) auto;font-size:1.12rem;line-height:1.6}.hero-search-form{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);box-shadow:var(--shadow-subtle);align-items:stretch;max-width:680px;margin:0 auto;transition:border-color .2s,box-shadow .2s;display:flex}.hero-search-form:focus-within{border-color:var(--royal-maroon);box-shadow:0 0 0 1px var(--royal-maroon)}.search-input-wrapper{padding:0 var(--space-md);flex:1;align-items:center;gap:12px;display:flex}.search-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.hero-search-input{width:100%;height:54px;color:var(--text-charcoal);font-size:.95rem}.hero-search-input::placeholder{color:var(--text-light)}.hero-search-btn{background-color:var(--royal-maroon);color:#fff;letter-spacing:.03em;padding:0 var(--space-xl);cursor:pointer;border-radius:0 var(--radius-subtle) var(--radius-subtle) 0;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.hero-search-btn:hover{background-color:var(--royal-maroon-hover)}@media (width<=768px){.hero-title{font-size:2.5rem}}.quick-filter-bar{padding:var(--space-lg) 0;border-bottom:1px solid var(--border-editorial);background-color:var(--bg-ivory)}.quick-filter-scroll{align-items:center;gap:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;display:flex;overflow-x:auto}.quick-filter-scroll::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;letter-spacing:.02em;color:var(--text-charcoal-sub);background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-pill);cursor:pointer;padding:8px 18px;font-size:.84rem;font-weight:500;transition:all .2s}.filter-pill:hover{border-color:var(--royal-maroon);color:var(--royal-maroon)}.filter-pill.active{background-color:var(--royal-maroon);border-color:var(--royal-maroon);color:#fff}.section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--antique-gold);margin-bottom:4px;font-size:.75rem;font-weight:600}.section-title{font-family:var(--font-serif-display);color:var(--text-charcoal);letter-spacing:-.01em;font-size:2.2rem;font-weight:600;line-height:1.15}.section-subtitle{color:var(--text-muted);margin-top:4px;font-size:.92rem}.view-all-link{color:var(--royal-maroon);letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid #0000;align-items:center;gap:6px;padding-bottom:2px;font-size:.85rem;font-weight:600;transition:border-color .2s;display:inline-flex}.view-all-link:hover{border-color:var(--royal-maroon)}.editorial-section{padding:var(--space-3xl) 0;border-bottom:1px solid var(--border-editorial)}.tracklist-container{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);overflow:hidden}.tracklist-header-row{background-color:var(--bg-ivory-warm);border-bottom:1px solid var(--border-editorial);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);grid-template-columns:50px 2.2fr 1.3fr 1fr 1fr 1.8fr;align-items:center;padding:12px 18px;font-size:.72rem;font-weight:700;display:grid}.tracklist-clean-container{background-color:var(--bg-card);border:1px solid var(--border-editorial-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-subtle);overflow:hidden}.tracklist-clean-header{background-color:var(--bg-ivory-warm);border-bottom:1px solid var(--border-editorial);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:12px;padding:10px 20px;font-size:.72rem;font-weight:700;display:flex}.track-clean-row{border-bottom:1px solid var(--border-editorial-subtle);background-color:#fff;align-items:center;gap:12px;padding:12px 20px;transition:all .15s;display:flex}.track-clean-row:hover{background-color:var(--bg-ivory-warm)}.track-clean-row.is-playing{border-left:3px solid var(--royal-maroon);background-color:#f8f5ee}.track-clean-num{color:#a0aec0;text-align:center;flex-shrink:0;width:28px;font-size:.88rem;font-weight:600}.track-clean-thumb{object-fit:cover;background-color:#e2e8f0;border-radius:8px;flex-shrink:0;width:44px;height:44px;box-shadow:0 1px 3px #00000014}.track-clean-info{flex:1;min-width:0}.track-clean-title{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;font-weight:600;line-height:1.3;overflow:hidden}.track-clean-subtitle{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;overflow:hidden}.track-clean-duration{color:#718096;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:75px;font-size:.82rem;display:flex}.track-clean-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.track-clean-play-btn{color:#2d3748;cursor:pointer;background:#f7fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.track-clean-play-btn:hover,.track-clean-play-btn.playing{background:var(--royal-maroon);border-color:var(--royal-maroon);color:#fff;transform:scale(1.05)}.track-clean-heart-btn{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.track-clean-heart-btn:hover{color:var(--royal-maroon);background:#5e17240d}.track-clean-heart-btn.is-saved{color:var(--royal-maroon)}@media (width<=640px){.tracklist-clean-header{display:none}.track-clean-row{gap:10px;padding:10px 12px}.track-clean-num{width:20px;font-size:.78rem}.track-clean-thumb{width:38px;height:38px}.track-clean-duration{display:none}}.track-play-btn{background-color:var(--bg-ivory-warm);border:1px solid var(--border-editorial);width:32px;height:32px;color:var(--royal-maroon);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.track-row:hover .track-play-btn,.track-play-btn:hover{background-color:var(--royal-maroon);border-color:var(--royal-maroon);color:#fff;transform:scale(1.05)}.track-row.is-playing .track-play-btn{background-color:var(--royal-maroon);color:#fff;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #5e172466}70%{box-shadow:0 0 0 8px #5e172400}to{box-shadow:0 0 #5e172400}}.track-title-cell{flex-direction:column;gap:2px;padding-right:12px;display:flex}.track-name-serif{font-family:var(--font-serif-display);color:var(--text-charcoal);cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1.2;transition:color .15s}.track-name-serif:hover{color:var(--royal-maroon)}.track-artist-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.track-badge{border-radius:var(--radius-subtle);white-space:nowrap;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.track-badge.moment{background-color:var(--royal-maroon-light);color:var(--royal-maroon)}.track-badge.mood{background-color:var(--antique-gold-pale);color:var(--antique-gold);border:1px solid var(--antique-gold-soft)}.track-badge.lang{background-color:var(--bg-ivory-warm);color:var(--text-charcoal-sub);border:1px solid var(--border-editorial-subtle)}.track-actions-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.open-song-btn{background-color:var(--royal-maroon-light);color:var(--royal-maroon);letter-spacing:.03em;border-radius:var(--radius-subtle);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.open-song-btn:hover{background-color:var(--royal-maroon);color:#fff}@media (width<=900px){.tracklist-header-row{display:none}.track-row{grid-template-columns:44px 1fr auto;gap:12px;padding:12px 14px}.col-moment,.col-mood,.col-lang{display:none}}.moments-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.moment-tile{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);padding:var(--space-lg) var(--space-md);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;transition:all .2s;display:flex;position:relative}.moment-tile:before{content:"";background-color:#0000;height:2px;transition:background-color .2s;position:absolute;top:0;left:0;right:0}.moment-tile:hover{border-color:var(--border-dark);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.moment-tile:hover:before{background-color:var(--royal-maroon)}.moment-icon-wrap{background-color:var(--bg-ivory-warm);border-radius:var(--radius-subtle);width:36px;height:36px;color:var(--royal-maroon);justify-content:center;align-items:center;margin-bottom:6px;display:flex}.moment-name{font-family:var(--font-serif-display);color:var(--text-charcoal);font-size:1.25rem;font-weight:600;line-height:1.2}.moment-count{color:var(--antique-gold);letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;font-weight:600}.moment-desc{color:var(--text-muted);margin-top:4px;font-size:.78rem;line-height:1.4}.moods-grid{gap:var(--space-md);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=900px){.moods-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.moods-grid{grid-template-columns:repeat(2,1fr)}}.mood-tile{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);padding:var(--space-md);cursor:pointer;align-items:center;gap:12px;transition:all .2s;display:flex}.mood-tile:hover{border-color:var(--royal-maroon);background-color:var(--royal-maroon-light)}.mood-icon-box{background-color:var(--bg-ivory);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);width:34px;height:34px;color:var(--royal-maroon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mood-tile-title{color:var(--text-charcoal);font-size:.92rem;font-weight:600}.floating-player-window{color:#fbf6ee;z-index:999;background:#141210;border:1px solid #d4af3773;border-radius:16px;width:410px;max-width:calc(100vw - 32px);transition:all .3s cubic-bezier(.16,1,.3,1);animation:.35s cubic-bezier(.16,1,.3,1) floatPopIn;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 24px 50px -10px #000000a6,0 0 0 1px #ffffff14}@keyframes floatPopIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.floating-player-window.is-minimized{border-color:var(--antique-gold);background:#1a1816;border-radius:999px;width:auto;min-width:280px;max-width:420px;padding:8px 16px;bottom:20px;right:20px;box-shadow:0 12px 30px #00000080}.floating-player-window.is-minimized .floating-window-content{display:none}.floating-player-window.is-minimized .floating-mini-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.floating-window-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.floating-window-title{letter-spacing:.06em;text-transform:uppercase;color:var(--antique-gold);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:flex}.floating-window-controls{align-items:center;gap:4px;display:flex}.floating-ctrl-btn{color:#a49e97;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;transition:all .2s;display:inline-flex}.floating-ctrl-btn:hover{color:#fff;background:#ffffff1f}.floating-video-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative}.floating-video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.floating-window-body{padding:14px 16px}.floating-window-song-title{font-family:var(--font-serif-display);color:#fbf6ee;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.15rem;font-weight:700;line-height:1.2;overflow:hidden}.floating-window-artist{color:#bdb9b3;margin-bottom:10px;font-size:.8rem}.floating-window-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.floating-window-actions{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.track-row-wrapper{border-bottom:1px solid var(--border-editorial-subtle);transition:background-color .2s}.track-row-wrapper.is-playing-wrapper{border-left:3px solid var(--antique-gold);border-bottom:2px solid var(--antique-gold);background-color:#faf7f2}.track-inline-player-drawer{border-top:1px dashed var(--border-editorial);background:#faf7f2;padding:16px 24px 20px;animation:.25s slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-drawer-grid{grid-template-columns:340px 1fr;align-items:center;gap:20px;display:grid}@media (width<=840px){.inline-drawer-grid{grid-template-columns:1fr}}.inline-drawer-video-box{aspect-ratio:16/9;border-radius:var(--radius-subtle);background:#000;width:100%;overflow:hidden;box-shadow:0 4px 14px #0000001f}.inline-drawer-info{flex-direction:column;gap:8px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:var(--space-md);opacity:0;pointer-events:none;background-color:#1a1816a6;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-content-clean{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);width:100%;max-width:680px;max-height:90vh;padding:var(--space-2xl);position:relative;overflow-y:auto}.modal-close-btn{border-radius:var(--radius-subtle);background-color:var(--bg-card);border:1px solid var(--border-editorial);width:36px;height:36px;color:var(--text-charcoal);cursor:pointer;z-index:10;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:var(--royal-maroon);color:#fff;border-color:var(--royal-maroon)}.playlists-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.playlist-card{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);padding:var(--space-xl);transform-origin:50%;flex-direction:column;transition:transform .26s cubic-bezier(.2,1,.3,1),border-color .2s,box-shadow .26s;display:flex}.playlist-card:hover{border-color:var(--royal-maroon);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 28px #2b1c1417}.playlist-title{font-family:var(--font-serif-display);color:var(--text-charcoal);margin-bottom:4px;font-size:1.6rem;font-weight:700}.playlist-count-badge{color:var(--antique-gold);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.auth-tabs{border-bottom:1px solid var(--border-editorial);margin-bottom:var(--space-xl);display:flex}.auth-tab-btn{text-align:center;cursor:pointer;color:var(--text-muted);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.92rem;font-weight:600;transition:all .2s}.auth-tab-btn.active{color:var(--royal-maroon);border-color:var(--royal-maroon)}.auth-input-group{margin-bottom:var(--space-md);flex-direction:column;gap:6px;display:flex}.auth-input-group label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-charcoal-sub);font-size:.75rem;font-weight:600}.auth-input{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);width:100%;color:var(--text-charcoal);padding:12px 14px;font-size:.95rem}.auth-input:focus{border-color:var(--royal-maroon)}.role-notice-box{background-color:var(--bg-ivory-warm);border-left:3px solid var(--antique-gold);color:var(--text-charcoal-sub);margin-bottom:var(--space-md);padding:10px 14px;font-size:.78rem;line-height:1.5}.access-denied-card{max-width:580px;margin:var(--space-4xl) auto;background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);padding:var(--space-3xl);text-align:center;box-shadow:var(--shadow-subtle)}.access-denied-icon{width:54px;height:54px;color:var(--royal-maroon);margin:0 auto var(--space-md) auto}.access-denied-title{font-family:var(--font-serif-display);color:var(--text-charcoal);margin-bottom:8px;font-size:2.2rem;font-weight:700}.access-denied-text{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.95rem;line-height:1.6}.admin-table-container{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{background-color:var(--bg-ivory-warm);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-editorial);padding:12px 16px;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-editorial-subtle);color:var(--text-charcoal);vertical-align:middle;padding:14px 16px}.admin-table tr:hover td{background-color:var(--bg-card-muted)}.filter-grid-row{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.filter-grid-row{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.filter-grid-row{grid-template-columns:1fr}}.filter-select-wrap{flex-direction:column;gap:4px;display:flex}.filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.filter-select{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);width:100%;color:var(--text-charcoal);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B6661' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding:10px 12px;font-size:.88rem}.results-meta-bar{padding:var(--space-lg) 0;border-bottom:1px solid var(--border-editorial-subtle);margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.results-count{color:var(--text-muted);font-size:.9rem}.reset-filters-btn{color:var(--royal-maroon);cursor:pointer;font-size:.82rem;font-weight:600;text-decoration:underline}.legal-banner-card{background-color:var(--bg-ivory-warm);border:1px solid var(--border-editorial);border-left:3px solid var(--antique-gold);border-radius:var(--radius-card);margin:var(--space-2xl) 0;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.legal-banner-title{font-family:var(--font-serif-display);color:var(--royal-maroon);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.legal-banner-text{color:var(--text-charcoal-sub);font-size:.82rem;line-height:1.6}.compliance-trust-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.trust-badge{background-color:var(--bg-card);border:1px solid var(--border-editorial);color:var(--text-charcoal-sub);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.legal-modal-tabs{white-space:nowrap;border-bottom:1px solid var(--border-editorial);margin-bottom:var(--space-xl);scrollbar-width:thin;display:flex;overflow-x:auto}.legal-tab-btn{text-align:center;cursor:pointer;color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 16px;font-size:.86rem;font-weight:600;transition:all .2s}.legal-tab-btn:hover{color:var(--royal-maroon)}.legal-tab-btn.active{color:var(--royal-maroon);border-color:var(--royal-maroon)}.architecture-diagram{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);color:var(--text-charcoal);white-space:pre;margin:14px 0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.legal-quote-box{background-color:var(--bg-ivory-warm);border-left:3px solid var(--antique-gold);border-radius:var(--radius-subtle);color:var(--text-charcoal);margin:12px 0;padding:14px 18px;font-size:.88rem;font-weight:500;line-height:1.6}.legal-policy-article{color:var(--text-charcoal-sub);font-size:.9rem;line-height:1.7}.legal-policy-article h3{font-family:var(--font-serif-display);color:var(--royal-maroon);margin:18px 0 6px;font-size:1.5rem;font-weight:700}.legal-policy-article p{margin-bottom:12px}.legal-policy-article ul{margin-bottom:14px;padding-left:20px}.legal-policy-article li{margin-bottom:6px}.takedown-box{border-radius:var(--radius-subtle);background-color:#fff5f5;border:1px solid #fed7d7;margin:16px 0;padding:14px 18px;font-size:.85rem}.site-footer{background-color:var(--bg-card);border-top:1px solid var(--border-editorial);padding:var(--space-3xl) 0 var(--space-xl) 0;margin-top:auto}.footer-top{gap:var(--space-3xl);margin-bottom:var(--space-2xl);grid-template-columns:1.5fr 1fr 1fr;display:grid}@media (width<=800px){.footer-top{gap:var(--space-xl);grid-template-columns:1fr}}.footer-brand h3{font-family:var(--font-serif-display);color:var(--royal-maroon);margin-bottom:4px;font-size:1.6rem;font-weight:700}.footer-tagline{color:var(--text-muted);margin-bottom:var(--space-md);font-size:.85rem}.footer-disclaimer-box{background-color:var(--bg-ivory-warm);border-left:3px solid var(--antique-gold);color:var(--text-charcoal-sub);border-radius:var(--radius-subtle);padding:12px 16px;font-size:.76rem;line-height:1.55}.footer-links-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md);font-size:.78rem;font-weight:600}.footer-links-col ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links-col a{color:var(--text-charcoal-sub);cursor:pointer;font-size:.85rem;transition:color .15s}.footer-links-col a:hover{color:var(--royal-maroon)}.footer-bottom{border-top:1px solid var(--border-editorial-subtle);padding-top:var(--space-lg);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:.76rem;display:flex}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-xl);border:1px dashed var(--border-editorial);border-radius:var(--radius-card);background-color:var(--bg-card);margin:var(--space-2xl) 0}.empty-state-icon{width:48px;height:48px;margin:0 auto var(--space-md) auto;color:var(--antique-gold)}.empty-state-title{font-family:var(--font-serif-display);color:var(--text-charcoal);margin-bottom:6px;font-size:1.8rem}.empty-state-text{color:var(--text-muted);max-width:420px;margin:0 auto var(--space-lg) auto;font-size:.95rem}.view-mode-bar{margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.view-toggle-group{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-subtle);padding:3px;display:inline-flex}.view-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.view-toggle-btn.active{background-color:var(--royal-maroon);color:#fff}.songs-cards-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.song-editorial-card{background-color:var(--bg-card);border:1px solid var(--border-editorial);border-radius:var(--radius-card);flex-direction:column;padding:16px;transition:all .2s;display:flex}.song-editorial-card:hover{border-color:var(--antique-gold);box-shadow:var(--shadow-sm)}.song-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.song-card-meta-top{flex-wrap:wrap;gap:5px;display:flex}.song-card-title{font-family:var(--font-serif-display);color:var(--text-charcoal);cursor:pointer;margin-bottom:4px;font-size:1.3rem;font-weight:700}.song-card-title:hover{color:var(--royal-maroon)}.song-card-artist{color:var(--text-charcoal-sub);margin-bottom:8px;font-size:.86rem}.song-card-tags{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.tag-pill{color:var(--text-muted);background-color:var(--bg-ivory-warm);border-radius:3px;padding:2px 6px;font-size:.7rem}.song-card-player-frame{border-radius:var(--radius-subtle);background-color:#000;margin:8px 0 14px;overflow:hidden}.yt-card-iframe-wrap{aspect-ratio:16/9;width:100%;position:relative}.yt-card-iframe-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.embed-restricted-placeholder{aspect-ratio:16/9;background-color:var(--bg-ivory-warm);text-align:center;border:1px dashed #e2e8f0;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.song-card-footer{border-top:1px solid var(--border-editorial-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.watch-platform-btn{color:var(--royal-maroon);align-items:center;gap:4px;font-size:.82rem;font-weight:600;text-decoration:underline;display:inline-flex}.watch-platform-btn:hover{color:#1a1816}.takedown-badge{border-radius:3px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.takedown-badge.pending{color:#744210;background-color:#fefcbf}.takedown-badge.resolved{color:#22543d;background-color:#c6f6d5}.source-type-pill{letter-spacing:.02em;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.source-type-pill.official-label{color:#2b6cb0;background:#ebf8ff;border:1px solid #bee3f8}.source-type-pill.official-artist{color:#276749;background:#f0fff4;border:1px solid #c6f6d5}.source-type-pill.verified{color:#6b46c1;background:#faf5ff;border:1px solid #e9d8fd}.source-type-pill.user-upload{color:#c53030;background:#fff5f5;border:1px solid #fed7d7}.source-type-pill.other{color:#4a5568;background:#f7fafc;border:1px solid #e2e8f0}@media (width<=768px){header{padding:16px 20px!important}header>div:nth-child(2){gap:16px!important;font-size:13px!important}div[style*="padding:48px 56px 32px"],div[style*="padding: 48px 56px 32px"]{padding:28px 16px 20px!important}div[style*=font-size\:36px]{font-size:26px!important}div[style*="padding:0 56px 56px"],div[style*="padding: 0 56px 56px"]{padding:0 16px 32px!important}div[style*="padding:48px 56px 80px"],div[style*="padding: 48px 56px 80px"]{padding:28px 16px 48px!important}div[style*="grid-template-columns:36px 36px 52px 1fr 90px 110px"],div[style*="grid-template-columns: 36px 36px 52px 1fr 90px 110px"]{grid-template-columns:24px 32px 40px 1fr 75px!important;gap:10px!important;padding:12px 10px!important}div[style*="grid-template-columns:36px 36px 52px 1fr 90px 110px"]>div:nth-child(5),div[style*="grid-template-columns: 36px 36px 52px 1fr 90px 110px"]>div:nth-child(5){display:none!important}footer{padding:24px 16px!important}}.app-shell{width:100%;height:100%;max-height:100dvh;font-family:var(--font-sans);color:var(--text-charcoal);-webkit-font-smoothing:antialiased;background-color:#faf5eb;background-image:radial-gradient(at 10% 12%,#f5dabf73 0,#0000 50%),radial-gradient(at 90% 15%,#6c151e12 0,#0000 48%),radial-gradient(at 48% 60%,#0f3d3a0d 0,#0000 52%),radial-gradient(at 85% 85%,#f5dabf59 0,#0000 50%);background-attachment:fixed;display:flex;position:relative;overflow:hidden}.app-sidebar{-webkit-backdrop-filter:blur(28px)saturate(190%);z-index:100;overscroll-behavior-y:contain;background:#f8f3eac7;border-right:1px solid #e8ddc9bf;flex-direction:column;flex-shrink:0;width:275px;height:100%;max-height:100dvh;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s;display:flex;overflow:hidden auto}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-thumb{background:#d8c9ac99;border-radius:4px}.app-sidebar::-webkit-scrollbar-track{background:0 0}.sidebar-brand{cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#f4ece199;border-bottom:1px solid #e8ddc9bf;align-items:center;gap:12px;padding:22px 20px 18px;transition:background .2s;display:flex}.sidebar-brand:hover{background:#f4ece1d9}.sidebar-brand-icon{background:linear-gradient(135deg, var(--royal-maroon) 0%, #4d0d15 100%);width:38px;height:38px;color:var(--accent-champagne);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #6c151e40,inset 0 1px 1px #ffffff4d}.sidebar-brand:hover .sidebar-brand-icon{transform:scale(1.06)}.sidebar-brand-logo-img{object-fit:contain;width:24px;height:24px;display:block}.sidebar-brand-title{font-family:var(--font-serif);color:var(--royal-maroon);letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.15}.sidebar-brand-sub{color:var(--text-sub);margin-top:2px;font-size:11px;font-weight:500}.sidebar-nav-group{padding:14px 12px 6px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);justify-content:space-between;align-items:center;padding:4px 10px 8px;font-size:10.5px;font-weight:700;display:flex}.sidebar-item{color:var(--text-charcoal);cursor:pointer;transform-origin:0;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;margin-bottom:3px;padding:9px 13px;font-size:13.5px;font-weight:500;text-decoration:none;transition:transform .22s cubic-bezier(.2,1,.3,1),background .18s,color .18s;display:flex}.sidebar-item:hover{color:var(--royal-maroon);background:#ece3d4b8;transform:translate(3px)scale(1.02)}.sidebar-item:active{transform:scale(.98)}.sidebar-item.active{background:var(--antique-gold);color:var(--accent-champagne);font-weight:600;box-shadow:0 4px 14px #0f3d3a38}.sidebar-item.active .sidebar-icon{color:var(--accent-champagne)}.sidebar-item.active .sidebar-badge{color:#f5dabf;background:#f5dabf38}.sidebar-icon{color:#6b5c4d;justify-content:center;align-items:center;width:20px;font-size:15px;transition:transform .2s;display:flex}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-badge{color:var(--text-muted);background:#ece3d4cc;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.sidebar-badge.hot{color:#6c151e;background:#ffebef}.sidebar-badge.new{color:#137333;background:#e6f4ea}.sidebar-badge.gold{color:#b06000;background:#fef7e0}.sidebar-footer{background:#f4ece180;border-top:1px solid #e8ddc9bf;margin-top:auto;padding:14px 16px;font-size:12px}.app-main-wrapper{overscroll-behavior-y:contain;scroll-behavior:smooth;background:0 0;flex-direction:column;flex:1;min-width:0;height:100%;max-height:100dvh;display:flex;position:relative;overflow:hidden auto}.app-main-footer{-webkit-backdrop-filter:blur(16px);color:#7e7166;background:#f4ece1b8;border-top:1px solid #e8ddc9bf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:22px 32px;font-size:12.5px;display:flex;flex-shrink:0!important;margin-top:auto!important}.app-topbar{z-index:90;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #2b1c1405;-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#fbf6eec7!important;border-bottom:1px solid #e8ddc9a6!important}.topbar-search-box{flex:1;align-items:center;max-width:580px;display:flex;position:relative}.topbar-search-input{-webkit-backdrop-filter:blur(16px);width:100%;color:var(--text-charcoal);font-size:13.5px;font-family:var(--font-sans);background:#ffffffc7;border:1px solid #e8ddc9d9;border-radius:999px;outline:none;padding:10px 42px 10px 40px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #2b1c1408,inset 0 1px 1.5px #ffffffe6}.topbar-search-input:focus{background:#fff;border-color:#0f3d3a;transform:translateY(-1px);box-shadow:0 0 0 4px #0f3d3a1f,0 8px 24px #0f3d3a14}.topbar-search-icon{color:#8a7a68;pointer-events:none;font-size:14px;position:absolute;left:14px}.topbar-search-clear{color:#8a7a68;cursor:pointer;border-radius:50%;padding:2px 6px;font-size:14px;transition:all .15s;position:absolute;right:12px}.topbar-search-clear:hover{color:var(--royal-maroon);background:#6c151e14}.topbar-auth-section{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-lang-toggle{-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#ffffffd9;border:1px solid #e8ddc9e6;border-radius:999px;align-items:center;padding:3px;display:inline-flex;box-shadow:0 2px 8px #2b1c140d}.lang-pill-btn{color:#7e7166;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;line-height:1.1;transition:all .22s cubic-bezier(.16,1,.3,1)}.lang-pill-btn:hover{color:var(--royal-maroon)}.lang-pill-btn.active{background:var(--royal-maroon);font-weight:700;box-shadow:0 2px 6px #6c151e47;color:#fff!important}.auth-topbar-lang-toggle{-webkit-backdrop-filter:blur(16px);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffff47;border:1px solid #ffffff73;border-radius:999px;align-items:center;padding:2.5px;display:inline-flex}.auth-lang-btn{color:#3c2c1e;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.auth-lang-btn.active{background:var(--royal-maroon);font-weight:700;box-shadow:0 2px 8px #6c151e59;color:#fff!important}.topbar-login-btn{color:#f5dabf;font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6c151e 0%,#4d0d15 100%);border:1px solid #f5dabf73;border-radius:999px;align-items:center;gap:7px;padding:8px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #6c151e47,inset 0 1px 1px #fff3}.topbar-login-btn:hover{color:#fff;background:linear-gradient(135deg,#821a25 0%,#5e101a 100%);border-color:#f5dabfb3;transform:translateY(-1.5px)scale(1.02);box-shadow:0 6px 20px #6c151e61,0 0 0 3px #6c151e1f}.topbar-login-btn:active{transform:scale(.96)}.topbar-user-pill{-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #e8ddc9d9;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 6px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2b1c140a}.topbar-user-avatar{color:#f5dabf;background:linear-gradient(135deg,#6c151e 0%,#4d0d15 100%);border:1.5px solid #f5dabf80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #6c151e4d}.topbar-user-info{flex-direction:column;line-height:1.2;display:flex}.topbar-user-name{color:#2b1c14;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12.5px;font-weight:600;overflow:hidden}.topbar-user-role{color:#137333;letter-spacing:.02em;font-size:10.5px;font-weight:600}.topbar-logout-btn{-webkit-backdrop-filter:blur(12px);color:#7e7166;cursor:pointer;background:#ffffffe0;border:1px solid #e8ddc9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.topbar-logout-btn:hover{color:#c00;background:#fff;border-color:#cc00004d;transform:scale(1.08);box-shadow:0 3px 10px #cc00001f}.auth-quick-pill{cursor:pointer;text-align:left;background:#6c151e0d;border:1px solid #6c151e2e;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.auth-quick-pill:hover{border-color:var(--royal-maroon);background:#6c151e1a;transform:translateY(-1px)}.mobile-sidebar-toggle{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:var(--text-charcoal);background:#ffffffbf;border:1px solid #e8ddc9cc;border-radius:8px;padding:8px 10px;font-size:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:none;box-shadow:0 2px 6px #00000008}.mobile-sidebar-toggle:hover{border-color:var(--antique-gold);background:#fff;transform:scale(1.04)}.mobile-sidebar-toggle:active{transform:scale(.94)}.sidebar-backdrop{display:none}@media (width<=900px){.mobile-sidebar-toggle{justify-content:center;align-items:center;display:flex}.app-sidebar{background:#f8f3eaf0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 40px #2b1c1440}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop.open{-webkit-backdrop-filter:blur(8px);z-index:99;background:#180c0a8c;animation:.22s ease-out forwards fadeIn;display:block;position:fixed;inset:0}.app-topbar{padding:10px 16px}}.apple-glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:18px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 16px 40px #2b1c140a,inset 0 1px 2px #fffffff2;background:#ffffffc2!important;border:1px solid #ffffffd9!important}.apple-glass-hero{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:18px;margin-bottom:24px;padding:28px 32px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 14px 44px #2b1c140a,inset 0 1px 2px #fffffff2;background:#ffffffb8!important;border:1px solid #fffc!important}.apple-glass-hero:hover{box-shadow:0 20px 50px #2b1c140f}.glass-stat-capsule{-webkit-backdrop-filter:blur(16px);text-align:center;background:#ffffffd9;border:1px solid #e8ddc9bf;border-radius:12px;padding:12px 18px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;box-shadow:0 4px 14px #2b1c1408,inset 0 1px 1px #fffc}.glass-stat-capsule:hover{transform:translateY(-2.5px)scale(1.025);box-shadow:0 8px 24px #2b1c1412}.moments-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;padding:6px 2px 10px;display:flex;overflow-x:auto}.moments-scroll-container::-webkit-scrollbar{display:none}.glass-filter-pill{-webkit-backdrop-filter:blur(12px);color:#2b1c14;cursor:pointer;white-space:nowrap;transform-origin:bottom;will-change:transform;background:#ffffffbf;border:1px solid #e8ddc9cc;border-radius:999px;padding:6px 15px;font-size:12.5px;font-weight:600;transition:transform .2s cubic-bezier(.2,1,.3,1),background .18s,border-color .18s,box-shadow .2s;box-shadow:0 2px 6px #00000005}.glass-filter-pill:hover{border-color:var(--antique-gold);background:#fff;transform:translateY(-2.5px)scale(1.06);box-shadow:0 6px 16px #6c151e1f}.glass-filter-pill:active{transform:scale(.96)}.glass-filter-pill.active{background:var(--antique-gold);color:var(--accent-champagne);border-color:var(--antique-gold);box-shadow:0 4px 14px #0f3d3a47}.tracklist-container-glass{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffc7;border:1px solid #ffffffd9;border-radius:18px;transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 16px 40px #2b1c140a,inset 0 1px 1.5px #fffffff2}.tracklist-header-grid{color:#8a7a68;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f3eaa6;border-bottom:1px solid #e8ddc9b3;grid-template-columns:32px 34px 44px 1fr 85px 125px;align-items:center;gap:14px;padding:12px 20px;font-size:11px;font-weight:700;display:grid}.track-row-wrapper{transform-origin:50%;background:#ffffff8c;border-bottom:1px solid #f2ead999;transition:transform .24s cubic-bezier(.2,1,.3,1),background .18s,box-shadow .24s;position:relative}.track-row-grid{grid-template-columns:30px 42px 46px 1fr 90px 130px;align-items:center;gap:16px;padding:12px 20px;transition:all .22s cubic-bezier(.16,1,.3,1);display:grid}.col-play{justify-content:center;align-items:center;padding:0 4px;display:flex}.track-row-wrapper:hover{z-index:3;transform:translateY(-2px)scale(1.01);box-shadow:0 10px 24px -4px #2b1c1414,0 2px 6px #6c151e08;background:#faf5ebeb!important}.track-row-wrapper.is-active-playing{border-left:3px solid var(--royal-maroon);background:#faf2e6f2!important}.track-thumb-img{object-fit:cover;cursor:pointer;background:#eee1cc;border-radius:10px;width:44px;height:44px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #00000014}.track-row-wrapper:hover .track-thumb-img{transform:scale(1.06)}.play-btn-circle{background:var(--antique-gold);width:34px;height:34px;color:var(--accent-champagne);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .25s;display:flex;box-shadow:0 3px 10px #0f3d3a40,inset 0 1px 1px #ffffff4d}.play-btn-circle:hover{transform:scale(1.14);box-shadow:0 6px 18px #0f3d3a61}.play-btn-circle:active{transform:scale(.92)}.play-btn-circle.playing{background:var(--royal-maroon);animation:2s cubic-bezier(.16,1,.3,1) infinite audioWavePulse;box-shadow:0 4px 16px #6c151e66}@keyframes audioWavePulse{0%{box-shadow:0 0 #6c151e80,0 4px 16px #6c151e66}70%{box-shadow:0 0 0 10px #6c151e00,0 4px 16px #6c151e66}to{box-shadow:0 0 #6c151e00,0 4px 16px #6c151e66}}.action-btn-clean{color:#6b5c4d;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.action-btn-clean:hover{color:var(--royal-maroon);background:#ece3d4d9;transform:scale(1.1)}.action-btn-clean:active{transform:scale(.92)}.action-btn-clean.active-heart{color:var(--royal-maroon)}.meta-pill{color:#7e7166;font-size:11px;font-weight:600}.meta-pill.moment{color:#4a3e37;background:#f4ece1d9;border-radius:6px;padding:2px 8px;font-size:11px}.track-title-text{font-family:var(--font-sans);color:#1c130d;font-size:14.5px;font-weight:600;transition:color .18s}.track-row-wrapper:hover .track-title-text{color:var(--royal-maroon)}.track-artist-text{font-family:var(--font-sans);color:#6b5c4d;font-size:13px}.badge-clean{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.badge-clean.hot{color:#6c151e;background:#ffebef}.badge-clean.new{color:#137333;background:#e6f4ea}.badge-clean.curated{color:#b06000;background:#fef7e0}.video-player-modal-backdrop{-webkit-backdrop-filter:blur(24px)saturate(190%);z-index:150;background:#0e0708d1;justify-content:center;align-items:center;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) forwards videoModalBackdropIn;display:flex;position:fixed;inset:0}@keyframes videoModalBackdropIn{0%{opacity:0}to{opacity:1}}.video-player-modal-card{-webkit-backdrop-filter:blur(32px)saturate(200%);color:#fff;background:linear-gradient(155deg,#6c151ef2 0%,#440c13f7 50%,#2a060bfa 100%);border:1px solid #f5dabf61;border-radius:20px;width:100%;max-width:860px;max-height:94vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards appleModalPop;overflow-y:auto;box-shadow:0 36px 90px #000000a6,inset 0 1px 1.5px #ffffff4d}@keyframes appleModalPop{0%{opacity:0;transform:scale(.92)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.video-popup-close-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex}.video-popup-close-btn:hover{background:#ffffff52;transform:scale(1.12)}.video-popup-close-btn:active{transform:scale(.92)}.meta-pill.duration-mobile{display:none}.mobile-sidebar-close-btn{cursor:pointer;background:#2b1c1414;border:1px solid #e8ddc9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s cubic-bezier(.16,1,.3,1);display:none}.mobile-sidebar-close-btn:hover{background:#6c151e1f;transform:scale(1.08)}@media (width<=900px){.mobile-sidebar-close-btn{display:flex!important}.tracklist-header-grid{grid-template-columns:28px 34px 44px 1fr 115px;gap:12px;padding:10px 14px}.tracklist-header-grid .col-duration-header{display:none}.track-row-grid{grid-template-columns:28px 34px 44px 1fr 115px;gap:12px;padding:10px 14px}.track-row-grid .col-duration{display:none}}@media (width<=768px){.app-shell{background-attachment:scroll;height:100%;max-height:100dvh;overflow:hidden}.app-main-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;max-height:100dvh;overflow-y:auto}.app-topbar{grid-template-columns:1fr auto!important;grid-template-areas:"nav auth""search search"!important;align-items:center!important;gap:10px 12px!important;padding:10px 14px 12px!important;display:grid!important}.topbar-nav-left{grid-area:nav!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.topbar-brand-mobile{align-items:center!important;display:flex!important}.topbar-view-title{display:none!important}.topbar-auth-section{grid-area:auth!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:flex!important}.topbar-search-box{grid-area:search/1/search/-1!important;width:100%!important;max-width:100%!important;margin:0!important}.topbar-search-input{padding:9px 38px!important;font-size:13px!important}.topbar-login-btn{gap:5px!important;padding:6px 14px!important;font-size:12px!important}.topbar-user-info{display:none!important}.topbar-user-pill{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:2px!important}.topbar-lang-toggle{padding:2px!important}.lang-pill-btn{padding:3px 8px!important;font-size:11px!important}.topbar-user-avatar{width:34px!important;height:34px!important}.topbar-logout-btn{width:32px!important;height:32px!important}.video-player-modal-backdrop{padding:10px!important}.video-player-modal-card{border-radius:16px!important;max-height:96vh!important;padding:14px!important}}@media (width<=680px){.apple-glass-hero{border-radius:14px!important;margin-bottom:16px!important;padding:16px 14px!important}.apple-glass-hero h1{margin-bottom:6px!important;font-size:20px!important;line-height:1.25!important}.apple-glass-hero p{margin-bottom:10px!important;font-size:12.5px!important;line-height:1.45!important}.glass-stat-capsule{border-radius:8px!important;padding:5px 10px!important}.glass-stat-capsule div:first-child{font-size:16px!important}.glass-stat-capsule div:last-child{font-size:9.5px!important}.tracklist-header-grid{display:none!important}.track-row-grid{grid-template-columns:44px 44px 1fr auto!important;align-items:center!important;gap:14px!important;padding:12px 14px!important}.col-play{justify-content:center!important;align-items:center!important;padding:0 4px!important;display:flex!important}.play-btn-circle{width:36px!important;height:36px!important}.col-num,.col-duration,.desktop-action,.desktop-only{display:none!important}.meta-pill.duration-mobile{display:inline-flex!important}.track-thumb-img{border-radius:8px!important;width:44px!important;height:44px!important}.track-title-line{flex-direction:column!important;align-items:flex-start!important;gap:1px!important;display:flex!important}.track-title-text{-webkit-line-clamp:2!important;white-space:normal!important;color:#2b1c14!important;-webkit-box-orient:vertical!important;max-width:100%!important;font-size:13.5px!important;font-weight:700!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.track-artist-text{color:#7e7166!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:11.5px!important;font-weight:500!important;overflow:hidden!important}.track-meta-row{gap:4px!important;margin-top:3px!important;font-size:11px!important}.col-actions{gap:6px!important}.action-btn-clean{width:34px!important;height:34px!important;padding:0!important}}@media (width<=420px){.track-row-grid{grid-template-columns:38px 40px 1fr auto!important;gap:10px!important;padding:10px!important}.track-thumb-img{width:40px!important;height:40px!important}.play-btn-circle{width:32px!important;height:32px!important}}.auth-ambient-stage{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.auth-fluid-glow{background:radial-gradient(700px circle at var(--mouse-x,50%) var(--mouse-y,40%), #f5dabf80 0%, #6c151e0f 45%, transparent 75%);pointer-events:none;transition:background .12s ease-out;position:absolute;inset:0}.auth-mandala-bg{opacity:.038;pointer-events:none;width:min(880px,90vw);height:min(880px,90vw);animation:240s linear infinite authMandalaRotate;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%)}@keyframes authMandalaRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.auth-words-canvas{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:-80px -200px;transform:rotate(-5deg)scale(1.05)}.auth-words-stream{white-space:nowrap;will-change:transform;gap:36px;display:flex}.auth-words-track{white-space:nowrap;font-family:var(--font-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--royal-maroon);opacity:.042;gap:36px;font-size:clamp(34px,4.2vw,54px);font-weight:700;line-height:1;display:flex}.auth-words-track span.gold-word{color:#b06000;opacity:.85;font-style:italic;font-weight:600}.auth-words-stream.stream-left{animation:70s linear infinite authMarqueeLeft}.auth-words-stream.stream-right{animation:85s linear infinite authMarqueeRight}.auth-words-stream.stream-left-fast{animation:60s linear infinite authMarqueeLeft}@keyframes authMarqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes authMarqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.auth-bokeh-container{pointer-events:none;position:absolute;inset:0}.auth-bokeh-orb{filter:blur(48px);pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite alternate bokehFloat;position:absolute}.auth-bokeh-orb.orb-1{background:radial-gradient(circle,#d4af3747 0%,#6c151e1f 60%,#0000 75%);width:380px;height:380px;animation-duration:22s;top:10%;left:8%}.auth-bokeh-orb.orb-2{background:radial-gradient(circle,#f5dabf73 0%,#b0600024 55%,#0000 75%);width:440px;height:440px;animation-duration:28s;animation-delay:-6s;bottom:5%;right:10%}.auth-bokeh-orb.orb-3{background:radial-gradient(circle,#6c151e29 0%,#4d0d1514 65%,#0000 80%);width:280px;height:280px;animation-duration:19s;animation-delay:-12s;top:55%;left:40%}@keyframes bokehFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(35px,-35px)scale(1.12)}to{transform:translate(-25px,25px)scale(.92)}}.auth-ember{opacity:0;pointer-events:none;background:#d4af37;border-radius:50%;width:4px;height:4px;animation:14s ease-in-out infinite emberDrift;position:absolute;box-shadow:0 0 10px 2px #d4af3799}@keyframes emberDrift{0%{opacity:0;transform:translateY(20px)scale(.6)}25%{opacity:.6}75%{opacity:.6}to{opacity:0;transform:translateY(-130px)scale(1.2)}}.auth-gate-wrapper{min-height:100dvh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:#241812;flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-fullscreen-bg{z-index:0;pointer-events:none;position:fixed;inset:-24px;overflow:hidden}.fullscreen-bg-img{object-fit:cover;object-position:center 35%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:calc(100% + 48px);height:calc(100% + 48px);display:block;transform:scale(1.025)translate(0,0)}@media (width<=768px){.auth-fullscreen-bg picture{width:100%;height:100%;display:block}.fullscreen-bg-img{object-position:center top;width:100%;height:100%;transition:none!important;transform:none!important}.auth-fullscreen-bg{inset:0}}@media (pointer:coarse){.fullscreen-bg-img{transition:none!important;transform:none!important}}.auth-gate-topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(22px,2.8vw,34px) clamp(28px,5vw,68px) 0;display:flex;position:relative}.auth-topbar-brand{pointer-events:auto;align-items:center;gap:10px;display:flex}.auth-topbar-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #00000073);width:32px;height:32px}.auth-topbar-name{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 10px #000000a6;font-family:Playfair Display,Georgia,serif;font-size:19px;font-weight:700}.topbar-editorial-kicker{letter-spacing:.25em;text-transform:uppercase;color:#3c2c1ed9;text-shadow:0 1px 6px #ffffffb3;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.auth-editorial-stage{z-index:20;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:clamp(16px,3vw,40px) clamp(28px,5.5vw,88px) clamp(24px,4vw,52px);display:flex;position:relative}.auth-editorial-container{grid-template-columns:1fr minmax(380px,424px);align-items:center;gap:clamp(32px,5vw,80px);width:100%;max-width:1380px;margin:0 auto;display:grid}@media (width<=1024px){.auth-editorial-container{grid-template-columns:1fr;gap:28px;max-width:480px}.auth-editorial-stage{align-items:flex-start;padding:20px 24px 32px}}@media (width<=768px){.auth-gate-wrapper{min-height:100svh;overflow:hidden auto}.auth-gate-topbar{padding:max(env(safe-area-inset-top,0px) + 14px, 18px) 18px 0;justify-content:flex-end;display:flex}.auth-topbar-brand{display:none!important}.topbar-editorial-kicker{letter-spacing:.2em;color:#3c2c1ecc;text-shadow:0 1px 6px #fffc;font-size:9px}.auth-editorial-stage{justify-content:flex-start;align-items:stretch;min-height:auto;padding:0}.auth-editorial-container{flex-direction:column;grid-template-columns:1fr;align-items:stretch;gap:0;max-width:100%;display:flex}.auth-hero-editorial{order:1}.auth-card-column{order:2}.auth-hero-editorial{text-align:center;background:0 0;flex-direction:column;flex:none;align-items:center;gap:0;padding:10px 24px 20px;display:flex}.editorial-kicker{letter-spacing:.15em;color:#50371ed9;text-shadow:0 1px 8px #fffffff2;justify-content:center;width:100%;margin-bottom:10px;font-size:8.5px}.editorial-kicker .dash{opacity:.55}.editorial-brand-title{color:#3d0b12;text-shadow:0 2px 16px #ffffffd9,0 0 48px #ffc8a059;text-align:center;letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(48px,13.5vw,68px);line-height:.95}.editorial-brand-tagline{letter-spacing:.22em;color:#553a1ce6;text-shadow:0 1px 8px #fffffff2;text-align:center;margin-bottom:14px;font-size:8.5px}.editorial-narrative{color:#2c1a0e;text-align:center;text-shadow:0 1px 10px #fffffffa;max-width:290px;margin:0 auto;font-size:13.5px;font-weight:450;line-height:1.65;display:block}.editorial-left-accents{display:none!important}.auth-card-column{padding:10px 14px max(env(safe-area-inset-bottom,0px) + 16px, 20px);flex-direction:column;flex:none;align-items:center;display:flex}.auth-gate-card{-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #fffffffa;border-radius:20px;width:100%;max-width:100%;margin:0;padding:20px 18px 18px;box-shadow:0 16px 56px #1e0a0538,0 4px 16px #1e0a051a}.card-header-group{margin-bottom:14px}.auth-card-brand-mark{margin-bottom:8px}.auth-card-logo-img{width:36px;height:33px}.card-title{margin-bottom:4px;font-size:24px}.card-subtitle{font-size:12px}.google-auth-btn{border-radius:12px;padding:12px 18px;font-size:14px}.auth-input-field{border-radius:10px;padding:12px 42px 12px 14px;font-size:15px}.auth-form-body{gap:11px}.auth-divider{margin:12px 0}.auth-tab-btn{padding:8px 12px;font-size:13px}.auth-submit-btn{border-radius:12px;margin-top:4px;padding:14px 20px;font-size:15px}.auth-options-row{font-size:12px}.auth-legal-footer{color:#3c2c1cb8;text-shadow:0 1px 4px #ffffffd9;text-align:center;max-width:100%;margin:10px 0 0 auto;padding:0 8px;font-size:10px}}.auth-hero-editorial{flex-direction:column;gap:0;padding-bottom:12px;display:flex}.editorial-kicker{letter-spacing:.22em;text-transform:uppercase;color:#5a422ce6;text-shadow:0 1px 8px #fffffff2;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.editorial-kicker .dash{opacity:.65;font-weight:400}.editorial-brand-title{color:#3d0b12;letter-spacing:-.025em;text-shadow:0 2px 20px #ffffffbf,0 0 40px #ffc8a04d;margin:0 0 16px;font-family:Playfair Display,Georgia,serif;font-size:clamp(52px,6.8vw,96px);font-style:normal;font-weight:700;line-height:.94}.editorial-brand-tagline{letter-spacing:.24em;text-transform:uppercase;color:#644628e6;text-shadow:0 1px 8px #ffffffe6;margin-bottom:24px;font-size:11.5px;font-weight:700}.editorial-narrative{color:#342218;text-shadow:0 1px 10px #fffffffa;max-width:440px;margin:0 0 52px;font-size:clamp(14.5px,1.25vw,16px);font-weight:450;line-height:1.72}.editorial-left-accents{flex-direction:column;gap:36px;display:flex}.couple-script-accent{color:#2e0a0f;transform-origin:0;z-index:6;text-shadow:0 1px 12px #fffffffa;pointer-events:none;flex-direction:column;align-items:flex-start;margin-left:4px;font-family:Caveat,cursive;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:.95;display:flex;transform:rotate(-7deg)}.script-accent-line{background:linear-gradient(90deg,#b08540 0%,#b0854033 100%);width:76px;height:1.5px;margin-top:10px;position:relative}.script-accent-line:after{content:"";opacity:.8;background:#b08540;border-radius:50%;width:5.5px;height:5.5px;position:absolute;top:-2.5px;right:-6px}.editorial-bottom-tag{text-shadow:0 1px 8px #ffffffeb;align-items:center;gap:13px;display:inline-flex}.editorial-bottom-tag .v-bar{opacity:.85;background:#5e1119;border-radius:2px;flex-shrink:0;width:2.5px;height:44px}.editorial-bottom-tag .v-text-col{flex-direction:column;gap:1px;line-height:1.3;display:flex}.v-tag-top{letter-spacing:.2em;color:#644b30e0;text-transform:uppercase;font-size:9px;font-weight:700}.v-tag-mid{letter-spacing:.22em;color:#3d0b12;text-transform:uppercase;font-size:11px;font-weight:800}.v-tag-bot{letter-spacing:.2em;color:#644b30e0;text-transform:uppercase;font-size:9px;font-weight:700}.auth-card-column{flex-direction:column;align-items:flex-end;width:100%;display:flex}@media (width<=1024px){.auth-card-column{align-items:center}}.auth-gate-card{-webkit-backdrop-filter:blur(28px)saturate(180%);background:#fffffff0;border:1px solid #fffffffa;border-radius:24px;width:100%;max-width:420px;margin-left:auto;margin-right:clamp(0px,2.5vw,40px);padding:clamp(26px,3vw,38px) clamp(24px,2.8vw,36px);position:relative;box-shadow:0 32px 72px #28140a29,0 8px 24px #28140a0f,inset 0 1px #fffffff2}@media (width<=1024px){.auth-gate-card{margin-right:auto}}.card-header-group{text-align:center;margin-bottom:20px}.auth-card-brand-mark{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.auth-card-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #6c151e26);width:48px;height:44px;transition:transform .25s;display:block}.auth-card-logo-img:hover{transform:scale(1.06)}.card-title{color:#1a0e0a;letter-spacing:-.01em;margin:0 0 6px;font-family:Playfair Display,Georgia,serif;font-size:27px;font-weight:700}.card-subtitle{color:#7a6a5a;margin:0;font-size:12.5px;line-height:1.5}.google-auth-btn{color:#3c4043;width:100%;font-size:13.5px;font-weight:600;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;background:#fff;border:1px solid #ddd7ce;border-radius:12px;justify-content:center;align-items:center;gap:11px;padding:12px 18px;transition:box-shadow .22s,border-color .22s,background .15s;display:flex;box-shadow:0 1px 4px #3c40430f}.google-auth-btn:hover{background:#fafafa;border-color:#bdb5a9;box-shadow:0 4px 14px #3c40431f}.google-auth-btn:active{background:#f8f9fa}.auth-divider{color:#a8988a;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;margin:16px 0;font-size:10.5px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0d4c4e6;flex:1;height:1px}.auth-tabs-pill{background:#f2ebe2;border:1px solid #e2d5c4;border-radius:10px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.auth-tab-btn{cursor:pointer;color:#82746a;font-size:13px;font-weight:700;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 14px;transition:all .22s}.auth-tab-btn.active{color:#fff;background:#541119;box-shadow:0 2px 10px #54111947}.auth-form-body{flex-direction:column;gap:11px;display:flex}.form-field-group{margin-bottom:0}.field-label{color:#4e4138;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:700;font-family:var(--font-sans);margin-bottom:5px;display:block}.input-wrap{align-items:center;display:flex;position:relative}.auth-input-field{color:#221610;width:100%;font-size:13.5px;font-family:var(--font-sans);background:#fff;border:1px solid #ddd0bc;border-radius:10px;outline:none;padding:11px 40px 11px 14px;transition:border-color .2s,box-shadow .2s}.auth-input-field::placeholder{color:#b0a090}.auth-input-field:focus{border-color:#6c151e;box-shadow:0 0 0 3px #6c151e17}.field-icon{pointer-events:none;color:#a09080;align-items:center;display:flex;position:absolute;right:13px}.toggle-password-btn{cursor:pointer;color:#a09080;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:10px}.toggle-password-btn:hover{color:#55483e}.auth-options-row{color:#6b5d50;justify-content:space-between;align-items:center;margin-top:-1px;font-size:12px;display:flex}.remember-me-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.remember-checkbox{accent-color:#6c151e;cursor:pointer;width:14px;height:14px}.forgot-password-link{color:#8c5b32;font-weight:600;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#6c151e;text-decoration:underline}.auth-error-box{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:9px 12px;font-size:12px;line-height:1.4}.auth-submit-btn{color:#f8efe3;width:100%;font-size:14.5px;font-weight:700;font-family:var(--font-sans);cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#541119 0%,#38080e 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:13px 20px;transition:background .25s,transform .2s,box-shadow .25s;display:flex;box-shadow:0 4px 18px #5411194d}.auth-submit-btn:hover{background:linear-gradient(135deg,#3d0b11 0%,#2a0609 100%);transform:translateY(-1px);box-shadow:0 8px 24px #54111961}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn:hover .submit-arrow{transform:translate(4px)}.submit-arrow{flex-shrink:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.auth-legal-footer{color:#3c2c1cc7;text-align:center;text-shadow:0 1px 6px #ffffffe6;max-width:420px;margin-top:16px;margin-left:auto;margin-right:clamp(0px,2.5vw,40px);font-size:11px;line-height:1.55}@media (width<=1024px){.auth-legal-footer{margin-right:auto}}@media (prefers-reduced-motion:reduce){.fullscreen-bg-img{transition:none!important;animation:none!important;transform:scale(1)!important}.auth-submit-btn{transition:none!important}}.topbar-user-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.legal-page-container{flex-direction:column;gap:24px;width:100%;max-width:880px;margin:0 auto;padding:clamp(20px,3.5vw,36px) clamp(16px,3vw,28px);display:flex}.legal-header-card{background:#fffffff2;border:1px solid #e8ddc9e6;border-radius:16px;padding:24px 28px;box-shadow:0 8px 24px #2b1c140a}.legal-back-btn{color:var(--royal-maroon);cursor:pointer;background:#6c151e14;border:1px solid #6c151e26;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.legal-back-btn:hover{background:#6c151e26;transform:translate(-2px)}.legal-title{font-family:var(--font-serif);color:#1a0e0a;margin:0 0 8px;font-size:clamp(24px,4vw,32px);font-weight:700;line-height:1.2}.legal-subtitle{color:#7e7166;margin:0;font-size:13.5px;line-height:1.6}.legal-content-card{color:#4a3a2c;background:#fff;border:1px solid #e8ddc9d9;border-radius:16px;padding:clamp(20px,3vw,32px);font-size:14px;line-height:1.7;box-shadow:0 8px 30px #2b1c140a}.legal-content-card h2{font-family:var(--font-serif);color:var(--royal-maroon);border-bottom:1px solid #e8ddc999;margin:22px 0 8px;padding-bottom:4px;font-size:18px;font-weight:700}.legal-content-card h2:first-child{margin-top:0}.legal-content-card p{margin:0 0 14px}.legal-content-card ul{margin:0 0 16px;padding-left:20px}.legal-content-card li{margin-bottom:6px}.legal-modal-tabs{scrollbar-width:none;background:#f7f3eb;border-bottom:1px solid #e8ddc9;gap:4px;padding:6px 12px 0;display:flex;overflow-x:auto}.legal-modal-tabs::-webkit-scrollbar{display:none}.legal-modal-tab-btn{color:#7e7166;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.legal-modal-tab-btn:hover{color:var(--royal-maroon)}.legal-modal-tab-btn.active{color:var(--royal-maroon);border-bottom:2px solid var(--royal-maroon);background:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.contact-highlight-box{background:linear-gradient(135deg,#6c151e0a 0%,#b060000a 100%);border:1px solid #6c151e2e;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:24px;padding:18px 20px;display:flex}.contact-email-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-email-badge{color:var(--royal-maroon);background:#fff;border:1px solid #6c151e33;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:monospace;font-size:15px;font-weight:700;display:inline-flex}.contact-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-send-email{background:var(--royal-maroon);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6c151e40;color:#fff!important}.btn-send-email:hover{background:#4d0d15;transform:translateY(-1px)}.btn-copy-email{color:#4a3a2c;cursor:pointer;background:#fff;border:1px solid #d8c9ac;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-copy-email:hover{border-color:var(--royal-maroon);background:#f9f7f3}.contact-field-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.contact-field-label{text-transform:uppercase;letter-spacing:.05em;color:#4a3a2c;font-size:11.5px;font-weight:700}.contact-field-input,.contact-field-select,.contact-field-textarea{color:#2b1c14;background:#fff;border:1px solid #d8c9ac;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.contact-field-input:focus,.contact-field-select:focus,.contact-field-textarea:focus{border-color:var(--royal-maroon);box-shadow:0 0 0 3px #6c151e14}