:root{--ivory: #F7F4F0;--ivory-warm: #F0EBE4;--ivory-mid: #E8E2DA;--ivory-dark: #D5CEC4;--text-primary: #1A1A1A;--text-secondary: #3D3D3D;--text-muted: #7A7A7A;--text-faint: #B0A8A0;--navy: #1B2A4A;--navy-light: #2E4470;--green: #2A7040;--green-dim: rgba(42, 112, 64, .14);--border: rgba(0, 0, 0, .09);--border-mid: rgba(0, 0, 0, .13);--border-dark: rgba(0, 0, 0, .2);--glass-bg: rgba(247, 244, 240, .9);--glass-shadow: 0 2px 24px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0,0,0,.07);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--t-fast: .15s var(--ease);--t-normal: .28s var(--ease);--t-slow: .5s var(--ease-out);--header-h: 64px;--mini-player-h: 68px;--max-content: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ivory);color:var(--text-primary);min-height:100vh;overflow-x:hidden}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;outline:none}button:focus-visible{outline:2px solid var(--navy);outline-offset:3px;border-radius:2px}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page{min-height:100vh;background:var(--ivory)}.page-enter{opacity:0;transform:translateY(6px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s var(--ease),transform .35s var(--ease)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#f7f4f0eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__wordmark{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.18em;color:var(--text-primary);text-transform:uppercase;text-decoration:none}.header__nav{display:flex;align-items:center;gap:36px}.header__nav-link{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);transition:color var(--t-fast);text-decoration:none;background:none;border:none;cursor:pointer;padding:4px 0;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--text-primary);transition:width var(--t-normal)}.header__nav-link:hover{color:var(--text-primary)}.header__nav-link:hover:after,.header__nav-link.active:after{width:100%}.header__nav-link.active{color:var(--text-primary)}.header__status{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.header__status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.5s ease-in-out infinite}.header__mobile-btn{display:none;flex-direction:column;gap:5px;padding:4px}.header__mobile-line{width:22px;height:1.5px;background:var(--text-primary);transition:all var(--t-fast)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;animation:fade-in .25s var(--ease)}.mobile-nav__close{position:absolute;top:20px;right:24px;font-size:24px;color:var(--text-muted);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav__link{font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:.08em;color:var(--text-primary);text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--t-fast)}.mobile-nav__link:hover{color:var(--text-muted)}.radio-page{min-height:100vh;padding-top:var(--header-h);background:var(--ivory);display:grid;grid-template-columns:38% 1fr;position:relative;overflow:hidden}.radio-page__character-col{position:relative;min-height:calc(100vh - var(--header-h))}.radio-page__character-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom left;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;pointer-events:none}.radio-page__content-col{display:flex;flex-direction:column;justify-content:center;padding:60px 64px 60px 40px;min-height:calc(100vh - var(--header-h))}.radio-hero__eyebrow{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.radio-hero__title{font-family:var(--font-display);font-size:clamp(52px,5.5vw,88px);font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--text-primary);margin-bottom:16px}.radio-hero__tagline{font-family:var(--font-display);font-size:clamp(14px,1.5vw,20px);font-style:italic;font-weight:400;color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;line-height:1.5}.radio-hero__desc{font-size:13px;font-weight:300;color:var(--text-muted);letter-spacing:.04em;line-height:1.8;max-width:380px;margin-bottom:40px}.radio-hero__rule{width:48px;height:1px;background:var(--border-dark);margin:24px 0}.on-air-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px}.on-air-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse-dot 2.5s ease-in-out infinite;flex-shrink:0}.on-air-badge__label{font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--green)}.on-air-badge__sep{width:1px;height:12px;background:var(--border-mid);margin:0 4px}.on-air-badge__count{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.on-air-badge--offline .on-air-badge__dot{background:var(--text-faint);animation:none}.on-air-badge--offline .on-air-badge__label{color:var(--text-faint)}.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--text-primary);color:var(--ivory);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;border-radius:2px;transition:all var(--t-fast);border:1px solid var(--text-primary)}.btn-primary:hover{background:var(--navy);border-color:var(--navy)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;border-radius:2px;border:1px solid var(--border-dark);transition:all var(--t-fast)}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.player-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:3px;padding:24px;box-shadow:var(--glass-shadow);max-width:var(--player-max-w);width:100%;transition:box-shadow var(--t-normal)}.player-card:hover{box-shadow:0 4px 40px #0000001a,0 0 0 1px #00000017}.player-card__label{font-size:9px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px}.player-card__top{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.player-card__artwork-wrap{width:72px;height:72px;flex-shrink:0;border-radius:2px;overflow:hidden;border:1px solid var(--border);background:var(--ivory-mid);position:relative}.player-card__artwork{width:100%;height:100%;object-fit:cover;transition:opacity .4s var(--ease)}.player-card__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:20px}.player-card__info{flex:1;min-width:0}.player-card__track-title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--text-primary);line-height:1.2;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card__version{font-size:11px;font-weight:300;color:var(--text-muted);letter-spacing:.06em;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card__meta{display:flex;gap:10px;align-items:center}.player-card__meta-tag{font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);background:var(--ivory-mid);padding:3px 7px;border-radius:1px}.player-card__progress-section{margin-bottom:18px}.player-card__progress-bar{height:2px;background:var(--ivory-dark);border-radius:1px;cursor:pointer;position:relative;overflow:hidden;margin-bottom:8px}.player-card__progress-fill{height:100%;background:var(--text-primary);border-radius:1px;transition:width .1s linear}.player-card__times{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);letter-spacing:.06em;font-variant-numeric:tabular-nums}.player-card__controls{display:flex;align-items:center;justify-content:space-between}.player-card__controls-center{display:flex;align-items:center;gap:20px}.player-card__ctrl-btn{color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--t-fast);padding:4px}.player-card__ctrl-btn:hover{color:var(--text-primary)}.player-card__ctrl-btn svg{width:18px;height:18px}.player-card__play-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--text-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--t-fast);background:transparent}.player-card__play-btn:hover{background:var(--text-primary);color:var(--ivory)}.player-card__play-btn svg{width:18px;height:18px}.player-card__ctrl-btn--active{color:var(--text-primary)}.player-card__vol{display:flex;align-items:center;gap:8px}.player-card__vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:64px;height:2px;background:var(--ivory-dark);border-radius:1px;outline:none;cursor:pointer}.player-card__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-primary);cursor:pointer}.player-card__vol-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text-primary);cursor:pointer;border:none}.player-card__error{font-size:12px;color:var(--text-muted);font-style:italic;letter-spacing:.04em;padding:8px 0}.mini-player{position:fixed;bottom:0;left:0;right:0;height:var(--mini-player-h);z-index:90;background:#f7f4f0f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 32px;gap:24px;animation:slide-up .3s var(--ease-out)}.mini-player__artwork{width:40px;height:40px;border-radius:2px;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:var(--ivory-mid)}.mini-player__info{flex:1;min-width:0}.mini-player__title{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.mini-player__version{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.mini-player__controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.mini-player__ctrl{color:var(--text-muted);display:flex;align-items:center;transition:color var(--t-fast);padding:4px}.mini-player__ctrl:hover{color:var(--text-primary)}.mini-player__ctrl svg{width:18px;height:18px}.mini-player__play{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--text-primary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all var(--t-fast)}.mini-player__play:hover{background:var(--text-primary);color:var(--ivory)}.mini-player__play svg{width:16px;height:16px}.mini-player__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--text-primary);transition:width .1s linear}.records-page{min-height:100vh;padding-top:var(--header-h);background:var(--ivory);padding-bottom:calc(var(--mini-player-h) + 40px)}.records-header{padding:64px 64px 48px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap}.records-header__eyebrow{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.records-header__title{font-family:var(--font-display);font-size:clamp(36px,4vw,56px);font-weight:600;letter-spacing:.02em;color:var(--text-primary);line-height:1;margin-bottom:10px}.records-header__tagline{font-family:var(--font-display);font-size:16px;color:var(--text-muted);font-style:italic;font-weight:400}.records-header__controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.records-search{padding:8px 14px;font-size:12px;letter-spacing:.06em;border:1px solid var(--border-mid);border-radius:2px;background:transparent;color:var(--text-primary);outline:none;width:200px;transition:border-color var(--t-fast)}.records-search:focus{border-color:var(--text-primary)}.record-filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.record-filter-btn{padding:6px 16px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:2px;background:transparent;transition:all var(--t-fast);cursor:pointer}.record-filter-btn:hover{color:var(--text-primary);border-color:var(--border-dark)}.record-filter-btn.active{background:var(--text-primary);color:var(--ivory);border-color:var(--text-primary)}.records-grid-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 28px;padding:48px 64px}.records-list__empty{grid-column:1 / -1;padding:80px 0;text-align:center;color:var(--text-muted);font-size:14px;font-style:italic;letter-spacing:.06em}.record-card{display:block}.record-card__btn{width:100%;text-align:left;padding:0;background:none;border:none;cursor:pointer;display:block}.record-card__artwork-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative;border:1px solid var(--border);background:var(--ivory-mid);margin-bottom:14px;transition:box-shadow var(--t-normal)}.record-card__btn:hover .record-card__artwork-wrap{box-shadow:0 8px 32px #0000001f}.record-card__artwork{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-slow)}.record-card__btn:hover .record-card__artwork{transform:scale(1.03)}.record-card__artwork--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:40px}.record-card__hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a61;display:flex;align-items:flex-end;justify-content:flex-end;padding:14px;opacity:0;transition:opacity var(--t-normal)}.record-card__btn:hover .record-card__hover-overlay{opacity:1}.record-card__play-circle{width:44px;height:44px;border-radius:50%;background:var(--ivory);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 12px #0003;transition:transform var(--t-fast),background var(--t-fast),color var(--t-fast);border:none;cursor:pointer;padding:0}.record-card__play-circle:hover{background:var(--navy);color:var(--ivory);transform:scale(1.14)}.record-card__btn:hover .record-card__play-circle{transform:scale(1.08)}.record-card__info{padding:0 2px}.record-card__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.01em;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-fast)}.record-card__btn:hover .record-card__title{color:var(--navy)}.record-card__artist{font-size:13px;color:var(--text-secondary);letter-spacing:.02em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-card__meta{font-size:11px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.album-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}.album-overlay__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#f7f4f0e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.album-overlay__sheet{position:relative;z-index:2;width:100%;max-width:1200px;margin:calc(var(--header-h) + 24px) 24px 80px;background:var(--ivory);border:1px solid var(--border-mid);box-shadow:0 16px 80px #0000001a;animation:slide-up .28s var(--ease-out)}.album-overlay__close{position:absolute;top:20px;right:24px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-muted);border-radius:2px;transition:color var(--t-fast);background:none;border:none;cursor:pointer;line-height:1}.album-overlay__close:hover{color:var(--text-primary)}.album-hero{display:grid;grid-template-columns:auto 1fr auto;gap:0;border-bottom:1px solid var(--border);align-items:start}.album-hero__artwork-wrap{position:relative;width:300px;height:300px;flex-shrink:0;padding:32px 0 32px 40px}.album-hero__vinyl{position:absolute;top:50%;left:160px;transform:translateY(-50%);width:180px;height:180px;z-index:0;opacity:.9}.vinyl-svg{width:100%;height:100%}.album-hero__cover-shadow{position:relative;z-index:1;width:200px;height:200px;box-shadow:6px 6px 28px #00000038;flex-shrink:0;margin-top:18px}.album-hero__cover{width:100%;height:100%;object-fit:cover;display:block}.album-hero__cover--placeholder{width:100%;height:100%;background:var(--ivory-mid);display:flex;align-items:center;justify-content:center;font-size:52px;color:var(--text-faint)}.album-hero__info{padding:40px 32px 40px 48px;display:flex;flex-direction:column;gap:0;min-width:0}.album-hero__eyebrow{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.album-hero__title{font-family:var(--font-display);font-size:clamp(32px,3.6vw,52px);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.05;margin-bottom:8px}.album-hero__artist{font-family:var(--font-display);font-size:clamp(16px,1.6vw,22px);font-style:italic;font-weight:400;color:var(--text-secondary);margin-bottom:16px}.album-hero__meta{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;flex-wrap:wrap}.album-hero__meta-sep{color:var(--text-faint);font-weight:300}.album-hero__description{font-size:13px;font-weight:300;line-height:1.75;color:var(--text-muted);max-width:480px;margin-bottom:28px;letter-spacing:.02em}.album-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.album-hero__play-btn{display:inline-flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.album-hero__play-btn svg,.album-hero__shuffle-btn svg{width:14px;height:14px}.album-hero__shuffle-btn{display:inline-flex;align-items:center;gap:8px}.album-hero__error{margin-top:14px;font-size:12px;color:#b91c1c;background:#b91c1c14;border:1px solid rgba(185,28,28,.2);padding:8px 14px;border-radius:2px;letter-spacing:.02em;display:inline-block}.album-hero__details{width:260px;flex-shrink:0;border-left:1px solid var(--border);padding:40px 32px;height:100%;align-self:stretch}.album-details__heading{font-size:9px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px}.album-details__heading--about{margin-top:28px}.album-details__list{display:grid;grid-template-columns:auto 1fr;gap:0;border-top:1px solid var(--border)}.album-details__label{font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);padding:10px 16px 10px 0;border-bottom:1px solid var(--border)}.album-details__value{font-size:13px;color:var(--text-primary);letter-spacing:.02em;padding:10px 0;border-bottom:1px solid var(--border);font-weight:500}.album-details__about{font-size:12px;line-height:1.7;color:var(--text-muted);letter-spacing:.02em}.tracklist-section{display:grid;grid-template-columns:1fr 240px;gap:0;align-items:start}.tracklist-main{border-right:1px solid var(--border);padding:40px 40px 48px}.tracklist-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tracklist-head__label{font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--text-primary)}.tracklist-head__count{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.tracklist-cols{display:grid;grid-template-columns:40px 56px 1fr auto 36px;align-items:center;gap:16px;padding:0 12px 10px;border-bottom:1px solid var(--border-mid);margin-bottom:4px}.tracklist-cols__num,.tracklist-cols__track,.tracklist-cols__dur{font-size:9px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.tracklist-cols__num,.tracklist-cols__dur{text-align:right}.tracklist-empty{padding:48px 0;text-align:center;color:var(--text-muted);font-size:14px;font-style:italic}.tracklist{list-style:none;margin:0;padding:0}.track-row{border-bottom:1px solid var(--border)}.track-row__btn{display:grid;grid-template-columns:40px 56px 1fr auto 36px;align-items:center;gap:16px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;cursor:pointer;transition:background var(--t-fast);border-radius:2px}.track-row__btn:hover{background:var(--ivory-warm)}.track-row--active .track-row__btn{background:var(--ivory-mid)}.track-row__num{font-size:12px;font-weight:400;color:var(--text-faint);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.track-row--active .track-row__num{color:var(--navy)}.track-row__bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.track-row__bars span{width:3px;background:var(--navy);border-radius:1px;animation:bars-bounce .8s ease-in-out infinite alternate}.track-row__bars span:nth-child(2){animation-delay:.15s}.track-row__bars span:nth-child(3){animation-delay:.3s}@keyframes bars-bounce{0%{height:4px}to{height:14px}}.track-row__thumb{object-fit:cover;display:block;border:1px solid var(--border);flex-shrink:0;background:var(--ivory-mid)}.track-row__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-faint);border:1px solid var(--border);flex-shrink:0;background:var(--ivory-mid)}.track-row__info{min-width:0;display:flex;flex-direction:column;gap:2px}.track-row__title{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row--active .track-row__title{color:var(--navy);font-weight:600}.track-row__artist{font-size:11px;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__sub{font-size:11px;color:var(--text-faint);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__dur{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:right;white-space:nowrap;flex-shrink:0}.track-row--active .track-row__dur{color:var(--text-muted)}.track-row__play-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity var(--t-fast)}.track-row__play-icon svg{width:18px;height:18px}.track-row__btn:hover .track-row__play-icon,.track-row--active .track-row__play-icon{opacity:1}.track-row--active .track-row__play-icon{color:var(--navy)}.tracklist-vinyl-aside{padding:40px 28px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.tracklist-vinyl__disc{width:140px;height:140px;opacity:.85}.tracklist-vinyl__text{display:flex;flex-direction:column;gap:4px}.tracklist-vinyl__label{font-size:9px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.tracklist-vinyl__tagline{font-family:var(--font-display);font-size:15px;color:var(--text-secondary);font-style:italic;line-height:1.4}.tracklist-vinyl__waveform{display:flex;align-items:flex-end;gap:3px;height:20px}.tracklist-vinyl__bar{display:block;width:3px;background:var(--ivory-dark);border-radius:1px}.mini-player__artwork--placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:14px;background:var(--ivory-mid)}.mini-player__times{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;flex-shrink:0}.admin-section-heading{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-mid)}.admin-track-editor{background:var(--ivory-warm);border:1px solid var(--border-mid);border-radius:3px;padding:20px;margin-bottom:16px}.admin-track-editor__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-track-editor__num{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.admin-track-editor__remove{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c0392b;background:none;border:none;cursor:pointer;padding:0;transition:opacity var(--t-fast)}.admin-track-editor__remove:hover{opacity:.7}.admin-add-track-btn{width:100%;padding:12px;background:none;border:1px dashed var(--border-mid);border-radius:2px;color:var(--text-muted);cursor:pointer;margin-bottom:28px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;transition:all var(--t-fast)}.admin-add-track-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.artwork-upload-row{display:flex;gap:16px;align-items:flex-start}.artwork-preview{width:80px;height:80px;flex-shrink:0;position:relative;border:1px solid var(--border-mid);background:var(--ivory-mid);overflow:hidden}.artwork-preview img{width:100%;height:100%;object-fit:cover;display:block}.artwork-preview--empty{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-faint)}.artwork-preview__remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;line-height:1;transition:background var(--t-fast)}.artwork-preview__remove:hover{background:#000c}.upload-progress{margin-bottom:16px}.upload-progress__bar{height:3px;background:var(--ivory-mid);border-radius:2px;overflow:hidden}.upload-progress__fill{height:100%;background:var(--text-primary);border-radius:2px;transition:width .2s ease}.upload-progress__label{font-size:11px;color:var(--text-muted);margin-top:6px;letter-spacing:.04em}.record-row{display:grid;grid-template-columns:40px 56px 1fr auto auto;align-items:center;gap:20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast);position:relative;text-align:left;background:transparent;border-left:3px solid transparent;padding:20px 0 20px 16px;margin-left:-16px;width:calc(100% + 16px)}.record-row:hover{background:var(--ivory-warm)}.record-row.active{border-left-color:var(--green)}.record-row__number{font-size:11px;color:var(--text-faint);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0}.record-row__artwork-wrap{width:48px;height:48px;border-radius:2px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--ivory-mid);position:relative}.record-row__artwork{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.record-row__artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:16px}.record-row__play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a8c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-fast)}.record-row:hover .record-row__play-overlay,.record-row.active .record-row__play-overlay{opacity:1}.record-row__play-overlay svg{width:16px;height:16px;color:#fff}.record-row__info{min-width:0}.record-row__title{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-primary);letter-spacing:.02em;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-row.active .record-row__title{color:var(--green)}.record-row__version{font-size:11px;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-row__tags{display:flex;gap:8px;align-items:center;flex-shrink:0}.record-row__tag{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.record-row__tag+.record-row__tag:before{content:"·";margin-right:8px}.record-row__duration{font-size:11px;color:var(--text-faint);letter-spacing:.08em;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.about-page{min-height:100vh;padding-top:var(--header-h);background:var(--ivory);display:grid;grid-template-columns:1fr 48%}.about-page__content{padding:80px 80px 80px 64px;display:flex;flex-direction:column;justify-content:center}.about-page__eyebrow{font-size:10px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px}.about-page__title{font-family:var(--font-display);font-size:clamp(52px,6vw,96px);font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--text-primary);margin-bottom:40px}.about-page__body{font-size:clamp(15px,1.4vw,18px);font-weight:300;line-height:1.85;color:var(--text-secondary);letter-spacing:.02em;max-width:480px;margin-bottom:48px}.about-page__body p+p{margin-top:20px}.about-page__rule{width:40px;height:1px;background:var(--border-dark);margin-bottom:32px}.about-page__tagline{font-family:var(--font-display);font-size:clamp(16px,1.6vw,22px);font-style:italic;color:var(--text-muted);letter-spacing:.02em}.about-page__image-col{position:relative;overflow:hidden;min-height:calc(100vh - var(--header-h))}.about-page__character{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;mix-blend-mode:multiply}.admin-page{min-height:100vh;padding-top:var(--header-h);background:var(--ivory)}.admin-login{min-height:calc(100vh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.admin-login__card{background:#fff;border:1px solid var(--border);border-radius:3px;padding:48px;width:100%;max-width:400px;box-shadow:var(--glass-shadow)}.admin-login__title{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.admin-login__subtitle{font-size:13px;color:var(--text-muted);margin-bottom:36px;letter-spacing:.04em}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 14px;font-size:14px;color:var(--text-primary);background:var(--ivory);border:1px solid var(--border-mid);border-radius:2px;outline:none;transition:border-color var(--t-fast);letter-spacing:.02em}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--text-primary)}.form-field textarea{resize:vertical;min-height:80px}.form-error{font-size:12px;color:#c0392b;margin-top:8px;letter-spacing:.04em}.admin-dashboard{padding:48px 64px}.admin-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.admin-dashboard__title{font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--text-primary)}.admin-track-row{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.admin-track-row__thumb{width:40px;height:40px;border-radius:2px;object-fit:cover;background:var(--ivory-mid)}.admin-track-row__info h4{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:3px}.admin-track-row__info p{font-size:11px;color:var(--text-muted)}.admin-track-row__actions{display:flex;gap:8px}.btn-ghost{padding:8px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:1px solid var(--border-mid);border-radius:2px;color:var(--text-muted);transition:all var(--t-fast);background:transparent}.btn-ghost:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-danger{padding:8px 16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:1px solid rgba(192,57,43,.25);border-radius:2px;color:#c0392b;transition:all var(--t-fast);background:transparent}.btn-danger:hover{background:#c0392b;color:#fff;border-color:#c0392b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#f7f4f0e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:40px;animation:fade-in .2s var(--ease)}.modal{background:#fff;border:1px solid var(--border);border-radius:3px;padding:40px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 48px #0000001f;animation:slide-up .25s var(--ease-out)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.modal__title{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text-primary)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:20px;transition:color var(--t-fast);border-radius:2px}.modal__close:hover{color:var(--text-primary)}.file-upload{border:1px dashed var(--border-mid);border-radius:2px;padding:24px;text-align:center;cursor:pointer;transition:all var(--t-fast);background:var(--ivory)}.file-upload:hover{border-color:var(--text-primary);background:var(--ivory-warm)}.file-upload input{display:none}.file-upload__text{font-size:12px;color:var(--text-muted);letter-spacing:.06em}.file-upload__name{font-size:12px;color:var(--green);margin-top:8px;font-weight:500}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes char-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-char{animation:char-enter .8s var(--ease-out) .2s both}.animate-content{animation:slide-up .6s var(--ease-out) .35s both}.animate-player{animation:slide-up .6s var(--ease-out) .5s both}@media(max-width:1100px){.radio-page{grid-template-columns:35% 1fr}.radio-page__content-col{padding:48px 40px 48px 32px}.records-header{padding:48px 40px 36px}.records-grid-section{padding:40px}.admin-dashboard{padding:48px 40px}.about-page__content{padding:60px 48px}.album-hero{grid-template-columns:auto 1fr}.album-hero__details{display:none}.album-hero__artwork-wrap{width:240px;height:260px}.album-hero__vinyl{left:120px;width:150px;height:150px}.album-hero__cover-shadow{width:170px;height:170px}.tracklist-section{grid-template-columns:1fr 200px}}@media(max-width:900px){.radio-page{grid-template-columns:1fr;grid-template-rows:50vh auto}.radio-page__character-col{min-height:50vh;height:50vh}.radio-page__content-col{padding:40px 32px 100px;min-height:auto;justify-content:flex-start}.about-page{grid-template-columns:1fr;grid-template-rows:auto 40vh}.about-page__content{padding:48px 32px 32px}.about-page__image-col{min-height:40vh}.album-hero{grid-template-columns:1fr}.album-hero__artwork-wrap{width:100%;height:auto;padding:32px 32px 0;display:flex;align-items:center;justify-content:center}.album-hero__vinyl{display:none}.album-hero__cover-shadow{width:160px;height:160px;margin-top:0}.album-hero__info{padding:24px 32px 32px}.tracklist-section{grid-template-columns:1fr}.tracklist-vinyl-aside{border-top:1px solid var(--border);padding:32px 24px;flex-direction:row;flex-wrap:wrap;justify-content:center}.tracklist-vinyl__disc{width:80px;height:80px}.tracklist-main{border-right:none;padding:32px 24px 40px}.records-grid-section{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 16px;padding:32px 24px}}@media(max-width:768px){:root{--header-h: 56px}.header{padding:0 20px}.header__nav,.header__status{display:none}.header__mobile-btn{display:flex}.records-header{padding:36px 24px 28px;flex-direction:column;align-items:flex-start}.records-header__controls{align-items:flex-start;width:100%}.records-search{width:100%}.records-grid-section{grid-template-columns:repeat(2,1fr);gap:24px 16px;padding:24px 20px}.track-row__btn{grid-template-columns:32px 44px 1fr 28px;gap:12px;padding:8px}.track-row__dur,.tracklist-cols{display:none}.album-overlay__sheet{margin:calc(var(--header-h) + 8px) 0 0;border-radius:0;border-left:none;border-right:none;min-height:calc(100vh - var(--header-h))}.album-hero__artwork-wrap{padding:24px 24px 0}.album-hero__info{padding:20px 24px 28px}.album-hero__title{font-size:28px}.tracklist-main{padding:24px 16px 40px}.tracklist-vinyl-aside{padding:24px 16px}.about-page__content{padding:36px 24px 24px}.admin-dashboard{padding:32px 24px}.mini-player{padding:0 16px;gap:12px}.mini-player__times{display:none}.header__wordmark{font-size:15px;letter-spacing:.14em}.record-row{grid-template-columns:32px 44px 1fr auto;gap:12px;padding:16px 0}.record-row__tags{display:none}}@media(max-width:480px){.radio-page__content-col{padding:28px 20px 100px}.player-card{padding:18px}.hero-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.header__right{display:flex;align-items:center;gap:20px}.header__cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-primary);border:1px solid var(--border);background:var(--ivory);transition:all var(--t-fast);cursor:pointer}.header__cart-btn:hover{background:var(--ivory-warm);border-color:var(--border-mid);transform:translateY(-1px)}.header__cart-btn svg{width:17px;height:17px}.header__cart-badge{position:absolute;top:-2px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--navy);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0003}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:flex-end}.cart-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#12121266;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}.cart-drawer{position:relative;width:100%;max-width:440px;height:100%;background:var(--ivory);border-left:1px solid var(--border-mid);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0000001f;animation:slideLeft .25s cubic-bezier(.16,1,.3,1);z-index:1}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border)}.cart-drawer__eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.cart-drawer__title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--text-primary)}.cart-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-muted);transition:all var(--t-fast)}.cart-drawer__close:hover{color:var(--text-primary);background:var(--ivory-warm)}.cart-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px;text-align:center}.cart-drawer__empty-text{font-family:var(--font-display);font-size:18px;color:var(--text-secondary);margin-bottom:6px}.cart-drawer__empty-sub{font-size:13px;color:var(--text-muted);margin-bottom:24px}.cart-drawer__items{flex:1;overflow-y:auto;padding:16px 28px;display:flex;flex-direction:column;gap:16px}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border)}.cart-item__artwork-wrap{width:60px;height:60px;border-radius:2px;overflow:hidden;background:var(--ivory-mid);flex-shrink:0}.cart-item__artwork{width:100%;height:100%;object-fit:cover}.cart-item__artwork--placeholder{display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-faint)}.cart-item__info{min-width:0}.cart-item__title{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.cart-item__artist{font-size:12px;color:var(--text-muted);margin-bottom:4px}.cart-item__format{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.cart-item__price{font-size:13px;font-weight:600;color:var(--text-primary)}.cart-item__remove{font-size:18px;line-height:1;color:var(--text-muted);padding:6px;transition:color var(--t-fast)}.cart-item__remove:hover{color:#b91c1c}.cart-drawer__footer{padding:24px 28px 32px;border-top:1px solid var(--border);background:var(--ivory-warm)}.cart-drawer__summary{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cart-drawer__row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.cart-drawer__row--total{font-size:16px;color:var(--text-primary);border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.cart-drawer__checkout-btn{width:100%;padding:14px 20px;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.cart-drawer__note{font-size:11px;line-height:1.5;color:var(--text-muted);text-align:center}.products-page{padding-top:var(--header-h)}.products-header{padding:56px 40px 36px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.products-header__left{max-width:600px}.products-header__eyebrow{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.products-header__title{font-family:var(--font-display);font-size:clamp(32px,3.5vw,44px);font-weight:400;color:var(--text-primary);letter-spacing:-.01em;line-height:1.1;margin-bottom:12px}.products-header__tagline{font-size:14px;line-height:1.6;color:var(--text-muted)}.products-header__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.products-grid-section{padding:48px 40px 80px}.products-loading,.products-empty{text-align:center;padding:64px 20px;color:var(--text-muted)}.products-empty__title{font-family:var(--font-display);font-size:18px;color:var(--text-secondary);margin-bottom:8px}.products-empty__sub{font-size:13px;color:var(--text-muted)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px 28px}.product-card{display:flex;flex-direction:column;background:var(--ivory);border:1px solid var(--border);border-radius:2px;overflow:hidden;transition:transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}.product-card:hover{transform:translateY(-3px);border-color:var(--border-mid);box-shadow:0 8px 24px #0000000f}.product-card__artwork-link{display:block;text-decoration:none}.product-card__artwork-wrap{position:relative;aspect-ratio:1 / 1;background:var(--ivory-mid);overflow:hidden}.product-card__artwork{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.product-card:hover .product-card__artwork{transform:scale(1.03)}.product-card__artwork--placeholder{display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--text-faint)}.product-card__badge{position:absolute;top:12px;left:12px;padding:4px 8px;background:#1a1a1ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:1px}.product-card__info{padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}.product-card__title-link{text-decoration:none;color:inherit}.product-card__title{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--text-primary);line-height:1.25;margin-bottom:4px}.product-card__title:hover{text-decoration:underline}.product-card__artist{font-size:13px;color:var(--text-secondary);font-style:italic;margin-bottom:8px}.product-card__meta{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.product-card__footer{margin-top:auto;border-top:1px solid var(--border);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.product-card__price-wrap{display:flex;flex-direction:column}.product-card__price-label{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.product-card__price{font-size:16px;font-weight:600;color:var(--text-primary)}.product-card__actions{display:flex;align-items:center;gap:8px}.product-card__add-btn{padding:8px 14px;font-size:11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.product-card__add-btn--incart{background:var(--navy);color:#fff;opacity:.9;cursor:default}.product-card__view-btn{padding:8px 12px;font-size:11px;text-decoration:none}.product-detail-page{padding-top:var(--header-h)}.product-detail__breadcrumb{display:flex;align-items:center;gap:8px;padding:24px 40px 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.product-detail__breadcrumb a{color:var(--text-muted);transition:color var(--t-fast)}.product-detail__breadcrumb a:hover{color:var(--text-primary)}.product-detail__breadcrumb span{color:var(--text-faint)}.product-hero{display:grid;grid-template-columns:minmax(320px,420px) 1fr 280px;gap:0;border-bottom:1px solid var(--border);margin-top:16px;align-items:stretch}.product-hero__artwork-col{padding:48px 40px;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--ivory-warm)}.product-hero__artwork-wrap{position:relative;width:280px;height:280px}.product-hero__vinyl{position:absolute;top:0;right:-50px;width:260px;height:260px;border-radius:50%;animation:spinSlow 20s linear infinite paused;box-shadow:0 4px 20px #00000026;transition:transform .3s var(--ease)}.product-hero__artwork-wrap:hover .product-hero__vinyl{transform:translate(18px)}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-hero__cover-shadow{position:relative;width:260px;height:260px;box-shadow:0 12px 36px #00000029;z-index:2;border-radius:2px;overflow:hidden;background:var(--ivory-mid)}.product-hero__cover{width:100%;height:100%;object-fit:cover}.product-hero__cover--placeholder{display:flex;align-items:center;justify-content:center;font-size:54px;color:var(--text-faint)}.product-hero__info-col{padding:48px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.product-hero__eyebrow{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px}.product-hero__title{font-family:var(--font-display);font-size:clamp(32px,3.2vw,46px);font-weight:400;color:var(--text-primary);letter-spacing:-.01em;line-height:1.1;margin-bottom:8px}.product-hero__artist{font-size:16px;font-style:italic;color:var(--text-secondary);margin-bottom:18px}.product-hero__meta{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px}.product-hero__meta-sep{color:var(--text-faint)}.product-hero__description{font-size:14px;line-height:1.75;color:var(--text-muted);max-width:520px;margin-bottom:32px}.product-hero__price-box{display:flex;align-items:baseline;gap:10px;margin-bottom:24px}.product-hero__price-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.product-hero__price{font-size:28px;font-weight:600;color:var(--text-primary)}.product-hero__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.product-hero__add-btn{padding:12px 24px;font-size:12px;display:inline-flex;align-items:center;gap:8px}.product-hero__add-btn--incart{background:var(--navy);color:#fff}.product-hero__buynow-btn{padding:12px 24px;font-size:12px}.product-hero__specs-col{padding:48px 32px;background:var(--ivory)}.product-specs{display:flex;flex-direction:column}.product-specs__heading{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:20px}.product-specs__list{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;font-size:12px;margin-bottom:28px}.product-specs__label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.product-specs__value{color:var(--text-primary);font-weight:500;text-align:right}.product-specs__note{font-size:11px;line-height:1.6;color:var(--text-muted);border-top:1px solid var(--border);padding-top:20px}.product-tracks-section{padding:48px 40px 80px;max-width:960px}.product-tracks__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:14px}.product-tracks__title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text-primary)}.product-tracks__count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.product-tracklist{list-style:none;display:flex;flex-direction:column}.product-track-row{border-bottom:1px solid var(--border);transition:background var(--t-fast)}.product-track-row:hover{background:var(--ivory-warm)}.product-track-row.active{background:var(--ivory-mid)}.product-track-row__btn{width:100%;display:grid;grid-template-columns:36px 44px 1fr 64px 32px;align-items:center;gap:16px;padding:12px 14px;text-align:left;cursor:pointer}.product-track-row__num{font-size:11px;font-family:monospace;color:var(--text-faint)}.product-track-row__thumb{width:44px;height:44px;object-fit:cover;border-radius:2px;background:var(--ivory-mid)}.product-track-row__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-faint)}.product-track-row__info{min-width:0}.product-track-row__title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-track-row__sub{font-size:12px;color:var(--text-muted)}.product-track-row__dur{font-size:12px;color:var(--text-muted);text-align:right;font-family:monospace}.product-track-row__icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--t-fast)}.product-track-row:hover .product-track-row__icon{color:var(--text-primary)}.checkout-page{padding-top:var(--header-h);min-height:100vh}.checkout-container{max-width:1140px;margin:0 auto;padding:48px 32px 80px}.checkout-header{margin-bottom:36px;border-bottom:1px solid var(--border);padding-bottom:24px}.checkout-header__eyebrow{font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.checkout-header__title{font-family:var(--font-display);font-size:36px;font-weight:400;color:var(--text-primary);margin-bottom:6px}.checkout-header__sub{font-size:14px;color:var(--text-muted)}.checkout-error{padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:13px;border-radius:2px;margin-bottom:28px}.checkout-grid{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:start}.checkout-section{background:var(--ivory);border:1px solid var(--border);padding:28px 32px;margin-bottom:28px;border-radius:2px}.checkout-section__title{font-family:var(--font-display);font-size:19px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.checkout-section__note{font-size:12px;color:var(--text-muted);margin-bottom:20px}.checkout-items{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.checkout-item{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border)}.checkout-item__thumb-wrap{width:56px;height:56px;background:var(--ivory-mid);border-radius:2px;overflow:hidden}.checkout-item__thumb{width:100%;height:100%;object-fit:cover}.checkout-item__thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-faint)}.checkout-item__info{min-width:0}.checkout-item__title{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.checkout-item__artist{font-size:12px;color:var(--text-muted)}.checkout-item__format{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.checkout-item__price{font-size:14px;font-weight:600;color:var(--text-primary)}.checkout-totals{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:16px}.checkout-totals__row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.checkout-totals__row--final{font-size:16px;color:var(--text-primary);border-top:1px solid var(--border);padding-top:10px;margin-top:6px}.checkout-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkout-field{display:flex;flex-direction:column;gap:6px}.checkout-field--full{grid-column:1 / -1}.checkout-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.checkout-input{padding:12px 14px;background:var(--ivory);border:1px solid var(--border-mid);border-radius:2px;font-size:13px;color:var(--text-primary);transition:border-color var(--t-fast)}.checkout-input:focus{outline:none;border-color:var(--navy)}.checkout-input-hint{font-size:11px;color:var(--text-muted);line-height:1.4}.checkout-payment-box{background:var(--ivory-warm);border:1px solid var(--border-mid);padding:28px;border-radius:2px}.checkout-payment__heading{font-family:var(--font-display);font-size:19px;font-weight:500;color:var(--text-primary);margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.checkout-payment__amount-wrap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;padding:12px 16px;background:var(--ivory);border:1px solid var(--border);border-radius:2px}.checkout-payment__amount-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.checkout-payment__amount{font-size:22px;font-weight:700;color:var(--text-primary)}.checkout-payment__qr-card{background:var(--ivory);border:1px solid var(--border);padding:20px;border-radius:2px;text-align:center;margin-bottom:24px}.checkout-payment__qr-instruction{font-size:12px;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.checkout-payment__qr-wrap{display:flex;justify-content:center;margin-bottom:16px}.upi-qr-display{display:inline-flex;flex-direction:column;align-items:center;padding:12px;background:#000;border:1px solid rgba(0,0,0,.15);border-radius:6px;box-shadow:0 4px 20px #0000001a;transition:transform var(--t-fast),box-shadow var(--t-fast)}.upi-qr-display:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000029}.upi-qr-image{width:210px;max-width:100%;height:auto;aspect-ratio:502 / 506;object-fit:contain;border-radius:4px;display:block}.upi-qr-label{margin-top:10px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#ffffffb8}.checkout-payment__upi-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--ivory-mid);border-radius:2px}.checkout-payment__upi-id{font-family:monospace;font-size:13px;font-weight:600;color:var(--text-primary)}.checkout-payment__copy-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);padding:4px 8px;border-radius:2px}.checkout-payment__copy-btn:hover{background:#0000000d}.checkout-payment__form{display:flex;flex-direction:column;gap:16px}.checkout-payment__submit-btn{width:100%;padding:14px 20px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.checkout-payment__security-note{margin-top:16px;font-size:11px;line-height:1.6;color:var(--text-muted)}.confirmation-page{padding-top:calc(var(--header-h) + 40px);padding-bottom:80px;display:flex;justify-content:center;align-items:center;min-height:80vh}.confirmation-card{width:100%;max-width:580px;background:var(--ivory);border:1px solid var(--border-mid);padding:44px 40px;border-radius:2px;text-align:center;box-shadow:0 12px 40px #0000000f}.confirmation-card__eyebrow{font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px}.confirmation-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.confirmation-badge--paid{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.confirmation-badge--pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.confirmation-badge--rejected{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.confirmation-card__title{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text-primary);margin-bottom:12px}.confirmation-card__lead{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:28px}.confirmation-receipt{background:var(--ivory-warm);border:1px solid var(--border);padding:18px 24px;border-radius:2px;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:left}.confirmation-receipt__row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.confirmation-receipt__row code{font-family:monospace;font-size:13px;color:var(--text-primary)}.confirmation-receipt__row--total{border-top:1px solid var(--border);padding-top:10px;margin-top:4px;font-size:15px;color:var(--text-primary)}.confirmation-card__notice{font-size:12px;line-height:1.6;color:var(--text-muted);margin-bottom:32px;background:var(--ivory);border:1px dashed var(--border-mid);padding:14px 18px;border-radius:2px}.confirmation-card__actions{display:flex;align-items:center;justify-content:center;gap:14px}.admin-dashboard__subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.admin-tabs-nav{display:flex;gap:10px;border-bottom:1px solid var(--border-mid);margin-bottom:28px;padding-bottom:4px}.admin-tab-btn{padding:10px 18px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--t-fast);cursor:pointer}.admin-tab-btn:hover{color:var(--text-primary)}.admin-tab-btn.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:700}.admin-products-intro{margin-bottom:24px;font-size:13px;color:var(--text-muted);line-height:1.6;max-width:800px}.admin-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.admin-product-card{background:var(--ivory);border:1px solid var(--border);border-radius:2px;overflow:hidden;display:flex;flex-direction:column}.admin-product-card.is-active{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.admin-product-card__thumb-wrap{position:relative;height:160px;background:var(--ivory-mid)}.admin-product-card__thumb{width:100%;height:100%;object-fit:cover}.admin-product-card__thumb-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:28px;color:var(--text-faint)}.admin-product-card__status-pill{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.admin-product-card__status-pill.published{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.admin-product-card__status-pill.draft{background:#0009;color:#fff}.admin-product-card__body{padding:20px;display:flex;flex-direction:column;flex:1}.admin-product-card__title{font-family:var(--font-display);font-size:18px;font-weight:500;margin-bottom:4px}.admin-product-card__meta{font-size:12px;color:var(--text-muted);margin-bottom:16px}.admin-product-card__specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:var(--ivory-warm);border:1px solid var(--border);border-radius:2px;margin-bottom:16px}.admin-product-card__spec-item{display:flex;flex-direction:column}.spec-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.spec-val{font-size:13px;font-weight:600;color:var(--text-primary)}.spec-val.has-zip{color:#047857}.spec-val.no-zip{color:#b91c1c}.admin-product-card__manage-btn{margin-top:auto;width:100%;justify-content:center;font-size:12px}.admin-orders-tab{display:flex;flex-direction:column}.admin-toast{padding:12px 18px;border-radius:2px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.admin-toast--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.admin-toast--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.admin-orders-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.admin-kpi-card{background:var(--ivory);border:1px solid var(--border-mid);padding:20px 24px;border-radius:2px;display:flex;flex-direction:column;gap:6px}.admin-kpi-card__label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.admin-kpi-card__value{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--text-primary)}.admin-orders-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-orders-filters{display:flex;gap:8px}.filter-pill{padding:6px 14px;border-radius:16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--ivory);border:1px solid var(--border-mid);cursor:pointer;transition:all var(--t-fast)}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-dark)}.filter-pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}.admin-orders-table-wrap{background:var(--ivory);border:1px solid var(--border-mid);border-radius:2px;overflow-x:auto}.admin-orders-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.admin-orders-table th{padding:14px 18px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border-mid);background:var(--ivory-warm)}.admin-orders-table td{padding:16px 18px;border-bottom:1px solid var(--border);vertical-align:middle}.order-number{font-weight:600;font-family:monospace;color:var(--text-primary)}.order-date{font-size:11px;color:var(--text-muted);margin-top:2px}.order-customer-name{font-weight:500;color:var(--text-primary)}.order-customer-contact{font-size:12px;color:var(--text-muted)}.order-customer-contact a{color:var(--text-muted);text-decoration:underline}.order-items-summary{display:flex;flex-wrap:wrap;gap:6px}.order-item-badge{display:inline-block;padding:2px 8px;background:var(--ivory-mid);border-radius:2px;font-size:11px;color:var(--text-secondary)}.order-amount{font-weight:700;color:var(--text-primary)}.order-utr-box{display:flex;align-items:center;gap:6px}.order-utr-box code{background:var(--ivory-warm);border:1px solid var(--border);padding:3px 8px;border-radius:2px;font-family:monospace;font-size:12px}.btn-icon-copy{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:var(--text-muted);transition:color var(--t-fast)}.btn-icon-copy:hover{color:var(--text-primary)}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.status-badge--pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-badge--paid{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.status-badge--rejected{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.order-rejection-note{margin-top:4px;font-size:11px;color:#991b1b;font-style:italic;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.btn-sm{padding:6px 12px;font-size:11px}@media(max-width:1024px){.product-hero{grid-template-columns:1fr}.product-hero__artwork-col,.product-hero__info-col{border-right:none;border-bottom:1px solid var(--border)}.checkout-grid,.admin-orders-kpis{grid-template-columns:1fr}}@media(max-width:768px){.products-header{flex-direction:column;align-items:flex-start;padding:36px 20px 24px}.products-header__controls{width:100%}.products-grid-section{padding:28px 20px 60px}.product-detail__breadcrumb{padding:16px 20px 0}.product-hero__artwork-col,.product-hero__info-col{padding:32px 20px}.product-tracks-section{padding:32px 20px 60px}.checkout-container{padding:32px 16px 60px}.checkout-form-grid{grid-template-columns:1fr}.confirmation-card{padding:32px 20px}}.admin-alert{padding:12px 16px;border-radius:2px;font-size:13px;margin:16px 28px 0;display:flex;align-items:center;gap:8px}.admin-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.admin-alert--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ivory-warm);border:1px solid var(--border-mid);border-radius:2px}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--ivory-dark);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.slider{background-color:var(--navy)}input:checked+.slider:before{transform:translate(20px)}.admin-zip-box{margin-top:24px;padding:20px;background:var(--ivory-warm);border:1px solid var(--border-mid);border-radius:2px}.admin-zip-box__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-zip-box__title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.admin-zip-status{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.admin-zip-status--ready{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.admin-zip-status--missing{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.admin-zip-box__desc{font-size:12px;line-height:1.5;color:var(--text-muted);margin-bottom:16px}.admin-zip-meta{display:flex;flex-direction:column;gap:8px;background:var(--ivory);border:1px solid var(--border);padding:14px 16px;border-radius:2px}.admin-zip-meta__row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.admin-zip-meta__row strong,.admin-zip-meta__row code{color:var(--text-primary)}.admin-zip-actions{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.admin-zip-empty{background:var(--ivory);border:1px dashed var(--border-dark);padding:20px;border-radius:2px;text-align:center}.product-card__description{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:6px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__preview{margin:10px 0 14px;display:flex;flex-direction:column;gap:6px}.btn-preview{display:inline-flex;align-items:center;gap:8px;background:var(--ivory-warm);border:1px solid var(--border-mid);padding:8px 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);border-radius:2px;transition:all var(--t-fast);cursor:pointer;width:fit-content}.btn-preview:hover,.btn-preview.is-playing{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-preview__icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.btn-preview__icon svg{width:12px;height:12px;fill:currentColor}.preview-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.preview-spinner--sm{width:10px;height:10px;border-width:1.5px}@keyframes spin{to{transform:rotate(360deg)}}.product-card__preview-progress-track{width:100%;height:3px;background:var(--ivory-mid);border-radius:2px;overflow:hidden}.product-card__preview-progress-bar{height:100%;background:var(--navy);transition:width .25s linear}.product-card__preview-error{font-size:11px;color:#c62828;margin:4px 0 0}.product-hero__preview-btn{padding:12px 20px;font-size:12px}.product-track-row__bpm{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);background:var(--ivory-mid);padding:2px 6px;border-radius:2px;margin-left:auto;margin-right:12px}.support-page{max-width:1140px;margin:0 auto;padding:48px 24px 80px}.support-header{border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:40px}.support-header__eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.support-header__title{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:400;color:var(--text-primary);line-height:1.2;margin-bottom:12px}.support-header__tagline{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:680px}.support-layout{display:grid;grid-template-columns:340px 1fr;gap:48px}@media(max-width:860px){.support-layout{grid-template-columns:1fr;gap:32px}}.support-info-panel{background:var(--ivory-warm);border:1px solid var(--border);padding:28px 24px;border-radius:2px;height:fit-content}.support-info-panel__heading{font-family:var(--font-display);font-size:18px;font-weight:400;margin-bottom:10px;color:var(--text-primary)}.support-info-panel__desc{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.support-info-panel__list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.support-info-item dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--text-muted);margin-bottom:4px}.support-info-item dd{font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.4}.support-info-panel__badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:6px;font-weight:600}.support-info-panel__badge span{font-size:8px}.support-form-container{background:var(--ivory);border:1px solid var(--border);padding:32px;border-radius:2px}.support-form{display:flex;flex-direction:column;gap:20px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.form-group-row{grid-template-columns:1fr;gap:16px}}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.required-star{color:#c62828}.optional-tag{color:var(--text-muted);font-weight:400;font-size:10px}.form-input,.form-textarea{background:#fff;border:1px solid var(--border-mid);padding:10px 14px;font-size:14px;color:var(--text-primary);border-radius:2px;transition:border-color var(--t-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--navy)}.form-textarea{resize:vertical}.support-submit-btn{padding:14px 28px;font-size:12px;letter-spacing:.12em;font-weight:600;width:fit-content}.support-success-card{text-align:center;padding:40px 20px}.support-success-card__icon{width:48px;height:48px;border-radius:50%;background:#ecfdf5;color:#065f46;font-size:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid #a7f3d0}.support-success-card__title{font-family:var(--font-display);font-size:22px;margin-bottom:12px;color:var(--text-primary)}.support-success-card__message{font-size:15px;color:var(--text-primary);margin-bottom:8px}.support-success-card__sub{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:480px;margin:0 auto 24px}.support-error-banner{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:12px 16px;font-size:13px;border-radius:2px}.admin-support-tab{display:flex;flex-direction:column;gap:20px}.admin-support-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.admin-support-filters{display:flex;gap:8px;align-items:center}.filter-tab-btn{padding:6px 12px;font-size:12px;border:1px solid var(--border);background:var(--ivory);color:var(--text-secondary);border-radius:2px;cursor:pointer;transition:all var(--t-fast)}.filter-tab-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.admin-support-table-wrap{background:#fff;border:1px solid var(--border);border-radius:2px;overflow-x:auto}.admin-support-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.admin-support-table th{background:var(--ivory-warm);padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-support-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top}.support-cell-id{font-family:monospace;font-weight:600;color:var(--navy)}.support-cell-date{white-space:nowrap;color:var(--text-muted);font-size:12px}.support-cell-customer strong{display:block;color:var(--text-primary)}.support-subtext{display:block;font-size:11px;color:var(--text-muted)}.support-subject-link{font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;font-size:13px;padding:0;display:inline}.support-subject-link:hover{text-decoration:underline;color:var(--navy)}.support-msg-preview{font-size:12px;color:var(--text-muted);margin-top:4px}.support-status-badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:600;border-radius:12px;letter-spacing:.04em}.badge--open{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge--progress{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge--resolved{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.support-status-select{padding:4px 8px;font-size:12px;border:1px solid var(--border-mid);border-radius:2px;background:#fff;color:var(--text-primary);cursor:pointer}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal-content{background:#fff;width:100%;max-width:600px;border-radius:4px;box-shadow:0 8px 32px #0000002e;overflow:hidden}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:var(--ivory-warm);border-bottom:1px solid var(--border)}.admin-modal-close{font-size:18px;color:var(--text-muted);cursor:pointer}.admin-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--ivory);padding:16px;border-radius:2px;border:1px solid var(--border);font-size:12px}.modal-info-grid label{font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-weight:600;display:block;margin-bottom:2px}.modal-message-box{background:#fff;border:1px solid var(--border);padding:14px;border-radius:2px;font-size:13px;line-height:1.6;white-space:pre-wrap;color:var(--text-primary);max-height:240px;overflow-y:auto}.modal-actions-bar{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:16px;font-size:12px;font-weight:600}.modal-status-buttons{display:flex;gap:8px}.btn-sm-status{padding:4px 10px;font-size:11px;border:1px solid var(--border-mid);border-radius:2px;background:var(--ivory);cursor:pointer}.btn-sm-status.active{background:var(--navy);color:#fff;border-color:var(--navy)}.admin-preview-settings-bar{display:flex;align-items:center;justify-content:space-between;background:var(--ivory-warm);border:1px solid var(--border);padding:14px 20px;border-radius:2px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.admin-preview-settings-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.admin-preview-settings-info p{font-size:12px;color:var(--text-muted)}.admin-preview-settings-control{display:flex;align-items:center;gap:10px}.checkout-payment__quick-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.checkout-payment__upi-app-btn{display:flex;align-items:center;justify-content:center;padding:12px 18px;font-size:13px;font-weight:600;letter-spacing:.04em;background:var(--navy);color:#fff;border-radius:2px;text-align:center;transition:background var(--t-fast)}.checkout-payment__upi-app-btn:hover{background:var(--navy-light)}.checkout-payment__upi-hint{font-size:11px;line-height:1.4;color:var(--text-muted)}.checkout-payment__qr-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.checkout-payment__download-qr-link{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#fff;border:1px solid var(--border-mid);border-radius:2px;color:var(--text-primary);white-space:nowrap}.checkout-payment__download-qr-link svg{width:14px;height:14px}.checkout-payment__download-qr-link:hover{background:var(--ivory-mid)}.checkout-payment__warning-callout{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 14px;font-size:12px;line-height:1.5;border-radius:2px;margin:16px 0}