/* Scoped account workspace, using the existing day/night theme switch. */
.public-home[hidden], .dashboard[hidden], .mirror-page [hidden] { display: none !important; }
.sidebar-nav :is(button, a) { transition:background .18s,color .18s; }
.mirror-page { --mirror-ink:#f5f5f7; --mirror-muted:#9b9da8; --mirror-line:#ffffff13; --mirror-card:#191b21; --mirror-inset:#111318; --mirror-blue:#69abff; --mirror-soft:#27364c; color:var(--mirror-ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif; width:100%; max-width:1280px; min-width:0; margin:0 auto; }
.workspace-page.mirror-page{display:block;width:100%;max-width:1280px;min-width:0;margin:0 auto;box-sizing:border-box}.workspace-page.mirror-page .mirror-search-card,.workspace-page.mirror-page .mirror-results,.workspace-page.mirror-page .tag-history-card,.workspace-page.mirror-page .mirror-footer{width:100%;box-sizing:border-box}
.day-mode .mirror-page { --mirror-ink:#1d1d1f; --mirror-muted:#818187; --mirror-line:#e8e9ed; --mirror-card:#ffffffed; --mirror-inset:#f6f7f9; --mirror-blue:#0071e3; --mirror-soft:#eef5ff; }
.dashboard.mirror-active { background:radial-gradient(ellipse at 80% 0%,#17202f55,transparent 55%),#101115; }
.day-mode .dashboard.mirror-active { background:radial-gradient(ellipse at 90% 8%,#eaf2ff88,transparent 55%),#f5f5f7; }
@media(max-width:760px){body.workspace-nav-top:not(.day-mode) .dashboard.mirror-active{background:#101115!important;background-image:none!important;}}
.mirror-page button,.mirror-page input { font:inherit; }
.mirror-page button,.mirror-page a { -webkit-tap-highlight-color:transparent; }
.mirror-page button { cursor:pointer; }
.mirror-page button:disabled { cursor:wait; opacity:.65; }
.mirror-page button:focus-visible,.mirror-page a:focus-visible { outline:3px solid #007aff80; outline-offset:4px; }
.mirror-topline { display:flex; justify-content:space-between; gap:16px; font-size:16px; color:var(--mirror-muted); align-items:center; margin-bottom:18px; }
.mirror-page { font-size:16px; }

.mirror-search-meta { font-size:15px; }
.mirror-primary { font-size:17px!important; }
.mirror-feedback { font-size:16px; }
.mirror-slash { margin:0 10px; opacity:.4; }
.mirror-search-card { background:var(--mirror-card); border:1px solid var(--mirror-line); border-radius:23px; box-shadow:0 10px 40px #00000005,0 2px 4px #00000003; padding:28px 30px 28px; overflow:hidden; }
.mirror-search-intro { display:flex; align-items:center; gap:14px; margin-bottom:27px; }
.mirror-symbol { width:44px; height:48px; border-radius:14px; display:grid; place-items:center; color:var(--mirror-blue); background:var(--mirror-soft); flex:none; }
.mirror-symbol svg { width:25px; height:25px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mirror-search-intro h2 { font-size:19px; font-weight:600; letter-spacing:-.02em; margin:0 0 7px; }
.mirror-search-intro p { color:var(--mirror-muted); font-size:14px; margin:0; line-height:1.7; }
.video-parse-title { display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.video-parse-title .vp-name { font-weight:600; color:var(--mirror-ink); }
.video-parse-title .vp-core { font-weight:600; color:#10b981; }
.video-parse-title .vp-sub { font-weight:400; color:var(--mirror-muted); }
.video-parse-title .vp-spark { display:inline-flex; margin-left:4px; color:#10b981; }
.video-parse-title .vp-spark svg { width:18px; height:18px; display:block; }
.day-mode .video-parse-title .vp-core { color:#0b8a5e; }
.day-mode .video-parse-title .vp-spark { color:#0b8a5e; }
.mirror-account-label { display:block; font-size:14px; font-weight:500; margin:0 0 9px; }
.mirror-search-row { display:flex; gap:10px; }
.mirror-input-wrap { display:flex; align-items:center; gap:12px; background:var(--mirror-inset); border:1px solid var(--mirror-line); border-radius:13px; padding:0 16px; flex:1; min-width:0; transition:box-shadow .2s,border-color .2s; }
.mirror-input-wrap:focus-within { border-color:var(--mirror-blue); box-shadow:0 0 0 4px #007aff12; }
.mirror-input-wrap>svg { width:20px; height:20px; stroke:var(--mirror-muted); stroke-width:1.6; flex:none; stroke-linecap:round; }
.mirror-input-wrap input { background:transparent; border:0; outline:none; color:var(--mirror-ink); font-size:14px; width:100%; height:53px; min-width:0; }
.mirror-input-wrap input::placeholder { color:var(--mirror-muted); opacity:.72; }
.mirror-input-wrap button { display:grid; place-items:center; line-height:0; border:0; background:var(--mirror-line); color:var(--mirror-muted); width:21px; height:21px; border-radius:50%; font-size:15px; flex:none; padding:0; }
.mirror-primary { display:flex; align-items:center; justify-content:center; gap:26px; color:#fff; background:#0071e3; border:0; border-radius:13px; padding:0 24px; font-size:13px!important; font-weight:550!important; white-space:nowrap; box-shadow:0 4px 10px #0071e317; transition:background .15s,transform .15s; }
.mirror-primary:hover { background:#0077ed; transform:translateY(-1px); }
.mirror-primary svg { width:18px; height:18px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mirror-primary.loading svg { display:none; }
.mirror-primary.loading::after { content:""; width:14px; height:14px; border:2px solid #ffffff55; border-top-color:#fff; border-radius:50%; animation:mirror-spin .8s linear infinite; }
.mirror-search-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; color:var(--mirror-muted); }
.mirror-search-meta .tag-notice { margin:0; }
.mirror-search-meta>span { flex:none; font-size:13px; }

.mirror-setup { display:flex; align-items:center; gap:11px; margin-top:14px; padding:15px 18px; border:1px solid var(--mirror-line); border-radius:13px; background:var(--mirror-card); }
.mirror-note-icon { color:var(--mirror-blue); border:1px solid currentColor; border-radius:50%; font-size:13px; width:16px; height:16px; display:grid; place-items:center; flex:none; }
.mirror-setup b { font-size:14px; font-weight:500; }
.mirror-setup p { margin:5px 0 0; color:var(--mirror-muted); font-size:13px; line-height:1.7; }
.mirror-setup button { margin-left:auto; border:0; background:none; color:var(--mirror-blue); font-size:14px; white-space:nowrap; padding:8px; }
.mirror-feedback { margin-top:17px; border:1px solid #eea53733; background:#eea5370c; color:#dd9f43; border-radius:13px; padding:17px 20px; font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
.day-mode .mirror-feedback { color:#9a5b00; }
.mirror-feedback[data-kind="success"] { border-color:var(--mirror-line); background:var(--mirror-soft); color:var(--mirror-blue); }
.mirror-empty { text-align:center; padding:42px 10px 38px; }
.mirror-orb { width:92px; height:92px; margin:0 auto 20px; display:grid; place-items:center; position:relative; border:1px solid var(--mirror-line); border-radius:27px; background:linear-gradient(140deg,var(--mirror-card),var(--mirror-inset)); box-shadow:0 12px 30px #00000004,inset 0 1px 0 #ffffff08; transform:rotate(-7deg); }
.mirror-orb svg { width:52px; height:52px; stroke:var(--mirror-blue); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.68; transform:rotate(7deg); }
.mirror-spark { position:absolute; top:-10px; right:-8px; color:var(--mirror-blue); font-size:22px; }
.mirror-empty h2 { margin:0 0 10px; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.mirror-empty>p { color:var(--mirror-muted); margin:0; font-size:14px; line-height:1.8; }
.mirror-features { display:flex; justify-content:center; gap:27px; margin-top:28px; font-size:14px; color:var(--mirror-muted); }
.mirror-features i { font-style:normal; font-size:12px; padding-right:7px; opacity:.5; }
.mirror-footer { display:flex; align-items:center; justify-content:space-between; padding:20px 0 24px; gap:12px; font-size:13px; color:var(--mirror-muted); }
.mirror-footer i { font-style:normal; padding:0 8px; opacity:.4; }
.mirror-results { margin:29px 0 26px; animation:mirror-in .3s ease; }
.mirror-result-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.mirror-result-bar h2 { font-size:18px; font-weight:600; margin:0; }
.mirror-result-bar button { border:1px solid var(--mirror-line); background:var(--mirror-card); color:var(--mirror-muted); border-radius:8px; padding:8px 11px; font-size:13px; }
.mirror-result-bar button span { margin-left:10px; }
.mirror-profile { display:flex; justify-content:space-between; align-items:center; gap:18px; border:1px solid var(--mirror-line); border-radius:18px; background:var(--mirror-card); padding:24px; }
.mirror-profile-main { display:flex; align-items:center; gap:16px; min-width:0; }
.mirror-profile-main>div { min-width:0; }
.mirror-avatar { width:54px; height:54px; display:grid; place-items:center; background:var(--mirror-soft); color:var(--mirror-blue); font-size:23px; font-weight:500; border-radius:17px; flex:none; }
.mirror-overline { font-size:13px; color:var(--mirror-muted); }
.mirror-profile h3 { font-size:24px; margin:5px 0 7px; font-weight:600; overflow-wrap:anywhere; }
.mirror-profile p { font-size:14px; margin:0; color:var(--mirror-muted); overflow-wrap:anywhere; }
.mirror-profile p span { color:var(--mirror-ink); margin-left:8px; }
.mirror-assessment { text-align:right; flex-shrink:0; }
.mirror-assessment>span { display:block; font-size:13px; color:var(--mirror-muted); }
.mirror-assessment strong { display:inline-block; border-radius:7px; padding:6px 11px; margin:7px 0; font-size:16px; font-weight:550; background:var(--mirror-inset); color:var(--mirror-muted); }
.mirror-assessment strong[data-level="0"] { background:#34c75912; color:#33ae5e; }
.day-mode .mirror-assessment strong[data-level="0"] { color:#248644; }
.mirror-assessment strong[data-level="1"] { background:#ff9f0a12; color:#ba841f; }
.mirror-assessment strong[data-level="2"] { background:#ff453a12; color:#e95550; }
.mirror-assessment small { display:block; font-size:13px; color:var(--mirror-muted); }
.mirror-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:14px 0; }
.mirror-metric { padding:21px; border-radius:15px; background:var(--mirror-card); border:1px solid var(--mirror-line); min-width:0; }
.mirror-metric span { font-size:14px; color:var(--mirror-muted); }
.mirror-metric strong { display:block; font-size:28px; font-weight:550; letter-spacing:-.04em; margin-top:12px; overflow-wrap:anywhere; }
.mirror-metric .mirror-credit-level { min-height:34px; display:flex; align-items:center; }
.mirror-credit-level img { display:block; width:auto; height:auto; max-width:100%; image-rendering:auto; }
.mirror-metric small { font-size:14px; font-weight:400; margin-left:4px; color:var(--mirror-muted); }
.mirror-result-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mirror-detail-card { background:var(--mirror-card); border:1px solid var(--mirror-line); border-radius:17px; padding:24px; min-width:0; }
.mirror-section-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.mirror-section-head h3 { font-size:17px; font-weight:550; margin:0; }
.mirror-section-head>span { font-size:12px; letter-spacing:.1em; color:var(--mirror-muted); opacity:.6; }
.mirror-section-head button:not(.history-clear-button) { border:1px solid var(--mirror-line); background:var(--mirror-card); color:var(--mirror-muted); border-radius:8px; padding:8px 11px; font-size:13px; cursor:pointer; }
.mirror-section-head button:not(.history-clear-button) span { margin-left:10px; }
.mirror-detail-card dl { margin:16px 0 0; }
.mirror-detail-card dl>div { display:flex; align-items:baseline; justify-content:space-between; gap:15px; border-bottom:1px solid var(--mirror-line); padding:11px 0; font-size:14px; }
.mirror-detail-card dl>div:last-child { border:0; padding-bottom:0; }
.mirror-detail-card dt { color:var(--mirror-muted); flex-shrink:0; }
.mirror-detail-card dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.mirror-card-description { font-size:13px; color:var(--mirror-muted); margin:10px 0 20px; }
.mirror-risk-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mirror-risk-item { background:var(--mirror-inset); border-radius:10px; text-align:center; padding:14px 8px; }
.mirror-risk-item strong { display:block; font-size:22px; font-weight:500; overflow-wrap:anywhere; }
.mirror-risk-item span { display:block; color:var(--mirror-muted); font-size:13px; margin-top:7px; }
.mirror-risk-item.flagged { background:#ff453a0a; }
.mirror-risk-item.flagged strong { color:#e95550; }
.mirror-risk-item:last-child { grid-column:1/-1; display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; padding:14px; }
.mirror-risk-item:last-child span { margin:0; }
.mirror-record-note { color:var(--mirror-muted); font-size:13px; line-height:1.8; margin:15px 0 0; }
.mirror-modal-overlay { --mirror-ink:#f5f5f7; --mirror-muted:#9b9da8; --mirror-line:#ffffff13; --mirror-card:#191b21; --mirror-inset:#111318; --mirror-blue:#69abff; --mirror-soft:#27364c; position:fixed; inset:0; z-index:var(--z-modal); display:grid; place-items:center; padding:20px; background:#000000a6; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); animation:mirror-in .18s ease; }
body.day-mode .mirror-modal-overlay { --mirror-ink:#1d1d1f; --mirror-muted:#818187; --mirror-line:#e8e9ed; --mirror-card:#ffffffed; --mirror-inset:#f6f7f9; --mirror-blue:#0071e3; --mirror-soft:#eef5ff; background:#0000005c; }
.mirror-modal { position:relative; width:min(430px,100%); background:var(--mirror-card); border:1px solid var(--mirror-line); border-radius:22px; padding:32px 30px 26px; box-shadow:0 24px 70px #00000073; text-align:center; color:var(--mirror-ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Microsoft YaHei",sans-serif; }
.mirror-modal-title { margin:0 0 12px; font-size:20px; font-weight:600; letter-spacing:-.02em; }
.mirror-modal>p { margin:0 0 26px; font-size:15px; line-height:1.8; color:var(--mirror-muted); overflow-wrap:anywhere; }
.mirror-modal-actions { display:flex; gap:12px; }
.mirror-modal-btn { flex:1; border:1px solid var(--mirror-line); background:var(--mirror-inset); color:var(--mirror-ink); border-radius:13px; padding:13px 10px; font-size:15px; font-weight:550; cursor:pointer; transition:background .15s,transform .15s; }
.mirror-modal-btn:hover { transform:translateY(-1px); }
.mirror-modal-btn.primary { border:0; background:#0071e3; color:#fff; }
.mirror-modal-btn.primary:hover { background:#0077ed; }
body.day-mode .mirror-modal-btn:focus-visible { outline:3px solid #007aff80; outline-offset:3px; }
.mirror-modal-cancel { position:absolute; top:12px; right:12px; width:28px; height:28px; border:0; border-radius:50%; background:transparent; color:var(--mirror-muted); font-size:19px; line-height:0; display:grid; place-items:center; padding:0; cursor:pointer; }
.mirror-modal-cancel:hover { background:var(--mirror-line); }
@keyframes mirror-spin { to { transform:rotate(360deg); } }
@keyframes mirror-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }

/* 超级打标页面 */
.tag-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 14px;min-inline-size:0}.tag-field{min-inline-size:0}
.tag-field:first-child { grid-column:1/-1; }
.tag-field label { display:block; font-size:14px; font-weight:500; margin:0 0 9px; }
.tag-form-foot { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; }
/* 与验照妖镜"查询账号"按钮同高：输入框 53px + 上下边框 2px。 */
.tag-form-foot .mirror-primary { height:55px; flex:none; padding:0 30px; }
.tag-notice { margin:0; font-size:14px; color:var(--mirror-muted); line-height:1.7; }
.tag-notice b { color:var(--mirror-ink); font-weight:600; }
.tag-notice b:first-child { color:#dd9f43; }
.day-mode .tag-notice b:first-child { color:#9a5b00; }
.tag-history-card { margin-top:14px; }
.tag-history { display:flex; flex-direction:column; gap:8px; margin-top:6px; }
.tag-history-row { display:grid; grid-template-columns:34px minmax(90px,1fr) minmax(90px,1.4fr) minmax(120px,1.2fr) auto auto; align-items:center; gap:12px; background:var(--mirror-inset); border:1px solid var(--mirror-line); border-radius:11px; padding:12px 14px; font-size:14px; }
.tag-history-row .tag-history-shop.danger,
.tag-history-row .tag-history-keyword.danger,
.tag-history-row .danger { color:#d92d20!important; background:transparent; }

.tag-history-index { color:var(--mirror-muted); font-variant-numeric:tabular-nums; }
.tag-history-account { overflow-wrap:anywhere; }
.tag-history-keyword,.tag-history-shop { color:var(--mirror-muted); overflow-wrap:anywhere; }
.tag-history-time { color:var(--mirror-muted); font-size:13px; white-space:nowrap; }
.tag-history-state { color:#33ae5e; background:#34c75912; border-radius:6px; padding:4px 9px; font-size:13px; white-space:nowrap; }
.tag-history-empty { color:var(--mirror-muted); font-size:14px; margin:4px 0; }
@media (max-width:800px) { .tag-history-row { grid-template-columns:28px minmax(0,1fr) auto auto; gap:10px; padding:11px 12px; } .tag-history-shop,.tag-history-time { display:none; } .tag-history-account,.tag-history-keyword { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } }

/* 无痕补单页面 */
.order-page .tag-field-grid { grid-template-columns:1.4fr 1fr; }
.order-page .tag-field:first-child { grid-column:auto; }
.order-qr-card { display:grid; grid-template-columns:auto 1fr; gap:26px; align-items:start; margin:14px 0; padding:26px; border:1px solid var(--mirror-line); border-radius:18px; background:var(--mirror-card); }
.order-qr-frame { position:relative; width:230px; height:230px; flex:none; display:grid; place-items:center; border:1px solid var(--mirror-line); border-radius:15px; background:#fff; padding:12px; }
.order-qr-frame img { width:100%; height:100%; object-fit:contain; display:block; }
.order-qr-frame img:not([src]) { visibility:hidden; }
.order-qr-mask { position:absolute; inset:0; display:grid; place-items:center; border-radius:15px; background:var(--mirror-inset); color:var(--mirror-muted); font-size:14px; text-align:center; padding:14px; }
/* 商品信息移到二维码右侧 */
.order-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 22px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--mirror-line); }
.order-info-grid>div { min-width:0; }
.order-info-grid span { display:block; font-size:13px; color:var(--mirror-muted); margin-bottom:5px; }
.order-info-grid b { display:block; font-size:17px; font-weight:600; letter-spacing:-.01em; overflow-wrap:anywhere; }
.order-info-grid .order-state-ok { color:#1a8a4a; background:#34c75914; border-radius:8px; padding:2px 10px; font-size:15px; width:max-content; }
.day-mode .order-info-grid .order-state-ok { color:#12782f; }
.order-qr-side h3 { margin:0 0 9px; font-size:17px; font-weight:600; }
.order-qr-actions p { margin:0; color:var(--mirror-muted); font-size:14px; line-height:1.8; }
.order-qr-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; }
.order-qr-actions a { flex-shrink:0; white-space:nowrap; }
.order-qr-actions a { border:1px solid var(--mirror-line); background:var(--mirror-inset); color:var(--mirror-ink); border-radius:10px; padding:9px 14px; font-size:14px; text-decoration:none; transition:background .15s,transform .15s; }
.order-qr-actions a:hover { transform:translateY(-1px); background:var(--mirror-soft); }
.order-qr-actions a span { margin-left:6px; }
@media (max-width:800px) {
  .order-qr-card { grid-template-columns:1fr; justify-items:center; text-align:center; gap:18px; }
  .order-info-grid { grid-template-columns:1fr 1fr; }
  .order-info-grid .order-state-ok { margin-inline:auto; }
  .order-qr-actions { justify-content:center; }
}
@media (max-width:560px) {
  .tag-field-grid { grid-template-columns:1fr; }
  .order-page .tag-field-grid { grid-template-columns:1fr; }
  .order-page .tag-field:first-child { grid-column:auto; }
  .tag-form-foot { flex-direction:column; align-items:stretch; gap:12px; }
  .tag-form-foot .mirror-primary { width:100%; min-height:48px; justify-content:center; }
}
@media (max-width:1100px) { .mirror-search-meta small { display:none; } .mirror-detail-card { padding:20px; } .mirror-metric { padding:17px; } }
@media (max-width:800px) { .mirror-result-columns { grid-template-columns:1fr; } .mirror-setup { flex-wrap:wrap; } .mirror-setup>div { flex:1; } .mirror-setup button { margin-left:26px; } }
@media (max-width:560px) {
  .dash-content.mirror-active { padding:22px 15px 0; }
  .mirror-topline { font-size:14px; flex-wrap:wrap; gap:9px; }
  .mirror-search-card { border-radius:18px; padding:20px 17px 0; }
  .mirror-search-intro { gap:10px; align-items:flex-start; margin-bottom:23px; }
  .mirror-symbol { width:32px; height:36px; border-radius:10px; }
  .mirror-symbol svg { width:22px; }
  .mirror-search-intro h2 { font-size:17px; line-height:1.6; }
  .mirror-search-intro p { font-size:13px; }
  .mirror-search-row { flex-direction:column; gap:9px; }
  .mirror-primary { min-height:46px; }
  .mirror-input-wrap { padding:0 11px; gap:8px; }
  .mirror-input-wrap input { font-size:16px; height:49px; }
  .mirror-search-meta { margin-bottom:18px; font-size:13px; }
  .mirror-search-meta>span:last-child { display:none; }

  .mirror-setup { padding:13px; }
  .mirror-empty { padding:34px 0 30px; }
  .mirror-orb { width:72px; height:72px; border-radius:23px; }
  .mirror-empty h2 { font-size:17px; line-height:1.7; }
  .mirror-empty>p { font-size:13px; padding:0 8px; }
  .mirror-features { gap:12px; font-size:13px; }
  .mirror-features i { display:none; }
  .mirror-footer { font-size:12px; }
  .mirror-footer>span:last-child { display:none; }
  .mirror-profile { flex-direction:column; align-items:stretch; padding:18px; }
  .mirror-profile h3 { font-size:20px; }
  .mirror-assessment { text-align:left; border-top:1px solid var(--mirror-line); padding-top:13px; }
  .mirror-avatar { width:42px; height:42px; font-size:19px; border-radius:13px; }
  .mirror-metrics { grid-template-columns:1fr 1fr; gap:8px; }
  .mirror-metric { padding:15px; }
  .mirror-metric strong { font-size:24px; }
  .mirror-section-head>span { display:none; }
  .mirror-detail-card { padding:17px; }
  .mirror-result-bar h2 { font-size:16px; }
  .mirror-result-bar button { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .mirror-page *, .mirror-page *::after { animation:none!important; transition:none!important; } }

.tag-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--mirror-muted);font-size:13px}.tag-history-pagination>div{display:flex;gap:9px}.tag-history-pagination button{border:1px solid var(--mirror-line);border-radius:9px;background:var(--mirror-card);color:var(--mirror-ink);padding:8px 12px;cursor:pointer}.tag-history-pagination button:hover:not(:disabled){border-color:#8791ff;background:#eff1ff}.tag-history-pagination button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:560px){.tag-history-pagination{align-items:stretch;flex-direction:column}.tag-history-pagination>div{justify-content:flex-end}}body:not(.day-mode) .tag-history-pagination button:hover:not(:disabled){border-color:#4b5372;background:#232733}

.tag-history-row-action{cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.tag-history-row-action:hover{border-color:#9ca5f5;background:#f3f5ff;transform:translateY(-1px)}.tag-history-row-action:focus-visible{outline:3px solid #89baff;outline-offset:2px}@media(prefers-reduced-motion:reduce){.tag-history-row-action{transition:none}}body:not(.day-mode) .tag-history-row-action:hover,body:not(.day-mode) .tag-history-row-action:focus-within{border-color:#4b5372;background:#1d212b}

.tag-history-row-action{position:relative}.tag-history-delete{position:absolute;right:12px;top:50%;z-index:var(--z-raised);opacity:0;pointer-events:none;transform:translateY(-50%);border:1px solid #efc8c8;border-radius:7px;background:#fff7f7;color:#c64d4d;padding:5px 9px;font:inherit;font-size:12px;transition:opacity .15s,background .15s}.tag-history-row:hover .tag-history-delete,.tag-history-row:focus-within .tag-history-delete{opacity:1;pointer-events:auto}.tag-history-row:hover .tag-history-state,.tag-history-row:focus-within .tag-history-state{opacity:0}.tag-history-delete:hover{background:#ffecec}@media(max-width:800px){.tag-history-delete{right:10px}}body:not(.day-mode) .tag-history-delete{border-color:#713f48;background:#2d1c22;color:#ffadb7}body:not(.day-mode) .tag-history-delete:hover{background:#45242d}body:not(.day-mode) #video-history .video-history-delete{border-color:#713f48;background:#2d1c22;color:#ffadb7}body:not(.day-mode) #video-history .video-history-delete:hover{background:#45242d}
#video-history .tag-form-foot>button{flex-shrink:0;padding:8px 6px;font-size:13px}#video-history .tag-form-foot>button:first-of-type{flex:1;min-width:0;text-align:left;white-space:normal;overflow:hidden;border:0;background:transparent;padding:0}#video-history .video-history-delete{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #e1c9c9;border-radius:9px;background:#fff7f7;color:#c94d4d}#video-history .video-history-delete:hover{background:#ffecec}#video-history .video-history-delete svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}