/* [next]/internal/font/google/geist_a667e11b.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.p.8e0177b5.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.b97b3418.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.853070df.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a667e11b-module__dESSOq__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a667e11b-module__dESSOq__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_d6617093.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.c1fdd6c2.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.799d8ef8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.dbea232f.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_d6617093-module__z61v7q__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_d6617093-module__z61v7q__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --background: #09090b;
  --foreground: #fafafa;
  --card: #0e0e11;
  --card-foreground: #fafafa;
  --popover: #0e0e11;
  --popover-foreground: #fafafa;
  --primary: #f97415;
  --primary-foreground: #fff;
  --secondary: #27272a;
  --secondary-foreground: #fafafa;
  --muted: #3d3d42;
  --muted-foreground: #a1a1aa;
  --accent: #d46211;
  --accent-foreground: #fff;
  --destructive: #7f1d1d;
  --destructive-foreground: #fef2f2;
  --border: #3d3d42;
  --input: #3d3d42;
  --ring: #f97415;
  --shadow: 0 16px 40px #00000052;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--background);
  min-height: 100%;
  color: var(--foreground);
  font-family: var(--font-geist-sans), sans-serif;
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input {
  font: inherit;
}

.app-shell {
  background: radial-gradient(circle at top center, #f9731614, transparent 28%), var(--background);
  min-height: 100vh;
  padding: 12px 12px 96px;
}

.app-noise {
  display: none;
}

.mobile-topbar {
  z-index: 30;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: linear-gradient(#0a0a0cf0, #0a0a0cb8, #0000);
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  align-items: center;
  gap: 10px;
  padding: 6px 0 14px;
  display: grid;
  position: sticky;
  top: 0;
}

.brand-chip, .menu-button {
  border: 1px solid var(--border);
  background: var(--card);
  width: 46px;
  height: 46px;
  color: var(--foreground);
  box-shadow: var(--shadow);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.brand-logo {
  object-fit: contain;
  width: 28px;
  height: 28px;
}

.search-shell {
  border: 1px solid var(--border);
  background: var(--card);
  min-width: 0;
  height: 46px;
  box-shadow: var(--shadow);
  border-radius: 14px;
  align-items: center;
  display: flex;
  position: relative;
}

.search-icon {
  color: var(--muted-foreground);
  position: absolute;
  left: 14px;
}

.search-input {
  width: 100%;
  height: 100%;
  color: var(--foreground);
  background: none;
  border: 0;
  outline: 0;
  padding: 0 14px 0 40px;
}

.search-input::placeholder {
  color: var(--muted-foreground);
}

.app-content, .page-stack {
  gap: 12px;
  display: grid;
}

.mobile-editor-page {
  grid-template-rows: auto minmax(0, 1fr);
  min-height: calc(100vh - 176px);
}

.mobile-draft-editor {
  gap: 12px;
  display: grid;
}

.editor-card {
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: var(--shadow);
  border-radius: 22px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.editor-card-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.editor-card-head strong {
  font-size: 16px;
}

.editor-card-head span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.editor-grid {
  gap: 12px;
  display: grid;
}

.editor-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.editor-step {
  border: 1px solid var(--border);
  background: var(--card);
  min-height: 48px;
  color: var(--muted-foreground);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: inline-flex;
}

.editor-step.is-active {
  border-color: color-mix(in srgb, var(--primary) 42%, var(--border) 58%);
  background: color-mix(in srgb, var(--primary) 12%, var(--card) 88%);
  color: var(--foreground);
}

.editor-step-index {
  border: 1px solid;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  display: inline-flex;
}

.field-span-full {
  grid-column: 1 / -1;
}

.editor-stack {
  gap: 10px;
  display: grid;
}

.editor-inline-action, .editor-icon-button {
  border: 1px solid var(--border);
  background: var(--secondary);
  min-height: 34px;
  color: var(--foreground);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  display: inline-flex;
}

.editor-inline-action:disabled, .editor-icon-button:disabled {
  opacity: .45;
}

.editor-icon-button {
  width: 40px;
  padding: 0;
}

.editor-person-row {
  grid-template-columns: minmax(0, 1fr) 104px 40px;
  gap: 8px;
  display: grid;
}

.editor-person-row select, .editor-person-name {
  border: 1px solid var(--border);
  background: var(--secondary);
  height: 44px;
  color: var(--foreground);
  border-radius: 14px;
  padding: 0 12px;
}

.editor-muted-card, .editor-track-row {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 82%, var(--card) 18%);
  border-radius: 16px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.editor-track-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.editor-track-row strong {
  font-size: 14px;
  display: block;
}

.editor-track-row span, .editor-muted-card {
  color: var(--muted-foreground);
  font-size: 12px;
}

.editor-inline-action.danger {
  border-color: color-mix(in srgb, #ef4444 30%, var(--border) 70%);
  color: #fca5a5;
}

.mobile-cover-upload {
  border: 1px dashed color-mix(in srgb, var(--primary) 34%, var(--border) 66%);
  background: color-mix(in srgb, var(--secondary) 72%, var(--card) 28%);
  width: 100%;
  color: var(--foreground);
  text-align: left;
  border-radius: 18px;
  padding: 14px;
}

.mobile-cover-upload.is-uploading {
  opacity: .75;
}

.mobile-cover-upload-empty, .mobile-cover-upload-preview {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}

.mobile-cover-upload-icon, .mobile-cover-upload-image {
  border-radius: 16px;
  width: 64px;
  height: 64px;
}

.mobile-cover-upload-icon {
  border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border) 70%);
  background: color-mix(in srgb, var(--primary) 10%, var(--secondary) 90%);
  color: var(--foreground);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.mobile-cover-upload-image {
  object-fit: cover;
  border: 1px solid var(--border);
  background: var(--secondary);
}

.mobile-cover-upload-copy {
  gap: 4px;
  display: grid;
}

.mobile-cover-upload-copy strong {
  font-size: 14px;
}

.mobile-cover-upload-copy span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.mobile-picker-card {
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.mobile-picker-trigger {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  min-height: 48px;
  color: var(--foreground);
  text-align: left;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 0 14px;
  display: inline-flex;
}

.mobile-picker-panel {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 84%, var(--card) 16%);
  border-radius: 16px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.mobile-picker-list {
  gap: 8px;
  max-height: 280px;
  display: grid;
  overflow-y: auto;
}

.mobile-picker-item {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  min-height: 42px;
  color: var(--foreground);
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  display: inline-flex;
}

.mobile-picker-item.is-selected {
  border-color: color-mix(in srgb, var(--primary) 38%, var(--border) 62%);
  background: color-mix(in srgb, var(--primary) 10%, var(--card) 90%);
}

.mobile-picker-item-box {
  border: 1px solid var(--border);
  color: #fff;
  background: none;
  border-radius: 6px;
  flex: 0 0 18px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.mobile-picker-item.is-selected .mobile-picker-item-box {
  border-color: color-mix(in srgb, var(--primary) 40%, var(--border) 60%);
  background: color-mix(in srgb, var(--primary) 32%, var(--card) 68%);
}

.mobile-tag-list {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.mobile-tag {
  background: color-mix(in srgb, var(--secondary) 70%, var(--card) 30%);
  min-height: 28px;
  color: var(--foreground);
  border-radius: 999px;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  display: inline-flex;
}

.mobile-press-photo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.mobile-press-photo-card {
  aspect-ratio: 3 / 4;
  border: 1px solid var(--border);
  background: var(--secondary);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.mobile-press-photo-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.mobile-press-photo-remove {
  position: absolute;
  top: 8px;
  right: 8px;
}

.mobile-review-grid {
  gap: 12px;
  display: grid;
}

.mobile-review-section {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 84%, var(--card) 16%);
  border-radius: 16px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.mobile-review-section strong {
  font-size: 14px;
}

.mobile-review-meta {
  gap: 10px;
  display: grid;
}

.mobile-review-meta div {
  gap: 4px;
  display: grid;
}

.mobile-review-meta span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.mobile-review-meta b {
  font-size: 14px;
}

.mobile-review-note {
  border: 1px solid color-mix(in srgb, var(--primary) 26%, var(--border) 74%);
  background: color-mix(in srgb, var(--primary) 8%, var(--card) 92%);
  border-radius: 16px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.mobile-review-note strong {
  font-size: 14px;
}

.mobile-review-note span {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.45;
}

.mobile-review-actions {
  gap: 10px;
  display: grid;
}

.mobile-track-upload {
  border: 1px dashed color-mix(in srgb, var(--primary) 34%, var(--border) 66%);
  background: color-mix(in srgb, var(--secondary) 72%, var(--card) 28%);
  width: 100%;
  color: var(--foreground);
  text-align: left;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.mobile-track-upload.is-active {
  border-color: color-mix(in srgb, var(--primary) 60%, var(--border) 40%);
  background: color-mix(in srgb, var(--primary) 10%, var(--secondary) 90%);
}

.mobile-track-upload-icon {
  border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border) 70%);
  background: color-mix(in srgb, var(--primary) 12%, var(--card) 88%);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
}

.mobile-track-upload-copy {
  gap: 4px;
  display: grid;
}

.mobile-track-upload-copy strong {
  font-size: 14px;
}

.mobile-track-upload-copy span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.mobile-track-card {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 78%, var(--card) 22%);
  border-radius: 18px;
  overflow: hidden;
}

.mobile-track-card-summary {
  width: 100%;
  color: var(--foreground);
  text-align: left;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.mobile-track-card-copy {
  gap: 4px;
  display: grid;
}

.mobile-track-card-copy strong {
  font-size: 14px;
}

.mobile-track-card-copy span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.mobile-track-card-chevron {
  color: var(--muted-foreground);
  transition: transform .22s ease-out;
}

.mobile-track-card-chevron.is-open {
  transform: rotate(180deg);
}

.mobile-track-card-panel {
  border-top: 1px solid var(--border);
  gap: 12px;
  padding: 0 14px 14px;
  display: grid;
}

.mobile-track-person-section {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 84%, var(--card) 16%);
  border-radius: 16px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.mobile-track-person-section-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.mobile-track-person-section-head strong {
  font-size: 13px;
}

.mobile-track-person-row {
  grid-template-columns: minmax(0, 1fr) 148px 40px;
  gap: 8px;
  display: grid;
}

.mobile-track-textarea {
  resize: vertical;
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  min-height: 120px;
  color: var(--foreground);
  font: inherit;
  border-radius: 14px;
  padding: 12px 14px;
}

.mobile-track-textarea:focus {
  border-color: color-mix(in srgb, var(--primary) 48%, var(--border) 52%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent 82%);
  outline: none;
}

.mobile-track-ttml, .mobile-track-toggle-group {
  gap: 10px;
  display: grid;
}

.mobile-track-toggle {
  width: 100%;
  min-height: 40px;
  color: var(--foreground);
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-radius: 14px;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  display: inline-flex;
}

.mobile-track-toggle.is-active {
  background: none;
  border-color: #0000;
}

.mobile-track-toggle-box {
  border: 1px solid var(--border);
  color: #fff;
  background: none;
  border-radius: 6px;
  flex: 0 0 18px;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.mobile-track-toggle.is-active .mobile-track-toggle-box {
  border-color: color-mix(in srgb, var(--primary) 40%, var(--border) 60%);
  background: color-mix(in srgb, var(--primary) 32%, var(--card) 68%);
}

.mobile-track-card-actions {
  gap: 10px;
  display: grid;
}

.mobile-track-card-sort {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.page-hero {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, #f9731614, transparent 55%), var(--card);
  box-shadow: var(--shadow);
  border-radius: 24px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.page-hero-copy {
  gap: 8px;
  display: grid;
}

.section-kicker {
  border: 1px solid color-mix(in srgb, var(--primary) 36%, var(--border));
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  width: fit-content;
  min-height: 28px;
  color: var(--foreground);
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  align-items: center;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.hero-card, .section-card, .list-card, .auth-card {
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--card-foreground);
  box-shadow: var(--shadow);
  border-radius: 22px;
  padding: 16px;
}

.hero-card h1, .page-title {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 32px;
  line-height: 1.05;
}

.muted, .section-subtitle, .list-item-meta, .hero-card p {
  color: var(--muted-foreground);
}

.hero-card-dashboard {
  gap: 10px;
  display: grid;
}

.badge-row {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.badge {
  border: 1px solid color-mix(in srgb, var(--primary) 40%, var(--border));
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--foreground);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  font-size: 12px;
  display: inline-flex;
}

.stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.summary-pills {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.summary-pill {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card) 82%, white 18%);
  border-radius: 18px;
  gap: 2px;
  min-width: 108px;
  padding: 12px 14px;
  display: grid;
}

.summary-pill strong {
  font-size: 20px;
  line-height: 1;
}

.summary-pill span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.stat-card {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card) 90%, white 10%);
  box-shadow: var(--shadow);
  border-radius: 20px;
  padding: 14px;
}

.stat-card span {
  color: var(--muted-foreground);
  font-size: 12px;
  display: block;
}

.stat-card strong {
  margin-top: 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.accent-blue, .accent-violet, .accent-cyan, .accent-amber {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary) 9%, var(--card)) 0%, var(--card) 100%);
}

.list-card {
  gap: 10px;
  display: grid;
}

.section-card-balance, .stacked-header, .section-headline {
  display: grid;
}

.stacked-header {
  gap: 10px;
}

.section-headline {
  gap: 6px;
}

.hero-balance-card {
  border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
  background: linear-gradient(#f973161f, #18181cf5);
  border-radius: 20px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.hero-balance-card span {
  color: var(--muted-foreground);
}

.hero-balance-card strong {
  font-size: 30px;
  line-height: 1;
}

.inline-link {
  border: 1px solid color-mix(in srgb, var(--primary) 34%, var(--border));
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  width: fit-content;
  min-height: 42px;
  color: var(--foreground);
  border-radius: 14px;
  align-items: center;
  padding: 0 14px;
  display: inline-flex;
}

.empty-state-card {
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: var(--shadow);
  border-radius: 22px;
  gap: 8px;
  padding: 18px;
  display: grid;
}

.release-card-list {
  gap: 12px;
  display: grid;
}

.release-row-card {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, #ffffff06, transparent 100%), color-mix(in srgb, var(--card) 88%, var(--secondary) 12%);
  box-shadow: var(--shadow);
  border-radius: 20px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.release-row-top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.release-row-copy {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.release-row-copy strong {
  font-size: 16px;
  line-height: 1.3;
}

.release-row-foot {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.mobile-release-card {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, #ffffff06, transparent 100%), color-mix(in srgb, var(--card) 88%, var(--secondary) 12%);
  box-shadow: var(--shadow);
  border-radius: 24px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.mobile-release-main {
  align-content: start;
  gap: 14px;
  display: grid;
}

.mobile-release-top {
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

.mobile-release-cover {
  aspect-ratio: 1;
  border: 1px solid var(--border);
  background: linear-gradient(135deg, #f973161f, #ffffff05), color-mix(in srgb, var(--card) 76%, var(--secondary) 24%);
  border-radius: 16px;
  align-self: start;
  width: 64px;
  position: relative;
  overflow: hidden;
}

.mobile-release-cover-placeholder {
  background: radial-gradient(circle at 30% 25%, #f9731629, #0000 45%), linear-gradient(135deg, #f9731614, #ffffff05);
  position: absolute;
  inset: 0;
}

.mobile-release-cover-image {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: opacity .22s ease-out;
  display: block;
  position: relative;
}

.mobile-release-copy {
  align-content: start;
  gap: 12px;
  min-width: 0;
  display: grid;
}

.mobile-release-head {
  gap: 10px;
  display: grid;
}

.mobile-release-title-wrap {
  gap: 4px;
  display: grid;
}

.mobile-release-title-line {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  display: flex;
}

.mobile-release-title-line strong {
  font-size: 17px;
  line-height: 1.25;
}

.mobile-release-subtitle {
  color: var(--muted-foreground);
  font-size: 13px;
  line-height: 1.35;
}

.mobile-release-persons {
  color: var(--foreground);
  font-size: 13px;
  line-height: 1.35;
}

.mobile-release-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.mobile-release-meta-row {
  align-items: start;
  gap: 4px;
  display: grid;
}

.mobile-release-meta-label {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.35;
}

.mobile-release-meta-value {
  min-width: 0;
  color: var(--foreground);
  word-break: break-word;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.mobile-release-note {
  border: 1px solid color-mix(in srgb, #ef4444 22%, var(--border));
  background: #ef44441a;
  border-radius: 16px;
  gap: 6px;
  padding: 12px;
  display: grid;
}

.mobile-release-note strong {
  font-size: 12px;
}

.mobile-release-note span {
  color: var(--foreground);
  font-size: 13px;
  line-height: 1.45;
}

.mobile-release-note-info {
  border-color: color-mix(in srgb, #3b82f6 22%, var(--border));
  background: #3b82f61a;
}

.mobile-release-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  display: grid;
}

.action-button {
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  min-height: 40px;
  color: var(--foreground);
  white-space: nowrap;
  text-align: center;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}

.action-button:disabled {
  opacity: .6;
}

.mobile-release-actions > .action-button:only-child {
  grid-column: 1 / -1;
}

.action-button-danger {
  border-color: color-mix(in srgb, #ef4444 28%, var(--border));
  background: #ef44441f;
}

@media (max-width: 420px) {
  .mobile-release-top {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .mobile-release-cover {
    width: 56px;
  }

  .mobile-release-meta-grid {
    gap: 12px;
  }

  .mobile-release-meta-row {
    gap: 10px;
  }
}

.mobile-tracks-shell {
  gap: 12px;
  padding-top: 2px;
  display: grid;
}

.tracks-toggle {
  border: 1px solid var(--border);
  background: var(--secondary);
  min-height: 42px;
  color: var(--foreground);
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: flex;
}

.mobile-track-list {
  gap: 10px;
  display: grid;
}

.mobile-collapse-shell {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .45s ease-in-out, opacity .45s ease-in-out, transform .45s ease-in-out;
  display: grid;
  overflow: hidden;
  transform: translateY(-4px);
}

.mobile-collapse-shell.is-open {
  opacity: 1;
  grid-template-rows: 1fr;
  transform: translateY(0);
}

.mobile-collapse-shell > * {
  min-height: 0;
}

.mobile-track-card {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card) 82%, var(--secondary) 18%);
  border-radius: 18px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.mobile-track-head {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  display: grid;
}

.mobile-track-number {
  background: color-mix(in srgb, var(--primary) 14%, transparent);
  width: 28px;
  height: 28px;
  color: var(--foreground);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  display: inline-flex;
}

.mobile-track-copy {
  gap: 4px;
  display: grid;
}

.mobile-track-copy strong {
  font-size: 14px;
  line-height: 1.3;
}

.mobile-track-copy span {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.4;
}

.mobile-audio-player {
  width: 100%;
  height: 42px;
}

.mobile-inline-player {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 82%, var(--card) 18%);
  border-radius: 16px;
  grid-template-columns: 40px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.mobile-inline-player-button {
  border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  width: 40px;
  height: 40px;
  color: var(--foreground);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.mobile-inline-player-body {
  gap: 8px;
  display: grid;
}

.mobile-inline-player-time {
  color: var(--muted-foreground);
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  line-height: 1;
  display: flex;
}

.mobile-inline-player-range {
  appearance: none;
  background: linear-gradient(90deg, color-mix(in srgb, var(--primary) 68%, #f59e0b 32%) 0, color-mix(in srgb, var(--primary) 68%, #f59e0b 32%) var(--player-progress, 0%), color-mix(in srgb, var(--secondary) 72%, var(--card) 28%) var(--player-progress, 0%), color-mix(in srgb, var(--secondary) 72%, var(--card) 28%) 100%);
  border-radius: 999px;
  width: 100%;
  height: 6px;
  margin: 0;
}

.mobile-inline-player-range::-webkit-slider-runnable-track {
  background: none;
  border-radius: 999px;
  height: 6px;
}

.mobile-inline-player-range::-webkit-slider-thumb {
  appearance: none;
  background: color-mix(in srgb, var(--primary) 72%, #f59e0b 28%);
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent 84%);
  border: 0;
  border-radius: 999px;
  margin-top: -4px;
}

.mobile-inline-player-range::-moz-range-track {
  background: color-mix(in srgb, var(--secondary) 72%, var(--card) 28%);
  border-radius: 999px;
  height: 6px;
}

.mobile-inline-player-range::-moz-range-progress {
  background: color-mix(in srgb, var(--primary) 68%, #f59e0b 32%);
  border-radius: 999px;
  height: 6px;
}

.mobile-inline-player-range::-moz-range-thumb {
  background: color-mix(in srgb, var(--primary) 72%, #f59e0b 28%);
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent 84%);
  border: 0;
  border-radius: 999px;
}

.mobile-inline-player-volume {
  border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--border));
  background: color-mix(in srgb, var(--primary) 8%, transparent);
  width: 32px;
  height: 32px;
  color: var(--foreground);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.list-header, .section-header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.list-item {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--card) 84%, var(--secondary) 16%);
  border-radius: 16px;
  gap: 6px;
  padding: 14px;
  display: grid;
}

.status-pill {
  background: color-mix(in srgb, var(--primary) 14%, transparent);
  width: fit-content;
  color: var(--foreground);
  text-transform: capitalize;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-flex;
}

.status-pill-approved {
  background: #10b98133;
}

.status-pill-submitted {
  background: #3b82f638;
}

.status-pill-rejected {
  background: #ef444433;
}

.status-pill-draft {
  background: color-mix(in srgb, var(--primary) 16%, transparent);
}

.bottom-nav {
  z-index: 2;
  border: 1px solid var(--border);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #0f0f12f0;
  border-radius: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 8px;
  display: grid;
  position: relative;
  box-shadow: 0 16px 42px #00000073;
}

.bottom-nav-root {
  z-index: 40;
  pointer-events: none;
  position: fixed;
  bottom: 12px;
  left: 12px;
  right: 12px;
}

.bottom-link {
  pointer-events: auto;
  color: var(--muted-foreground);
  background: none;
  border: 0;
  border-radius: 14px;
  place-items: center;
  gap: 6px;
  padding: 9px 4px;
  font-size: 11px;
  display: grid;
}

.bottom-link.is-active {
  background: color-mix(in srgb, var(--primary) 16%, transparent);
  color: var(--foreground);
}

.bottom-link-icon-stack {
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.catalog-chevron {
  transition: transform .45s ease-in-out;
  position: absolute;
  top: -4px;
  right: -10px;
}

.catalog-chevron.is-open {
  transform: rotate(180deg);
}

.catalog-switcher-shell {
  z-index: 2;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 0;
  right: 0;
}

.catalog-switcher-shell.is-open {
  pointer-events: auto;
}

.catalog-switcher-viewport {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: height .45s cubic-bezier(.22, 1, .36, 1), padding-top .45s cubic-bezier(.22, 1, .36, 1), padding-bottom .45s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.catalog-switcher {
  border: 1px solid var(--border);
  background: #0f0f12f5;
  border-radius: 18px;
  gap: 8px;
  padding: 10px;
  display: grid;
  box-shadow: 0 16px 42px #00000073;
}

.catalog-switcher-backdrop {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  background: #0003;
  border: 0;
  transition: opacity .28s cubic-bezier(.22, 1, .36, 1);
  position: fixed;
  inset: 0;
}

.catalog-switcher-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.catalog-switcher-link {
  min-height: 44px;
  color: var(--muted-foreground);
  background: var(--secondary);
  border-radius: 14px;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.catalog-switcher-link.is-active {
  background: color-mix(in srgb, var(--primary) 16%, transparent);
  color: var(--foreground);
}

.sheet-root {
  z-index: 50;
  position: fixed;
  inset: 0;
}

.sheet-backdrop {
  background: #00000094;
  border: 0;
  position: absolute;
  inset: 0;
}

.sheet-panel {
  border-left: 1px solid var(--border);
  background: var(--card);
  width: min(86vw, 340px);
  height: 100%;
  box-shadow: var(--shadow);
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.sheet-header, .sheet-balance, .sheet-menu {
  gap: 12px;
  display: grid;
}

.sheet-header {
  grid-template-columns: 1fr auto;
  align-items: start;
  margin-bottom: 18px;
}

.sheet-caption {
  color: var(--muted-foreground);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 6px;
  font-size: 12px;
}

.sheet-title {
  margin: 0;
  font-size: 24px;
}

.sheet-close {
  border: 1px solid var(--border);
  background: var(--secondary);
  color: var(--foreground);
  border-radius: 12px;
  padding: 10px 12px;
}

.sheet-balance {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--primary) 8%, var(--card));
  border-radius: 16px;
  margin-bottom: 18px;
  padding: 14px;
}

.sheet-balance span {
  color: var(--muted-foreground);
}

.sheet-balance strong {
  font-size: 24px;
}

.sheet-link {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  color: var(--foreground);
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.sheet-link.is-active {
  border-color: color-mix(in srgb, var(--primary) 48%, var(--border));
}

.auth-wrap {
  background: var(--background);
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.auth-card {
  width: min(100%, 420px);
}

.auth-card form {
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.field {
  gap: 8px;
  display: grid;
}

.field-input, .field input {
  border: 1px solid var(--border);
  background: var(--secondary);
  height: 48px;
  color: var(--foreground);
  border-radius: 14px;
  padding: 0 14px;
}

.field-input::placeholder, .field input::placeholder {
  color: var(--muted-foreground);
}

.field-input:focus, .field input:focus, .editor-person-row select:focus, .editor-person-name:focus {
  border-color: color-mix(in srgb, var(--primary) 48%, var(--border) 52%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent 82%);
  outline: none;
}

.field-input-error {
  border-color: color-mix(in srgb, #ef4444 70%, var(--border) 30%);
}

.field-hint {
  color: var(--muted-foreground);
  font-size: 12px;
}

.field-hint-error {
  color: #fca5a5;
}

.mobile-dropdown {
  position: relative;
}

.mobile-dropdown-compact .mobile-dropdown-trigger {
  border-radius: 14px;
  height: 42px;
  padding-inline: 12px;
  font-size: 13px;
}

.mobile-dropdown-trigger {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  height: 48px;
  color: var(--foreground);
  text-align: left;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  display: flex;
}

.mobile-dropdown-trigger:disabled {
  opacity: .6;
}

.mobile-dropdown-placeholder {
  color: var(--muted-foreground);
}

.mobile-dropdown-chevron {
  color: var(--muted-foreground);
  transition: transform .22s ease-out;
}

.mobile-dropdown-chevron.is-open {
  transform: rotate(180deg);
}

.mobile-dropdown-popover {
  z-index: 45;
  border: 1px solid var(--border);
  background: var(--card);
  width: 100%;
  box-shadow: var(--shadow);
  border-radius: 18px;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  overflow: hidden;
}

.mobile-dropdown-search {
  border-bottom: 1px solid var(--border);
  padding: 10px;
}

.mobile-dropdown-search-input {
  border: 1px solid var(--border);
  background: var(--secondary);
  width: 100%;
  height: 40px;
  color: var(--foreground);
  border-radius: 12px;
  padding: 0 12px;
}

.mobile-dropdown-list {
  gap: 6px;
  max-height: 248px;
  padding: 8px;
  display: grid;
  overflow-y: auto;
}

.mobile-dropdown-item {
  width: 100%;
  min-height: 42px;
  color: var(--muted-foreground);
  text-align: left;
  background: none;
  border: 0;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.mobile-dropdown-item.is-active {
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--foreground);
}

.mobile-dropdown-empty {
  color: var(--muted-foreground);
  text-align: center;
  padding: 12px;
}

.mobile-date-picker, .mobile-date-picker-control {
  position: relative;
}

.mobile-date-picker-control .field-input {
  width: 100%;
  padding-right: 56px;
}

.mobile-date-picker-trigger {
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--secondary) 82%, var(--card) 18%);
  width: 36px;
  height: 36px;
  color: var(--foreground);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.mobile-date-picker-popover {
  z-index: 40;
  border: 1px solid var(--border);
  background: var(--card);
  width: min(100vw - 56px, 320px);
  box-shadow: var(--shadow);
  border-radius: 20px;
  padding: 14px;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
}

.mobile-date-picker-toolbar {
  grid-template-columns: minmax(0, 1fr) 108px;
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}

.mobile-calendar {
  color: var(--foreground);
}

.mobile-calendar-hidden-caption, .mobile-calendar-hidden-nav {
  display: none;
}

.mobile-calendar-months, .mobile-calendar-month {
  display: grid;
}

.mobile-calendar-weekdays, .mobile-calendar-week {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}

.mobile-calendar-weekday {
  text-align: center;
  color: var(--muted-foreground);
  text-transform: capitalize;
  padding: 4px 0 8px;
  font-size: 12px;
}

.mobile-calendar-day {
  justify-content: center;
  padding: 2px;
  display: flex;
}

.mobile-calendar-day-button {
  aspect-ratio: 1;
  width: 100%;
  color: var(--foreground);
  background: none;
  border: 1px solid #0000;
  border-radius: 14px;
  font-size: 14px;
}

.mobile-calendar-day-button:hover {
  background: color-mix(in srgb, var(--secondary) 70%, var(--card) 30%);
}

.mobile-calendar-day-selected .mobile-calendar-day-button, .mobile-calendar-day-button[aria-selected="true"] {
  background: var(--primary);
  color: var(--primary-foreground);
}

.mobile-calendar-day-today .mobile-calendar-day-button {
  border-color: color-mix(in srgb, var(--primary) 48%, var(--border) 52%);
}

.mobile-calendar-day-outside .mobile-calendar-day-button {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent 28%);
}

.primary-button {
  background: var(--primary);
  height: 50px;
  color: var(--primary-foreground);
  border: 0;
  border-radius: 14px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .app-shell {
    max-width: 440px;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__2d5c9a92._.css.map*/