:root,[data-theme=dark]{--bg-primary:#121324;--bg-surface:#1e1f38;--bg-input:#272948;--bg-hover:#33355e;--border-color:#3d3f66;--text-primary:#f4f4fa;--text-secondary:#c8c8e0;--text-muted:#8e8eb4;--accent-primary:#7c6cf0;--accent-light:#b4afff;--accent-soft:#7c6cf02e;--ipa-bg:#7c6cf033;--ipa-border:#b4afff66;--ipa-text:#dcd8ff;--pos-bg:#a29bfe2e;--pos-text:#b8b3ff;--success:#2ecc71;--success-soft:#2ecc712e;--danger:#e74c3c;--danger-soft:#e74c3c2e;--shadow-popup:0 8px 32px #0000008c;--shadow-card:0 4px 16px #00000040;--radius:8px;--radius-sm:4px;--radius-lg:12px}[data-theme=light]{--bg-primary:#f4f5fa;--bg-surface:#fff;--bg-input:#eef0f7;--bg-hover:#e2e5f2;--border-color:#d2d5e5;--text-primary:#18192b;--text-secondary:#424560;--text-muted:#6e7290;--accent-primary:#5846db;--accent-light:#4834d4;--accent-soft:#5846db1f;--ipa-bg:#eef0fe;--ipa-border:#b8bdf5;--ipa-text:#3c2bb5;--pos-bg:#5846db1a;--pos-text:#4834d4;--success:#219653;--success-soft:#2196531f;--danger:#d32f2f;--danger-soft:#d32f2f1f;--shadow-popup:0 8px 32px #1213242e;--shadow-card:0 4px 16px #12132414;--radius:8px;--radius-sm:4px;--radius-lg:12px}.lucide-icon{vertical-align:middle;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.icon-sm{width:14px;height:14px}.icon-md{width:16px;height:16px}.icon-lg{width:20px;height:20px}:root,[data-theme=dark]{--bg:var(--bg-primary,#121324);--bg-card:var(--bg-surface,#1e1f38);--bg-input:var(--bg-input,#272948);--bg-hover:var(--bg-hover,#33355e);--text:var(--text-primary,#f4f4fa);--text-muted:var(--text-muted,#8e8eb4);--accent:var(--accent-primary,#7c6cf0);--accent-soft:var(--accent-soft,#7c6cf02e);--accent-light:var(--accent-light,#b4afff);--success:var(--success,#2ecc71);--danger:var(--danger,#e74c3c);--border:var(--border-color,#3d3f66);--radius:8px}[data-theme=light]{--bg:var(--bg-primary,#f4f5fa);--bg-card:var(--bg-surface,#fff);--bg-input:var(--bg-input,#eef0f7);--bg-hover:var(--bg-hover,#e2e5f2);--text:var(--text-primary,#18192b);--text-muted:var(--text-muted,#6e7290);--accent:var(--accent-primary,#5846db);--accent-soft:var(--accent-soft,#5846db1f);--accent-light:var(--accent-light,#4834d4);--success:var(--success,#219653);--danger:var(--danger,#d32f2f);--border:var(--border-color,#d2d5e5);--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;overflow-y:auto}.panel-container{flex-direction:column;gap:16px;min-height:100vh;padding:16px;display:flex}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.panel-header h1{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.panel-header h1 span{background:linear-gradient(135deg,#6c5ce7,#a29bfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-header .logo-icon{color:var(--accent);stroke-width:2.2px}.panel-header .brand-logo-icon{border-radius:6px;flex-shrink:0;width:22px;height:22px;display:block;box-shadow:0 2px 8px #2563eb59}.panel-version{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px}.result-section.hidden,.empty-state.hidden,.hidden{display:none!important}.result-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:14px;box-shadow:0 4px 16px #0003}.result-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.lang-badge{background:var(--accent-soft);color:var(--accent-light);border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.lang-badge.target{color:var(--success);background:#2ecc7126}.arrow{color:var(--text-muted);font-size:14px}.confidence{color:var(--text-muted);background:var(--bg-input);border-radius:8px;margin-left:auto;padding:2px 8px;font-size:11px}.result-block{background:var(--bg-input);border-radius:var(--radius);margin-bottom:8px;padding:10px 12px}.result-block.translated{border-left:3px solid var(--accent)}.block-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.block-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600}.phonetic-tag{color:var(--ipa-text,#dcd8ff);background:var(--ipa-bg,#7c6cf033);border:1px solid var(--ipa-border,#b4afff66);letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Lucida Sans Unicode,DejaVu Sans,sans-serif;font-size:14px;font-weight:500}.pos-tag{background:var(--pos-bg,#a29bfe2e);color:var(--pos-text,#b8b3ff);border-radius:4px;padding:1px 6px;font-size:11px;font-style:italic}.block-actions{gap:4px;display:flex}.icon-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.icon-btn:hover{background:#ffffff1a}.icon-btn.pill-btn{background:var(--bg-card);border:1px solid var(--border);letter-spacing:.3px;color:var(--text);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.icon-btn.pill-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-light);transform:translateY(-1px)}.result-text{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);border:1px dashed var(--border);padding:30px 16px}.empty-icon{opacity:.6;color:var(--accent);justify-content:center;align-items:center;margin-bottom:12px;display:flex}kbd{background:var(--bg-input);border:1px solid var(--border);color:var(--accent-light);border-radius:4px;padding:2px 8px;font-family:Cascadia Code,monospace;font-size:12px}.history-section{flex-direction:column;flex:1;display:flex}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.history-title-group{align-items:center;gap:8px;display:flex}.history-header h2{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.history-header h2 .lucide-icon{color:var(--accent)}.history-count{background:var(--accent-soft);color:var(--accent-light);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.history-actions{align-items:center;gap:8px;display:flex}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:140px;color:var(--text);outline:none;padding:5px 10px;font-size:12px;transition:all .2s}.search-input:focus{border-color:var(--accent);width:170px}.btn-clear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:inline-flex}.btn-clear:hover{color:var(--danger);border-color:var(--danger);background:#e74c3c26}.history-list{flex-direction:column;gap:8px;max-height:420px;padding-right:2px;display:flex;overflow-y:auto}.history-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg,10px);box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.history-item:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 14px #7c6cf026}.history-item-top{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}[data-theme=light] .history-item-top{border-bottom-color:#0000000f}.history-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-lang-badge{color:var(--text-muted);background:var(--bg-input);letter-spacing:.3px;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.history-lang-arrow{color:var(--accent);font-weight:700}.history-time-badge{color:var(--text-muted);font-size:11px;font-weight:500}.history-item-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.history-item-actions .icon-btn{color:var(--text-muted);border-radius:6px;padding:4px 6px;transition:all .15s}.history-item-actions .icon-btn:hover{color:var(--text);background:#ffffff1a}[data-theme=light] .history-item-actions .icon-btn:hover{background:#0000000f}.history-item-actions .history-del-btn:hover{color:var(--danger);background:var(--danger-soft)}.history-item-actions .history-copy-btn:hover{color:var(--accent);background:var(--accent-soft)}.history-item-body{align-items:flex-start;gap:12px;display:flex}.history-thumb{object-fit:cover;border:1px solid var(--border);background:#111220;border-radius:6px;flex-shrink:0;width:52px;height:42px;margin-top:2px}.history-content{cursor:pointer;flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.history-block{flex-direction:column;gap:4px;display:flex}.history-block-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-tag{text-transform:uppercase;letter-spacing:.6px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.orig-tag{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.trans-tag{background:var(--accent-soft);color:var(--accent-light,#b4afff);border:1px solid #7c6cf04d}[data-theme=light] .trans-tag{color:var(--accent-primary,#5846db);background:#5846db1f;border-color:#5846db40}.history-orig-block{padding:2px 0 2px 2px}.history-orig{color:var(--text-primary);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.history-phonetic{color:var(--ipa-text,#dcd8ff);background:var(--ipa-bg,#7c6cf02e);border:1px solid var(--ipa-border,#b4afff59);letter-spacing:.3px;border-radius:4px;padding:1px 6px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Lucida Sans Unicode,DejaVu Sans,sans-serif;font-size:12px;font-weight:500}.history-trans-block{background:var(--bg-input);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:6px 10px 8px;transition:background .15s}.history-item:hover .history-trans-block{background:#7c6cf014}[data-theme=light] .history-item:hover .history-trans-block{background:#5846db0f}.history-trans{color:var(--text-primary);word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}[data-theme=dark] .history-trans{color:#fff}[data-theme=light] .history-trans{color:#111322}.hint{color:var(--text-muted);text-align:center;padding:16px 0;font-size:13px;font-style:italic}.toast{background:var(--success);color:#fff;opacity:0;z-index:9999;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}