:root {
  /* 旧变量 → 设计令牌别名（--t-* 定义见 tokens.css）；仅保留仍有引用点的名字 */
  --bg-primary: var(--t-canvas);
  --text-primary: var(--t-ink);
  --border: var(--t-line);
  /* 主题强调色三件套：桌面取 Hearth 琥珀，移动端经下方 body.mobile 覆盖为 Vinyl 琥珀。
     desktop.css 与 mobile.css 一律引用变量，不再散落字面量。 */
  --brand: var(--t-acc);
  --brand-strong: var(--t-acc);
  --brand-dim: var(--t-accsoft);
  --brand-rgb: 217, 166, 98;
}

body.mobile {
  --brand: var(--t-acc);
  --brand-strong: var(--t-acc);
  --brand-active: var(--t-warn);
  --brand-deep: var(--t-track);
  --brand-deeper: var(--t-deepband);
  --brand-dim: var(--t-accsoft);
  --brand-rgb: 228, 192, 124;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Main Container */
#main-container {
  flex: 1;
  display: flex;
  overflow: hidden;
}

/* Sidebar / 文件列表样式由 desktop.css 的 .library-panel / .category-panel / .audio-list /
   .file-item 系列负责；此处不再保留旧版 ID 选择器规则，避免压过新版设计。 */

/* 通用完成标记开关：桌面列表与移动端列表共用 */
.audio-completion-toggle {
  border: 0;
  cursor: pointer;
  font: inherit;
}

/* Dropzone 样式由 desktop.css 的 .upload-dropzone 系列负责 */
/* 登录框样式由 desktop.css 的 #login-box / .primary-button 系列负责 */
/* 播放条/跳转输入样式由 desktop.css 的 #statusbar / #seek-input 系列负责 */

/* Hidden */

/* Review toast（双端共用） */
.review-toast {
  position: fixed;
  left: 50%;
  bottom: 72px;
  transform: translate(-50%, 12px);
  z-index: 300;
  max-width: min(460px, calc(100vw - 32px));
  padding: 10px 18px;
  color: var(--t-ink);
  background: color-mix(in srgb, var(--t-deepband) 94%, transparent);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  font-size: 13px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  backdrop-filter: blur(16px);
}
.review-toast.visible { opacity: 1; transform: translate(-50%, 0); }