/* TỰ ĐỘNG TẠO bằng _theme/build-light.js (bản TỐI làm mới) – ĐỪNG SỬA TAY. Chỉnh tay đặt ở ui-theme.css */

    html[data-ui="dark"].rt-boot { background-color: #070b14; background-image: none; }
    html[data-ui="dark"].rt-boot body::after { border-color: #1e293b; border-top-color: #60a5fa; }
    @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){html[data-ui="dark"] *,
html[data-ui="dark"] :before,
html[data-ui="dark"] :after,
html[data-ui="dark"] ::backdrop{--tw-gradient-from:#0000;--tw-gradient-to:#0000}}}
    @layer base{html[data-ui="dark"] body{background-color:#070b14;color:#f1f5f9}html[data-ui="dark"] button,
html[data-ui="dark"] input,
html[data-ui="dark"] textarea{color:inherit;background-color:#0000}}
    @layer utilities{html[data-ui="dark"] .border-blue-400\/50{border-color:rgba(96,165,250,0.5)}html[data-ui="dark"] .border-blue-500\/40{border-color:rgba(59,130,246,0.4)}html[data-ui="dark"] .border-blue-500\/50{border-color:rgba(59,130,246,0.5)}html[data-ui="dark"] .border-blue-600{border-color:#2563eb}html[data-ui="dark"] .border-blue-700{border-color:#1d4ed8}html[data-ui="dark"] .border-blue-700\/60{border-color:rgba(29,78,216,0.6)}html[data-ui="dark"] .border-blue-800{border-color:#1e40af}html[data-ui="dark"] .border-blue-800\/80{border-color:rgba(30,64,175,0.8)}html[data-ui="dark"] .border-blue-900{border-color:#1e3a8a}html[data-ui="dark"] .border-blue-900\/50{border-color:rgba(30,58,138,0.5)}html[data-ui="dark"] .border-blue-900\/60{border-color:rgba(30,58,138,0.6)}html[data-ui="dark"] .border-blue-950{border-color:#172554}html[data-ui="dark"] .border-blue-950\/60{border-color:rgba(23,37,84,0.6)}html[data-ui="dark"] .border-blue-950\/70{border-color:rgba(23,37,84,0.7)}html[data-ui="dark"] .border-blue-950\/80{border-color:rgba(23,37,84,0.8)}html[data-ui="dark"] .border-red-500\/50{border-color:rgba(239,68,68,0.5)}html[data-ui="dark"] .border-red-500\/60{border-color:rgba(239,68,68,0.6)}html[data-ui="dark"] .border-red-600\/30{border-color:rgba(220,38,38,0.3)}html[data-ui="dark"] .border-red-700\/80{border-color:rgba(185,28,28,0.8)}html[data-ui="dark"] .border-red-800{border-color:#991b1b}html[data-ui="dark"] .border-red-800\/50{border-color:rgba(153,27,27,0.5)}html[data-ui="dark"] .border-red-800\/80{border-color:rgba(153,27,27,0.8)}html[data-ui="dark"] .border-slate-700{border-color:#334155}html[data-ui="dark"] .border-slate-800{border-color:#1e293b}html[data-ui="dark"] .border-slate-800\/70{border-color:rgba(30,41,59,0.7)}html[data-ui="dark"] .border-slate-800\/80{border-color:rgba(30,41,59,0.8)}html[data-ui="dark"] .border-slate-800\/90{border-color:rgba(30,41,59,0.9)}html[data-ui="dark"] .bg-\[\#060a17\]{background-color:#060a17}html[data-ui="dark"] .bg-\[\#060a17\]\/80{background-color:rgba(6,10,23,0.8)}html[data-ui="dark"] .bg-\[\#060a17\]\/90{background-color:rgba(6,10,23,0.9)}html[data-ui="dark"] .bg-\[\#060b18\]{background-color:#060b18}html[data-ui="dark"] .bg-\[\#070b14\]{background-color:#070b14}html[data-ui="dark"] .bg-\[\#070d1e\]{background-color:#070d1e}html[data-ui="dark"] .bg-\[\#070f24\]{background-color:#070f24}html[data-ui="dark"] .bg-\[\#080e1e\]{background-color:#080e1e}html[data-ui="dark"] .bg-\[\#080e1e\]\/80{background-color:rgba(8,14,30,0.8)}html[data-ui="dark"] .bg-\[\#080e1e\]\/90{background-color:rgba(8,14,30,0.9)}html[data-ui="dark"] .bg-\[\#080f26\]{background-color:#080f26}html[data-ui="dark"] .bg-\[\#091024\]{background-color:#091024}html[data-ui="dark"] .bg-\[\#091124\]{background-color:#091124}html[data-ui="dark"] .bg-\[\#0a1124\]{background-color:#0a1124}html[data-ui="dark"] .bg-\[\#0a1532\]{background-color:#0a1532}html[data-ui="dark"] .bg-\[\#0b1329\]{background-color:#0b1329}html[data-ui="dark"] .bg-\[\#0c152e\]{background-color:#0c152e}html[data-ui="dark"] .bg-\[\#0c1530\]{background-color:#0c1530}html[data-ui="dark"] .bg-\[\#0c1630\]{background-color:#0c1630}html[data-ui="dark"] .bg-black{background-color:#000}html[data-ui="dark"] .bg-black\/30{background-color:rgba(0,0,0,0.3)}html[data-ui="dark"] .bg-black\/70{background-color:rgba(0,0,0,0.7)}html[data-ui="dark"] .bg-black\/80{background-color:rgba(0,0,0,0.8)}html[data-ui="dark"] .bg-amber-500\/20{background-color:rgba(245,158,11,0.2)}html[data-ui="dark"] .bg-amber-600{background-color:#d97706}html[data-ui="dark"] .bg-amber-950\/60{background-color:rgba(69,26,3,0.6)}html[data-ui="dark"] .bg-blue-600{background-color:#2563eb}html[data-ui="dark"] .bg-blue-600\/15{background-color:rgba(37,99,235,0.15)}html[data-ui="dark"] .bg-blue-600\/20{background-color:rgba(37,99,235,0.2)}html[data-ui="dark"] .bg-blue-600\/30{background-color:rgba(37,99,235,0.3)}html[data-ui="dark"] .bg-blue-900\/50{background-color:rgba(30,58,138,0.5)}html[data-ui="dark"] .bg-blue-900\/60{background-color:rgba(30,58,138,0.6)}html[data-ui="dark"] .bg-blue-950{background-color:#172554}html[data-ui="dark"] .bg-blue-950\/50{background-color:rgba(23,37,84,0.5)}html[data-ui="dark"] .bg-blue-950\/70{background-color:rgba(23,37,84,0.7)}html[data-ui="dark"] .bg-blue-950\/80{background-color:rgba(23,37,84,0.8)}html[data-ui="dark"] .bg-blue-950\/90{background-color:rgba(23,37,84,0.9)}html[data-ui="dark"] .bg-emerald-400{background-color:#34d399}html[data-ui="dark"] .bg-emerald-950\/20{background-color:rgba(2,44,34,0.2)}html[data-ui="dark"] .bg-red-500{background-color:#ef4444}html[data-ui="dark"] .bg-red-600{background-color:#dc2626}html[data-ui="dark"] .bg-red-600\/20{background-color:rgba(220,38,38,0.2)}html[data-ui="dark"] .bg-red-600\/30{background-color:rgba(220,38,38,0.3)}html[data-ui="dark"] .bg-red-950\/60{background-color:rgba(69,10,10,0.6)}html[data-ui="dark"] .bg-red-950\/70{background-color:rgba(69,10,10,0.7)}html[data-ui="dark"] .bg-red-950\/80{background-color:rgba(69,10,10,0.8)}html[data-ui="dark"] .bg-slate-700{background-color:#334155}html[data-ui="dark"] .bg-slate-800{background-color:#1e293b}html[data-ui="dark"] .bg-slate-900{background-color:#0f172a}html[data-ui="dark"] .bg-slate-900\/90{background-color:rgba(15,23,42,0.9)}html[data-ui="dark"] .bg-slate-950\/80{background-color:rgba(2,6,23,0.8)}html[data-ui="dark"] .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}html[data-ui="dark"] .from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(220,38,38,0))}html[data-ui="dark"] .from-red-500{--tw-gradient-from:#ef4444;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(239,68,68,0))}html[data-ui="dark"] .from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(37,99,235,0))}html[data-ui="dark"] .via-rose-400{--tw-gradient-stops:var(--tw-gradient-from),#fb7185,var(--tw-gradient-to,rgba(251,113,133,0))}html[data-ui="dark"] .via-rose-600{--tw-gradient-stops:var(--tw-gradient-from),#e11d48,var(--tw-gradient-to,rgba(225,29,72,0))}html[data-ui="dark"] .to-blue-500{--tw-gradient-to:#3b82f6}html[data-ui="dark"] .to-blue-600{--tw-gradient-to:#2563eb}html[data-ui="dark"] .to-indigo-600{--tw-gradient-to:#4f46e5}html[data-ui="dark"] .to-rose-600{--tw-gradient-to:#e11d48}html[data-ui="dark"] .to-rose-700{--tw-gradient-to:#be123c}html[data-ui="dark"] .bg-clip-text{-webkit-background-clip:text;background-clip:text}html[data-ui="dark"] .fill-current{fill:currentColor}html[data-ui="dark"] .text-amber-300{color:#fcd34d}html[data-ui="dark"] .text-amber-400{color:#fbbf24}html[data-ui="dark"] .text-blue-200{color:#bfdbfe}html[data-ui="dark"] .text-blue-300{color:#93c5fd}html[data-ui="dark"] .text-blue-400{color:#60a5fa}html[data-ui="dark"] .text-emerald-300{color:#6ee7b7}html[data-ui="dark"] .text-emerald-400{color:#34d399}html[data-ui="dark"] .text-red-200{color:#fecaca}html[data-ui="dark"] .text-red-300{color:#fca5a5}html[data-ui="dark"] .text-red-400{color:#f87171}html[data-ui="dark"] .text-red-500{color:#ef4444}html[data-ui="dark"] .text-slate-100{color:#f1f5f9}html[data-ui="dark"] .text-slate-200{color:#e2e8f0}html[data-ui="dark"] .text-slate-300{color:#cbd5e1}html[data-ui="dark"] .text-slate-400{color:#a0afc5}html[data-ui="dark"] .text-slate-500{color:#718199}html[data-ui="dark"] .text-transparent{color:#0000}html[data-ui="dark"] .text-white{color:#fff}html[data-ui="dark"] .shadow-xs{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}html[data-ui="dark"] .shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}html[data-ui="dark"] .shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}html[data-ui="dark"] .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}html[data-ui="dark"] .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)}html[data-ui="dark"] .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
    html[data-ui="dark"] #video-frame-wrapper:fullscreen { background-color: #000; background-image: none; }
    html[data-ui="dark"] .kbd-key { background-color:#0f1a38; background-image:none; border-color:#28407a; color:#dbe7ff; }
    html[data-ui="dark"] .kbd-row { background-color:rgba(15,26,56,.45); background-image:none; border-color:rgba(40,64,122,.35); }
    html[data-ui="dark"] .kbd-desc { color:#e2e8f0; }
    html[data-ui="dark"] .cat-row-ico { filter: drop-shadow(0 2px 5px rgba(0,0,0,.4)); }
    html[data-ui="dark"] .ext-strip { background-color: rgba(30,41,99,.32); background-image: none; border-color: rgba(96,165,250,.22); }
    html[data-ui="dark"] .ext-strip-text { color: #fff; }
    html[data-ui="dark"] .lib-title-text {
      background-color: transparent;
      background-image: linear-gradient(180deg, #ffffff 35%, #b9d0f5 100%);
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent; color: transparent;
    }
    html[data-ui="dark"][data-shadowing-extension="1"] #main-card:has(#video-input-mode:not(.hidden)) > .lib-wrap > div {
      background-color: transparent;
      background-image: none; border-color: transparent; box-shadow: none;
    }
    html[data-ui="dark"] .text-mode-toggle .tab-ico { filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
    html[data-ui="dark"] .art-lib-ico {
      background-color: transparent;
      background-image: linear-gradient(135deg, #14b8a6, #3b82f6); box-shadow: 0 4px 14px rgba(20,184,166,0.15); }
    html[data-ui="dark"] .art-lib-head h4 { color: #fff; }
    html[data-ui="dark"] .art-lib-head small { color: #718199; }
    html[data-ui="dark"] .art-card {
      background-color: transparent;
      background-image: linear-gradient(180deg, #0b1330, #070d1f); border-color: #1b2c63; color: #e2e8f0; }
    html[data-ui="dark"] .art-card:hover,
html[data-ui="dark"] .art-card:focus-visible { border-color: #2dd4bf; box-shadow: 0 10px 26px rgba(20,184,166,0.09); }
    html[data-ui="dark"] .art-card-ico { background-color: rgba(45,212,191,.14); background-image: none; }
    html[data-ui="dark"] .art-card-title { color: #fff; }
    html[data-ui="dark"] .art-card-prev { color: #a0afc5; }
    html[data-ui="dark"] .art-card-meta { color: #5eead4; }
    html[data-ui="dark"] .art-card-meta .art-read { color: #4ade80; }
    html[data-ui="dark"] .art-lib-grid .art-yt-card:focus-visible { outline-color: #2dd4bf; }
    html[data-ui="dark"] .art-lib-msg { border-color: #334155; color: #a0afc5; }
    html[data-ui="dark"] .txt-head-ico {
      background-color: transparent;
      background-image: linear-gradient(135deg, #14b8a6, #3b82f6); box-shadow: 0 8px 22px rgba(20,184,166,0.175), inset 0 1px 0 rgba(255,255,255,.4); }
    html[data-ui="dark"] .txt-title { color: #fff; }
    html[data-ui="dark"] .txt-sub { color: #cbd5e1; }
    html[data-ui="dark"] .txt-chip {
      background-color: #0d1530;
      background-image: none; border-color: #1e2d5c; color: #e2e8f0; }
    html[data-ui="dark"] .txt-card {
      background-color: transparent;
      background-image: linear-gradient(180deg, #0b1330, #070d1f); border-color: #1b2c63; box-shadow: 0 12px 32px rgba(0,0,0,.35); }
    html[data-ui="dark"] .txt-label { color: #fff; }
    html[data-ui="dark"] .txt-label em { color: #a0afc5; }
    html[data-ui="dark"] #text-input-mode #text-shadow-title-input { background-color: #050a18; background-image: none; border-color: #1e2d5c;
      color: #fff; }
    html[data-ui="dark"] #text-input-mode #text-shadow-textarea { background-color: #050a18; background-image: none; border-color: #1e2d5c;
      color: #f1f5f9; }
    html[data-ui="dark"] #text-input-mode #text-shadow-title-input:focus,
html[data-ui="dark"] #text-input-mode #text-shadow-textarea:focus {
      border-color: #2dd4bf; box-shadow: 0 0 0 3px rgba(45,212,191,0.09); }
    html[data-ui="dark"] #text-input-mode ::placeholder { color: #6b7a94; }
    html[data-ui="dark"] .txt-count { color: #a0afc5; }
    html[data-ui="dark"] .txt-count b { color: #5eead4; }
    html[data-ui="dark"] .txt-clear { background-color: transparent; background-image: none; border-color: #334155; color: #a0afc5; }
    html[data-ui="dark"] .txt-clear:hover { color: #fff; border-color: #64748b; background-color: #111c3a; background-image: none; }
    html[data-ui="dark"] .txt-cta { border-color: rgba(255,255,255,.2); color: #fff;
      background-color: transparent;
      background-image: linear-gradient(100deg, #0d9488, #0891b2 50%, #2563eb);
      box-shadow: 0 8px 26px rgba(8,145,178,0.2), inset 0 1px 0 rgba(255,255,255,.35); }
    html[data-ui="dark"] .txt-cta:hover { box-shadow: 0 14px 34px rgba(8,145,178,0.275), inset 0 1px 0 rgba(255,255,255,.4); }
    html[data-ui="dark"] .txt-cta-ico { background-color: rgba(255,255,255,.22); background-image: none; }
    html[data-ui="dark"] .txt-note { color: #a0afc5; }
    html[data-ui="dark"] .txt-note b { color: #cbd5e1; }
}
    :root[data-ui="dark"] {
      --vi-color-base: #ffe45c;
      --vi-color: color-mix(in srgb, var(--vi-color-base) var(--vi-brightness), black);
    }
    @media (min-width: 1024px) {
      html[data-ui="dark"] .split-resizer {
        background-color: transparent;
        background-image: none;
      }
      html[data-ui="dark"] .split-resizer::after {
        background-color: rgba(15, 23, 42, 0.45);
      }
      html[data-ui="dark"] .split-resizer:hover::after,
html[data-ui="dark"] .split-resizer.resizing::after {
        background-color: #334155;
      }
    }
    html[data-ui="dark"] .glow-red { box-shadow: 0 0 14px rgba(220,38,38,0.175); }
    html[data-ui="dark"] .glow-blue { box-shadow: 0 0 14px rgba(37,99,235,0.15); }
    html[data-ui="dark"] .btn-interactive:hover {
      border-color: rgba(96, 165, 250, 0.55) !important;
      box-shadow: 0 2px 10px -1px rgba(37,99,235,0.125);
    }
    html[data-ui="dark"] .tp-play {
      background-color: transparent;
      background-image: none;
      color: #fff;
    }
    html[data-ui="dark"] .tp-play .tp-edge { stroke: url(#tpEdge); }
    html[data-ui="dark"] .tp-play .tp-body { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45)); }
    html[data-ui="dark"] .tp-play:hover .tp-body { filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 8px rgba(190,50,65,0.14)); }
    html[data-ui="dark"] .animated-glow-box {
      background-color: rgba(30, 41, 59, 0.6);
      background-image: none;
    }
    html[data-ui="dark"] .animated-glow-box:hover {
      box-shadow: 0 4px 20px -2px rgba(37,99,235,0.125);
    }
    html[data-ui="dark"] .animated-glow-box::before {
      background-color: transparent;
      background-image: conic-gradient(transparent, rgba(59, 130, 246, 0.35), rgba(239, 68, 68, 0.35), rgba(168, 85, 247, 0.35), transparent 70%);
    }
    html[data-ui="dark"] .animated-glow-box-content {
      background-color: #080e1e;
      background-image: none;
    }
    html[data-ui="dark"] .cta-glow-wrapper {
      box-shadow: 0 0 25px -4px rgba(220, 38, 38, 0.5), 0 0 15px rgba(37, 99, 235, 0.4);
    }
    html[data-ui="dark"] .cta-glow-wrapper:hover:not(.disabled) {
      box-shadow: 0 0 35px -2px rgba(220, 38, 38, 0.7), 0 0 25px rgba(37, 99, 235, 0.6);
    }
    html[data-ui="dark"] .cta-glow-wrapper::before {
      background-color: transparent;
      background-image: conic-gradient(transparent, #ff2a55, #ff7b00, #9d4edd, #2563eb, #00f2fe, transparent 65%);
    }
    html[data-ui="dark"] .cta-glow-wrapper.disabled {
      box-shadow: none !important;
    }
    html[data-ui="dark"] .yt-card-remove {
      background-color: rgba(6, 10, 23, 0.82);
      background-image: none;
      border-color: rgba(148, 163, 184, 0.35);
      color: #cbd5e1;
    }
    html[data-ui="dark"] .yt-card-remove:hover { background-color: rgba(153, 27, 27, 0.9); background-image: none; color: #fff; border-color: rgba(248, 113, 113, 0.7); }
    html[data-ui="dark"] #hist-undo { background-color: #1f2937; background-image: none; color: #f3f4f6;
      box-shadow: 0 8px 24px rgba(0,0,0,.3); }
    html[data-ui="dark"] #hist-undo button { background-color: transparent; background-image: none; color: #93c5fd; }
    html[data-ui="dark"] #hist-undo button:hover { background-color: rgba(147,197,253,.15); background-image: none; }
    html[data-ui="dark"] .yt-card {
      background-color: #080f24;
      background-image: none;
      border-color: rgba(30, 64, 175, 0.4);
    }
    html[data-ui="dark"] .yt-card:hover {
      background-color: rgba(12, 23, 59, 0.95);
      border-color: rgba(59, 130, 246, 0.75);
      box-shadow: 0 8px 24px -2px rgba(37,99,235,0.225), 0 0 14px rgba(59,130,246,0.175);
    }
    html[data-ui="dark"] .yt-thumb-wrapper {
      background-color: #000;
      background-image: none;
      border-color: rgba(255, 255, 255, 0.08);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }
    html[data-ui="dark"] .yt-card.is-loading {
      border-color: rgba(59, 130, 246, 0.9);
      box-shadow: 0 0 0 2px rgba(59,130,246,0.275), 0 8px 24px -2px rgba(37,99,235,0.225);
    }
    html[data-ui="dark"] .yt-card-loading-overlay {
      background-color: rgba(4, 8, 20, 0.72);
      background-image: none;
      color: #dbeafe;
    }
    html[data-ui="dark"] .yt-skel .yt-thumb-wrapper { background-color: transparent; background-image: linear-gradient(100deg, #0b1330 30%, #14214d 50%, #0b1330 70%); }
    html[data-ui="dark"] .yt-skel .yt-channel-avatar { background-color: #101b3d; background-image: none; box-shadow: none; }
    html[data-ui="dark"] .yt-skel .yt-video-title,
html[data-ui="dark"] .yt-skel .yt-channel-name,
html[data-ui="dark"] .yt-skel .yt-views-date { color: transparent; background-color: rgba(148, 163, 184, 0.10); background-image: none; }
    html[data-ui="dark"] .yt-card-loading-spinner {
      border-color: rgba(147, 197, 253, 0.35);
      border-top-color: #60a5fa;
    }
    html[data-ui="dark"] .yt-duration-badge {
      background-color: rgba(0, 0, 0, 0.85);
      color: #f8fafc;
      border-color: rgba(255, 255, 255, 0.15);
    }
    html[data-ui="dark"] .yt-wprog { background-color: rgba(255, 255, 255, 0.38); background-image: none; }
    html[data-ui="dark"] .yt-wprog > i { background-color: #ff0033; background-image: none; }
    html[data-ui="dark"] .yt-channel-avatar {
      background-color: #1e293b;
      background-image: none;
      border-color: rgba(255, 255, 255, 0.15);
      color: #ffffff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    }
    html[data-ui="dark"] .yt-video-title {
      color: #f1f5f9;
    }
    html[data-ui="dark"] .yt-channel-name {
      color: #a0afc5;
    }
    html[data-ui="dark"] .yt-views-date {
      color: #a0afc5;
    }
    html[data-ui="dark"] .netflix-nav-btn {
      background-color: rgba(8, 14, 30, 0.94);
      background-image: none;
      border-color: rgba(59, 130, 246, 0.5);
      color: #93c5fd;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7);
    }
    html[data-ui="dark"] .netflix-nav-btn:hover {
      background-color: #2563eb;
      background-image: none;
      color: #ffffff;
      box-shadow: 0 0 16px rgba(59,130,246,0.4);
    }
    html[data-ui="dark"] .sub-search-icon-box {
      color: #a0afc5;
    }
    html[data-ui="dark"] .search-input-field {
      background-color: #060a17;
      border-color: #1e293b;
      color: #f8fafc;
    }
    html[data-ui="dark"] .search-input-field:focus {
      background-color: #070e22;
      border-color: #3b82f6;
      box-shadow: 0 0 0 3px rgba(59,130,246,0.075);
    }
    html[data-ui="dark"] .search-input-field::placeholder {
      color: #6b7a94;
    }
    html[data-ui="dark"] .sub-textmode-container .sub-word-unit { color: #ffffff; }
    @media (hover: hover) and (pointer: fine) {
      html[data-ui="dark"] .word-hover:hover:not(.karaoke-word-active) {
        background-color: rgba(148, 163, 184, .14);
      }
    }
    html[data-ui="dark"] .karaoke-word-active {
      background-color: #dc2626 !important;
      color: #ffffff !important;
      box-shadow: 0 0 10px rgba(239,68,68,0.425);
    }
    html[data-ui="dark"] .sub-item-active {
      background-color: transparent !important;
      background-image: linear-gradient(to right, #0f1f44, #12234e) !important;
      border-color: #3b82f6 !important;
      box-shadow: 0 0 16px rgba(59,130,246,0.175);
    }
    html[data-ui="dark"] .sub-textmode-container .sentence-text-line.is-title { color: #fff; }
    html[data-ui="dark"] .txt-figure img { background-color: #fff; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .txt-figure figcaption { color: #a0afc5; }
    html[data-ui="dark"] #txi-lightbox { background-color: rgba(0,0,0,.88); background-image: none; }
    html[data-ui="dark"] #txi-lightbox img { background-color: #fff; background-image: none; }
    html[data-ui="dark"] .sub-vi-line {
      color: var(--vi-color);
    }
    html[data-ui="dark"] .ai-tail-note {
      background-color: rgba(120, 83, 9, 0.22);
      background-image: none;
      border-color: rgba(252, 211, 77, 0.45);
      color: #fde68a;
    }
    html[data-ui="dark"] .ai-tail-note button {
      color: #422006;
      background-color: #fcd34d;
      background-image: none;
      border-color: #fbbf24;
    }
    html[data-ui="dark"] .ai-tail-note button:hover { background-color: #fde68a; background-image: none; }
    html[data-ui="dark"] .ai-panel-dot { background-color: #fbbf24; background-image: none; box-shadow: 0 0 8px rgba(251,191,36,0.4); }
    html[data-ui="dark"] .ai-panel-title { color: #fff; }
    html[data-ui="dark"] .ai-tag { background-color: #1e293b; background-image: none; border-color: #334155; color: #cbd5e1; }
    html[data-ui="dark"] .ai-card { background-color: #080e1e; background-image: none; border-color: rgba(30, 64, 175, 0.45); }
    html[data-ui="dark"] .ai-card.open { border-color: rgba(59, 130, 246, 0.55); }
    html[data-ui="dark"] .ai-card-head:hover { background-color: rgba(37, 99, 235, 0.08); background-image: none; }
    html[data-ui="dark"] .ai-card-icon { background-color: rgba(37, 99, 235, 0.18); background-image: none; border-color: rgba(59, 130, 246, 0.4); color: #93c5fd; }
    html[data-ui="dark"] .ai-card-title { color: #fff; }
    html[data-ui="dark"] .ai-card-sub { color: #a0afc5; }
    html[data-ui="dark"] .ai-card-sub.warn { color: #fcd34d; }
    html[data-ui="dark"] .ai-card-sub.ok { color: #6ee7b7; }
    html[data-ui="dark"] .ai-chevron { color: #718199; }
    html[data-ui="dark"] .ai-step-text { color: #cbd5e1; }
    html[data-ui="dark"] .ai-btn-copy { background-color: rgba(37, 99, 235, 0.18); background-image: none; color: #bfdbfe; border-color: rgba(59, 130, 246, 0.5); }
    html[data-ui="dark"] .ai-btn-copy:hover { background-color: rgba(37, 99, 235, 0.32); background-image: none; }
    html[data-ui="dark"] .ai-btn-primary { background-color: #2563eb; background-image: none; color: #fff; border-color: #3b82f6; }
    html[data-ui="dark"] .ai-btn-primary:hover { background-color: #3b82f6; background-image: none; }
    html[data-ui="dark"] .ai-btn-ghost { background-color: transparent; background-image: none; color: #a0afc5; border-color: #334155; }
    html[data-ui="dark"] .ai-btn-ghost:hover { background-color: #1e293b; background-image: none; color: #e2e8f0; }
    html[data-ui="dark"] .ai-textarea { background-color: #060a17; background-image: none; border-color: #1e293b; color: #e2e8f0; }
    html[data-ui="dark"] .ai-textarea:focus { border-color: #3b82f6; }
    html[data-ui="dark"] .ai-status.ok { color: #a7f3d0; background-color: rgba(6, 78, 59, 0.35); background-image: none; border-color: rgba(16, 185, 129, 0.4); }
    html[data-ui="dark"] .ai-status.warn { color: #fde68a; background-color: rgba(120, 83, 9, 0.3); background-image: none; border-color: rgba(251, 191, 36, 0.4); }
    html[data-ui="dark"] .ai-status.err { color: #fecaca; background-color: rgba(127, 29, 29, 0.35); background-image: none; border-color: rgba(239, 68, 68, 0.45); }
    html[data-ui="dark"] .ai-open-link { text-decoration: none; background-color: #1e293b; background-image: none; color: #e2e8f0; border-color: #334155; }
    html[data-ui="dark"] .ai-open-link:hover { background-color: #334155; background-image: none; color: #fff; }
    html[data-ui="dark"] .icon-only-btn { color: #a0afc5; border-color: #1e293b; }
    html[data-ui="dark"] .icon-only-btn:hover { color: #fff; }
    html[data-ui="dark"] .share-btn { background-color: #060b18; background-image: none; }
    html[data-ui="dark"] .share-btn:hover { border-color: #3b82f6; }
    html[data-ui="dark"] .copy-btn.copied { color: #4ade80; border-color: #22c55e; background-color: rgba(34,197,94,.12); background-image: none; }
    html[data-ui="dark"] .edit-bl-btn { background-color: #1e293b; background-image: none; border-color: #334155; }
    html[data-ui="dark"] .edit-bl-btn:hover { background-color: #334155; background-image: none; }
    html[data-ui="dark"] .ai-modal-backdrop { background-color: rgba(2, 6, 23, 0.78); background-image: none; }
    html[data-ui="dark"] .ai-modal { background-color: #0a1124; background-image: none; border-color: rgba(59, 130, 246, 0.5); box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6); }
    html[data-ui="dark"] .ai-modal-title { color: #fcd34d; }
    html[data-ui="dark"] .ai-modal-close { background-color: transparent; background-image: none; border-color: #334155; color: #a0afc5; }
    html[data-ui="dark"] .ai-modal-close:hover { background-color: #1e293b; background-image: none; color: #fff; }
    html[data-ui="dark"] #lookup-tooltip button {
      color: #ffffff;
      background-color: transparent;
      background-image: linear-gradient(135deg, #2563eb, #7c3aed);
      border-color: rgba(147, 197, 253, 0.5);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 15px rgba(59,130,246,0.25);
    }
    html[data-ui="dark"] #lookup-tooltip button:hover {
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 20px rgba(124,58,237,0.35);
    }
    html[data-ui="dark"] #btn-loop-action {
      background-color: transparent !important;
      background-image: linear-gradient(135deg, #059669, #0d9488) !important;
      border-color: rgba(110, 231, 183, 0.5) !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 15px rgba(16,185,129,0.25) !important;
    }
    html[data-ui="dark"] #btn-loop-action:hover {
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 20px rgba(20,184,166,0.35) !important;
    }
    html[data-ui="dark"] #btn-pronounce-action {
      background-color: transparent !important;
      background-image: linear-gradient(135deg, #c2410c, #ea580c) !important;
      border-color: rgba(253, 186, 116, 0.55) !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 15px rgba(249,115,22,0.25) !important;
    }
    html[data-ui="dark"] #btn-pronounce-action:hover {
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 20px rgba(251,146,60,0.35) !important;
    }
    html[data-ui="dark"] #loop-active-bar {
      background-color: rgba(6, 10, 23, 0.96);
      background-image: none;
      border-color: rgba(16, 185, 129, 0.5);
      box-shadow: 0 10px 30px rgba(0,0,0,0.6), 0 0 18px rgba(16,185,129,0.175);
    }
    html[data-ui="dark"] #loop-active-bar .loop-pulse-dot {
      background-color: #34d399;
      background-image: none;
      box-shadow: 0 0 8px rgba(52,211,153,0.45);
    }
    html[data-ui="dark"] #loop-active-bar .loop-label {
      color: #a7f3d0;
    }
    html[data-ui="dark"] #btn-loop-stop {
      color: #fecaca;
      background-color: rgba(220, 38, 38, 0.18);
      background-image: none;
      border-color: rgba(248, 113, 113, 0.45);
    }
    html[data-ui="dark"] #btn-loop-stop:hover {
      background-color: rgba(220, 38, 38, 0.35);
      background-image: none;
    }
    html[data-ui="dark"] #loop-active-bar .loop-delay-control { border-left-color: rgba(148,163,184,0.25);
    }
    html[data-ui="dark"] #loop-active-bar .loop-delay-control span.ld-label { color: #a0afc5; }
    html[data-ui="dark"] #loop-active-bar .loop-delay-control button {
      background-color: rgba(148,163,184,0.15);
      background-image: none; color: #e2e8f0;
    }
    html[data-ui="dark"] #loop-active-bar .loop-delay-control button:hover { background-color: rgba(148,163,184,0.3); background-image: none; }
    html[data-ui="dark"] #loop-active-bar #loop-delay-value { color: #e2e8f0; }
    html[data-ui="dark"] #lookup-tooltip::after {
      border-color: #7c3aed transparent transparent transparent;
    }
    html[data-ui="dark"] #lookup-tooltip.lk-below::after { border-color: transparent transparent #2563eb transparent; }
    html[data-ui="dark"] ::-webkit-scrollbar-track { background-color: #060a14; background-image: none; }
    html[data-ui="dark"] ::-webkit-scrollbar-thumb { background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] ::-webkit-scrollbar-thumb:hover { background-color: #334155; background-image: none; }
    html[data-ui="dark"] #btn-save-action {
      background-color: #ec9006 !important;
      background-image: none !important;
      color: #ffffff !important;
      border-color: rgba(255, 214, 140, 0.55) !important;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 12px rgba(236,144,6,0.175) !important;
    }
    html[data-ui="dark"] #btn-save-action:hover {
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6), 0 0 16px rgba(236,144,6,0.275) !important;
    }
    html[data-ui="dark"] #screen-vocab { background-color: #070b14; background-image: none; }
    html[data-ui="dark"] .vocab-top h2 { color: #fff; }
    html[data-ui="dark"] .vocab-count-pill { background-color: rgba(245, 158, 11, 0.2); background-image: none; color: #fcd34d; }
    html[data-ui="dark"] .vocab-btn { color: #cbd5e1; background-color: #1e293b; background-image: none; border-color: #334155; }
    html[data-ui="dark"] .vocab-btn:hover { background-color: #334155; background-image: none; color: #fff; }
    html[data-ui="dark"] .vocab-btn.primary { background-color: rgba(30, 58, 138, .5); background-image: none; border-color: #1e40af; color: #bfdbfe; }
    html[data-ui="dark"] .vocab-btn.primary:hover { background-color: rgba(37, 99, 235, .6); background-image: none; color: #fff; }
    html[data-ui="dark"] .vocab-btn.danger:hover { background-color: #7f1d1d; background-image: none; border-color: #b91c1c; }
    html[data-ui="dark"] .coffee-btn { color: #e2cba3; background-color: transparent; background-image: linear-gradient(180deg, rgba(220, 191, 146, .12), rgba(220, 191, 146, .05)); border-color: rgba(220, 191, 146, .26); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05); }
    html[data-ui="dark"] .coffee-btn:hover { color: #f3e4c6; background-color: transparent; background-image: linear-gradient(180deg, rgba(220, 191, 146, .19), rgba(220, 191, 146, .08)); border-color: rgba(220, 191, 146, .5); }
    html[data-ui="dark"] .coffee-btn:focus-visible { outline-color: rgba(220, 191, 146, .7); }
    html[data-ui="dark"] #screen-guide a { color: inherit; text-decoration: none; }
    html[data-ui="dark"] #screen-guide button { color: inherit; background-color: transparent; background-image: none; }
    html[data-ui="dark"] #screen-guide::before {       background-color: transparent;       background-image: radial-gradient(60% 40% at 50% 112%, rgba(37, 99, 235, .16), transparent 70%), radial-gradient(35% 30% at 0% 55%, rgba(99, 102, 241, .07), transparent 70%); }
    html[data-ui="dark"] #screen-guide a:focus-visible,
html[data-ui="dark"] #screen-guide button:focus-visible { outline-color: #60a5fa; }
    html[data-ui="dark"] #screen-guide .gd-back { color: #bfdbfe; background-color: rgba(30, 58, 138, .5); background-image: none; border-color: #1e40af; }
    html[data-ui="dark"] #screen-guide .gd-back:hover { background-color: rgba(37, 99, 235, .6); background-image: none; color: #fff; }
    html[data-ui="dark"] #screen-guide .gd-brand { color: #cbd5e1; }
    html[data-ui="dark"] #screen-guide .gd-aurora {       background-color: transparent;       background-image: radial-gradient(ellipse 34% 48% at 24% 52%, rgba(99, 102, 241, .34), transparent 72%), radial-gradient(ellipse 34% 46% at 56% 44%, rgba(244, 63, 94, .26), transparent 72%), radial-gradient(ellipse 36% 50% at 80% 56%, rgba(59, 130, 246, .42), transparent 72%); }
    html[data-ui="dark"] #screen-guide h1 { color: #fff; }
    html[data-ui="dark"] #screen-guide .gd-pc-note { color: #fde68a; background-color: rgba(245, 158, 11, .12); background-image: none; border-color: rgba(245, 158, 11, .35); }
    html[data-ui="dark"] #screen-guide .gd-pc-note b { color: #fff; }
    html[data-ui="dark"] #screen-guide .gd-grad { background-color: transparent; background-image: linear-gradient(90deg, #ef4444, #fb7185 45%, #3b82f6); -webkit-background-clip: text; background-clip: text; color: transparent; }
    html[data-ui="dark"] #screen-guide .gd-step:not(:last-child)::before { background-color: transparent; background-image: linear-gradient(180deg, rgba(96, 165, 250, .5), rgba(96, 165, 250, .1)); }
    html[data-ui="dark"] #screen-guide .gd-num { color: #fff; background-color: #e11d48; background-image: none; box-shadow: 0 8px 22px -6px rgba(225,29,72,0.375), inset 0 1px 0 rgba(255, 255, 255, .25); }
    html[data-ui="dark"] #screen-guide .gd-step.gd-done .gd-num { background-color: #16a34a; background-image: none; box-shadow: 0 8px 22px -6px rgba(22,163,74,0.375), inset 0 1px 0 rgba(255, 255, 255, .25); }
    html[data-ui="dark"] #screen-guide .gd-card { border-color: rgba(30, 58, 138, .5); background-color: transparent; background-image: linear-gradient(180deg, #0c1530, #0a1124 55%, #080e1e); box-shadow: 0 30px 70px -36px rgba(37,99,235,0.2), inset 0 1px 0 rgba(147,197,253,0.04); }
    html[data-ui="dark"] #screen-guide .gd-step.gd-done .gd-card { border-color: rgba(52, 211, 153, .35); box-shadow: 0 30px 70px -36px rgba(5,150,105,0.225), inset 0 1px 0 rgba(167,243,208,0.04); }
    html[data-ui="dark"] #screen-guide .gd-card h2 { color: #fff; }
    html[data-ui="dark"] #screen-guide .gd-action + .gd-action { border-top-color: rgba(30, 58, 138, .45); }
    html[data-ui="dark"] #screen-guide .gd-chip { color: #bfdbfe; background-color: rgba(37, 99, 235, .22); background-image: none; border-color: rgba(96, 165, 250, .35); }
    html[data-ui="dark"] #screen-guide .gd-note { color: #a0afc5; }
    html[data-ui="dark"] #screen-guide .gd-cta { color: #fff;       background-color: transparent;       background-image: linear-gradient(110deg, #e11d48, #f43f5e 30%, #7c3aed 65%, #2563eb); border-color: rgba(255, 255, 255, .22);       box-shadow: 0 8px 26px rgba(244,63,94,0.175), inset 0 1px 0 rgba(255, 255, 255, .35); }
    html[data-ui="dark"] #screen-guide .gd-cta:hover { box-shadow: 0 14px 38px rgba(244,63,94,0.25), 0 0 28px rgba(96,165,250,0.25), inset 0 1px 0 rgba(255, 255, 255, .45); }
    html[data-ui="dark"] #screen-guide .gd-cta-ico { background-color: rgba(255, 255, 255, .2); background-image: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
    html[data-ui="dark"] #screen-guide .gd-shot { background-color: #05080f; background-image: none; border-color: rgba(30, 58, 138, .65); box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .9); }
    html[data-ui="dark"] #screen-guide .gd-shot:hover,
html[data-ui="dark"] #screen-guide .gd-shot:focus-visible { border-color: rgba(96, 165, 250, .85); box-shadow: 0 0 0 3px rgba(59,130,246,0.11), 0 18px 40px -22px rgba(0, 0, 0, .9); }
    html[data-ui="dark"] #screen-guide .gd-shot-zoom { color: #fff; background-color: rgba(8, 14, 30, .85); background-image: none; border-color: rgba(148, 163, 184, .3); }
    html[data-ui="dark"] #screen-guide .gd-shot-missing { color: #718199; }
    html[data-ui="dark"] #screen-guide { background-color: #070b14; background-image: none; color: #f1f5f9; }
    html[data-ui="dark"] #gd-lightbox { background-color: rgba(4, 7, 14, .9); background-image: none; }
    html[data-ui="dark"] #gd-lightbox img { box-shadow: 0 40px 100px rgba(0, 0, 0, .7); }
    html[data-ui="dark"] #gd-lightbox p { color: #a0afc5; }
    html[data-ui="dark"] #screen-donate { --dn-ink: #f1f5f9; --dn-muted: #a0afc5; --dn-blue: #60a5fa; --dn-line: rgba(30, 58, 138, .5); background-color: #070b14; background-image: none; }
    html[data-ui="dark"] #screen-donate::before {
      background-color: transparent;
      background-image: radial-gradient(60% 40% at 50% 112%, rgba(37, 99, 235, .16), transparent 70%), radial-gradient(35% 30% at 0% 55%, rgba(99, 102, 241, .07), transparent 70%); }
    html[data-ui="dark"] .dn-aurora {
      background-color: transparent;
      background-image: radial-gradient(ellipse 34% 48% at 24% 52%, rgba(99, 102, 241, .34), transparent 72%), radial-gradient(ellipse 34% 46% at 56% 44%, rgba(244, 63, 94, .26), transparent 72%), radial-gradient(ellipse 36% 50% at 80% 56%, rgba(59, 130, 246, .42), transparent 72%); }
    html[data-ui="dark"] .dn-avatar { background-color: transparent; background-image: linear-gradient(145deg, rgba(251, 191, 36, .22), rgba(245, 158, 11, .06)); box-shadow: 0 0 0 3px #0a1124, 0 0 0 5px rgba(96,165,250,0.25), 0 16px 38px -10px rgba(37,99,235,0.3); }
    html[data-ui="dark"] .dn-title { color: #fff; }
    html[data-ui="dark"] .dn-grad { background-color: transparent; background-image: linear-gradient(90deg, #ef4444, #fb7185 45%, #3b82f6); -webkit-background-clip: text; background-clip: text; color: transparent; }
    html[data-ui="dark"] .dn-sub { color: #b4c0d4; }
    html[data-ui="dark"] .dn-panel { background-color: transparent; background-image: linear-gradient(180deg, #0c1530, #0a1124 55%, #080e1e); box-shadow: 0 30px 80px -34px rgba(37,99,235,0.225), inset 0 1px 0 rgba(147,197,253,0.04); }
    html[data-ui="dark"] .dn-tabs { background-color: #060a17; background-image: none; border-color: rgba(23, 37, 84, .95); }
    html[data-ui="dark"] .dn-thumb { background-color: #2563eb; background-image: none; box-shadow: 0 8px 22px -6px rgba(37,99,235,0.375), inset 0 1px 0 rgba(255, 255, 255, .22); }
    html[data-ui="dark"] .dn-tab { color: var(--dn-muted); }
    html[data-ui="dark"] .dn-tab:hover { color: var(--dn-ink); }
    html[data-ui="dark"] .dn-tab[aria-selected="true"] { color: #fff; }
    html[data-ui="dark"] .dn-mark { color: #fff; }
    html[data-ui="dark"] .dn-mark.vcb { background-color: #fff; background-image: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); }
    html[data-ui="dark"] .dn-mark.momo.no-img { background-color: #a50064; background-image: none; }
    html[data-ui="dark"] .dn-mark.vcb.no-img { background-color: #0b7a45; background-image: none; }
    html[data-ui="dark"] .dn-qr { background-color: #fff; background-image: none; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 18px 40px -16px rgba(0, 0, 0, .8), 0 0 40px -8px rgba(59,130,246,0.175); }
    html[data-ui="dark"] .dn-qr img { background-color: #fff; background-image: none; }
    html[data-ui="dark"] .dn-qr-missing { color: #718199; }
    html[data-ui="dark"] .dn-save { color: var(--dn-muted); text-decoration: none; }
    html[data-ui="dark"] .dn-save:hover { color: #bfdbfe; border-color: rgba(96, 165, 250, .5); }
    html[data-ui="dark"] .dn-info-momo { background-color: #070d1e; background-image: none; border-color: rgba(23, 37, 84, .95); }
    html[data-ui="dark"] .dn-brand { color: #fff; box-shadow: 0 14px 30px -12px rgba(165,0,100,0.425); }
    html[data-ui="dark"] .dn-brand.no-img { background-color: #a50064; background-image: none; }
    html[data-ui="dark"] .dn-pane-title { color: #fff; }
    html[data-ui="dark"] .dn-facts { background-color: #070d1e; background-image: none; border-color: rgba(23, 37, 84, .95); }
    html[data-ui="dark"] .dn-fact { border-top-color: rgba(30, 58, 138, .35); }
    html[data-ui="dark"] .dn-fact dt { color: var(--dn-muted); }
    html[data-ui="dark"] .dn-fact dd { color: var(--dn-ink); }
    html[data-ui="dark"] #dn-acc-number { color: #fff; }
    html[data-ui="dark"] .dn-copy { color: #bfdbfe; background-color: rgba(30, 58, 138, .5); background-image: none; border-color: #1e40af; }
    html[data-ui="dark"] .dn-copy:hover { background-color: rgba(37, 99, 235, .6); background-image: none; color: #fff; border-color: #3b82f6; }
    html[data-ui="dark"] .dn-copy.copied { color: #6ee7b7; background-color: rgba(5, 150, 105, .16); background-image: none; border-color: rgba(52, 211, 153, .5); }
    html[data-ui="dark"] #dn-lightbox { background-color: rgba(4, 7, 14, .88); background-image: none; }
    html[data-ui="dark"] #dn-lightbox .dn-lb-box { background-color: #fff; background-image: none; box-shadow: 0 40px 100px rgba(0, 0, 0, .7); }
    html[data-ui="dark"] #dn-lightbox p { color: #a0afc5; }
    html[data-ui="dark"] .vocab-search { background-color: #060b18; background-image: none; border-color: #1e293b; color: #e2e8f0; }
    html[data-ui="dark"] .vocab-search:focus { border-color: #3b82f6; }
    html[data-ui="dark"] .vocab-select { color: #cbd5e1; background-color: #0f172a; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .vocab-select:focus { border-color: #3b82f6; }
    html[data-ui="dark"] .vocab-card { background-color: #0a1124; background-image: none; border-color: #172554; }
    html[data-ui="dark"] .vocab-word { color: #fff; }
    html[data-ui="dark"] .vocab-kind-word { background-color: rgba(59, 130, 246, .18); background-image: none; color: #93c5fd; }
    html[data-ui="dark"] .vocab-kind-phrase { background-color: rgba(16, 185, 129, .16); background-image: none; color: #6ee7b7; }
    html[data-ui="dark"] .vocab-kind-sentence { background-color: rgba(245, 158, 11, .16); background-image: none; color: #fcd34d; }
    html[data-ui="dark"] .vocab-mini { color: #a0afc5; background-color: #0f172a; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .vocab-mini:hover { color: #fff; background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .vocab-mini.del:hover { background-color: #7f1d1d; background-image: none; border-color: #b91c1c; }
    html[data-ui="dark"] .vocab-ctx { background-color: #060b18; background-image: none; border-left-color: #3b82f6; color: #cbd5e1; }
    html[data-ui="dark"] .vocab-hl { background-color: rgba(59, 130, 246, .38); background-image: none; color: #fff; box-shadow: inset 0 -2px 0 rgba(96,165,250,0.5); }
    html[data-ui="dark"] .vocab-vi { color: #a0afc5; }
    html[data-ui="dark"] .vocab-more-btn { color: #93c5fd; background-color: rgba(37,99,235,.12); background-image: none; border-color: rgba(59,130,246,.35); }
    html[data-ui="dark"] .vocab-more-btn:hover { background-color: rgba(37,99,235,.25); background-image: none; color: #dbeafe; }
    html[data-ui="dark"] .vocab-syn-btn { color: #fbbf24; background-color: rgba(245,158,11,.12); background-image: none; border-color: rgba(245,158,11,.35); }
    html[data-ui="dark"] .vocab-syn-btn:hover,
html[data-ui="dark"] .vocab-syn-btn.on { background-color: #f59e0b; background-image: none; border-color: #f59e0b; color: #1c1405; }
    html[data-ui="dark"] .vsyn-g { background-color: rgba(15,23,42,.6); background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .vsyn-g.syn .vsyn-t { color: #fbbf24; } html[data-ui="dark"] .vsyn-g.ant .vsyn-t { color: #fda4af; } html[data-ui="dark"] .vsyn-r + .vsyn-r { border-top-color: #1e293b; }
    html[data-ui="dark"] .vsyn-g.syn .vsyn-w { background-color: rgba(245,158,11,.14); background-image: none; border-color: rgba(245,158,11,.35); color: #fde68a; }
    html[data-ui="dark"] .vsyn-g.ant .vsyn-w { background-color: rgba(244,63,94,.12); background-image: none; border-color: rgba(244,63,94,.35); color: #fecdd3; }
    html[data-ui="dark"] .vsyn-vi { color: #a0afc5; }
    html[data-ui="dark"] .vsyn-g.ant .vocab-ex-en mark { background-color: rgba(244,63,94,.18) !important; background-image: none !important; color: #fecdd3 !important; }
    html[data-ui="dark"] .vsyn-note { color: #a0afc5; }
    html[data-ui="dark"] .vocab-examples { border-left-color: rgba(59,130,246,.45); }
    html[data-ui="dark"] .vocab-ex-en { color: #e2e8f0; }
    html[data-ui="dark"] .vocab-ex-vi { color: #a0afc5; }
    html[data-ui="dark"] .vocab-ex-en mark,
html[data-ui="dark"] .review-card .vocab-ex-en mark { background-color: rgba(250,204,21,.22) !important; background-image: none !important; color: #fde68a !important; }
    html[data-ui="dark"] .kv-count { color: #a0afc5; }
    html[data-ui="dark"] .kv-save-btn { color: #a0afc5; background-color: #0f172a; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .kv-save-btn:hover { background-color: rgba(236, 144, 6, .16); background-image: none; border-color: rgba(236, 144, 6, .55); color: #fbbf24; }
    html[data-ui="dark"] .kv-save-btn.saved { background-color: rgba(16,185,129,.12); background-image: none; color: #6ee7b7; border-color: rgba(16,185,129,.35); }
    html[data-ui="dark"] .vocab-vi-empty { color: #718199; }
    html[data-ui="dark"] .vocab-wordvi { color: #6ee7b7; }
    html[data-ui="dark"] .vocab-wordvi-empty { color: #718199; }
    html[data-ui="dark"] .vocab-ai-hint { background-color: rgba(245, 158, 11, .08); background-image: none; border-color: rgba(245, 158, 11, .3); }
    html[data-ui="dark"] .vocab-ai-hint .vah-text { color: #cbd5e1; }
    html[data-ui="dark"] .vocab-ai-hint .vah-text b { color: #fde68a; }
    html[data-ui="dark"] .vocab-ai-hint .vah-primary { color: #1c1917; background-color: #fbbf24; background-image: none; border-color: #f59e0b; }
    html[data-ui="dark"] .vocab-ai-hint .vah-primary:hover { background-color: #fcd34d; background-image: none; }
    html[data-ui="dark"] .vocab-ai-hint .vah-ghost { color: #a0afc5; background-color: #0f172a; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .vocab-ai-hint .vah-ghost:hover { color: #fff; background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .vocab-ai-link { background-color: transparent; background-image: none; color: #fbbf24; }
    html[data-ui="dark"] .vocab-ai-link:hover { color: #fde68a; }
    html[data-ui="dark"] .vocab-wordvi-input { background-color: #060b18; background-image: none; border-color: #3b82f6; color: #e2e8f0; }
    html[data-ui="dark"] .vocab-missing-badge { background-color: #dc2626; background-image: none; color: #fff; }
    html[data-ui="dark"] .vocab-due-badge { background-color: #16a34a; background-image: none; color: #fff; }
    html[data-ui="dark"] .review-backdrop {
      background-color: rgba(2, 6, 20, 0.92);
      background-image: none;
    }
    html[data-ui="dark"] .review-card {
      background-color: #0a1124;
      background-image: none; border-color: rgba(59, 130, 246, 0.4); box-shadow: 0 30px 80px -10px rgba(0,0,0,0.7);
    }
    html[data-ui="dark"] .review-title { color: #fff; }
    html[data-ui="dark"] .review-close { background-color: transparent; background-image: none; color: #a0afc5; }
    html[data-ui="dark"] .review-close:hover { color: #fff; background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .review-scope { color: #a0afc5; }
    html[data-ui="dark"] .review-scope b { color: #86efac; }
    html[data-ui="dark"] .review-progress-bar { background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .review-progress-fill { background-color: transparent; background-image: linear-gradient(to right, #3b82f6, #22c55e); }
    html[data-ui="dark"] .review-kind { background-color: rgba(59,130,246,0.18); background-image: none; color: #93c5fd; }
    html[data-ui="dark"] .review-word { color: #fff; }
    html[data-ui="dark"] .review-ctx { color: #cbd5e1; background-color: #060b18; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .review-ctx mark { background-color: rgba(59,130,246,0.35); background-image: none; color: #fff; }
    html[data-ui="dark"] .review-wordvi { color: #6ee7b7; }
    html[data-ui="dark"] .review-wordvi-empty { color: #718199; }
    html[data-ui="dark"] .review-sentvi { color: #a0afc5; }
    html[data-ui="dark"] .review-reveal-btn { background-color: #2563eb; background-image: none; color: #fff; }
    html[data-ui="dark"] .review-reveal-btn:hover { background-color: #1d4ed8; background-image: none; }
    html[data-ui="dark"] .review-rate-btn { color: #fff; background: linear-gradient(180deg, var(--t), var(--m) 55%, var(--d)); box-shadow: 0 5px 0 var(--lip), 0 10px 16px -6px rgba(var(--rgb), .5), inset 0 1px 0 rgba(255, 255, 255, .31); }
    html[data-ui="dark"] .review-rate-btn:active { box-shadow: 0 1px 0 var(--lip), inset 0 1px 0 rgba(255, 255, 255, .186); }
    html[data-ui="dark"] .review-rate-btn:focus-visible { outline-color: #fff; }
    html[data-ui="dark"] .review-rate-btn .rr-main { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .28); }
    html[data-ui="dark"] .review-rate-btn .rr-sub { color: #fff; }
    html[data-ui="dark"] .review-rate-again { --t: #ee3f3f; --m: #cd2121; --d: #b41c1c; --lip: rgba(126,21,21,0.5); }
    html[data-ui="dark"] .review-rate-good { --t: #27b358; --m: #149142; --d: #118037; --lip: rgba(12,89,40,0.5); }
    html[data-ui="dark"] .review-empty i,
html[data-ui="dark"] .review-done i { color: #34d399; }
    html[data-ui="dark"] .review-empty h3,
html[data-ui="dark"] .review-done h3 { color: #fff; }
    html[data-ui="dark"] .review-empty p,
html[data-ui="dark"] .review-done p { color: #a0afc5; }
    html[data-ui="dark"] .review-stat b { color: #fff; }
    html[data-ui="dark"] .review-stat span { color: #718199; }
    html[data-ui="dark"] .review-src { color: #60a5fa; }
    html[data-ui="dark"] .review-src a { color: #60a5fa; text-decoration: none; }
    html[data-ui="dark"] .site-counter-footer { color: #47536b; background-color: #0c152e; background-image: none;
    }
    html[data-ui="dark"] .rate-input-wrap { background-color: #060b18; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .rate-input-wrap:hover { border-color: #334155; }
    html[data-ui="dark"] .rate-input-wrap.rate-dragging,
html[data-ui="dark"] label.sh-rate.rate-dragging { border-color: #3b82f6 !important; box-shadow: 0 0 0 2px rgba(59,130,246,0.14) !important; color: #bfdbfe; }
    html[data-ui="dark"] .rate-ctl.big .rate-input-wrap.rate-dragging { background-color: rgba(59,130,246,.18) !important; background-image: none !important; }
    html[data-ui="dark"] .rate-input-wrap:focus-within { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.11); }
    html[data-ui="dark"] .rate-input-wrap.invalid { border-color: #dc2626; box-shadow: 0 0 0 2px rgba(220,38,38,0.11); }
    html[data-ui="dark"] #rate-input { background-color: transparent; background-image: none; color: #60a5fa; }
    html[data-ui="dark"] .rate-input-x { color: #60a5fa; }
    html[data-ui="dark"] .text-mode-toggle { background-color: #060a17; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .text-mode-toggle button { color: #a0afc5;
      background-color: transparent;
      background-image: none;
    }
    html[data-ui="dark"] .text-mode-toggle button.active { background-color: #2563eb; background-image: none; color: #fff; box-shadow: 0 2px 10px rgba(37,99,235,0.2); }
    html[data-ui="dark"] .text-mode-toggle button:not(.active):hover { color: #e2e8f0; }
    html[data-ui="dark"] #text-shadow-textarea {
      background-color: #060a17;
      background-image: none; border-color: #1e293b; color: #e2e8f0;
    }
    html[data-ui="dark"] #text-shadow-textarea:focus { border-color: #3b82f6; }
    html[data-ui="dark"] #text-shadow-title-input { background-color: #060a17; background-image: none; border-color: #1e293b;
      color: #e2e8f0;
    }
    html[data-ui="dark"] #text-shadow-title-input:focus { border-color: #3b82f6; }
    html[data-ui="dark"] .article-card { background-color: #0a1124; background-image: none; border-color: #1e293b;
    }
    html[data-ui="dark"] .article-card .article-meta { color: #718199; }
    html[data-ui="dark"] .article-card:hover { border-color: #3b82f6; box-shadow: 0 8px 20px -4px rgba(37,99,235,0.175); }
    html[data-ui="dark"] .article-card .article-icon { background-color: rgba(45,212,191,0.15); background-image: none; color: #2dd4bf; }
    html[data-ui="dark"] .txt-card .yt-channel-avatar { background-color: rgba(37,99,235,0.2); background-image: none; color: #93c5fd; border-color: rgba(96,165,250,0.35); }
    html[data-ui="dark"] .article-card .article-title { color: #e2e8f0; }
    html[data-ui="dark"] .vocab-src { color: #718199; }
    html[data-ui="dark"] .vocab-src a { color: #60a5fa; text-decoration: none; }
    html[data-ui="dark"] .vocab-src a:hover { color: #93c5fd; }
    html[data-ui="dark"] .vocab-empty { color: #718199; }
    html[data-ui="dark"] #vocab-toast { background-color: #0f1a3a; background-image: none; border-color: #2563eb; color: #e2e8f0; box-shadow: 0 12px 32px rgba(0, 0, 0, .6); }
    html[data-ui="dark"] #vocab-toast button { color: #fde68a; background-color: rgba(245, 158, 11, .18); background-image: none; border-color: rgba(245, 158, 11, .4); }
    html[data-ui="dark"] #vocab-toast button:hover { background-color: rgba(245, 158, 11, .3); background-image: none; }
    html[data-ui="dark"] #vocab-toast .vt-word { color: #fde68a; }
    html[data-ui="dark"] #vocab-toast .vt-input { color: #e2e8f0; background-color: #091024; background-image: none; border-color: #334155; }
    html[data-ui="dark"] #vocab-toast .vt-input::placeholder { color: #6b7a94; }
    html[data-ui="dark"] #vocab-toast .vt-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.125); }
    html[data-ui="dark"] #vocab-toast button.vt-remove { color: #cbd5e1; background-color: transparent; background-image: none; border-color: transparent; }
    html[data-ui="dark"] #vocab-toast button.vt-remove:hover { background-color: rgba(148, 163, 184, .15); background-image: none; color: #fff; }
    html[data-ui="dark"] #vocab-toast button.vt-ghost { color: #cbd5e1; background-color: rgba(148, 163, 184, .12); background-image: none; border-color: rgba(148, 163, 184, .3); }
    html[data-ui="dark"] #vocab-toast button.vt-ghost:hover { background-color: rgba(148, 163, 184, .22); background-image: none; }
    html[data-ui="dark"] .hero-title-block::before {
      background-color:
        transparent;
      background-image:
        radial-gradient(ellipse 34% 48% at 24% 52%, rgba(99,102,241,.34), transparent 72%), radial-gradient(ellipse 34% 46% at 56% 44%, rgba(244,63,94,.30), transparent 72%), radial-gradient(ellipse 36% 50% at 80% 56%, rgba(59,130,246,.46), transparent 72%);
    }
    html[data-ui="dark"] .cat-row-ico { --ico-glow: #60a5fa; filter: none; }
    html[data-ui="dark"] .cat-row-ico svg { filter: drop-shadow(0 2px 5px rgba(0,0,0,.4)); }
    html[data-ui="dark"] .cat-row-ico::before {
      background:
        radial-gradient(circle at 30% 28%, var(--ico-glow) 0%, transparent 62%),
        radial-gradient(circle at 74% 80%, rgba(99,102,241,.75) 0%, transparent 60%);
      background:
        radial-gradient(circle at 30% 28%, var(--ico-glow) 0%, transparent 62%),
        radial-gradient(circle at 74% 80%, color-mix(in srgb, var(--ico-glow) 45%, #6366f1) 0%, transparent 60%);
    }
    html[data-ui="dark"] .lib-ico-glow { --ico-glow: #60a5fa; }
    html[data-ui="dark"] .lib-ico-glow::before {
      background:
        radial-gradient(circle at 30% 28%, var(--ico-glow) 0%, transparent 62%),
        radial-gradient(circle at 74% 80%, rgba(99,102,241,.75) 0%, transparent 60%);
      background:
        radial-gradient(circle at 30% 28%, var(--ico-glow) 0%, transparent 62%),
        radial-gradient(circle at 74% 80%, color-mix(in srgb, var(--ico-glow) 45%, #6366f1) 0%, transparent 60%);
    }
    html[data-ui="dark"] .lib-title-text::before {
      background-color:
        transparent;
      background-image:
        radial-gradient(ellipse at 28% 40%, #60a5fa 0%, transparent 62%), radial-gradient(ellipse at 74% 66%, rgba(99,102,241,.75) 0%, transparent 60%);
      background-color:
        transparent;
      background-image:
        radial-gradient(ellipse at 28% 40%, #60a5fa 0%, transparent 62%), radial-gradient(ellipse at 74% 66%, color-mix(in srgb, #60a5fa 45%, #6366f1) 0%, transparent 60%);
    }
html[data-ui="dark"] .bk-intro-ico:not(#screen-book *) { background-color:transparent; background-image:linear-gradient(135deg,#f59e0b,#ef4444); box-shadow:0 8px 24px rgba(245,158,11,0.14); }
html[data-ui="dark"] .bk-intro h3:not(#screen-book *) { color:#fff; }
html[data-ui="dark"] .bk-intro p:not(#screen-book *) { color:#a0afc5; }
html[data-ui="dark"] .bk-drop:not(#screen-book *) { border-color:#1e3a8a; background-color:rgba(8,14,30,.6); background-image:none; }
html[data-ui="dark"] .bk-drop:hover:not(#screen-book *),
html[data-ui="dark"] .bk-drop.drag:not(#screen-book *) { border-color:#3b82f6; background-color:rgba(30,58,138,.18); background-image:none; }
html[data-ui="dark"] .bk-drop b:not(#screen-book *) { color:#e2e8f0; }
html[data-ui="dark"] .bk-drop span:not(#screen-book *) { color:#718199; }
html[data-ui="dark"] .bk-drop svg:not(#screen-book *) { color:#60a5fa; }
html[data-ui="dark"] .bk-or:not(#screen-book *) { color:#475569; }
html[data-ui="dark"] .bk-or:not(#screen-book *)::before,
html[data-ui="dark"] .bk-or:not(#screen-book *)::after { background-color:#1e293b; background-image:none; }
html[data-ui="dark"] .bk-paste-row input:not(#screen-book *) { background-color:#060a17; background-image:none; border-color:#1e293b; color:#e2e8f0; }
html[data-ui="dark"] .bk-paste-row input:focus:not(#screen-book *) { border-color:#3b82f6; }
html[data-ui="dark"] #bk-paste-text:not(#screen-book *) { background-color:#060a17; background-image:none; border-color:#1e293b; color:#e2e8f0; }
html[data-ui="dark"] #bk-paste-text:focus:not(#screen-book *) { border-color:#3b82f6; }
html[data-ui="dark"] .bk-lib-title h4:not(#screen-book *) { color:#fff; }
html[data-ui="dark"] .bk-lib-title small:not(#screen-book *) { color:#718199; }
html[data-ui="dark"] .bk-card:not(#screen-book *) { background-color:#0b1530; background-image:none; border-color:#1e2f5e; }
html[data-ui="dark"] .bk-card:hover:not(#screen-book *) { border-color:#3b82f6; box-shadow:0 10px 24px -8px rgba(37,99,235,0.2); }
html[data-ui="dark"] .bk-cover:not(#screen-book *) { color:#fff; box-shadow:inset 3px 0 0 rgba(255,255,255,.22), 0 6px 14px rgba(0,0,0,.45); }
html[data-ui="dark"] .bk-card-title:not(#screen-book *) { color:#e2e8f0; }
html[data-ui="dark"] .bk-card-sub:not(#screen-book *) { color:#718199; }
html[data-ui="dark"] .bk-bar:not(#screen-book *) { background-color:#16224a; background-image:none; }
html[data-ui="dark"] .bk-bar i:not(#screen-book *) { background-color:transparent; background-image:linear-gradient(90deg,#3b82f6,#22d3ee); }
html[data-ui="dark"] .bk-bar.tr i:not(#screen-book *) { background-color:transparent; background-image:linear-gradient(90deg,#f59e0b,#fcd34d); }
html[data-ui="dark"] .bk-card-meta:not(#screen-book *) { color:#8091b5; }
html[data-ui="dark"] .bk-card-tools button:not(#screen-book *) { border-color:#334155; background-color:rgba(2,6,23,.85); background-image:none; color:#a0afc5; }
html[data-ui="dark"] .bk-card-tools button:hover:not(#screen-book *) { color:#fff; background-color:#7f1d1d; background-image:none; border-color:#b91c1c; }
html[data-ui="dark"] .bk-card-tools button.bk-t-exp:hover:not(#screen-book *) { background-color:#1e3a8a; background-image:none; border-color:#3b82f6; }
html[data-ui="dark"] .bk-empty:not(#screen-book *) { color:#718199; border-color:#1e293b; }
html[data-ui="dark"] .bk-loading:not(#screen-book *) { background-color:rgba(2,6,23,.82); background-image:none; }
html[data-ui="dark"] .bk-loading-box:not(#screen-book *) { background-color:#0a1124; background-image:none; border-color:#1e3a8a; color:#e2e8f0; }
html[data-ui="dark"] .bk-spin:not(#screen-book *) { border-color:#1e3a8a; border-top-color:#60a5fa; }
html[data-ui="dark"] .bk-field label:not(#screen-book *) { color:#a0afc5; }
html[data-ui="dark"] .bk-field input:not(#screen-book *),
html[data-ui="dark"] .bk-field select:not(#screen-book *),
html[data-ui="dark"] .bk-sel:not(#screen-book *) { background-color:#060a17; background-image:none; border-color:#1e293b; color:#e2e8f0; }
html[data-ui="dark"] .bk-field input:focus:not(#screen-book *),
html[data-ui="dark"] .bk-field select:focus:not(#screen-book *),
html[data-ui="dark"] .bk-sel:focus:not(#screen-book *) { border-color:#3b82f6; }
html[data-ui="dark"] .bk-chlist:not(#screen-book *) { border-color:#1e293b; background-color:#060a17; background-image:none; }
html[data-ui="dark"] .bk-chrow:not(#screen-book *) { border-bottom-color:#0f1a38; color:#cbd5e1; }
html[data-ui="dark"] .bk-chrow:hover:not(#screen-book *) { background-color:#0c1633; background-image:none; }
html[data-ui="dark"] .bk-chrow .w:not(#screen-book *) { color:#718199; }
html[data-ui="dark"] .bk-sumline:not(#screen-book *) { color:#a0afc5; }
html[data-ui="dark"] .bk-link:not(#screen-book *) { background-color:transparent; background-image:none; color:#60a5fa; }
html[data-ui="dark"] #screen-book {
  --bk-bg:#0b1120; --bk-fg:#dfe5f1; --bk-strong:#fff; --bk-muted:#8593ad; --bk-ui:#0a1124; --bk-ui2:#111c3b; --bk-line:#1b2a52; --bk-accent:#60a5fa; --bk-vi:#fcd34d; --bk-sel:rgba(96,165,250,.38); --bk-saved:#f59e0b; --bk-hover:rgba(96,165,250,.16);
  background:var(--bk-bg); color:var(--bk-fg); }
html[data-ui="dark"] #screen-book[data-theme="dim"] { --bk-bg:#1a1b1f; --bk-fg:#d4d4d8; --bk-strong:#fafafa; --bk-muted:#8b8b94; --bk-ui:#141416; --bk-ui2:#222226; --bk-line:#2e2e34; --bk-accent:#7dd3fc; --bk-vi:#fcd34d; --bk-sel:rgba(125,211,252,.32); --bk-hover:rgba(125,211,252,.14); }
html[data-ui="dark"] #screen-book[data-theme="sepia"] { --bk-bg:#f3ead6; --bk-fg:#4a3b2a; --bk-strong:#2b2014; --bk-muted:#8a7660; --bk-ui:#ebe0c6; --bk-ui2:#e2d5b6; --bk-line:#d3c4a0; --bk-accent:#b45309; --bk-vi:#9a3412; --bk-sel:rgba(180,83,9,.28); --bk-saved:#c2410c; --bk-hover:rgba(180,83,9,.13); }
html[data-ui="dark"] #screen-book[data-theme="paper"] { --bk-bg:#fbfaf7; --bk-fg:#27272a; --bk-strong:#09090b; --bk-muted:#71717a; --bk-ui:#f1efe9; --bk-ui2:#e7e4db; --bk-line:#dcd8cc; --bk-accent:#2563eb; --bk-vi:#b45309; --bk-sel:rgba(37,99,235,.24); --bk-saved:#d97706; --bk-hover:rgba(37,99,235,.10); }
html[data-ui="dark"] .bk-top:not(#screen-book *),
html[data-ui="dark"] .bk-bottom:not(#screen-book *) { background:var(--bk-ui); border-color:var(--bk-line); color:var(--bk-fg); }
html[data-ui="dark"] .bk-ib:not(#screen-book *) { background-color:transparent; background-image:none; color:var(--bk-fg); }
html[data-ui="dark"] .bk-ib:hover:not(#screen-book *) { background:var(--bk-ui2); border-color:var(--bk-line); }
html[data-ui="dark"] .bk-ib.on:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 22%,transparent); border-color:color-mix(in srgb,var(--bk-accent) 60%,transparent); color:var(--bk-strong); }
html[data-ui="dark"] .bk-ib .bk-dot:not(#screen-book *) { background-color:#f59e0b; background-image:none; box-shadow:0 0 0 2px var(--bk-ui); }
html[data-ui="dark"] .bk-titlebox .a:not(#screen-book *) { color:var(--bk-strong); }
html[data-ui="dark"] .bk-titlebox .b:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-content:not(#screen-book *) { color:var(--bk-text); -webkit-text-stroke:var(--bk-stroke,0) currentColor; }
html[data-ui="dark"] .bk-content :not(#screen-book *)::selection { background:var(--bk-sel); color:inherit; }
html[data-ui="dark"] .bk-chno:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-chtitle:not(#screen-book *) { color:var(--bk-strong); }
html[data-ui="dark"] .bk-chrule:not(#screen-book *) { background:var(--bk-accent); }
html[data-ui="dark"] .bk-p.bk-sub:not(#screen-book *) { color:var(--bk-strong); }
html[data-ui="dark"] .bk-w:hover:not(#screen-book *) { background:var(--bk-hover); }
html[data-ui="dark"] .bk-w.bk-saved:not(#screen-book *) { text-decoration:underline dotted var(--bk-saved); background:color-mix(in srgb,var(--bk-saved) 12%,transparent); }
html[data-ui="dark"] body:not(.bk-hl-saved) .bk-w.bk-saved:not(#screen-book *) { text-decoration:none; background-color:transparent; background-image:none; }
html[data-ui="dark"] .bk-s.bk-flash:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 28%,transparent); box-shadow:0 0 0 4px color-mix(in srgb,var(--bk-accent) 28%,transparent); }
html[data-ui="dark"] #bk-content .sub-vi-line:not(#screen-book *) { color:var(--bk-vi); }
html[data-ui="dark"] #bk-content.sub-show-vi.bk-lay-par .bk-vi-par:not(#screen-book *) { background:color-mix(in srgb,var(--bk-vi) 7%,transparent); }
html[data-ui="dark"] .bk-banner:not(#screen-book *) { border-color:rgba(245,158,11,0.55); background-color:rgba(245,158,11,0.12); background-image:none; color:var(--bk-fg); }
html[data-ui="dark"] .bk-banner button:not(#screen-book *) { background-color:#f59e0b; background-image:none; color:#1f1300; }
html[data-ui="dark"] .bk-chnav button:not(#screen-book *) { background:var(--bk-ui); color:var(--bk-fg); }
html[data-ui="dark"] .bk-chnav button:hover:not(:disabled):not(#screen-book *) { border-color:var(--bk-accent); }
html[data-ui="dark"] .bk-chnav small:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-chnav b:not(#screen-book *) { color:var(--bk-strong); }
html[data-ui="dark"] .bk-slider:not(#screen-book *) { background:var(--bk-line); }
html[data-ui="dark"] .bk-slider:not(#screen-book *)::-webkit-slider-thumb { background:var(--bk-accent); box-shadow:0 1px 4px rgba(0,0,0,.4); }
html[data-ui="dark"] .bk-slider::-moz-range-thumb:not(#screen-book *) { background:var(--bk-accent); }
html[data-ui="dark"] .bk-stat:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-stat b:not(#screen-book *) { color:var(--bk-fg); }
html[data-ui="dark"] .bk-trpill:not(#screen-book *) { background-color:rgba(245,158,11,0.2); background-image:none; border-color:rgba(245,158,11,0.6); color:var(--bk-fg); }
html[data-ui="dark"] .bk-banner.bk-ai:not(#screen-book *) { border-color:color-mix(in srgb,var(--bk-accent) 50%,transparent); background:color-mix(in srgb,var(--bk-accent) 9%,transparent); }
html[data-ui="dark"] .bk-banner.bk-ai button:not(#screen-book *) { background:var(--bk-accent); color:var(--bk-bg); }
html[data-ui="dark"] .bk-banner.bk-ai.bk-ai-bad:not(#screen-book *) { border-color:rgba(245,158,11,0.55); background-color:rgba(245,158,11,0.12); background-image:none; }
html[data-ui="dark"] .bk-banner.bk-ai.bk-ai-bad button:not(#screen-book *) { background-color:#f59e0b; background-image:none; color:#1f1300; }
html[data-ui="dark"] .bk-ai-bar:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 18%,transparent); }
html[data-ui="dark"] .bk-ai-bar i:not(#screen-book *) { background:var(--bk-accent); }
html[data-ui="dark"] .bk-ai-spin:not(#screen-book *) { border-top-color:var(--bk-accent); }
html[data-ui="dark"] .bk-trpill.ai:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 16%,transparent); border-color:color-mix(in srgb,var(--bk-accent) 55%,transparent); }
html[data-ui="dark"] .bk-ai-box .bk-ai-sub:not(#screen-book *) { color:#a0afc5; }
html[data-ui="dark"] #bk-drawer:not(#screen-book *) { background:var(--bk-ui); color:var(--bk-fg); }
html[data-ui="dark"] .bk-dtabs button:not(#screen-book *) { background-color:transparent; background-image:none; color:var(--bk-muted); }
html[data-ui="dark"] .bk-dtabs button:hover:not(#screen-book *) { color:var(--bk-fg); }
html[data-ui="dark"] .bk-dtabs button.on:not(#screen-book *) { color:var(--bk-strong); border-bottom-color:var(--bk-accent); }
html[data-ui="dark"] .bk-toc-item:not(#screen-book *) { color:var(--bk-fg); }
html[data-ui="dark"] .bk-toc-item:hover:not(#screen-book *) { background:var(--bk-ui2); }
html[data-ui="dark"] .bk-toc-item .chev:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-toc-item .chev:not(.sp):hover:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 25%,transparent); color:var(--bk-strong); }
html[data-ui="dark"] .bk-toc-item .n:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-toc-item .t .m:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-toc-item .f.full:not(#screen-book *) { color:#34d399; background-color:rgba(16,185,129,.14); background-image:none; }
html[data-ui="dark"] .bk-toc-item .f.part:not(#screen-book *) { color:#fbbf24; background-color:rgba(245,158,11,.15); background-image:none; }
html[data-ui="dark"] .bk-toc-item.lv0:not(#screen-book *) { color:var(--bk-strong); background:color-mix(in srgb,var(--bk-accent) 13%,transparent); box-shadow:inset .3em 0 0 var(--bk-accent); }
html[data-ui="dark"] .bk-toc-item.lv0:hover:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 22%,transparent); }
html[data-ui="dark"] .bk-toc-item.lv1:not(#screen-book *) { color:var(--bk-accent); }
html[data-ui="dark"] .bk-toc-item.lv3:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-toc-item.cur:not(#screen-book *) { background:color-mix(in srgb,var(--bk-accent) 20%,transparent); box-shadow:inset .26em 0 0 var(--bk-accent); }
html[data-ui="dark"] .bk-toc-item.lv0.cur:not(#screen-book *) { box-shadow:inset .3em 0 0 var(--bk-accent); }
html[data-ui="dark"] .bk-sbox:not(#screen-book *) { background:var(--bk-ui); }
html[data-ui="dark"] .bk-sbox input:not(#screen-book *) { background:var(--bk-bg); color:var(--bk-fg); }
html[data-ui="dark"] .bk-sbox input:focus:not(#screen-book *) { border-color:var(--bk-accent); }
html[data-ui="dark"] .bk-hit:not(#screen-book *) { background-color:transparent; background-image:none; color:var(--bk-fg); }
html[data-ui="dark"] .bk-hit:hover:not(#screen-book *) { background:var(--bk-ui2); }
html[data-ui="dark"] .bk-hit small:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-hit mark:not(#screen-book *) { background:color-mix(in srgb,var(--bk-saved) 40%,transparent); color:inherit; }
html[data-ui="dark"] .bk-dnote:not(#screen-book *) { color:var(--bk-muted); }
@media (max-width:820px) {
  html[data-ui="dark"] #bk-drawer:not(#screen-book *) { box-shadow:12px 0 40px rgba(0,0,0,.35); }
  html[data-ui="dark"] #bk-drawer-back.open:not(#screen-book *) { background-color:transparent; background-image:none; }
}
html[data-ui="dark"] #bk-set:not(#screen-book *) { background:var(--bk-ui); box-shadow:0 18px 50px rgba(0,0,0,.45); color:var(--bk-fg); }
html[data-ui="dark"] .bk-sg > label:not(#screen-book *) { color:var(--bk-muted); }
html[data-ui="dark"] .bk-seg button:not(#screen-book *) { background:var(--bk-bg); color:var(--bk-fg); }
html[data-ui="dark"] .bk-seg button:hover:not(#screen-book *) { border-color:var(--bk-accent); }
html[data-ui="dark"] .bk-seg button.on:not(#screen-book *) { border-color:var(--bk-accent); background:color-mix(in srgb,var(--bk-accent) 20%,transparent); color:var(--bk-strong); }
html[data-ui="dark"] .bk-stepper button:not(#screen-book *) { background:var(--bk-bg); color:var(--bk-fg); }
html[data-ui="dark"] .bk-stepper button:hover:not(#screen-book *) { border-color:var(--bk-accent); }
html[data-ui="dark"] .bk-trmeter:not(#screen-book *) { background-color:#16224a; background-image:none; }
html[data-ui="dark"] .bk-trmeter i:not(#screen-book *) { background-color:transparent; background-image:linear-gradient(90deg,#f59e0b,#fcd34d); }
html[data-ui="dark"] .bk-trinfo:not(#screen-book *) { color:#cbd5e1; background-color:rgba(30,58,138,.18); background-image:none; border-color:rgba(59,130,246,.32); }
html[data-ui="dark"] .bk-trinfo b:not(#screen-book *) { color:#fde68a; }
html[data-ui="dark"] .bk-prevbox:not(#screen-book *) { color:#a0afc5; background-color:#060a17; background-image:none; border-color:#1e293b; }
html[data-ui="dark"] .bk-gl:not(#screen-book *) { background-color:#060a17; background-image:none; border-color:#1e293b; color:#e2e8f0; }
html[data-ui="dark"] .bk-gl:focus:not(#screen-book *) { border-color:#3b82f6; }
html[data-ui="dark"] .bk-details summary:not(#screen-book *) { color:#93c5fd; }
html[data-ui="dark"] .bk-sg > label.bk-switch:not(#screen-book *) { color:var(--bk-fg); }
html[data-ui="dark"] .bk-sample:not(#screen-book *) { background-color:transparent; background-image:linear-gradient(135deg,rgba(245,158,11,.14),rgba(30,58,138,.22)); border-color:rgba(245,158,11,.45); }
html[data-ui="dark"] .bk-sample:hover:not(#screen-book *) { border-color:#fbbf24; box-shadow:0 14px 32px -10px rgba(245,158,11,0.19); }
html[data-ui="dark"] .bk-sample:focus-visible:not(#screen-book *) { outline-color:#fbbf24; }
html[data-ui="dark"] .bk-sample-tag:not(#screen-book *) { color:#1f1300; background-color:#fbbf24; background-image:none; }
html[data-ui="dark"] .bk-sample-title:not(#screen-book *) { color:#fff; }
html[data-ui="dark"] .bk-sample-author:not(#screen-book *) { color:#fde68a; }
html[data-ui="dark"] .bk-sample-note:not(#screen-book *) { color:#a0afc5; }
html[data-ui="dark"] .bk-sample-btn:not(#screen-book *) { color:#1f1300; background-color:transparent; background-image:linear-gradient(135deg,#fbbf24,#f59e0b); }
html[data-ui="dark"] .bk-crumb:not(#screen-book *) { color:var(--bk-accent); }
html[data-ui="dark"] .bk-p.bk-epi:not(#screen-book *) { color:var(--bk-muted); }
    html[data-ui="dark"] h4.row-title-link:hover,
html[data-ui="dark"] h4.row-title-link:focus-visible { color: #bfdbfe; }
    html[data-ui="dark"] .row-title-link .rt-arrow { color: #93c5fd; }
    html[data-ui="dark"] .row-title-toggle .rt-chev { color: #93c5fd; }
    html[data-ui="dark"] .pl-chip { background-color: rgba(30,58,138,.45); background-image: none; border-color: rgba(96,165,250,.45); color: #bfdbfe; }
    html[data-ui="dark"] .cat-chip { background-color: rgba(30,41,59,.9); background-image: none; border-color: #334155; color: #cbd5e1; }
    html[data-ui="dark"] .pl-deck::before,
html[data-ui="dark"] .pl-deck::after { background-color: #0a1233; background-image: none; border-color: rgba(30,64,175,.4); }
    html[data-ui="dark"] .pl-deck::after { background-color: #070d24; background-image: none; border-color: rgba(30,64,175,.25); }
    html[data-ui="dark"] .pl-deck:hover::before { border-color: rgba(59,130,246,.45); }
    html[data-ui="dark"] .pl-deck:hover::after { border-color: rgba(59,130,246,.3); }
    html[data-ui="dark"] .yt-card.pl-card { background-color: transparent; background-image: linear-gradient(180deg, #0a1432 0%, #080f24 60%); }
    html[data-ui="dark"] .yt-card.pl-card:hover { border-color: rgba(59,130,246,.75); background-color: transparent; background-image: linear-gradient(180deg, #0c1a4a 0%, #0a1233 70%); box-shadow: 0 8px 24px -2px rgba(37,99,235,0.225), 0 0 14px rgba(59,130,246,0.175); }
    html[data-ui="dark"] .yt-card.pl-card:focus-visible { outline-color: #60a5fa; }
    html[data-ui="dark"] .yt-card[role="button"]:focus-visible { outline-color: #60a5fa; }
    html[data-ui="dark"] .pl-thumb { background-color: transparent; background-image: linear-gradient(135deg, #172554, #0b1330); }
    html[data-ui="dark"] .pl-side { background-color: transparent; background-image: linear-gradient(180deg, rgba(14,26,66,.80), rgba(8,13,34,.92)); border-left-color: rgba(147,197,253,.28); color: #bfdbfe; }
    html[data-ui="dark"] .pl-side svg { color: #57ACFF; }
    html[data-ui="dark"] .pl-count { color: #fff; }
    html[data-ui="dark"] .pl-count-unit { color: #57ACFF; }
    html[data-ui="dark"] .pl-hover { background-color: rgba(6,10,28,.5); background-image: none; }
    html[data-ui="dark"] .pl-open { background-color: #2563eb; background-image: none; color: #fff; box-shadow: 0 4px 14px rgba(37,99,235,.6); }
    html[data-ui="dark"] .pl-avatar { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }
    html[data-ui="dark"] .pl-avatar svg { filter: drop-shadow(0 2px 5px rgba(0,0,0,.45)); }
    html[data-ui="dark"] .pl-kind { color: #57ACFF; }
    html[data-ui="dark"] .pl-dur { color: #a0afc5; }
    html[data-ui="dark"] .yt-card.pl-card.is-empty { border-color: rgba(30,64,175,.4); background-color: #080f24; background-image: none; }
    html[data-ui="dark"] .yt-card.pl-card.is-empty:hover { box-shadow: none; background-color: #080f24; background-image: none; border-color: rgba(30,64,175,.4); }
    html[data-ui="dark"] .pl-card.is-empty .pl-thumb { background-color: #0a1030; background-image: repeating-linear-gradient(135deg, rgba(59,130,246,.07) 0 10px, transparent 10px 20px); border-color: rgba(96,165,250,.25); box-shadow: none; }
    html[data-ui="dark"] .pl-empty-msg { color: #57ACFF; }
    html[data-ui="dark"] .pl-empty-msg small { color: #718199; }
    html[data-ui="dark"] .pl-card.is-empty .pl-side { background-color: rgba(8,11,32,.6); background-image: none; }
    html[data-ui="dark"] .pl-card.is-empty .pl-count { color: #64748b; }
    html[data-ui="dark"] .lib-back-btn { color: #a0afc5; background-color: rgba(15,23,42,.6); background-image: none; border-color: rgba(71,85,105,.55); }
    html[data-ui="dark"] .lib-back-btn:hover { color: #bfdbfe; border-color: rgba(59,130,246,.7); background-color: rgba(30,64,175,.22); background-image: none; }
    html[data-ui="dark"] .cat-title { background-color: transparent; background-image: linear-gradient(180deg, #fff 35%, #b9d0f5 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    html[data-ui="dark"] .hero-rule { background-color: transparent; background-image: linear-gradient(90deg, transparent, rgba(59,130,246,.35), transparent); }
    html[data-ui="dark"] .lib-cat-rows .netflix-row-wrapper.is-focus::before { border-color: rgba(96,165,250,.65); box-shadow: 0 0 0 4px rgba(59,130,246,0.06), 0 0 34px rgba(59,130,246,0.15); }
    html[data-ui="dark"] .empty-row { border-color: rgba(129,140,248,.35); background-color: transparent; background-image: repeating-linear-gradient(135deg, rgba(99,102,241,.06) 0 10px, transparent 10px 20px); color: #a5b4fc; }
    html[data-ui="dark"] .empty-row b { color: #c7d2fe; }
    html[data-ui="dark"] .empty-row span { color: #718199; }
    html[data-ui="dark"] .row-more-btn {
      color: #a0afc5; background-color: rgba(15, 23, 42, .6); background-image: none;
      border-color: rgba(71, 85, 105, .55);
    }
    html[data-ui="dark"] .row-more-btn:hover { color: #bfdbfe; border-color: rgba(59, 130, 246, .7); background-color: rgba(30, 64, 175, .22); background-image: none; }
    html[data-ui="dark"] #home-nav .hn-panel::before {
      background-color: rgba(8, 14, 30, .92);
      background-image: none;
      border-color: rgba(96, 165, 250, .45);
      box-shadow:
        0 10px 32px rgba(0, 0, 0, .45),
        0 0 26px rgba(59,130,246,0.17),
        0 0 72px rgba(59,130,246,0.08),
        inset 0 1px 0 rgba(147,197,253,0.07),
        inset 0 0 22px rgba(59,130,246,0.03);
    }
    html[data-ui="dark"] #home-nav .hn-panel::after {
      background-color: rgba(8, 14, 30, .3);
      background-image: none;
      border-color: rgba(96, 165, 250, .13);
      box-shadow:
        0 0 14px rgba(59,130,246,0.04),
        0 0 36px rgba(59,130,246,0.018);
    }
    html[data-ui="dark"] #home-nav .hn-item {
      color: #a0afc5;
    }
    html[data-ui="dark"] #home-nav .hn-count { color: #718199;
    }
    html[data-ui="dark"] #home-nav .hn-tick {
      background-color: rgba(148, 163, 184, .42);
      background-image: none;
    }
    html[data-ui="dark"] #home-nav .hn-item.active .hn-tick { background-color: rgba(96, 165, 250, .85); background-image: none; }
    html[data-ui="dark"] #home-nav.open .hn-tick,
html[data-ui="dark"] #home-nav:has(:focus-visible) .hn-tick { background-color: rgba(148, 163, 184, .85); background-image: none; }
    html[data-ui="dark"] #home-nav.open .hn-item:hover { background-color: rgba(30, 41, 59, .8); background-image: none; color: #e2e8f0; }
    html[data-ui="dark"] #home-nav.open .hn-item:hover .hn-tick { background-color: #cbd5e1; background-image: none; }
    html[data-ui="dark"] #home-nav.open .hn-item.active:hover .hn-tick,
html[data-ui="dark"] #home-nav.open .hn-item.active .hn-tick { background-color: #60a5fa; background-image: none; }
    html[data-ui="dark"] #home-nav .hn-item.active { color: #fff; }
    html[data-ui="dark"] #home-nav.open .hn-item.active { background-color: rgba(37, 99, 235, .2); background-image: none; box-shadow: inset 0 0 16px rgba(59,130,246,0.09); }
    html[data-ui="dark"] #home-nav.open .hn-item.active .hn-tick { box-shadow: 0 0 9px rgba(96,165,250,0.35); }
    html[data-ui="dark"] #home-nav .hn-item:focus-visible { outline-color: #3b82f6; }
    @media (max-width: 767px) {
      html[data-ui="dark"] .netflix-row-wrapper .row-head .row-more-btn[data-page].show:not(.mb-hide) { color: #93c5fd; background-color: transparent; background-image: none; }
    }
    @media (max-width: 1023px), (orientation: portrait) and (max-width: 1023px) {
    }
    @media (max-width: 1023px) and (min-height: 501px), (orientation: portrait) and (max-width: 1023px) {
      html[data-ui="dark"] #video-frame-wrapper iframe { background-color: #000; background-image: none; }
      html[data-ui="dark"] body:not(.text-mode) #panel-left > div:nth-of-type(2) > div:first-child {
        background-color: #070b14;
        background-image: none;
      }
      html[data-ui="dark"] body:not(.text-mode) #panel-left > div:nth-of-type(2) > div:nth-child(2) { background-color: #091024; background-image: none; border-color: #1e293b;
      }
    }
    @media (max-width: 1023px), (orientation: portrait) and (max-width: 1023px) {
    }
    html[data-ui="dark"] .pv-switch-btn { border-color: #1e40af; background-color: rgba(30, 58, 138, .35); background-image: none; color: #dbeafe; }
    html[data-ui="dark"] .pv-switch-btn:hover { background-color: rgba(37, 99, 235, .45); background-image: none; color: #fff; }
    html[data-ui="dark"] .pv-switch-btn[aria-expanded="true"] { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.11); }
    html[data-ui="dark"] .pv-sw-ico { background-color: #1e3a8a; background-image: none; color: #bfdbfe; }
    html[data-ui="dark"] .pv-sw-label small { color: #7f9bd6; }
    html[data-ui="dark"] .pv-menu { background-color: #0b1328; background-image: none; border-color: #1f2e57; box-shadow: 0 20px 56px rgba(0, 0, 0, .6); }
    html[data-ui="dark"] .pv-menu-title { color: #718199; }
    html[data-ui="dark"] .pv-opt { background-color: transparent; background-image: none; color: #cbd5e1; }
    html[data-ui="dark"] .pv-opt:hover { background-color: #111b38; background-image: none; }
    html[data-ui="dark"] .pv-opt.active { background-color: rgba(37, 99, 235, .16); background-image: none; border-color: rgba(59, 130, 246, .45); }
    html[data-ui="dark"] .pv-opt-ico { background-color: rgba(59, 130, 246, .16); background-image: none; color: #93c5fd; }
    html[data-ui="dark"] .pv-opt[data-v="shadowing"] .pv-opt-ico { background-color: rgba(167, 139, 250, .16); background-image: none; color: #c4b5fd; }
    html[data-ui="dark"] .pv-opt[data-v="dictation"] .pv-opt-ico { background-color: rgba(45, 212, 191, .15); background-image: none; color: #5eead4; }
    html[data-ui="dark"] .pv-opt-name { color: #f1f5f9; }
    html[data-ui="dark"] .pv-opt-desc { color: #96a7c5; }
    html[data-ui="dark"] .pv-soon { background-color: rgba(245, 158, 11, .14); background-image: none; color: #fbbf24; border-color: rgba(245, 158, 11, .32); }
    html[data-ui="dark"] .pv-opt-check { color: #60a5fa; }
    html[data-ui="dark"] .pv-header-title { color: #7d8db0; }
    html[data-ui="dark"] .pv-view { background-color: #070b14; background-image: radial-gradient(900px 360px at 50% -90px, rgba(37, 99, 235, .11), transparent 70%); }
    html[data-ui="dark"] .pv-view::-webkit-scrollbar-thumb { background-color: #1a2547; background-image: none; border-color: #070b14; }
    html[data-ui="dark"] .dc-iconbtn { background-color: #0d1630; background-image: none; border-color: #1e2c52; color: #a0afc5; }
    html[data-ui="dark"] .dc-iconbtn:hover:not(:disabled) { color: #fff; background-color: #14204a; background-image: none; border-color: #2b3f7a; }
    html[data-ui="dark"] .dc-count { background-color: transparent; background-image: none; color: #f1f5f9; }
    html[data-ui="dark"] .dc-count small { color: #718199; }
    html[data-ui="dark"] .dc-count svg { color: #718199; }
    html[data-ui="dark"] .dc-count:hover,
html[data-ui="dark"] .dc-count[aria-expanded="true"] { background-color: #0d1630; background-image: none; border-color: #1e2c52; }
    html[data-ui="dark"] .dc-meta { color: #7d8db0; }
    html[data-ui="dark"] .dc-tag { background-color: rgba(45, 212, 191, .12); background-image: none; color: #5eead4; border-color: rgba(45, 212, 191, .3); }
    html[data-ui="dark"] .dc-seg { background-color: #060a17; background-image: none; border-color: #1e293b; }
    html[data-ui="dark"] .dc-seg button { color: #7d8db0; background-color: transparent; background-image: none; }
    html[data-ui="dark"] .dc-seg button.on { background-color: #2563eb; background-image: none; color: #fff; box-shadow: 0 2px 10px rgba(37,99,235,0.175); }
    html[data-ui="dark"] .dc-seg button:not(.on):hover { color: #e2e8f0; }
    html[data-ui="dark"] .dc-ribbon i { background-color: #17213f; background-image: none; }
    html[data-ui="dark"] .dc-ribbon i.perfect { background-color: #22c55e; background-image: none; }
    html[data-ui="dark"] .dc-ribbon i.partial { background-color: #f59e0b; background-image: none; }
    html[data-ui="dark"] .dc-ribbon i.poor { background-color: #ef4444; background-image: none; }
    html[data-ui="dark"] .dc-ribbon i.revealed { background-color: #64748b; background-image: none; }
    html[data-ui="dark"] .dc-ribbon i.cur { box-shadow: 0 0 0 2px #070b14, 0 0 0 3.5px rgba(96,165,250,0.5); }
    html[data-ui="dark"] .dc-stats { color: #6b7ca3; }
    html[data-ui="dark"] .dc-stats b { color: #cbd5e1; }
    html[data-ui="dark"] .dc-pop { background-color: #0b1328; background-image: none; border-color: #1f2e57; box-shadow: 0 22px 60px rgba(0, 0, 0, .6); }
    html[data-ui="dark"] .dc-chip { border-color: #1e2c52; background-color: #0d1630; background-image: none; color: #abbddc; }
    html[data-ui="dark"] .dc-chip:hover { border-color: #3b5bb5; color: #fff; }
    html[data-ui="dark"] .dc-chip.perfect { background-color: rgba(34, 197, 94, .16); background-image: none; border-color: rgba(34, 197, 94, .5); color: #86efac; }
    html[data-ui="dark"] .dc-chip.partial { background-color: rgba(245, 158, 11, .15); background-image: none; border-color: rgba(245, 158, 11, .5); color: #fcd34d; }
    html[data-ui="dark"] .dc-chip.poor { background-color: rgba(239, 68, 68, .15); background-image: none; border-color: rgba(239, 68, 68, .5); color: #fca5a5; }
    html[data-ui="dark"] .dc-chip.revealed { background-color: rgba(100, 116, 139, .18); background-image: none; border-color: rgba(100, 116, 139, .5); color: #cbd5e1; }
    html[data-ui="dark"] .dc-chip.cur { outline-color: #60a5fa; color: #fff; }
    html[data-ui="dark"] .dc-legend { color: #7d8db0; }
    html[data-ui="dark"] .dc-link { background-color: transparent; background-image: none; color: #7aa2ff; }
    html[data-ui="dark"] .dc-link:hover { color: #fff; }
    html[data-ui="dark"] .dc-link.danger { color: #f87171; }
    html[data-ui="dark"] .dc-card { background-color: #0a1124; background-image: none; border-color: #17224a; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
    html[data-ui="dark"] .dc-play { color: #fff; background-color: transparent; background-image: linear-gradient(180deg, #ef4444, #b91c1c); box-shadow: 0 8px 22px rgba(220,38,38,0.19), inset 0 1px 0 rgba(255, 255, 255, .25); }
    html[data-ui="dark"] .dc-replay { border-color: #1e2c52; background-color: #0d1630; background-image: none; color: #a0afc5; }
    html[data-ui="dark"] .dc-replay:hover { color: #fff; background-color: #14204a; background-image: none; border-color: #2b3f7a; }
    html[data-ui="dark"] .dc-wave b { background-color: #1d2b57; background-image: none; }
    html[data-ui="dark"] .dc-wave b.on { background-color: #60a5fa; background-image: none; }
    html[data-ui="dark"] .dc-timeline { color: #718199; }
    html[data-ui="dark"] .dc-chips { border-top-color: #131d3d; }
    html[data-ui="dark"] .dc-chip2 { background-color: #0d1630; background-image: none; border-color: #1e2c52; color: #abbddc; }
    html[data-ui="dark"] .dc-chip2:hover { color: #fff; border-color: #2b3f7a; }
    html[data-ui="dark"] .dc-chip2.on { background-color: rgba(37, 99, 235, .2); background-image: none; border-color: #2563eb; color: #bfdbfe; }
    html[data-ui="dark"] .dc-input { background-color: #060b18; background-image: none; border-color: #1b2850; color: #f1f5f9; }
    html[data-ui="dark"] .dc-input::placeholder { color: #6b7a94; }
    html[data-ui="dark"] .dc-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.09); }
    html[data-ui="dark"] .dc-input[readonly] { color: #aebbd6; }
    html[data-ui="dark"] .dc-input.shake { border-color: #ef4444; }
    html[data-ui="dark"] .dc-hint { border-bottom-color: #17224a; color: #3f5183; }
    html[data-ui="dark"] .dc-hw:hover { background-color: rgba(148, 163, 184, .14); background-image: none; }
    html[data-ui="dark"] .dc-hw.ok { color: #4ade80; }
    html[data-ui="dark"] .dc-hw.nx { color: #93c5fd; box-shadow: inset 0 -2px 0 rgba(59,130,246,0.5); }
    html[data-ui="dark"] .dc-hw.cur { background-color: rgba(96, 165, 250, .28); background-image: none; color: #fff; }
    html[data-ui="dark"] .dc-hw.ok.cur { color: #86efac; }
    html[data-ui="dark"] .dc-hw.loopsel { box-shadow: inset 0 0 0 1.5px rgba(34,197,94,0.375); background-color: rgba(34, 197, 94, .16); background-image: none; }
    html[data-ui="dark"] .dc-hw.loopsel.cur { background-color: rgba(34, 197, 94, .42); background-image: none; color: #fff; }
    html[data-ui="dark"] .dc-btn { background-color: #0d1630; background-image: none; border-color: #1e2c52; color: #b6c4e0; }
    html[data-ui="dark"] .dc-btn:hover { color: #fff; border-color: #2b3f7a; background-color: #14204a; background-image: none; }
    html[data-ui="dark"] .dc-btn.primary { background-color: #2563eb; background-image: none; border-color: #2563eb; color: #fff; box-shadow: 0 4px 16px rgba(37,99,235,0.175); }
    html[data-ui="dark"] .dc-btn.primary:hover { background-color: #3b82f6; background-image: none; border-color: #3b82f6; }
    html[data-ui="dark"] .dc-keys { color: #718199; }
    html[data-ui="dark"] .dc-keys kbd { border-color: #28407a; background-color: #0f1a38; background-image: none; color: #bcd0ff; }
    html[data-ui="dark"] .dc-ring { --c: #22c55e; background: conic-gradient(var(--c) calc(var(--p) * 1%), #17224a 0); }
    html[data-ui="dark"] .dc-ring::before { background-color: #0a1124; background-image: none; }
    html[data-ui="dark"] .dc-ring span { color: #fff; }
    html[data-ui="dark"] .dc-ring.reveal { background-color: #17224a; background-image: none; }
    html[data-ui="dark"] .dc-ring.reveal svg { color: #a0afc5; }
    html[data-ui="dark"] .dc-verdict { color: #f1f5f9; }
    html[data-ui="dark"] .dc-sub { color: #96a7c5; }
    html[data-ui="dark"] .dc-diff { color: #e2e8f0; background-color: #060b18; background-image: none; border-color: #131d3d; }
    html[data-ui="dark"] .dc-result.perfect .dc-diff { border-color: rgba(34, 197, 94, .38); box-shadow: 0 0 0 3px rgba(34,197,94,0.035); }
    html[data-ui="dark"] .dc-d.ok { color: #86efac; }
    html[data-ui="dark"] .dc-d.plain { color: #e2e8f0; }
    html[data-ui="dark"] .dc-d.miss { color: #fca5a5; background-color: rgba(239, 68, 68, .13); background-image: none; box-shadow: inset 0 -2px 0 rgba(239,68,68,0.5); }
    html[data-ui="dark"] .dc-d.wrong { color: #fff; background-color: rgba(239, 68, 68, .16); background-image: none; box-shadow: inset 0 -2px 0 rgba(239,68,68,0.5); }
    html[data-ui="dark"] .dc-d.close { color: #fff; background-color: rgba(245, 158, 11, .16); background-image: none; box-shadow: inset 0 -2px 0 rgba(245,158,11,0.5); }
    html[data-ui="dark"] .dc-d.extra { color: #a0afc5; text-decoration-color: #ef4444; }
    html[data-ui="dark"] .dc-d.extra.dc-bleed { text-decoration: none; }
    html[data-ui="dark"] .dc-d .dc-typed { color: #f87171; }
    html[data-ui="dark"] .dc-d.close .dc-typed { color: #fbbf24; }
    html[data-ui="dark"] .dc-trans { color: #abbddc; }
    html[data-ui="dark"] .dc-trans b { color: #7d8db0; }
    html[data-ui="dark"] .dc-sum-title { color: #fff; }
    html[data-ui="dark"] .dc-sum-sub { color: #96a7c5; }
    html[data-ui="dark"] .dc-sum-stat { background-color: #060b18; background-image: none; border-color: #131d3d; }
    html[data-ui="dark"] .dc-sum-stat b { color: #fff; }
    html[data-ui="dark"] .dc-sum-stat span { color: #7d8db0; }
    html[data-ui="dark"] .pv-soon-ico { background-color: rgba(167, 139, 250, .15); background-image: none; color: #c4b5fd; }
    html[data-ui="dark"] .pv-soon-card h2 { color: #fff; }
    html[data-ui="dark"] .pv-soon-card p { color: #abbddc; }
    html[data-ui="dark"] .dc-scroll::-webkit-scrollbar-thumb { background-color: #1a2547; background-image: none; border-color: #070b14; }
    html[data-ui="dark"] .dc-side { border-right-color: #111a38; background-color: rgba(6, 10, 23, .55); background-image: none; }
    html[data-ui="dark"] .dc-side::-webkit-scrollbar-thumb { background-color: #1a2547; background-image: none; }
    html[data-ui="dark"] .dc-side-title { color: #e2e8f0; }
    html[data-ui="dark"] .dc-side-sum { background-color: #0a1124; background-image: none; border-color: #17224a; }
    html[data-ui="dark"] .dc-side-big b { color: #fff; }
    html[data-ui="dark"] .dc-side-big span { color: #7d8db0; }
    html[data-ui="dark"] .dc-side-bar { background-color: #14204a; background-image: none; }
    html[data-ui="dark"] .dc-side-bar i.p { background-color: #22c55e; background-image: none; }
    html[data-ui="dark"] .dc-side-bar i.o { background-color: #f59e0b; background-image: none; }
    html[data-ui="dark"] .dc-side-meta { color: #7d8db0; }
    html[data-ui="dark"] .dc-side-meta b { color: #cbd5e1; }
    html[data-ui="dark"] .sh-title { color: #fff; }
    html[data-ui="dark"] .sh-sub { color: #7d8db0; }
    html[data-ui="dark"] .sh-sub b { color: #cbd5e1; }
    html[data-ui="dark"] .sh-progress { background-color: #14204a; background-image: none; }
    html[data-ui="dark"] .sh-progress i { background-color: transparent; background-image: linear-gradient(90deg, #2563eb, #22c55e); }
    html[data-ui="dark"] .sh-empty { color: #718199; }
    html[data-ui="dark"] .sh-row { background-color: #0a1124; background-image: none; border-color: #131d3d; }
    html[data-ui="dark"] .sh-row:hover { background-color: #0c1630; background-image: none; border-color: #2b3f7a; }
    html[data-ui="dark"] .sh-row.done { border-left-color: #3b82f6; }
    html[data-ui="dark"] .sh-num { color: #7d8db0; }
    html[data-ui="dark"] .sh-text { color: #e2e8f0; }
    html[data-ui="dark"] .sh-vi { color: #7d8db0; }
    html[data-ui="dark"] .sh-badge.done { background-color: rgba(59, 130, 246, .14); background-image: none; color: #93c5fd; border-color: rgba(59, 130, 246, .4); }
    html[data-ui="dark"] .sh-ico { border-color: #1e2c52; background-color: #0d1630; background-image: none; color: #abbddc; }
    html[data-ui="dark"] .sh-ico:hover { color: #fff; border-color: #7f1d1d; background-color: #2a1017; background-image: none; }
    html[data-ui="dark"] .sh-row.active { border-color: #2563eb; background-color: #0a1330; background-image: none; box-shadow: 0 0 0 3px rgba(37,99,235,0.06), 0 14px 40px rgba(0, 0, 0, .35); }
    html[data-ui="dark"] .sh-num.on { background-color: rgba(37, 99, 235, .2); background-image: none; color: #bfdbfe; }
    html[data-ui="dark"] .sh-speaker { background-color: transparent; background-image: linear-gradient(180deg, #ef4444, #b91c1c); color: #fff; box-shadow: 0 6px 18px rgba(220,38,38,0.19), inset 0 1px 0 rgba(255, 255, 255, .25); }
    @media (min-width: 561px) {
    }
    html[data-ui="dark"] .sh-text.big { color: #f1f5f9; }
    html[data-ui="dark"] .sh-w:hover { background-color: rgba(148, 163, 184, .14); background-image: none; }
    html[data-ui="dark"] .sh-w[data-ipa]::after { color: #3fbd6d; }
    html[data-ui="dark"] .sh-w.past { color: inherit; }
    html[data-ui="dark"] .sh-w.cur { background-color: rgba(96, 165, 250, .28); background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-collapse { background-color: transparent; background-image: none; color: #718199; }
    html[data-ui="dark"] .sh-collapse:hover { color: #fff; background-color: #14204a; background-image: none; }
    html[data-ui="dark"] .sh-prog { background-color: #14204a; background-image: none; }
    html[data-ui="dark"] .sh-prog i { background-color: #60a5fa; background-image: none; }
    html[data-ui="dark"] .sh-rate { background-color: #060b18; background-image: none; border-color: #1e293b; color: #7d8db0; }
    html[data-ui="dark"] .sh-rate:hover { border-color: #334155; }
    html[data-ui="dark"] .sh-rate:focus-within { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.11); }
    html[data-ui="dark"] .sh-rate.invalid { border-color: #dc2626; box-shadow: 0 0 0 2px rgba(220,38,38,0.11); }
    html[data-ui="dark"] .sh-rate input { background-color: transparent; background-image: none; color: #e2e8f0; }
    html[data-ui="dark"] .sh-rate span { color: #abbddc; }
    html[data-ui="dark"] .sh-loopbar { background-color: rgba(16, 185, 129, .1); background-image: none; border-color: rgba(45, 212, 191, .35); color: #a7f3d0; }
    html[data-ui="dark"] .sh-loop-dot { background-color: #34d399; background-image: none; }
    html[data-ui="dark"] .sh-loop-delay { color: #6ee7b7; }
    html[data-ui="dark"] .sh-loop-delay button { border-color: rgba(45, 212, 191, .35); background-color: rgba(6, 78, 59, .5); background-image: none; color: #d1fae5; }
    html[data-ui="dark"] .sh-loop-delay button:hover { background-color: rgba(5, 150, 105, .6); background-image: none; }
    html[data-ui="dark"] .sh-loop-delay b { color: #ecfdf5; }
    html[data-ui="dark"] .sh-loop-stop { border-color: rgba(248, 113, 113, .45); background-color: rgba(127, 29, 29, .35); background-image: none; color: #fecaca; }
    html[data-ui="dark"] .sh-loop-stop:hover { background-color: rgba(185, 28, 28, .5); background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-recbtn { border-color: #2b3f7a; background-color: #0d1630; background-image: none; color: #93c5fd; }
    html[data-ui="dark"] .sh-recbtn:hover { border-color: #3b82f6; background-color: #12204a; background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-recbtn.rec { border-color: #ef4444; background-color: rgba(239, 68, 68, .12); background-image: none; color: #fecaca; }
    html[data-ui="dark"] .sh-recbtn.rec:hover { background-color: rgba(239, 68, 68, .2); background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-recbtn.go { border-color: #ef4444; background-color: rgba(239, 68, 68, .10); background-image: none; color: #fff; box-shadow: 0 0 0 3px rgba(239,68,68,0.05), 0 4px 18px rgba(239,68,68,0.09); }
    html[data-ui="dark"] .sh-recbtn.go .sh-micdot { background-color: rgba(239, 68, 68, .18); background-image: none; }
    html[data-ui="dark"] .sh-recbtn.go svg { color: #ef4444; }
    html[data-ui="dark"] .sh-recbtn.go:hover { border-color: #f87171; background-color: rgba(239, 68, 68, .16); background-image: none; color: #fff; box-shadow: 0 0 0 3px rgba(239,68,68,0.08), 0 4px 22px rgba(239,68,68,0.14); }
    html[data-ui="dark"] .sh-recbtn.go:hover svg { color: #f87171; }
    html[data-ui="dark"] .sh-recbtn.redo { color: #b6c4e0; border-color: #1e2c52; }
    html[data-ui="dark"] .sh-recbtn.redo svg { color: #ef4444; }
    html[data-ui="dark"] .sh-recbtn.redo:hover { border-color: #ef4444; background-color: rgba(239, 68, 68, .08); background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-recbtn.alt { color: #b6c4e0; border-color: #1e2c52; }
    html[data-ui="dark"] .sh-recbtn.alt:hover { border-color: #2b3f7a; background-color: #14204a; background-image: none; color: #fff; }
    html[data-ui="dark"] .sh-recbtn.alt.on { background-color: rgba(37, 99, 235, .25); background-image: none; border-color: #2563eb; color: #fff; }
    html[data-ui="dark"] .sh-recdot { background-color: #ef4444; background-image: none; }
    html[data-ui="dark"] .sh-meter b { background-color: #ef4444; background-image: none; }
    html[data-ui="dark"] .sh-nav { border-top-color: #131d3d; }
    html[data-ui="dark"] .sh-keys { color: #718199; }
    html[data-ui="dark"] .sh-keys kbd { border-color: #28407a; background-color: #0f1a38; background-image: none; color: #bcd0ff; }
    html[data-ui="dark"] .fs-btn { border-color: #334155; background-color: #0f172a; background-image: none; color: #cbd5e1; }
    html[data-ui="dark"] .fs-btn:hover { color: #fff; background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .fs-btn[aria-expanded="true"] { border-color: #3b82f6; color: #fff; box-shadow: 0 0 0 3px rgba(59,130,246,0.11); }
    html[data-ui="dark"] .fs-pop { background-color: #0b1328; background-image: none; border-color: #1f2e57; box-shadow: 0 20px 56px rgba(0, 0, 0, .6); }
    html[data-ui="dark"] .fs-lbl { color: #a0afc5; }
    html[data-ui="dark"] .fs-grp { background-color: #0f172a; background-image: none; border-color: #334155; }
    html[data-ui="dark"] .fs-grp button { color: #cbd5e1; background-color: transparent; background-image: none; }
    html[data-ui="dark"] .fs-grp button:hover { color: #fff; background-color: #1e293b; background-image: none; }
    html[data-ui="dark"] .fs-grp button.fs-reset { border-left-color: #1e293b; border-right-color: #1e293b; }
    html[data-ui="dark"] .fs-grp button.fs-reset.blue { color: #60a5fa; }
    html[data-ui="dark"] .fs-grp button.fs-reset.amber { color: #fbbf24; }
    html[data-ui="dark"] .fs-grp.fs-len button.on,
html[data-ui="dark"] .fs-grp.fs-len button.on:hover { background-color: #2563eb; background-image: none; color: #fff; }
    html[data-ui="dark"] .ts-lbl { color: #7d8db0; }
    html[data-ui="dark"] .ts-step { border-color: #1e2c52; background-color: #0d1630; background-image: none; color: #abbddc; }
    html[data-ui="dark"] .ts-step:hover { color: #fff; border-color: #3b82f6; background-color: #12204a; background-image: none; }
    html[data-ui="dark"] .ts-in { border-color: #1e293b; background-color: #060b18; background-image: none; color: #e2e8f0; }
    html[data-ui="dark"] .ts-in:hover { border-color: #334155; }
    html[data-ui="dark"] .ts-in:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.11); }
    html[data-ui="dark"] .ts-in.invalid { border-color: #dc2626; box-shadow: 0 0 0 2px rgba(220,38,38,0.11); }
    html[data-ui="dark"] .ts-in.mod { color: #fcd34d; }
    html[data-ui="dark"] .ts-sep { color: #475569; }
    html[data-ui="dark"] .dc-wave:hover b:not(.on) { background-color: #2a3d78; background-image: none; }
    @media (max-width: 360px) {
    }
    @media (max-width: 1023px), (orientation: portrait) and (max-width: 1023px) {
    }
    @media (hover: none) and (pointer: coarse) {
      html[data-ui="dark"] .sh-row:hover { background-color: #0a1124; background-image: none; border-color: #131d3d; }
      html[data-ui="dark"] .sh-row.done:hover { border-left-color: #3b82f6; }
    }
    @media (max-width: 560px) {
    }
    @media (max-width: 560px) {
    }
html[data-ui="dark"] .rate-step { border-color: #1e2c52; background-color: #0d1630; background-image: none; color: #abbddc; }
html[data-ui="dark"] .rate-step:hover { color: #fff; border-color: #3b82f6; background-color: #12204a; background-image: none; }
@media (max-width: 640px), (max-width: 1023px) and (max-height: 500px) {
}
html[data-ui="dark"] .rate-ctl.big { background-color: #060b18; background-image: none; border-color: #1e293b; }
html[data-ui="dark"] .rate-ctl.big:hover { border-color: #334155; }
html[data-ui="dark"] .rate-ctl.big:focus-within { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.11); }
html[data-ui="dark"] .rate-ctl.big:has(.invalid) { border-color: #dc2626; box-shadow: 0 0 0 2px rgba(220,38,38,0.11); }
html[data-ui="dark"] .rate-ctl.big .rate-step { background-color: transparent; background-image: none; color: #7d8db0; }
html[data-ui="dark"] .rate-ctl.big .rate-step:hover { background-color: #12204a; background-image: none; color: #fff; }
html[data-ui="dark"] .rate-ctl.big .rate-input-wrap { background-color: transparent; background-image: none; box-shadow: none !important; color: #7d8db0; }
html[data-ui="dark"] .rate-ctl.big #rate-input { color: #e2e8f0; }
html[data-ui="dark"] .rate-ctl.big .rate-input-x { color: #abbddc; }
html[data-ui="dark"] #vid-shield { border-radius: inherit; background-color: transparent; background-image: none; }
html[data-ui="dark"] #vid-subs .vid-line { background-color: rgba(8, 10, 18, .78); background-image: none; text-shadow: 0 1px 2px rgba(0, 0, 0, .7); }
html[data-ui="dark"] #vid-vi { color: var(--vi-color); }
html[data-ui="dark"] #vid-fade { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; background-color: transparent; background-image: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); }
html[data-ui="dark"] #vid-subs .vid-line {
  background-color: rgba(8, 10, 18, .78);
  background-image: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, .95), 0 0 5px rgba(0, 0, 0, .75), 0 2px 4px rgba(0, 0, 0, .9);
}
html[data-ui="dark"] #vid-vi { color: #fff; }
html[data-ui="dark"] .vt-hh-l h4{color:#fff}
html[data-ui="dark"] .vt-hh-count{background-color:rgba(30,41,59,.9);background-image:none;border-color:#334155;color:#cbd5e1}
html[data-ui="dark"] .vt-lib-ico{background-color:transparent;background-image:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 14px rgba(99,102,241,0.15)}
html[data-ui="dark"] .vt-lib-head h4{color:#fff}
html[data-ui="dark"] .vt-lib-head small{color:#718199}html[data-ui="dark"] .vt-sec h4{color:#fff}html[data-ui="dark"] .vt-sec small{color:#718199}
html[data-ui="dark"] .vt-card{background-color:#0b1530;background-image:none;border-color:#1e2f5e}
html[data-ui="dark"] .vt-card:hover{border-color:#3b82f6;box-shadow:0 10px 28px rgba(0,0,0,.4)}
html[data-ui="dark"] .vt-thumb{background-color:transparent;background-image:linear-gradient(135deg,#7c3aed,#2563eb 55%,#0ea5e9);color:#fff}
html[data-ui="dark"] .vt-thumb .vt-dur{background-color:rgba(0,0,0,.78);background-image:none;color:#fff}
html[data-ui="dark"] .vt-ct{color:#e2e8f0}
html[data-ui="dark"] .vt-cm{color:#7d8db0}
html[data-ui="dark"] .vt-cm span{background-color:#0d1630;background-image:none;border-color:#1e2c52}
html[data-ui="dark"] .vt-bar{background-color:#14204a;background-image:none}html[data-ui="dark"] .vt-bar i{background-color:transparent;background-image:linear-gradient(90deg,#2563eb,#22c55e)}
html[data-ui="dark"] .vt-empty{color:#718199}
html[data-ui="dark"] .vt-ai-btn{background-color:transparent;background-image:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent;color:#fff}
html[data-ui="dark"] #screen-vt .vt-ai-btn.vt-ai-done{background-color:transparent;background-image:none;border-color:rgba(148,163,184,.35);color:#a0afc5}html[data-ui="dark"] #screen-vt .vt-ai-btn.vt-ai-done:hover{filter:none}
html[data-ui="dark"] .vt-row.active .sh-text{color:#fff}
html[data-ui="dark"] .vt-badge-todo{color:#475a85}
html[data-ui="dark"] .vt-yours,
html[data-ui="dark"] .vt-ver{border-color:#1b2850;background-color:#060b18;background-image:none}
html[data-ui="dark"] .vt-yours b{color:#a0afc5}html[data-ui="dark"] .vt-yours p{color:#cbd5e1}
html[data-ui="dark"] .vt-ver.lit{border-color:rgba(245,158,11,.4);background-color:rgba(120,83,9,.12);background-image:none}html[data-ui="dark"] .vt-ver.lit b{color:#fbbf24}
html[data-ui="dark"] .vt-ver.nat{border-color:rgba(34,197,94,.4);background-color:rgba(6,78,59,.16);background-image:none}html[data-ui="dark"] .vt-ver.nat b{color:#4ade80}
html[data-ui="dark"] .vt-ver p{color:#f1f5f9}
html[data-ui="dark"] .vt-miss{border-color:#334155;color:#a0afc5}
html[data-ui="dark"] .vt-ph{color:#718199}
html[data-ui="dark"] .vt-step{background-color:transparent;background-image:linear-gradient(180deg,#0b1330,#070d1f);border-color:#1b2c63;color:#cbd5e1}
html[data-ui="dark"] .vt-step b{color:#fff}
html[data-ui="dark"] .vt-step-n{color:#fff;background-color:transparent;background-image:linear-gradient(135deg,#7c3aed,#2563eb)}
html[data-ui="dark"] .vt-chip{color:#9bacd1;background-color:#0d1630;background-image:none;border-color:#1e2c52}
html[data-ui="dark"] .vt-chip:hover{color:#fff}html[data-ui="dark"] .vt-chip.on{background-color:#2563eb;background-image:none;border-color:#2563eb;color:#fff}
html[data-ui="dark"] #screen-vt{background-color:#070b14;background-image:none}
html[data-ui="dark"] .vt-header{border-bottom-color:rgba(23,37,84,.7);background-color:#091024;background-image:none}
html[data-ui="dark"] .vt-hd-title{color:#7d8db0}
html[data-ui="dark"] .vt-row.read:hover{background-color:#0a1124;background-image:none;border-color:#131d3d}
html[data-ui="dark"] .vt-row.read.curr,
html[data-ui="dark"] .vt-row.read.curr:hover{border-color:#2563eb}
html[data-ui="dark"] .vt-row.read .sh-text{color:#fff}html[data-ui="dark"] .vt-main::-webkit-scrollbar-thumb{background-color:#1a2547;background-image:none;border-color:#070b14}
html[data-ui="dark"] .vt-del{background-color:rgba(0,0,0,.62);background-image:none;color:#e2e8f0}
html[data-ui="dark"] .vt-del:hover{background-color:#b91c1c;background-image:none;color:#fff}
html[data-ui="dark"] .tl-time { color: #7080a4; }
html[data-ui="dark"] .tl-time.cur { color: #c3cde3; }
html[data-ui="dark"] .tl-rail { background-color: rgba(148, 163, 184, .17); background-image: none; }
html[data-ui="dark"] .tl-buf { background-color: rgba(148, 163, 184, .2); background-image: none; }
html[data-ui="dark"] .tl-hov { background-color: rgba(226, 232, 240, .16); background-image: none; }
html[data-ui="dark"] .tl-fill { background-color: #b3303d; background-image: none; }
html[data-ui="dark"] .tl-thumb { background-color: #f5f7fc; background-image: none; box-shadow: 0 0 0 3px rgba(179,48,61,0.19), 0 2px 6px rgba(0, 0, 0, .55); }
html[data-ui="dark"] .tl-tip { background-color: rgba(7, 11, 22, .97); background-image: none; border-color: #1f2e57; box-shadow: 0 8px 22px rgba(0, 0, 0, .5); color: #e8edf9; }
@media (max-width: 1023px) and (min-height: 501px), (orientation: portrait) and (max-width: 1023px) {
}
html[data-ui="dark"] .cc-btn { background-color: #060b18; background-image: none; border-color: #1e293b; color: #7080a4; }
html[data-ui="dark"] .cc-btn:hover { border-color: #334155; color: #e2e8f0; }
html[data-ui="dark"] .cc-btn.on { color: #e2e8f0; }
html[data-ui="dark"] .cc-btn.on::after { background-color: #e0606b; background-image: none; }
html[data-ui="dark"] .cc-btn[aria-expanded="true"] { border-color: #3b82f6; color: #fff; box-shadow: 0 0 0 2px rgba(59,130,246,0.11); }
html[data-ui="dark"] .cc-pop { background-color: #0b1328; background-image: none; border-color: #1f2e57; box-shadow: 0 20px 56px rgba(0, 0, 0, .6); }
html[data-ui="dark"] .cc-row { background-color: transparent; background-image: none; color: #d7deef; }
html[data-ui="dark"] button.cc-row:hover:not(:disabled) { background-color: #131f42; background-image: none; }
html[data-ui="dark"] .cc-lbl small { color: #7080a4; }
html[data-ui="dark"] .cc-sw { background-color: #1e293b; background-image: none; }
html[data-ui="dark"] .cc-sw::after { background-color: #8d9cc0; background-image: none; }
html[data-ui="dark"] .cc-row[aria-checked="true"] .cc-sw { background-color: #b3303d; background-image: none; }
html[data-ui="dark"] .cc-row[aria-checked="true"] .cc-sw::after { background-color: #fff; background-image: none; }
html[data-ui="dark"] .cc-sep { background-color: #17234a; background-image: none; }
html[data-ui="dark"] .cc-step { background-color: #0f172a; background-image: none; border-color: #334155; }
html[data-ui="dark"] .cc-step button { background-color: transparent; background-image: none; color: #cbd5e1; }
html[data-ui="dark"] .cc-step button:hover { background-color: #1e293b; background-image: none; color: #fff; }
html[data-ui="dark"] .cc-step output { color: #e2e8f0; }
html[data-ui="dark"] .cc-hint { background-color: transparent; background-image: none; color: #7080a4; }
html[data-ui="dark"] .cc-hint.act { color: #7cb0ff; }
html[data-ui="dark"] .cc-hint.act:hover { color: #a9ccff; }
html[data-ui="dark"] .rate-ctl.big,
html[data-ui="dark"] .cc-btn { background-color: transparent; background-image: linear-gradient(180deg, #19244a 0%, #131c3b 100%); border-color: #2a3a66; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
html[data-ui="dark"] .rate-ctl.big:hover,
html[data-ui="dark"] .cc-btn:hover { border-color: #3a4d82; }
html[data-ui="dark"] .rate-ctl.big .rate-step { color: #93a5cc; }
html[data-ui="dark"] .rate-ctl.big .rate-step:hover { background-color: #24356a; background-image: none; color: #fff; }
html[data-ui="dark"] .rate-ctl.big .rate-input-wrap { color: #93a5cc; }
html[data-ui="dark"] .rate-ctl.big #rate-input { color: #e8eefc; }
html[data-ui="dark"] .rate-ctl.big .rate-input-x { color: #a9b8d6; }
html[data-ui="dark"] .cc-btn { color: #a9b8d6; }
html[data-ui="dark"] .cc-btn.on { color: #eef3ff; }
html[data-ui="dark"] .vid-info { background-color: #091024; background-image: none; border-color: #1e293b; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3); }
html[data-ui="dark"] .vid-info.vi-link:hover { border-color: #334155; }
html[data-ui="dark"] .vi-title { color: #7280a1; }
html[data-ui="dark"] .vi-meta { color: #6b7ca6; }
html[data-ui="dark"] .vi-meta .vi-ch { color: #7d8db0; }
html[data-ui="dark"] .vi-meta .vi-dot { background-color: #333f5e; background-image: none; }
html[data-ui="dark"] #panel-left > #video-stats-footer { background-color: transparent; background-image: none; }
html[data-ui="dark"] #sh-ipa.on { background-color: rgba(34, 197, 94, .16); background-image: none; border-color: rgba(74, 222, 128, .55); color: #4ade80; }
html[data-ui="dark"] #sh-ipa.on:hover { border-color: rgba(74, 222, 128, .85); color: #86efac; }
html[data-ui="dark"] .dc-sel {
  border-color: #22c55e; background-color: rgba(34, 197, 94, .22); background-image: none; box-shadow: 0 0 0 1px rgba(0, 0, 0, .35), 0 0 12px rgba(34,197,94,0.175); }
html[data-ui="dark"] .dc-sel.looping { background-color: rgba(34, 197, 94, .32); background-image: none; }
html[data-ui="dark"] .dc-sel .dc-h { background-color: #22c55e; background-image: none; }
html[data-ui="dark"] .dc-sel .dc-h::after { background-color: rgba(6, 40, 20, .75); background-image: none; }
html[data-ui="dark"] .dc-sel.no-in { border-left-color: transparent; }
html[data-ui="dark"] .dc-sel.no-out { border-right-color: transparent; }
html[data-ui="dark"] .dc-loop-pop button { color: #fff;
  background-color: transparent;
  background-image: linear-gradient(135deg, #059669, #0d9488); border-color: rgba(110, 231, 183, .5);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5), 0 0 15px rgba(16,185,129,0.25); }
html[data-ui="dark"] .dc-loop-pop button:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, .6), 0 0 20px rgba(20,184,166,0.35); }
html[data-ui="dark"] .dc-loop-pop.stop button { background-color: transparent; background-image: linear-gradient(135deg, #15803d, #22c55e); border-color: rgba(134, 239, 172, .6); box-shadow: 0 8px 24px rgba(0, 0, 0, .5), 0 0 15px rgba(34,197,94,0.25); }
html[data-ui="dark"] .dc-loop-pop::after { border-top-color: #0d9488; }
html[data-ui="dark"] .dc-loop-pop.stop::after { border-top-color: #22c55e; }
html[data-ui="dark"] #pv-ctl .pv-speeds { background-color: transparent; background-image: linear-gradient(180deg, #19244a 0%, #131c3b 100%); border-color: #2a3a66; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04); }
html[data-ui="dark"] #pv-ctl .pv-speeds button { color: #a9b8d6; }
html[data-ui="dark"] #pv-ctl .pv-speeds button.on { color: #e6eeff; background-color: #1b43a0; background-image: none; box-shadow: none; }
html[data-ui="dark"] .pv-rbtn { border-color: #2b3f7a; background-color: #0d1630; background-image: none; color: #b6c4e0; }
html[data-ui="dark"] .pv-rbtn:hover { border-color: #3b82f6; background-color: #12204a; background-image: none; color: #fff; }
html[data-ui="dark"] .pv-rbtn.go { border-color: #ef4444; background-color: rgba(239, 68, 68, .10); background-image: none; color: #fff; box-shadow: 0 0 0 3px rgba(239,68,68,0.05), 0 4px 18px rgba(239,68,68,0.09); }
html[data-ui="dark"] .pv-rbtn.go .pv-micdot { background-color: rgba(239, 68, 68, .12); background-image: none; }
html[data-ui="dark"] .pv-rbtn.go svg,
html[data-ui="dark"] .pv-rbtn.redo svg { color: #b8343f; }
html[data-ui="dark"] .pv-rbtn.go:hover { border-color: #f87171; background-color: rgba(239, 68, 68, .16); background-image: none; box-shadow: 0 0 0 3px rgba(239,68,68,0.08), 0 4px 22px rgba(239,68,68,0.14); }
html[data-ui="dark"] .pv-rbtn.redo { color: #b6c4e0; border-color: #1e2c52; }
html[data-ui="dark"] .pv-rbtn.redo:hover { border-color: #ef4444; background-color: rgba(239, 68, 68, .08); background-image: none; color: #fff; }
html[data-ui="dark"] .pv-rbtn.alt { color: #b6c4e0; border-color: #1e2c52; }
html[data-ui="dark"] .pv-rbtn.alt:hover { border-color: #2b3f7a; background-color: #14204a; background-image: none; color: #fff; }
html[data-ui="dark"] .pv-rbtn.alt.on { background-color: rgba(37, 99, 235, .25); background-image: none; border-color: #2563eb; color: #fff; }
html[data-ui="dark"] .pv-rbtn.rec { border-color: #ef4444; background-color: rgba(239, 68, 68, .12); background-image: none; color: #fecaca; }
html[data-ui="dark"] .pv-rbtn.rec:hover { background-color: rgba(239, 68, 68, .2); background-image: none; color: #fff; }
html[data-ui="dark"] .pv-recdot { background-color: #ef4444; background-image: none; }
html[data-ui="dark"] .pv-meter i { background-color: #ef4444; background-image: none; }
html[data-ui="dark"] #sh-list .sh-speeds { background-color: transparent; background-image: linear-gradient(180deg, #19244a 0%, #131c3b 100%); border-color: #2a3a66; }
html[data-ui="dark"] #sh-list .sh-speeds button { color: #a9b8d6; }
html[data-ui="dark"] #sh-list .sh-speeds button.on { color: #e6eeff; background-color: #1b43a0; background-image: none; box-shadow: none; }
  @media (min-width: 1024px) {
  }
  html[data-ui="dark"] .cs-card { background-color: #091024; background-image: none; border-color: #1e293b; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3); }
  html[data-ui="dark"] .cs-text { color: #f1f5f9; }
  html[data-ui="dark"] .cs-w:hover { background-color: rgba(148, 163, 184, .18); background-image: none; }
  html[data-ui="dark"] .cs-w.cs-cur { background-color: rgba(96, 165, 250, .30); background-image: none; color: #fff; }
  html[data-ui="dark"] .cs-w[data-ipa]::after { color: #3fbd6d; }
  html[data-ui="dark"] .cs-ipa { border-color: #334155; background-color: #1e293b; background-image: none; color: #a0afc5; }
  @media (min-width: 1024px) {
  }
  html[data-ui="dark"] .cs-ipa:hover { background-color: #334155; background-image: none; color: #e2e8f0; }
  html[data-ui="dark"] .cs-ipa.on { background-color: rgba(34, 197, 94, .16); background-image: none; border-color: rgba(74, 222, 128, .55); color: #4ade80; }
  html[data-ui="dark"] .cs-ipa.on:hover { border-color: rgba(74, 222, 128, .85); color: #86efac; }
  html[data-ui="dark"] .cs-nav { border-top-color: #131d3d; }
  html[data-ui="dark"] .cs-auto { background-color: transparent; background-image: none; color: #7d8db0; }
  html[data-ui="dark"] .cs-auto:hover { color: #e2e8f0; }
  html[data-ui="dark"] .cs-auto .sw { background-color: #1e2c52; background-image: none; border-color: #2b3f7a; }
  html[data-ui="dark"] .cs-auto .sw::after { background-color: #94a3b8; background-image: none; }
  html[data-ui="dark"] .cs-auto[aria-checked="true"] { color: #cbd5e1; }
  html[data-ui="dark"] .cs-auto[aria-checked="true"] .sw { background-color: #1b43a0; background-image: none; border-color: #2a56bd; }
  html[data-ui="dark"] .cs-auto[aria-checked="true"] .sw::after { background-color: #cfdcff; background-image: none; }
  html[data-ui="dark"] .cs-ipa-sw,
html[data-ui="dark"] .cs-ipa-sw[aria-checked="true"] { color: #7d8db0; }
  html[data-ui="dark"] .cs-ipa-sw:hover { color: #e2e8f0; }
  html[data-ui="dark"] .cs-ipa-sw[aria-checked="true"] .sw { background-color: #126d34; background-image: none; border-color: #1da850; }
  html[data-ui="dark"] .cs-ipa-sw[aria-checked="true"] .sw::after { background-color: #bbd6c4; background-image: none; }
  html[data-ui="dark"] .cs-nav .dc-btn:disabled { color: #b6c4e0; border-color: #1e2c52; background-color: #0d1630; background-image: none; }
  html[data-ui="dark"] .cs-ts { border-top-color: #131d3d; }
  html[data-ui="dark"] .cs-ts .ts-in { color: #7d8db0; }
  html[data-ui="dark"] .cs-ts .ts-in.mod { color: #a8935a; }
  html[data-ui="dark"] #loop-stop-pop .lsp-delay { background-color: rgba(6, 10, 23, .96); background-image: none; border-color: rgba(34, 197, 94, .5); color: #bbf7d0; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); }
  html[data-ui="dark"] #loop-stop-pop .lsp-step:hover { background-color: rgba(148, 163, 184, .3); background-image: none; }
html[data-ui="dark"] .cs-w[data-ipa]::before,
html[data-ui="dark"] .sh-w[data-ipa]::before { background-color: transparent; background-image: none; }
html[data-ui="dark"] .cs-w[data-ipa]:hover,
html[data-ui="dark"] .cs-w[data-ipa].cs-cur,
html[data-ui="dark"] .sh-w[data-ipa]:hover,
html[data-ui="dark"] .sh-w[data-ipa].cur,
html[data-ui="dark"] .sh-w[data-ipa].vs-w,
html[data-ui="dark"] .sh-w[data-ipa].vs-w:hover,
html[data-ui="dark"] .sh-w[data-ipa].vs-w.cur { background-color: transparent; background-image: none; background-color: transparent; box-shadow: none; }
html[data-ui="dark"] .cs-w[data-ipa]:hover::before { background-color: rgba(148, 163, 184, .18); background-image: none; }
html[data-ui="dark"] .cs-w[data-ipa].cs-cur::before { background-color: rgba(96, 165, 250, .30); background-image: none; }
html[data-ui="dark"] .sh-w[data-ipa]:hover::before { background-color: rgba(148, 163, 184, .14); background-image: none; }
html[data-ui="dark"] .sh-w[data-ipa].cur::before { background-color: rgba(96, 165, 250, .28); background-image: none; }
html[data-ui="dark"] .sh-w[data-ipa].vs-w::before { background: var(--vs-bg); }
html[data-ui="dark"] .sh-w[data-ipa].vs-w:hover::before { background-color: rgba(148, 163, 184, .3); background-image: none; }
html[data-ui="dark"] .sh-w[data-ipa].vs-w.cur::before { background-color: #2f5f9e; background-image: none; }
  html[data-ui="dark"] .oy-title { color: #fff; }
  html[data-ui="dark"] .oy-info { color: #718199; background-color: transparent; background-image: none; }
  html[data-ui="dark"] .oy-info:hover,
html[data-ui="dark"] .oy-info[aria-expanded="true"] { color: #93c5fd; background-color: rgba(96,165,250,.12); background-image: none; }
  html[data-ui="dark"] .oy-tip { color: #cbd5e1; background-color: rgba(30,41,99,.4); background-image: none; border-color: rgba(96,165,250,.22); }
  html[data-ui="dark"] .oy-tip b { color: #fff; }
  html[data-ui="dark"] .oy-tip a { color: #93c5fd; }
  html[data-ui="dark"] .oy-input { color: #fff; background-color: #070b14; background-image: none; border-color: rgba(96,165,250,.3); }
  html[data-ui="dark"] .oy-input::placeholder { color: #6b7a94; }
  html[data-ui="dark"] .oy-input:focus { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(96,165,250,0.1); }
  html[data-ui="dark"] .oy-mini { color: #bfdbfe; background-color: rgba(37,99,235,.18); background-image: none; border-color: rgba(96,165,250,.3); }
  html[data-ui="dark"] .oy-mini:hover { background-color: rgba(37,99,235,.28); background-image: none; }
  html[data-ui="dark"] .oy-mini:active { background-color: rgba(37,99,235,.38); background-image: none; }
  html[data-ui="dark"] .oy-fb { color: #f87171; }
  html[data-ui="dark"] .oy-start { color: #fff; border-color: rgba(255,255,255,.18); background-color: transparent; background-image: linear-gradient(110deg, #e11d48, #f43f5e 30%, #7c3aed 65%, #2563eb); box-shadow: 0 6px 20px rgba(244,63,94,0.14), inset 0 1px 0 rgba(255,255,255,.3); }
  html[data-ui="dark"] .oy-start:disabled { box-shadow: none; }
  html[data-ui="dark"] .oy-link { color: #a0afc5; background-color: transparent; background-image: none; }
  html[data-ui="dark"] .oy-link:hover { color: #e2e8f0; }
  html[data-ui="dark"] .oy-link[aria-expanded="true"] { color: #e2e8f0; }
  html[data-ui="dark"] .oy-panel { background-color: rgba(30,41,99,.28); background-image: none; border-color: rgba(96,165,250,.2); }
  html[data-ui="dark"] .oy-sub { color: #fff; }
  html[data-ui="dark"] .oy-pick { color: #fff; background-color: #070b14; background-image: none; border-color: rgba(96,165,250,.5); }
  html[data-ui="dark"] .oy-pick:hover { border-color: #60a5fa; }
  html[data-ui="dark"] .oy-pick:active { background-color: #0b1634; background-image: none; }
  html[data-ui="dark"] .oy-ok { color: #6ee7b7; background-color: rgba(16,185,129,.12); background-image: none; border-color: rgba(52,211,153,.3); }
  html[data-ui="dark"] .oy-err { color: #fca5a5; background-color: rgba(239,68,68,.12); background-image: none; border-color: rgba(248,113,113,.3); }
html[data-ui="dark"] .ae{--card:#0a1124;--btn:linear-gradient(90deg,#e11d48,#7c3aed 60%,#2563eb);text-decoration:none!important;color:#fff!important}
html[data-ui="dark"] .ae:focus-visible{outline-color:#60a5fa}
html[data-ui="dark"] .ae-btn{background:var(--btn);color:#fff;box-shadow:0 6px 22px -6px rgba(124,58,237,0.325),inset 0 1px 0 rgba(255,255,255,.25)}
html[data-ui="dark"] .ae:hover .ae-btn{box-shadow:0 10px 28px -6px rgba(124,58,237,0.4),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-ui="dark"] .ae-sheen{background-color:transparent;background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%)}
html[data-ui="dark"] .ae-b{border-color:#1e3a8a;background:radial-gradient(520px 260px at 0% 0%,rgba(239,68,68,.22),transparent 70%),radial-gradient(520px 260px at 100% 100%,rgba(59,130,246,.26),transparent 70%),var(--card);box-shadow:0 20px 60px -20px rgba(59,130,246,0.225)}
html[data-ui="dark"] .ae-b .t2{color:#cbd5e1}
html[data-ui="dark"] .ae-b .t2 b{color:#fff}
html[data-ui="dark"] .ae-b .ph{background-color:rgba(13,22,48,.85);background-image:none;border-color:#1e3a8a}
html[data-ui="dark"] .ae-b .ph strong{color:#fff}
html[data-ui="dark"] .ae-b .ph span{color:#a0afc5}
  @media (hover: none) and (pointer: coarse), (max-width: 640px) {
  }
  @media (max-width: 640px), (hover: none) and (pointer: coarse) and (max-height: 500px) {
    html[data-ui="dark"] #main-card:has(#video-input-mode:not(.hidden)) { background-color: transparent; background-image: none; border-color: transparent; box-shadow: none; }
    html[data-ui="dark"] #main-card:has(#video-input-mode:not(.hidden)) > .lib-wrap > div,
html[data-ui="dark"][data-shadowing-extension="1"] #main-card:has(#video-input-mode:not(.hidden)) > .lib-wrap > div {
      background-color: transparent !important;
      background-image: linear-gradient(to bottom, #091129, #070d1e) !important;
      border-color: rgba(30, 58, 138, .6) !important;
    }
    html[data-ui="dark"] body:not(.text-mode) .sub-textmode-container { background-color: transparent !important; background-image: none !important; }
  }
html[data-ui="dark"] #pv-ctl .rate-ctl.big #rate-input { background-color: transparent; background-image: none; }
@media (hover: none) and (pointer: coarse) and (max-height: 500px) and (orientation: landscape),
       (max-width: 1023px) and (max-height: 500px) and (orientation: landscape) {
  html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #btn-toggle-play {
    background-color: #7a1f2b;
    background-image: none; border-color: rgba(255,255,255,.08); box-shadow: 0 4px 14px rgba(0,0,0,.35);
  }
  html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #btn-toggle-play:active { background-color: #6a1a25; background-image: none; }
}
  html[data-ui="dark"] .vs-w { background-color: var(--vs-bg); }
  html[data-ui="dark"] .vs-w.vs-cont { box-shadow: calc(.3em + var(--sub-ws, 0em)) 0 0 0 var(--vs-bg); }
  @media (hover: hover) and (pointer: fine) {
    html[data-ui="dark"] .sub-word-unit.vs-w:hover:not(.karaoke-word-active) { background-color: rgba(148, 163, 184, .3); box-shadow: none; }
  }
  html[data-ui="dark"] .sub-word-unit.vs-w.karaoke-word-active { background-color: #dc2626; box-shadow: 0 0 10px rgba(239,68,68,0.425); }
  html[data-ui="dark"] #subtitles-scroll-container .sub-word-unit.vs-w { box-shadow: 0 0 0 .12rem var(--vs-bg); }
  html[data-ui="dark"] #subtitles-scroll-container .sub-word-unit.vs-w.vs-cont { box-shadow: 0 0 0 .12rem var(--vs-bg), calc(.3em + var(--sub-ws, 0em)) 0 0 0 var(--vs-bg); }
  @media (hover: hover) and (pointer: fine) {
    html[data-ui="dark"] #subtitles-scroll-container .sub-word-unit.word-hover:hover:not(.karaoke-word-active) { box-shadow: 0 0 0 .12rem rgba(148, 163, 184, .14); }
    html[data-ui="dark"] #subtitles-scroll-container .sub-word-unit.vs-w.word-hover:hover:not(.karaoke-word-active) { box-shadow: 0 0 0 .12rem rgba(148, 163, 184, .3); }
  }
  html[data-ui="dark"] #subtitles-scroll-container .sub-word-unit.karaoke-word-active { box-shadow: 0 0 0 .12rem rgba(220,38,38,0.5), 0 0 10px .12rem rgba(239,68,68,0.425); }
  html[data-ui="dark"] .sh-w.vs-w:hover { background-color: rgba(148, 163, 184, .3); box-shadow: none; }
  html[data-ui="dark"] .sh-w.vs-w.cur { background-color: #2f5f9e; box-shadow: none; }
  html[data-ui="dark"] .sh-text.masked .vs-w { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }
  html[data-ui="dark"] .dc-d.vs-w { background-color: transparent; box-shadow: none; }
  html[data-ui="dark"] .dc-d.vs-w.ok,
html[data-ui="dark"] .dc-d.vs-w.plain { background-color: var(--vs-bg); }
  html[data-ui="dark"] .dc-d.vs-w.vs-cont:is(.ok, .plain):has(+ .dc-d.vs-w:is(.ok, .plain)) { box-shadow: calc(.3em + 2px) 0 0 0 var(--vs-bg); }
  html[data-ui="dark"] .cs-w:hover { box-shadow: 0 0 0 2px rgba(148, 163, 184, .18); }
  html[data-ui="dark"] .cs-w.cs-cur { box-shadow: 0 0 0 2px rgba(96,165,250,0.15); }
  html[data-ui="dark"] .sh-w:hover { box-shadow: 0 0 0 2px rgba(148, 163, 184, .14); }
  html[data-ui="dark"] .sh-w.cur { box-shadow: 0 0 0 2px rgba(96,165,250,0.14); }
  html[data-ui="dark"] .sh-w.vs-w:hover { box-shadow: 0 0 0 2px rgba(148, 163, 184, .3); }
  html[data-ui="dark"] .sh-w.vs-w.cur { box-shadow: 0 0 0 2px rgba(47,95,158,0.5); }
  html[data-ui="dark"] .sh-text.masked .sh-w.vs-w { box-shadow: none !important; }
  html[data-ui="dark"] .dc-hw:hover { box-shadow: 0 0 0 2px rgba(148, 163, 184, .14); }
  html[data-ui="dark"] .dc-hw.cur { box-shadow: 0 0 0 2px rgba(96,165,250,0.14); }
  html[data-ui="dark"] .dc-hw.nx { box-shadow: inset 0 -2px 0 rgba(59,130,246,0.5); }
  html[data-ui="dark"] .dc-hw.loopsel { box-shadow: inset 0 0 0 1.5px rgba(34,197,94,0.375); }
  html[data-ui="dark"] .dc-d.miss { box-shadow: inset 0 -2px 0 rgba(239,68,68,0.5), 0 0 0 3px rgba(239,68,68,0.065); }
  html[data-ui="dark"] .dc-d.wrong { box-shadow: inset 0 -2px 0 rgba(239,68,68,0.5), 0 0 0 3px rgba(239,68,68,0.08); }
  html[data-ui="dark"] .dc-d.close { box-shadow: inset 0 -2px 0 rgba(245,158,11,0.5), 0 0 0 3px rgba(245,158,11,0.08); }
  html[data-ui="dark"] .dc-d.vs-w.vs-cont:is(.ok, .plain):has(+ .dc-d.vs-w:is(.ok, .plain)) { box-shadow: .3em 0 0 0 var(--vs-bg); }
  html[data-ui="dark"] .loop-seg {
    border-color: #22c55e; background-color: rgba(34, 197, 94, .14); background-image: none;
    box-shadow: 0 0 5px rgba(34,197,94,0.125); }
  html[data-ui="dark"] .loop-seg .lh { background-color: #22c55e; background-image: none; }
  html[data-ui="dark"] .loop-seg .lh:hover,
html[data-ui="dark"].loop-dragging .loop-seg .lh { background-color: #16a34a; background-image: none; }
  html[data-ui="dark"] .loop-seg .lh::after { background-color: rgba(6, 40, 20, .75); background-image: none; }
  html[data-ui="dark"] .loop-seg.no-in { border-left-color: transparent; }
  html[data-ui="dark"] .loop-seg.no-out { border-right-color: transparent; }
@media (max-width: 560px) {
}
@media (max-width: 560px) {
  html[data-ui="dark"] #sh-list .sh-progrow .ts-in { color: #7d8db0; }
  html[data-ui="dark"] #sh-list .sh-progrow .ts-in.mod { color: #b79a4e; }
  html[data-ui="dark"] #sh-list .sh-progrow .sh-rate input { color: #7d8db0; }
  html[data-ui="dark"] #sh-list .sh-progrow .sh-rate span { color: #7d8db0; }
  html[data-ui="dark"] #sh-list .sh-progrow .ts-in:focus,
html[data-ui="dark"] #sh-list .sh-progrow .sh-rate input:focus { color: #e2e8f0; }
}
@media (max-width: 359px) {
}
@media (max-width: 300px) {
}
@media (max-width: 560px) {
}
@media (max-width: 560px) {
  html[data-ui="dark"] #pv-dictation #dc-ts .ts-in { color: #7d8db0; }
  html[data-ui="dark"] #pv-dictation #dc-ts .ts-in.mod { color: #b79a4e; }
  html[data-ui="dark"] #pv-dictation #dc-ts .ts-in:focus { color: #e2e8f0; }
  html[data-ui="dark"] #pv-dictation .dc-tl .sh-rate input { color: #7d8db0; }
  html[data-ui="dark"] #pv-dictation .dc-tl .sh-rate input:focus { color: #e2e8f0; }
  html[data-ui="dark"] #pv-dictation .dc-tl .sh-rate span { color: #7d8db0; }
}
@media (max-width: 560px) {
  html[data-ui="dark"] #pv-dictation .dc-hintsw { background-color: #0a1124; background-image: none; border-color: #17224a; }
  html[data-ui="dark"] .dc-hintsw-lbl { color: #b6c4e0; }
  html[data-ui="dark"] .dc-switch { border-color: #28407a; background-color: #0d1630; background-image: none; }
  html[data-ui="dark"] .dc-switch i { background-color: #7d8db0; background-image: none; }
  html[data-ui="dark"] .dc-switch.on { background-color: #2563eb; background-image: none; border-color: #2563eb; }
  html[data-ui="dark"] .dc-switch.on i { background-color: #fff; background-image: none; }
}
@media (max-width: 560px) {
}
@media (max-width: 560px) {
}
@media (max-width: 560px) {
}
@media (max-width: 1023px) and (min-height: 501px), (orientation: portrait) and (max-width: 1023px) {
}
@media (max-width: 560px) {
}
  @media (max-width: 820px) and (min-height: 501px) {
    html[data-ui="dark"] #pvc-gear,
html[data-ui="dark"] #screen-practice header #fs-btn { color: #dbeafe; background-color: rgba(30, 58, 138, .35); background-image: none; border-color: #1e40af;
    }
    html[data-ui="dark"] #pvc-gear:active,
html[data-ui="dark"] #screen-practice header #fs-btn:active,
html[data-ui="dark"] #screen-practice header #fs-btn[aria-expanded="true"] { background-color: rgba(30, 58, 138, .6); background-image: none; }
    html[data-ui="dark"] #pvc-gear:active { background-color: #16244a; background-image: none; }
    html[data-ui="dark"] body:not(.text-mode) #screen-practice.pvc-search-open #sub-search-bar { border-bottom-color: rgba(30,41,59,.8); }
    html[data-ui="dark"] body:not(.text-mode) #screen-practice.pvc-search-open .pvc-search-x { color: #a0afc5; background-color: transparent; background-image: none; }
    html[data-ui="dark"] body:not(.text-mode) #pv-default:not(.pv-offscreen) #pv-ctl .pc {
      background-color: rgba(9,16,36,.97);
      background-image: none; border-top-color: #16224a;
    }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #btn-toggle-play {
      background-color: #7a1f2b;
      background-image: none; border-color: rgba(255,255,255,.08); box-shadow: 0 4px 14px rgba(0,0,0,.35);
    }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #btn-toggle-play:active { background-color: #6a1a25; background-image: none; }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > .pvc-skip { background-color: transparent; background-image: none; color: #b6c4e0;
    }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > .pvc-skip:active { background-color: rgba(148, 163, 184, .15); background-image: none; }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc.pvc-sp-open > .rate-ctl { border-color: #3b82f6; }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc .pv-speeds { background-color: #0d1630; background-image: none; border-color: #1e3a8a; box-shadow: 0 12px 30px rgba(0,0,0,.5);
    }
  }
  @media (max-width: 820px) and (min-height: 501px) {
    html[data-ui="dark"] #pv-dictation label.sh-rate,
html[data-ui="dark"] #sh-list label.sh-rate {
      background-color: transparent !important;
      background-image: linear-gradient(180deg, #19244a 0%, #131c3b 100%) !important; border-color: #2a3a66 !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important; color: #93a5cc;
    }
    html[data-ui="dark"] #pv-dictation label.sh-rate.pvc-on,
html[data-ui="dark"] #sh-list label.sh-rate.pvc-on { border-color: #3b82f6 !important; }
    html[data-ui="dark"] #pv-dictation label.sh-rate input,
html[data-ui="dark"] #sh-list label.sh-rate input { color: #e8eefc !important; background-color: transparent !important; background-image: none !important;
    }
    html[data-ui="dark"] #pv-dictation label.sh-rate span,
html[data-ui="dark"] #sh-list label.sh-rate span { color: #a9b8d6 !important;
    }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow > .dc-hintsw { background-color: transparent; background-image: none; }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow .dc-hintsw-lbl { color: #b6c4e0; }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow .dc-switch { background-color: #2a3550; background-image: none; }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow .dc-switch i { background-color: #fff; background-image: none; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow .dc-switch.on { background-color: #2563eb; background-image: none; }
    html[data-ui="dark"] #pv-dictation .pvc-dcrow .dc-switch.on i { background-color: #fff; background-image: none; }
  }
  html[data-ui="dark"] .pvc-rpop { background-color: #0d1630; background-image: none; border-color: #1e3a8a; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
  html[data-ui="dark"] .pvc-rpop button { background-color: transparent; background-image: none; color: #a9b8d6; }
  html[data-ui="dark"] .pvc-rpop button.on { background-color: #1b43a0; background-image: none; color: #fff; }
  html[data-ui="dark"] .pvc-back { background-color: rgba(2,6,16,.55); background-image: none; }
  html[data-ui="dark"] .pvc-panel { background-color: #0a1124; background-image: none; border-color: #1a2a57; box-shadow: 0 -12px 40px rgba(0,0,0,.5); }
  html[data-ui="dark"] .pvc-grab { background-color: #2a3a66; background-image: none; }
  html[data-ui="dark"] .pvc-group { background-color: #0f1830; background-image: none; border-color: #18264d; }
  html[data-ui="dark"] .pvc-row,
html[data-ui="dark"] .pvc-item { color: #e2e8f0; background-color: transparent; background-image: none; }
  html[data-ui="dark"] .pvc-row + .pvc-row,
html[data-ui="dark"] .pvc-item + .pvc-item,
html[data-ui="dark"] .pvc-row + .pvc-item { border-top-color: #18264d; }
  html[data-ui="dark"] .pvc-item:active { background-color: #14204a; background-image: none; }
  html[data-ui="dark"] .pvc-item svg { color: #93c5fd; }
  html[data-ui="dark"] .pvc-lbl svg { color: #93c5fd; }
  html[data-ui="dark"] .pvc-sw { background-color: #2a3550; background-image: none; }
  html[data-ui="dark"] .pvc-sw i { background-color: #fff; background-image: none; box-shadow: 0 2px 4px rgba(0,0,0,.3); }
  html[data-ui="dark"] .pvc-sw[aria-checked="true"] { background-color: #2563eb; background-image: none; }
  html[data-ui="dark"] .pvc-step { background-color: #0a1124; background-image: none; border-color: #22325f; }
  html[data-ui="dark"] .pvc-step button { color: #cbd5e1; background-color: transparent; background-image: none; }
  html[data-ui="dark"] .pvc-step button + button { border-left-color: #22325f; }
  html[data-ui="dark"] .pvc-step button.mid { color: #60a5fa; }
  html[data-ui="dark"] .pvc-step button:active { background-color: #14204a; background-image: none; }
html[data-ui="dark"] #pron-ov{background-color:rgba(2,6,23,.55);background-image:none}
html[data-ui="dark"] #pron-card{background-color:#0f1b33;background-image:none;color:#e2e8f0;border-color:#24365c;box-shadow:0 20px 50px rgba(0,0,0,.45)}
html[data-ui="dark"] #pron-card .pr-x{background-color:transparent;background-image:none;color:#a0afc5}
html[data-ui="dark"] #pron-card .pr-x:hover{background-color:#1c2b4d;background-image:none;color:#fff}
html[data-ui="dark"] #pron-card .pr-ipa{color:#4ade80}
html[data-ui="dark"] #pron-card .pr-bt button{border-color:#2563eb;background-color:transparent;background-image:none;color:#e2e8f0}
html[data-ui="dark"] #pron-card .pr-bt button.f{border-color:#db2777}
html[data-ui="dark"] #pron-card .pr-bt button.on{background-color:#2563eb;background-image:none;color:#fff}
html[data-ui="dark"] #pron-card .pr-bt button.f.on{background-color:#db2777;background-image:none}
html[data-ui="dark"] #pron-card .pr-r{border-top-color:#24365c}
html[data-ui="dark"] #pron-card .pr-ph{background-color:#24365c;background-image:none}
html[data-ui="dark"] #pron-card .pr-pos{color:#a0afc5}
html[data-ui="dark"] #pron-card .pr-exv{color:#a0afc5}
html[data-ui="dark"] #pron-card mark{background-color:transparent;background-image:none;color:#fbbf24}
html[data-ui="dark"] #pron-card .pr-tip{background-color:#0a1428;background-image:none}
html[data-ui="dark"] #pron-card .pr-na{color:#a0afc5}
html[data-ui="dark"] #pron-card .pr-ft a{color:#a0afc5}
  html[data-ui="dark"] .lv-pill { color: #fff; background: var(--lv-c); box-shadow: 0 1px 3px rgba(0,0,0,.35); }
  html[data-ui="dark"] .lv-A2 { --lv-c: #16a34a; } html[data-ui="dark"] .lv-B1 { --lv-c: #2563eb; } html[data-ui="dark"] .lv-B2 { --lv-c: #d97706; } html[data-ui="dark"] .lv-C1 { --lv-c: #dc2626; }
  html[data-ui="dark"] .lv-pill::after { color: #f8fafc; background-color: #0f172a; background-image: none;
    box-shadow: 0 4px 14px rgba(0,0,0,.35); }
  html[data-ui="dark"].ss-read #panel-right { box-shadow: none !important; background-color: #070b14 !important; background-image: none !important;
  }
  html[data-ui="dark"].ss-read #subtitles-scroll-container > * { background-color: transparent !important; background-image: none !important; box-shadow: none !important; }
  html[data-ui="dark"].ss-read .rd-bar {
    background-color: rgba(13, 22, 48, .92);
    background-image: none; border-color: #1e3a8a; box-shadow: 0 12px 34px rgba(0,0,0,.45);
  }
  html[data-ui="dark"] .rd-bar button { background-color: transparent; background-image: none; color: #c7d4ee;
  }
  html[data-ui="dark"] .rd-bar button:hover { background-color: rgba(148, 163, 184, .14); background-image: none; color: #fff; }
  html[data-ui="dark"] .rd-bar .rd-play { background-color: #7a1f2b; background-image: none; color: #fff; }
  html[data-ui="dark"] .rd-bar .rd-play:hover { background-color: #8d2533; background-image: none; }
  html[data-ui="dark"] .rd-bar .rd-sep { background-color: #24356a; background-image: none; }
  html[data-ui="dark"] .rd-bar .rd-x { color: #e2e8f0; }
  @media (max-width: 820px) and (min-height: 501px) {
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #pvc-read { background-color: transparent; background-image: none; color: #b6c4e0;
    }
    html[data-ui="dark"] body:not(.text-mode) #pv-ctl .pc > #pvc-read:active { background-color: rgba(148, 163, 184, .15); background-image: none; }
    html[data-ui="dark"].ss-read body:not(.text-mode) #pv-ctl .pc > #pvc-read { color: #60a5fa; background-color: rgba(37, 99, 235, .16); background-image: none; }
  }
    html[data-ui="dark"] #screen-vocab.lt-keep,
html[data-ui="dark"] #review-backdrop.lt-keep { --vx-red:#D93A55; --vx-red-s:#3A1823; --vx-blue:#1E4A8C; --vx-ink:#A9C7F5; --vx-hi:#fff; --vx-blue-s:#16233D; --vx-bg:#0B1220; --vx-card:#141E33;
      --vx-text:#E8EDF5; --vx-muted:#9AA6B8; --vx-line:#26334F; --vx-dot:#3D5280; --vx-green:#10A272; --vx-or:#FB923C; --vx-or-s:#3A2414; --vx-syn:#34D399; --vx-syn-s:#0F2E26; --vx-shadow:0 10px 28px rgba(0,0,0,.35);
      background: var(--vx-bg); color: var(--vx-text); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-top h2 { color: var(--vx-hi); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-count-pill { background: var(--vx-red-s); color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-btn { background: var(--vx-card); color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-btn:hover { background: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-btn.danger { border-color: var(--vx-line); color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-btn.danger:hover { background: var(--vx-red); border-color: var(--vx-red); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep #vocab-review-btn { border-color: transparent; color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-search { background: var(--vx-card); color: var(--vx-text); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-search:focus { border-color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-search::placeholder { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-select,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-hide-btn { background: var(--vx-card);
      color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-hide-btn[aria-pressed="true"] { background: var(--vx-blue); border-color: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-empty { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-card.vx-row { background: var(--vx-card); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-row.done { border-left-color: var(--vx-green); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-row.open { border-left-color: var(--vx-red); box-shadow: var(--vx-shadow); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-head { background-color: transparent; background-image: none; color: inherit; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-no { color: var(--vx-muted); background: var(--vx-bg); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-t b { color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-t .vocab-word { color: inherit; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-kind.k-word { background-color: #0F2E27; background-image: none; color: #34D399; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-kind.k-phrase { background-color: #3A2D0A; background-image: none; color: #FBBF24; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-kind.k-sentence { background-color: #2A2150; background-image: none; color: #C4B5FD; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-m { color: var(--vx-text); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-m-empty { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep.vx-hide .vx-row:not(.open) .vx-m .w { color: transparent;
      background: radial-gradient(circle at center, var(--vx-dot) 0, var(--vx-dot) .21em, transparent calc(.21em + .7px)) left center/.68em 100% round no-repeat; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .open .vx-chev { border-color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-spk { color: var(--vx-ink); background-color: transparent; background-image: none; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-spk:hover { background: var(--vx-blue-s); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-spk.playing { background: var(--vx-red-s); color: var(--vx-red); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-spk.vx-spk-in { color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-say { background-color: transparent; background-image: none; color: var(--vx-ink); }
    :root[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-say:hover { background: var(--vx-blue); color: #fff; }
    :root[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-say.on { background: var(--vx-red-s); color: var(--vx-red); }
    :root[data-ui="dark"] #screen-vocab.lt-keep .vx-spk.vx-spk-in:hover { background: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-gb { background: var(--vx-syn-s); color: var(--vx-syn); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-gb:hover,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-gb[aria-selected="true"] { background: var(--vx-green); color: #fff; }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-expl { background-color: transparent; background-image: none; color: var(--vx-text); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-expl .xp-i > i { background: var(--vx-red); color: #fff; } html[data-ui="dark"] #screen-vocab.lt-keep .vx-expl .xp-h { color: var(--vx-hi); } html[data-ui="dark"] #screen-vocab.lt-keep .vx-expl li::marker { color: var(--vx-red); } html[data-ui="dark"] #screen-vocab.lt-keep .vx-expl b { color: var(--vx-syn); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-pl { background: var(--vx-syn-s); color: var(--vx-syn); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-pl.vx-pa { background: var(--vx-red-s); color: var(--vx-red); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gear { background: var(--vx-card); color: var(--vx-ink); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gear svg,
html[data-ui="dark"] #screen-vocab.lt-keep .vx-gm-ic { fill: none; stroke: currentColor; }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gear:hover,
html[data-ui="dark"] #screen-vocab.lt-keep .vx-gear[aria-expanded="true"] { background: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gmenu { background: var(--vx-card); box-shadow: var(--vx-shadow); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gm { background-color: transparent; background-image: none; color: var(--vx-text); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gm:hover { background: var(--vx-bg); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gm small { color: var(--vx-muted); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-gm-ic { color: var(--vx-ink); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-sw { background: var(--vx-dot); }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-sw::after { background-color: #fff; background-image: none; }
    html[data-ui="dark"] #screen-vocab.lt-keep .vx-sw.on { background: var(--vx-green); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-eb { background: var(--vx-blue-s); color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-eb:hover,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-eb[aria-selected="true"] { background: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-sb { background: var(--vx-or-s); color: var(--vx-or); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-sb:hover,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-sb[aria-selected="true"] { background: var(--vx-or); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ex { background: var(--vx-blue-s); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ctx { background: var(--vx-red-s); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-exl { color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-exn { background: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-ctx,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ex .vocab-ex-en { background-color: transparent; background-image: none; color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-vi { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-hl,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ex .vocab-ex-en mark { background: var(--vx-red-s) !important; color: var(--vx-red) !important; box-shadow: none; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ctx .vocab-hl { background: var(--vx-card) !important; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sgt { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxh { background-color: transparent; background-image: none; color: inherit; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep button.sxh:hover { background: var(--vx-bg); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxh .pl { background: var(--vx-syn-s); color: var(--vx-syn); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .syc.ant .sxh .pl { background: var(--vx-red-s); color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxm { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxh svg { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxe { color: var(--vx-text); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxe mark { background: var(--vx-syn-s) !important; color: var(--vx-syn) !important; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .syc.ant .sxe mark { background: var(--vx-red-s) !important; color: var(--vx-red) !important; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .sxv { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vsyn-note { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-nomean { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-ai-link { color: var(--vx-red); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vocab-wordvi-input { background: var(--vx-card); color: var(--vx-text); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ft .vocab-src { color: var(--vx-muted); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ft .vocab-src a { color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-ft .vocab-src a.vx-srcplay.on { color: var(--vx-blue); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-learned { color: var(--vx-green); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-act { background: var(--vx-card); color: var(--vx-ink); }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-act:hover,
html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-act.pri { background: var(--vx-blue); border-color: var(--vx-blue); color: #fff; }
    html[data-ui="dark"] :is(#screen-vocab, #review-backdrop).lt-keep .vx-act.del:hover { background: var(--vx-red); border-color: var(--vx-red); color: #fff; }
    html[data-ui="dark"] #review-backdrop.lt-keep { background: var(--vx-bg); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-card { background-color: transparent; background-image: none; box-shadow: none; }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-x { background: var(--vx-card); color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-x:hover { color: var(--vx-text); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-bar { background: var(--vx-line); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-bar i { background-color: #16a34a; background-image: none; }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-cnt { color: var(--vx-ink); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-del { background-color: transparent; background-image: none; color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-del:hover,
html[data-ui="dark"] #review-backdrop.lt-keep .rv-del:focus-visible { color: var(--vx-red); background: var(--vx-red-s); }
    html[data-ui="dark"] #review-backdrop .rv-undo { background-color: #1f2937; background-image: none; color: #f3f4f6; box-shadow: 0 8px 24px rgba(0,0,0,.25); }
    html[data-ui="dark"] #review-backdrop .rv-undo button { background-color: transparent; background-image: none; color: #93c5fd; }
    html[data-ui="dark"] #review-backdrop .rv-undo button:hover { background-color: rgba(147,197,253,.15); background-image: none; }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-scope { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-scope b { color: var(--vx-ink); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-card { background: var(--vx-card); box-shadow: 0 14px 40px rgba(10,49,97,.14); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-big { color: var(--vx-hi); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-ctx { color: var(--vx-text); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-ctx mark { background: var(--vx-red-s); color: var(--vx-red); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-hint { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-mean { color: var(--vx-green); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-mean-empty { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-vi { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-btn { background: var(--vx-card); color: var(--vx-ink); }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-btn.no { background: var(--vx-red); border-color: var(--vx-red); color: #fff; }
    html[data-ui="dark"] #review-backdrop.lt-keep .rv-btn.ok { background: var(--vx-green); border-color: var(--vx-green); color: #fff; }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-empty i,
html[data-ui="dark"] #review-backdrop.lt-keep .review-done i { color: var(--vx-green); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-empty h3,
html[data-ui="dark"] #review-backdrop.lt-keep .review-done h3 { color: var(--vx-hi); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-empty p,
html[data-ui="dark"] #review-backdrop.lt-keep .review-done p { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-stat b { color: var(--vx-hi); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-stat span { color: var(--vx-muted); }
    html[data-ui="dark"] #review-backdrop.lt-keep .review-reveal-btn { background: var(--vx-blue); }
@media (max-width: 640px) {
  html[data-ui="dark"] #screen-input .netflix-scroll-row .yt-card { background-color: transparent !important; background-image: none !important; box-shadow: none !important;
  }
  html[data-ui="dark"] #screen-input .netflix-scroll-row .yt-card:hover { box-shadow: none !important; background-color: transparent !important; background-image: none !important; }
  html[data-ui="dark"] #screen-input .netflix-scroll-row .yt-thumb-wrapper { box-shadow: none !important; }
}
  html[data-ui="dark"] .pv-set-btn { border-color: #334155; background-color: #1e293b; background-image: none; color: #cbd5e1; }
  html[data-ui="dark"] .pv-set-btn:hover,
html[data-ui="dark"] .pv-set-btn[aria-expanded="true"] { background-color: #273449; background-image: none; color: #fff; }
  html[data-ui="dark"] #pv-set-pop { background-color: #111a2e; background-image: none; border-color: #263451;
    box-shadow: 0 18px 40px rgba(0,0,0,.45); color: #e2e8f0; }
  html[data-ui="dark"] #pv-set-pop .pvs-row + .pvs-row { border-top-color: rgba(148,163,184,.12); }
  html[data-ui="dark"] #pv-set-pop .pvs-lbl small { color: #97a7c5; }
  html[data-ui="dark"] #pv-set-pop .pvs-sw { background-color: #334155; background-image: none; }
  html[data-ui="dark"] #pv-set-pop .pvs-sw i { background-color: #fff; background-image: none; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
  html[data-ui="dark"] #pv-set-pop .pvs-sw[aria-checked="true"] { background-color: #2563eb; background-image: none; }
  html[data-ui="dark"] #pv-set-pop .pvs-len { border-top-color: rgba(148,163,184,.12); }
  html[data-ui="dark"] #pv-set-pop .fs-grp.fs-len { background-color: #0b1324; background-image: none; border-color: #263451; }
  html[data-ui="dark"] #pv-set-pop .fs-grp.fs-len button { background-color: transparent; background-image: none; color: #cbd5e1; }
  html[data-ui="dark"] #pv-set-pop .fs-grp.fs-len button:hover { background-color: rgba(148,163,184,.12); background-image: none; }
  html[data-ui="dark"] #pv-set-pop .fs-grp.fs-len button.on { background-color: #2563eb; background-image: none; color: #fff; }
  html[data-ui="dark"] .rs-chip { border-color: rgba(255,255,255,.22); background-color: rgba(15,15,15,.82); background-image: none;
    color: #fff; box-shadow: 0 4px 16px rgba(0,0,0,.45); }
  html[data-ui="dark"] .rs-chip:hover { background-color: rgba(40,40,40,.92); background-image: none; }
  html[data-ui="dark"] .rs-chip:focus-visible { outline-color: #60a5fa; }
  html[data-ui="dark"] .rs-chip svg { fill: #fff; }
  html[data-ui="dark"] .ssdlg-bk { background-color: rgba(2,6,23,.62); background-image: none; }
  html[data-ui="dark"] .ssdlg { background-color: #0e1526; background-image: none; border-color: #1e2d5c; box-shadow: 0 24px 64px rgba(0,0,0,.55); color: #e2e8f0; }
  html[data-ui="dark"] .ssdlg-t { color: #fff; }
  html[data-ui="dark"] .ssdlg-m { color: #cbd5e1; }
  html[data-ui="dark"] .ssdlg-b {
    border-color: #334155; background-color: transparent; background-image: none; color: #e2e8f0; }
  html[data-ui="dark"] .ssdlg-b:hover { background-color: rgba(148,163,184,.12); background-image: none; }
  html[data-ui="dark"] .ssdlg-b.ok { background-color: #2563eb; background-image: none; border-color: #2563eb; color: #fff; }
  html[data-ui="dark"] .ssdlg-b.ok.danger { background-color: #dc2626; background-image: none; border-color: #dc2626; }
  html[data-ui="dark"] .ssdlg-b:focus-visible { outline-color: #60a5fa; }
  html[data-ui="dark"] .pa-wrap { background-color: transparent; background-image: linear-gradient(180deg, #0b1330, #070d1f); border-color: #1b2c63; }
  html[data-ui="dark"] .pa-open { background-color: transparent; background-image: none; color: #e2e8f0; }
  html[data-ui="dark"] .pa-open:focus-visible { outline-color: #2dd4bf; }
  html[data-ui="dark"] .pa-open-ico {
    background-color: transparent;
    background-image: linear-gradient(135deg, #14b8a6, #3b82f6); box-shadow: 0 4px 14px rgba(20,184,166,0.15); }
  html[data-ui="dark"] .pa-open-txt b { color: #fff; }
  html[data-ui="dark"] .pa-open-txt small { color: #a0afc5; }
  html[data-ui="dark"] .pa-open-chev { color: #5eead4; }
  html[data-ui="dark"] #pa-title,
html[data-ui="dark"] #pa-text { background-color: #050a18; background-image: none; border-color: #1e2d5c; color: #f1f5f9; }
  html[data-ui="dark"] #pa-title:focus,
html[data-ui="dark"] #pa-text:focus { border-color: #2dd4bf; box-shadow: 0 0 0 3px rgba(45,212,191,0.09); }
  html[data-ui="dark"] #pa-title::placeholder,
html[data-ui="dark"] #pa-text::placeholder { color: #6b7a94; }
  html[data-ui="dark"] .pa-err { color: #fca5a5; }
  html[data-ui="dark"] .pa-count { color: #a0afc5; }
  html[data-ui="dark"] .pa-count.over { color: #fca5a5; }
  html[data-ui="dark"] .pa-btn { border-color: #334155; background-color: transparent; background-image: none; color: #e2e8f0; }
  html[data-ui="dark"] .pa-btn:hover { background-color: rgba(148,163,184,.12); background-image: none; }
  html[data-ui="dark"] .pa-btn.pa-go { background-color: transparent; background-image: linear-gradient(135deg, #14b8a6, #2563eb); border-color: transparent; color: #fff; }
  html[data-ui="dark"] .pa-btn.pa-go:disabled { filter: none; }
  html[data-ui="dark"] body.text-mode #subtitles-scroll-container:not(.sub-show-vi) .tx-flow > .sentence-text-line.sg-m:not(.sg-first)::before { background-color: transparent !important; background-image: none !important; }
  html[data-ui="dark"] body.text-mode #subtitles-scroll-container:not(.sub-show-vi) .tx-flow > .sentence-text-line.para-start:not(.is-title):not(.is-heading)::before { background-color: transparent !important; background-image: none !important;
  }
  html[data-ui="dark"] .onb-tip {
    background-color: #13224a;
    background-image: none; color: #eaf1ff; border-color: rgba(96,165,250,.55); box-shadow: 0 8px 26px rgba(0,0,0,.45); }
  html[data-ui="dark"] .onb-tip b { color: #4ade80; }
  html[data-ui="dark"] .onb-tip .onb-ic { color: #93c5fd; }
  html[data-ui="dark"] .onb-tip .onb-ic::before,
html[data-ui="dark"] .onb-tip .onb-ic::after {
    border-color: #fcd34d; }
  html[data-ui="dark"] .onb-tip .onb-x { background-color: rgba(255,255,255,.1); background-image: none; color: inherit; }
  html[data-ui="dark"] .onb-tip .onb-x:hover { background-color: rgba(255,255,255,.2); background-image: none; }
  html[data-ui="dark"] .onb-card { background-color: #0f1a35; background-image: none; color: #eaf1ff; border-color: rgba(96,165,250,.4);
    box-shadow: 0 14px 40px rgba(0,0,0,.5); }
  html[data-ui="dark"] .onb-card .onb-logo { background-color: #b31942; background-image: none; }
  html[data-ui="dark"] .onb-card .onb-logo svg { fill: #fff; }
  html[data-ui="dark"] .onb-card .onb-p { color: #a9b8d6; }
  html[data-ui="dark"] .onb-card .onb-go {
    background-color: #b31942;
    background-image: none; color: #fff; }
  html[data-ui="dark"] .onb-card .onb-go:hover { background-color: #c81e4c; background-image: none; }
  html[data-ui="dark"] .onb-card .onb-go svg { fill: currentColor; }
  html[data-ui="dark"] .onb-card .onb-x { background-color: transparent; background-image: none;
    color: #9aacd1; }
  html[data-ui="dark"] .onb-card .onb-x:hover { background-color: rgba(255,255,255,.08); background-image: none; color: #fff; }
  html[data-ui="dark"] .ss-auth-btn{color:#e2e8f0;background-color:#1e293b;background-image:none;border-color:#334155}
  html[data-ui="dark"] .ss-auth-btn:hover{background-color:#334155;background-image:none;color:#fff}
  html[data-ui="dark"] .ss-auth-btn:focus-visible{outline-color:#60a5fa}
  html[data-ui="dark"] .ss-auth-btn .ss-av{background-color:#334155;background-image:none;color:#fff}
  html[data-ui="dark"] .ss-auth-btn .ss-dot{border-color:#1e293b;background-color:#64748b;background-image:none}
  html[data-ui="dark"] .ss-auth-btn .ss-dot.ok{background-color:#22c55e;background-image:none}html[data-ui="dark"] .ss-auth-btn .ss-dot.syncing{background-color:#3b82f6;background-image:none}
  html[data-ui="dark"] .ss-auth-btn .ss-dot.error,
html[data-ui="dark"] .ss-auth-btn .ss-dot.offline{background-color:#f59e0b;background-image:none}
  html[data-ui="dark"] .ss-menu{background-color:#0f172a;background-image:none;border-color:#334155;
    box-shadow:0 20px 50px rgba(0,0,0,.55);color:#cbd5e1}
  html[data-ui="dark"] .ss-menu .ss-h img,
html[data-ui="dark"] .ss-menu .ss-h .ss-av{background-color:#334155;background-image:none;color:#fff}
  html[data-ui="dark"] .ss-menu .ss-n{color:#f1f5f9}
  html[data-ui="dark"] .ss-menu .ss-e{color:#a0afc5}
  html[data-ui="dark"] .ss-menu .ss-st{background-color:#1e293b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-st i{background-color:#64748b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-st i.ok{background-color:#22c55e;background-image:none}html[data-ui="dark"] .ss-menu .ss-st i.syncing{background-color:#3b82f6;background-image:none}html[data-ui="dark"] .ss-menu .ss-st i.error,
html[data-ui="dark"] .ss-menu .ss-st i.offline{background-color:#f59e0b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-use{color:#a0afc5}
  html[data-ui="dark"] .ss-menu .ss-use-b{background-color:#1e293b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-use-b i{background-color:#3b82f6;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-note{color:#a0afc5}
  html[data-ui="dark"] .ss-menu .ss-coin{background-color:transparent;background-image:radial-gradient(circle at 35% 30%,#fff6c8,#f5c542 45%,#c8901a);box-shadow:inset 0 0 0 2px rgba(183,121,31,0.5),0 1px 2px rgba(0,0,0,.25)}
  html[data-ui="dark"] .ss-menu .ss-coin::after{border-color:rgba(146,94,10,.55)}
  html[data-ui="dark"] .stm-ov{background-color:rgba(2,6,23,.7);background-image:none}
  html[data-ui="dark"] .stm{background-color:#0f172a;background-image:none;border-color:#334155;color:#e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.45)}
  html[data-ui="dark"] .stm-h h3{color:#f1f5f9}
  html[data-ui="dark"] .stm select{border-color:#334155;background-color:#1e293b;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .stm .stm-dl{border-color:#334155;background-color:#1e293b;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .stm .stm-dl:hover{background-color:#273449;background-image:none}
  html[data-ui="dark"] .stm .stm-x{background-color:transparent;background-image:none;color:#a0afc5}
  html[data-ui="dark"] .stm .stm-x:hover{background-color:#1e293b;background-image:none;color:#f1f5f9}
  html[data-ui="dark"] .stm-tile{background-color:#162036;background-image:none;border-color:#1f2b44}
  html[data-ui="dark"] .stm-tile small{color:#a0afc5}
  html[data-ui="dark"] .stm-tile b{color:#f1f5f9}
  html[data-ui="dark"] .stm-tile.in b{color:#4ade80}
  html[data-ui="dark"] .stm-tile .bar{background-color:#26324a;background-image:none}
  html[data-ui="dark"] .stm-tile .lg{color:#cbd5e1}
  html[data-ui="dark"] .stm-tile .lg em{color:#f1f5f9}
  html[data-ui="dark"] .stm-tile .note{color:#a0afc5}
  html[data-ui="dark"] .stm-b{border-top-color:#1e293b}
  html[data-ui="dark"] .stm-day{background-color:#131c2f;background-image:none;color:#a0afc5}
  html[data-ui="dark"] .stm-r{border-bottom-color:#1a2438}
  html[data-ui="dark"] .stm-ic svg{fill:none;stroke:currentColor}
  html[data-ui="dark"] .stm-r .k{color:#f1f5f9}
  html[data-ui="dark"] .stm-r .k small{color:#a0afc5}
  html[data-ui="dark"] .stm-r .t{color:#cbd5e1}
  html[data-ui="dark"] .stm-r .s{color:#a0afc5}
  html[data-ui="dark"] .stm-r .a{color:#f1f5f9}html[data-ui="dark"] .stm-r .a.p{color:#4ade80}
  html[data-ui="dark"] .stm-r .bl{color:#718199}
  html[data-ui="dark"] .stm-msg{color:#a0afc5}
  html[data-ui="dark"] .pv-acct-btn{background-color:transparent;background-image:none}
  html[data-ui="dark"] .pv-acct-av{background-color:#334155;background-image:none;color:#fff;box-shadow:0 0 0 1.5px rgba(148,163,184,.35)}
  html[data-ui="dark"] .pv-acct-btn:hover .pv-acct-av{box-shadow:0 0 0 2px rgba(96,165,250,0.5)}
  html[data-ui="dark"] .pv-acct-in{background-color:rgba(148,163,184,.12);background-image:none;box-shadow:0 0 0 1.5px rgba(148,163,184,.35)}
  html[data-ui="dark"] .pv-acct-in:hover{box-shadow:0 0 0 2px rgba(96,165,250,0.5)}
  html[data-ui="dark"] .ss-menu .ss-sy{color:#a0afc5}
  html[data-ui="dark"] .ss-menu .ss-sy i{background-color:#64748b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-sy i.ok{background-color:#22c55e;background-image:none}html[data-ui="dark"] .ss-menu .ss-sy i.syncing{background-color:#3b82f6;background-image:none}html[data-ui="dark"] .ss-menu .ss-sy i.error,
html[data-ui="dark"] .ss-menu .ss-sy i.offline{background-color:#f59e0b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-sep{background-color:#263349;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-mi{background-color:transparent;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .ss-menu .ss-mi:hover{background-color:#1e293b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-sw{background-color:#64748b;background-image:none}
  html[data-ui="dark"] .ss-menu .ss-sw::after{background-color:#fff;background-image:none}
  html[data-ui="dark"] .ss-menu button{border-color:#334155;background-color:#1e293b;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .ss-menu button:hover{background-color:#334155;background-image:none}
  html[data-ui="dark"] .ss-menu button.pri{background-color:rgba(37,99,235,.25);background-image:none;border-color:#1d4ed8;color:#bfdbfe}
  html[data-ui="dark"] .ss-auto-msg{color:#cbd5e1}
  html[data-ui="dark"] .ss-auto-msg:not(:empty){background-color:#1e293b;background-image:none;border-color:#334155}
  html[data-ui="dark"] .ss-menu .ss-xu{background-color:rgba(245,158,11,.1);background-image:none;border-color:rgba(245,158,11,.35);color:#fde68a}
  html[data-ui="dark"] .ss-menu .ss-xu b{color:#fff}
  html[data-ui="dark"] .oyc-bal{color:#a0afc5}html[data-ui="dark"] .oyc-bal b{color:#fca5a5}
  html[data-ui="dark"] .xu-ov{background-color:rgba(2,6,16,.6);background-image:none}
  html[data-ui="dark"] .xu-box{background-color:#0b1430;background-image:none;border-color:#1e3366;box-shadow:0 20px 60px rgba(0,0,0,.55);color:#cbd5e1}
  html[data-ui="dark"] .xu-close{background-color:transparent;background-image:none;color:#a0afc5}
  html[data-ui="dark"] .xu-h{color:#fff}
  html[data-ui="dark"] .xu-p{color:#a9b8d6}html[data-ui="dark"] .xu-p b{color:#fde68a}html[data-ui="dark"] .xu-p.small{color:#7d8db0}
  html[data-ui="dark"] .xu-sw-acc{background-color:rgba(148,163,184,.12);background-image:none;border-color:rgba(148,163,184,.3)}
  html[data-ui="dark"] .xu-sw-av{background-color:#334155;background-image:none;color:#fff}
  html[data-ui="dark"] .xu-btn{border-color:#22325f;background-color:#0a1124;background-image:none;color:#cbd5e1}
  html[data-ui="dark"] .xu-btn.pri{background-color:#2563eb;background-image:none;border-color:#2563eb;color:#fff}
  html[data-ui="dark"] .xu-btn:disabled{background-color:#14532d;background-image:none;border-color:#166534;color:#bbf7d0}
  html[data-ui="dark"] .xu-load{color:#a9b8d6}
  html[data-ui="dark"] .xu-pack{border-color:#22325f;background-color:#0a1124;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .xu-pack.hot{border-color:#f59e0b;background-color:transparent;background-image:linear-gradient(180deg,rgba(245,158,11,.12),rgba(245,158,11,.04))}
  html[data-ui="dark"] .xu-pack-xu{color:#fff}
  html[data-ui="dark"] .xu-pack-bonus{color:#fcd34d}html[data-ui="dark"] .xu-pack-bonus.muted{color:transparent}
  html[data-ui="dark"] .xu-pack-price{color:#93c5fd}
  html[data-ui="dark"] .xu-tag{background-color:#f59e0b;background-image:none;color:#1c1405}
  html[data-ui="dark"] .xu-qr{background-color:#fff;background-image:none}
  html[data-ui="dark"] .xu-save{border-color:#2b3f7a;background-color:#111c3d;background-image:none;color:#bfdbfe}
  html[data-ui="dark"] .xu-save.ok{border-color:#166534;background-color:#0f2a1c;background-image:none;color:#bbf7d0}
  html[data-ui="dark"] .xu-amt{border-top-color:#16224a;border-bottom-color:#16224a}
  html[data-ui="dark"] .xu-amt span{color:#7d8db0}html[data-ui="dark"] .xu-amt b{color:#fff}
  html[data-ui="dark"] .xu-kv{border-top-color:#16224a}
  html[data-ui="dark"] .xu-kv span{color:#7d8db0}html[data-ui="dark"] .xu-kv b{color:#fff}
  html[data-ui="dark"] .xu-cp{border-color:#22325f;background-color:#0a1124;background-image:none;color:#93c5fd}
  html[data-ui="dark"] .xu-wait{background-color:#0a1124;background-image:none;color:#a9b8d6}
  html[data-ui="dark"] .oy-wrap .ss-auto-msg:has(.oyc),
html[data-ui="dark"] .oy-wrap .ss-auto-msg:has(.oyc-load){background-color:transparent;background-image:none}
  html[data-ui="dark"] .oyc{background-color:transparent;background-image:linear-gradient(180deg,#111c3d 0%,#0c1530 100%);border-color:#1e3366;color:#cbd5e1}
  html[data-ui="dark"] .oyc-media{background-color:#060b18;background-image:none}
  html[data-ui="dark"] .oyc-dur{background-color:rgba(0,0,0,.78);background-image:none;color:#fff}
  html[data-ui="dark"] .oyc-title{color:#fff}
  html[data-ui="dark"] .oyc-text{color:#a9b8d6}
  html[data-ui="dark"] .oyc-text svg{color:#c4b5fd}
  html[data-ui="dark"] .oyc-chip{background-color:#0a1124;background-image:none;border-color:#22325f;color:#dbe5f5}
  html[data-ui="dark"] .oyc-chip svg{color:#93c5fd}
  html[data-ui="dark"] .oyc-chip.xu{background-color:rgba(245,158,11,.12);background-image:none;border-color:rgba(245,158,11,.4);color:#fcd34d}
  html[data-ui="dark"] .oyc-chip.xu svg{color:#fbbf24}
  html[data-ui="dark"] .ss-gb-face{background-color:#1a73e8;background-image:none;color:#fff;box-shadow:0 2px 10px rgba(26,115,232,0.175)}
  html[data-ui="dark"] .ss-gb-ic{background-color:#fff;background-image:none}
  html[data-ui="dark"] .oyc-btn{color:#cbd5e1;background-color:#0a1124;background-image:none;border-color:#22325f}
  html[data-ui="dark"] .oyc-btn.pri{color:#fff;background-color:#2563eb;background-image:none;border-color:#2563eb}
  html[data-ui="dark"] .oyc-det{color:#7d8db0}
  html[data-ui="dark"] .oyc-offer{border-color:#2b3f7a}
  html[data-ui="dark"] .oyc-wait .oyc-title{color:#bfdbfe}
  html[data-ui="dark"] .oyc-bad{background-color:transparent;background-image:linear-gradient(180deg,#24160f 0%,#1a120e 100%);border-color:#7c3a12}
  html[data-ui="dark"] .oyc-bad .oyc-title{color:#fcd34d}
  html[data-ui="dark"] .oyc-bad .oyc-ic{color:#f59e0b}
  html[data-ui="dark"] .oyc-info .oyc-ic{color:#93c5fd}
  html[data-ui="dark"] .oyc-prog-bar{background-color:#16224a;background-image:none}
  html[data-ui="dark"] .oyc-prog-bar i{background-color:transparent;background-image:linear-gradient(90deg,#3b82f6,#8b5cf6)}
  html[data-ui="dark"] .oyc-prog b{color:#dbeafe}
  html[data-ui="dark"] .oyc-prog-t{color:#a0afc5}
  html[data-ui="dark"] .oyc-load{color:#a9b8d6}
  html[data-ui="dark"] .oyc-spin{border-color:rgba(147,197,253,.25);border-top-color:#93c5fd}
  @media (min-width:1024px){
    html[data-ui="dark"] .oyc:has(>.oyc-media) .oyc-btn.pri{box-shadow:0 4px 14px rgba(37,99,235,0.15)}
    html[data-ui="dark"] .oyc:has(>.oyc-media) .oyc-btn.pri:hover{background-color:#1d4ed8;background-image:none;border-color:#1d4ed8}
    html[data-ui="dark"] .oyc:has(>.oyc-media) .oyc-btn:not(.pri):hover{border-color:#34508f;color:#e2e8f0}
  }
  html[data-ui="dark"] .ss-auto-msg.bad{border-color:#b45309;color:#fcd34d}
  html[data-ui="dark"] #ss-ai-live{background-color:rgba(15,23,42,.94);background-image:none;border-color:#334155;color:#e2e8f0;box-shadow:0 8px 24px rgba(0,0,0,.4)}
  html[data-ui="dark"] #ss-ai-live.bad{border-color:#b45309;color:#fcd34d}
  html[data-ui="dark"] .ss-auto-sw{background-color:rgba(37,99,235,.1);background-image:none;border-color:rgba(96,165,250,.3)}
  html[data-ui="dark"] .ss-sw-ui{background-color:#475569;background-image:none}
  html[data-ui="dark"] .ss-sw-ui::after{background-color:#fff;background-image:none;box-shadow:0 1px 3px rgba(0,0,0,.3)}
  html[data-ui="dark"] .ss-auto-sw input:checked + .ss-sw-ui{background-color:#2563eb;background-image:none}
  html[data-ui="dark"] .ss-auto-sw input:focus-visible + .ss-sw-ui{outline-color:#60a5fa}
  html[data-ui="dark"] .ss-ai-live-bar{background-color:#334155;background-image:none}
  html[data-ui="dark"] .ss-ai-live-bar i{background-color:#3b82f6;background-image:none}
  html[data-ui="dark"] .ss-detail{color:#a0afc5}
  html[data-ui="dark"] .ss-auto-msg.wait{border-color:#1d4ed8;color:#bfdbfe}
  html[data-ui="dark"] .ss-go{color:#fff;background-color:#2563eb;background-image:none}
  html[data-ui="dark"] .ss-link{background-color:transparent;background-image:none;color:#93c5fd}
  html[data-ui="dark"] .ss-or{color:#718199}
  html[data-ui="dark"] .ss-or::before,
html[data-ui="dark"] .ss-or::after{background-color:#334155;background-image:none}
  html[data-ui="dark"] .ss-flash .ss-auth-btn{border-color:#60a5fa}
  html[data-ui="dark"] .ss-ready{
    background-color:#0f172a;
    background-image:none;border-color:#1d4ed8;box-shadow:0 18px 40px rgba(0,0,0,.55);color:#cbd5e1}
  html[data-ui="dark"] .ss-ready-t{color:#f1f5f9}
  html[data-ui="dark"] .ss-ready-v{color:#a0afc5}
  html[data-ui="dark"] .ss-ready button{border-color:#334155;background-color:#1e293b;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .ss-ready button.pri{background-color:#2563eb;background-image:none;border-color:#2563eb;color:#fff}
  html[data-ui="dark"] .ss-ov{background-color:rgba(2,6,23,.75);background-image:none}
  html[data-ui="dark"] .ss-ov .ss-box{background-color:#0f172a;background-image:none;border-color:#334155;color:#cbd5e1}
  html[data-ui="dark"] .ss-ov h3{color:#f1f5f9}
  html[data-ui="dark"] .ss-ov button{border-color:#334155;background-color:#1e293b;background-image:none;color:#e2e8f0}
  html[data-ui="dark"] .ss-ov button.pri{background-color:#2563eb;background-image:none;border-color:#2563eb;color:#fff}
  html[data-ui="dark"] .ss-inapp .ss-row button[data-a=copy]{background-color:#334155;background-image:none;border-color:#334155;color:#fff}
  html[data-ui="dark"] .ss-ov .ss-x{background-color:transparent;background-image:none;color:#a0afc5}
  html[data-ui="dark"] .ss-inapp .ss-inapp-url{border-color:rgba(148,163,184,.5);background-color:transparent;background-image:none;color:inherit}
  html[data-ui="dark"] .ss-inapp-login{background-color:#2563eb;background-image:none;color:#fff}
html[data-ui="dark"] #gai-sheet{background-color:rgba(2,6,23,.6);background-image:none}html[data-ui="dark"] #gai-sheet .gai-box{background-color:#0f172a;background-image:none;color:#e2e8f0;border-color:#1e3a8a;box-shadow:0 20px 50px rgba(0,0,0,.5)}html[data-ui="dark"] #gai-sheet h3{color:#fff}html[data-ui="dark"] #gai-sheet p{color:#a0afc5}html[data-ui="dark"] #gai-sheet .gai-btn{text-decoration:none}html[data-ui="dark"] #gai-sheet .gai-go{background-color:#2563eb;background-image:none;color:#fff}html[data-ui="dark"] #gai-sheet .gai-copy{background-color:#1e293b;background-image:none;color:#e2e8f0;border-color:#334155}html[data-ui="dark"] #gai-sheet .gai-x{background-color:transparent;background-image:none;color:#a0afc5}