:root {
      --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
      --bg: #111318;
      --surface: #1a1e28;
      --surface-2: #222836;
      --border: rgba(236, 228, 212, 0.09);
      --border-strong: rgba(236, 228, 212, 0.16);
      --text: #ece8df;
      --text-muted: #a8a39a;
      --text-dim: #6f6b64;
      --amber: #e5a84a;
      --amber-dim: rgba(229, 168, 74, 0.14);
      --blue: #6b9fd4;
      --ring: rgba(229, 168, 74, 0.5);
      --max: 1184px;
      --nav-h: 72px;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: "PT Sans", system-ui, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }

    
    .screen { display: none; }
    .screen.active { display: block; }

    /* ── Logo ── */
    .brand {
      display: flex; align-items: center; gap: 14px;
      text-decoration: none; color: var(--text);
    }
    .brand svg { width: 44px; height: 44px; flex-shrink: 0; }
    .brand-text { display: flex; flex-direction: column; gap: 2px; }
    .brand-name {
      font-family: "PT Serif", Georgia, serif;
      font-size: 22px; font-weight: 700; letter-spacing: -0.02em; line-height: 1;
    }
    .brand-tag {
      font-size: 10px; font-weight: 700; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--amber);
    }

    /* ── Nav ── */
    .site-nav {
      position: sticky; top: 0; z-index: 100;
      height: var(--nav-h);
      background: rgba(17, 19, 24, 0.94);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
    }
    .site-nav-inner {
      max-width: var(--max); margin: 0 auto; height: 100%;
      padding: 0 24px;
      display: flex; align-items: center; justify-content: space-between; gap: 16px;
      min-width: 0;
    }
    .brand { flex-shrink: 0; }
    .nav-links {
      display: flex; gap: 0; list-style: none;
      flex: 1 1 auto; justify-content: center; min-width: 0;
    }
    .nav-actions { flex-shrink: 0; }
    .nav-links a {
      color: var(--text-muted); text-decoration: none;
      font-size: 15px; font-weight: 700;
      padding: 10px 16px; border-radius: 4px;
      transition: color 150ms var(--ease-out), background 150ms var(--ease-out);
    }
    .nav-links a:hover { color: var(--text); background: rgba(255,255,255,0.04); }
    .nav-links a.active { color: var(--text); box-shadow: inset 0 -2px 0 var(--amber); border-radius: 0; }
    .nav-actions { display: flex; gap: 8px; }
    .btn {
      font: 700 14px/1 "PT Sans", sans-serif;
      padding: 10px 18px; border-radius: 4px; cursor: pointer; border: none;
      transition: transform 150ms var(--ease-out), filter 150ms var(--ease-out), background 150ms var(--ease-out);
    }
    .btn:active { transform: scale(0.98); }
    .btn:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
    .btn-ghost { background: transparent; color: var(--text-muted); border: 1px solid var(--border); }
    .btn-ghost:hover { color: var(--text); border-color: var(--border-strong); }
    .btn-primary { background: var(--amber); color: #1a1208; }
    .btn-primary:hover { filter: brightness(1.06); }
    .btn-sm { padding: 8px 14px; font-size: 13px; }

    .container { max-width: var(--max); margin: 0 auto; padding: 40px 24px 72px; }

    .section-head {
      display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
      margin-bottom: 28px; padding-bottom: 16px;
      border-bottom: 1px solid var(--border);
    }
    .section-head h2 {
      font-family: "PT Serif", Georgia, serif;
      font-size: 28px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.15;
    }
    .section-head .more {
      font-size: 14px; font-weight: 700; color: var(--blue); text-decoration: none;
      white-space: nowrap;
    }
    .section-head .more:hover { text-decoration: underline; }

    /* ── Hero: editorial, not startup ── */
    .hero-grid {
      display: grid;
      grid-template-columns: 1fr 440px;
      gap: 32px;
      align-items: start;
      margin-bottom: 56px;
    }
    .hero-kicker {
      font-size: 13px; font-weight: 700; color: var(--text-dim);
      text-transform: uppercase; letter-spacing: 0.1em;
      margin-bottom: 16px;
    }
    .hero-title {
      font-family: "PT Serif", Georgia, serif;
      font-size: clamp(36px, 4.5vw, 52px);
      font-weight: 700; line-height: 1.08; letter-spacing: -0.03em;
      margin-bottom: 20px;
      max-width: 14ch;
    }
    .hero-lead {
      font-size: 17px; color: var(--text-muted); line-height: 1.65;
      max-width: 48ch; margin-bottom: 28px;
    }
    .hero-facts {
      display: flex; flex-wrap: wrap; gap: 24px 40px;
      padding-top: 24px; border-top: 1px solid var(--border);
    }
    .hero-fact strong {
      display: block; font-family: "PT Serif", serif;
      font-size: 26px; color: var(--amber); line-height: 1.1; margin-bottom: 4px;
    }
    .hero-fact span { font-size: 13px; color: var(--text-dim); }

    /* Player — broadcast panel */
    .broadcast-panel {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      overflow: hidden;
    }
    .broadcast-header {
      padding: 14px 20px;
      background: var(--surface-2);
      border-bottom: 1px solid var(--border);
      display: flex; justify-content: space-between; align-items: center;
    }
    .broadcast-header span { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-dim); }
    .on-air {
      font-size: 12px; font-weight: 700; color: var(--amber);
      display: flex; align-items: center; gap: 8px;
    }
    .on-air::before {
      content: ""; width: 8px; height: 8px; border-radius: 50%;
      background: var(--amber);
    }
    .broadcast-body { padding: 20px; }
    .station-scroll {
      max-height: 200px; overflow-y: auto; margin-bottom: 16px;
      padding-right: 4px;
      scrollbar-width: thin; scrollbar-color: var(--surface-2) transparent;
    }
    .station-group { margin-bottom: 12px; }
    .station-group:last-child { margin-bottom: 0; }
    .station-group-label {
      font-size: 10px; font-weight: 700; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--text-dim);
      margin-bottom: 8px; padding-left: 2px;
    }
    .station-select {
      display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
    }
    .station-btn {
      text-align: left; padding: 8px 10px;
      background: var(--bg); border: 1px solid var(--border); border-radius: 4px;
      color: var(--text-muted); font: 700 11px/1.25 "PT Sans", sans-serif; cursor: pointer;
      transition: border-color 150ms var(--ease-out), color 150ms var(--ease-out), background 150ms var(--ease-out);
    }
    .station-btn:hover { border-color: var(--border-strong); color: var(--text); }
    .station-btn.active { border-color: rgba(229,168,74,0.5); background: var(--amber-dim); color: var(--text); }
    .station-btn .st-sub { display: block; font-weight: 400; font-size: 10px; color: var(--text-dim); margin-top: 2px; }
    .now-line {
      display: flex; gap: 16px; align-items: center; margin-bottom: 16px;
    }
    .now-cover {
      width: 64px; height: 64px; border-radius: 4px; flex-shrink: 0;
      background: var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Crect fill='%23222836' width='64' height='64'/%3E%3Ccircle cx='32' cy='32' r='20' fill='none' stroke='%23e5a84a' stroke-width='1.5' opacity='.5'/%3E%3Ccircle cx='32' cy='32' r='8' fill='%23e5a84a' opacity='.8'/%3E%3C/svg%3E") center/cover;
      border: 1px solid var(--border);
    }
    .now-text .title { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
    .now-text .sub { font-size: 13px; color: var(--text-muted); }
    .play-row { display: flex; align-items: center; gap: 8px; }
    .play-main {
      flex: 1; height: 44px; border: none; border-radius: 4px;
      background: var(--amber); color: #1a1208;
      font: 700 14px/1 "PT Sans", sans-serif; cursor: pointer;
    }
    .play-main:hover { filter: brightness(1.05); }
    .play-main:active { transform: scale(0.99); }
    .play-main.is-playing { background: var(--surface-2); color: var(--amber); border: 1px solid rgba(229,168,74,0.45); }
    .player-status { font-size: 12px; color: var(--text-dim); margin-top: 10px; min-height: 16px; }
    .player-status.error { color: #e88; }

    /* ── Genre tiles: BIG ── */
    .genre-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
    .genre-tile {
      position: relative;
      min-height: 220px;
      border-radius: 8px;
      overflow: hidden;
      border: 1px solid var(--border);
      text-decoration: none; color: var(--text);
      display: flex; flex-direction: column; justify-content: flex-end;
      padding: 24px;
      transition: transform 200ms var(--ease-out), border-color 200ms var(--ease-out);
    }
    .genre-tile:hover {
      transform: translateY(-3px);
      border-color: var(--border-strong);
    }
    .genre-tile::before {
      content: "";
      position: absolute; inset: 0;
      opacity: 0.92;
    }
    .genre-tile::after {
      content: "";
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.15) 55%, transparent 100%);
    }
    .genre-tile--rock::before {
      background:
        repeating-linear-gradient(-12deg, transparent, transparent 18px, rgba(0,0,0,0.15) 18px, rgba(0,0,0,0.15) 20px),
        radial-gradient(ellipse 120% 80% at 80% 20%, #8b2e2e 0%, #3d1515 45%, #1a0a0a 100%);
    }
    .genre-tile--electro::before {
      background:
        linear-gradient(rgba(90,120,255,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(90,120,255,0.08) 1px, transparent 1px),
        radial-gradient(circle at 30% 70%, #4a3d8f 0%, #1a1535 50%, #0d0c18 100%);
      background-size: 24px 24px, 24px 24px, 100% 100%;
    }
    .genre-tile--jazz::before {
      background:
        radial-gradient(circle at 20% 30%, rgba(229,168,74,0.35) 0%, transparent 45%),
        radial-gradient(circle at 75% 65%, rgba(180,120,60,0.25) 0%, transparent 40%),
        linear-gradient(145deg, #3d2e1a 0%, #1f1810 100%);
    }
    .genre-tile--retro::before {
      background:
        radial-gradient(circle, rgba(236,228,212,0.12) 1px, transparent 1px),
        linear-gradient(160deg, #4a4035 0%, #2a241c 40%, #141210 100%);
      background-size: 8px 8px, 100% 100%;
    }
    .genre-icon {
      position: absolute; top: 20px; right: 20px; z-index: 1;
      width: 56px; height: 56px; opacity: 0.35;
    }
    .genre-body { position: relative; z-index: 2; }
    .genre-body h3 {
      font-family: "PT Serif", Georgia, serif;
      font-size: 32px; font-weight: 700; line-height: 1.05;
      letter-spacing: -0.02em; margin-bottom: 8px;
    }
    .genre-body p { font-size: 15px; color: rgba(236,228,212,0.75); margin-bottom: 12px; max-width: 28ch; }
    .genre-meta {
      font-size: 13px; font-weight: 700; color: var(--amber);
      letter-spacing: 0.04em;
    }

    /* ── News: editorial bento ── */
    .news-bento {
      display: grid;
      grid-template-columns: 1.35fr 1fr;
      grid-template-rows: auto auto;
      gap: 16px;
    }
    .news-featured {
      grid-row: span 2;
      display: flex; flex-direction: column;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      overflow: hidden;
      text-decoration: none; color: inherit;
      transition: border-color 200ms var(--ease-out);
    }
    .news-featured:hover { border-color: var(--border-strong); }
    .news-featured-visual {
      height: 280px;
      position: relative;
      background: var(--surface-2);
      overflow: hidden;
    }
    .news-featured-visual img,
    .news-compact-visual img {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }
    .news-featured-visual .label {
      position: absolute; bottom: 20px; left: 24px;
      font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--amber);
      background: rgba(0,0,0,0.55); padding: 6px 10px; border-radius: 3px;
    }
    .news-featured-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }
    .news-featured-body .date { font-size: 13px; color: var(--text-dim); margin-bottom: 12px; }
    .news-featured-body h3 {
      font-family: "PT Serif", Georgia, serif;
      font-size: 26px; line-height: 1.2; letter-spacing: -0.02em;
      margin-bottom: 12px;
    }
    .news-featured-body p {
      font-size: 15px; color: var(--text-muted); line-height: 1.6;
      flex: 1;
    }
    .news-featured-body .source {
      margin-top: 16px; font-size: 13px; font-weight: 700; color: var(--blue);
    }

    .news-compact {
      display: flex; gap: 0;
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
      overflow: hidden;
      text-decoration: none; color: inherit;
      min-height: 148px;
      transition: border-color 200ms var(--ease-out);
    }
    .news-compact:hover { border-color: var(--border-strong); }
    .news-compact-visual {
      width: 42%;
      min-width: 140px;
      flex-shrink: 0;
      background: var(--surface-2);
      overflow: hidden;
    }
    .news-compact-body {
      padding: 20px;
      display: flex; flex-direction: column; justify-content: center;
      flex: 1; min-width: 0;
    }
    .news-compact-body .tag {
      font-size: 10px; font-weight: 700; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--amber); margin-bottom: 8px;
    }
    .news-compact-body h3 {
      font-family: "PT Serif", Georgia, serif;
      font-size: 17px; line-height: 1.3; letter-spacing: -0.01em;
      margin-bottom: 8px;
      display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    }
    .news-compact-body .date { font-size: 12px; color: var(--text-dim); }

    /* ── Forum strip ── */
    .forum-strip {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: 8px;
    }
    .forum-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 16px; align-items: center;
      padding: 18px 24px;
      border-bottom: 1px solid var(--border);
      text-decoration: none; color: inherit;
      transition: background 150ms var(--ease-out);
    }
    .forum-row:last-child { border-bottom: none; }
    .forum-row:hover { background: rgba(255,255,255,0.02); }
    .forum-row h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; }
    .forum-row .meta { font-size: 13px; color: var(--text-dim); }
    .forum-row .stats { font-size: 13px; color: var(--text-muted); text-align: right; }

    .section { margin-top: 56px; }

    /* ── Other screens (lighter pass) ── */
    h1.page-title {
      font-family: "PT Serif", Georgia, serif;
      font-size: 36px; letter-spacing: -0.02em; margin-bottom: 8px;
    }
    .page-lead { font-size: 16px; color: var(--text-muted); margin-bottom: 32px; max-width: 56ch; }

    .catalog-layout { display: grid; grid-template-columns: 220px 1fr; gap: 24px; }
    .sidebar {
      background: var(--surface); border: 1px solid var(--border);
      border-radius: 8px; padding: 16px;
    }
    .sidebar h3 {
      font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--text-dim); margin-bottom: 12px;
    }
    .genre-list { list-style: none; }
    .genre-list a {
      display: flex; justify-content: space-between;
      padding: 10px 12px; border-radius: 4px;
      text-decoration: none; color: var(--text-muted); font-size: 14px; font-weight: 700;
    }
    .genre-list a:hover { background: rgba(255,255,255,0.04); color: var(--text); }
    .genre-list a.active { background: var(--amber-dim); color: var(--amber); }

    .track-table { background: var(--surface); border: 1px solid var(--border); border-radius: 8px; }
    .track-row {
      display: grid; grid-template-columns: 32px 52px 1fr auto auto;
      gap: 16px; align-items: center;
      padding: 14px 20px; border-bottom: 1px solid var(--border);
    }
    .track-row:last-child { border-bottom: none; }
    .track-cover {
      width: 52px; height: 52px; border-radius: 4px;
      background: var(--surface-2); border: 1px solid var(--border);
      object-fit: cover; display: block; flex-shrink: 0;
    }
    .license { font-size: 11px; font-weight: 700; color: #7dcea0; background: rgba(125,206,160,0.12); padding: 4px 8px; border-radius: 3px; }

    @media (max-width: 900px) {
      .hero-grid, .news-bento, .genre-grid, .catalog-layout { grid-template-columns: 1fr; }
      .news-featured { grid-row: auto; }
      .site-nav { height: auto; min-height: var(--nav-h); }
      .site-nav-inner {
        flex-wrap: wrap; align-items: center;
        padding: 10px 16px; gap: 10px;
      }
      .nav-links {
        order: 3; flex-basis: 100%; justify-content: flex-start;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; padding-bottom: 2px;
      }
      .nav-links::-webkit-scrollbar { display: none; }
      .nav-links a { white-space: nowrap; font-size: 14px; padding: 8px 12px; }
      .news-compact { flex-direction: column; }
      .news-compact-visual { width: 100%; height: 120px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }
    }
  
.footer{margin-top:48px;padding:40px 24px 48px;border-top:1px solid var(--border);color:var(--text-dim);font-size:13px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 40px;margin-bottom:28px}
.footer-col h4{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:9px;line-height:1.4}
.footer-col a{color:var(--text-dim);text-decoration:none}
.footer-col a:hover{color:var(--amber)}
.footer-support{color:var(--text-muted);font-size:13px;line-height:1.5}
.footer-support a{color:var(--amber);text-decoration:none}
.footer-bottom{text-align:center;padding-top:22px;border-top:1px solid var(--border);font-size:12px;color:var(--text-dim)}
.legal-page{padding:28px 0 40px}
.legal-body{font-size:15px;line-height:1.65;color:var(--text-muted);max-width:72ch}
.legal-body h2{font-family:"PT Serif",Georgia,serif;font-size:22px;color:var(--text);margin:32px 0 12px}
.legal-body h2:first-child{margin-top:0}
.legal-body p,.legal-body li{margin-bottom:12px}
.legal-body ul{padding-left:1.25em}
.legal-back{display:inline-block;margin-top:28px;font-size:14px;color:var(--amber);text-decoration:none}
.legal-back:hover{text-decoration:underline}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:22px}}
.breadcrumb{font-size:13px;color:var(--text-dim);margin:24px 0 8px}.breadcrumb a{color:var(--amber);text-decoration:none}
.section-subtitle{font-family:"PT Serif",serif;font-size:22px;margin:40px 0 16px}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px}
.board-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px;text-decoration:none;color:inherit;transition:background 150ms var(--ease-out)}
.board-card:hover{background:rgba(255,255,255,.03)}.board-card h3{font-size:16px;margin-bottom:6px}.board-card p{font-size:13px;color:var(--text-muted);margin-bottom:10px;line-height:1.45}
.board-count{font-size:12px;color:var(--amber);font-weight:700}
.track-num{color:var(--text-dim);font-size:13px}.track-info a{color:inherit;text-decoration:none}.track-info a:hover{color:var(--amber)}
.track-artist{font-size:13px;color:var(--text-muted)}.track-size{font-size:13px;color:var(--text-dim)}
.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pager-link{padding:8px 12px;border:1px solid var(--border);border-radius:4px;text-decoration:none;color:var(--text-muted);font-size:13px;font-weight:700}
.pager-link.active,.pager-link:hover{color:var(--amber);border-color:rgba(229,168,74,.4);background:var(--amber-dim)}
.track-detail-grid{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start}
.track-detail-cover{width:200px;height:200px;border-radius:8px;border:1px solid var(--border);object-fit:cover;display:block;background:var(--surface-2)}
.track-row a:has(.track-cover){display:block;line-height:0}
.track-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}
.track-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.track-legal{font-size:13px;color:var(--text-dim);max-width:60ch;line-height:1.5}
.topic-head{margin-bottom:24px}.topic-meta{font-size:14px;color:var(--text-dim)}
.post-list{display:flex;flex-direction:column;gap:12px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px}
.post-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;color:var(--text-dim)}
.post-body{font-size:15px;line-height:1.6;color:var(--text-muted);white-space:pre-wrap}
.topic-reply-hint{margin-top:24px;font-size:14px;color:var(--text-dim)}.link-btn{background:none;border:none;color:var(--amber);cursor:pointer;font:inherit;padding:0;text-decoration:underline}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;align-items:center;justify-content:center;padding:24px}
.modal-overlay.open{display:flex}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:28px;max-width:400px;width:100%;position:relative}
.modal-lg{max-width:440px}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;line-height:1}
.modal-title{font-family:"PT Serif",serif;font-size:24px;margin-bottom:6px}.modal-lead{font-size:14px;color:var(--text-muted);margin-bottom:20px}
.tabs{display:flex;gap:0;background:rgba(255,255,255,.04);border-radius:6px;padding:4px;margin-bottom:20px}
.tab{flex:1;border:none;background:transparent;color:var(--text-muted);font:700 13px/1 "PT Sans",sans-serif;padding:10px;border-radius:4px;cursor:pointer}
.tab.active{background:var(--surface-2);color:var(--text)}
.field{margin-bottom:14px}.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}
.field input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:4px;padding:11px 12px;color:var(--text);font-size:15px}
.captcha-box{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:4px;padding:12px;margin-bottom:14px}
.captcha-question{flex:1;font-size:14px;font-weight:700}.captcha-input{width:64px;text-align:center}
.captcha-refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}
.agree-row{display:flex;gap:10px;font-size:13px;color:var(--text-muted);margin-bottom:16px;align-items:flex-start}
.agree-row a{color:var(--amber)}.btn-block{width:100%}.form-error{color:#e88;font-size:14px;margin:12px 0 4px;text-align:center}.success-msg{text-align:center;padding:12px 0}
.success-msg h4{font-family:"PT Serif",serif;margin-bottom:8px}
@media(max-width:900px){.track-detail-grid{grid-template-columns:1fr}.track-detail-cover{width:100%;max-width:240px;height:160px}}