:root{--bg:#f8f9fa;--bg-card:#fff;--fg:#2c3e50;--fg-muted:#7f8c8d;--accent:#3498db;--accent-hover:#2980b9;--border:#e0e0e0;--success:#27ae60}[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--fg:#2c3e50;--fg-muted:#7f8c8d}[data-theme=dark]{--bg:#1a1a2e;--bg-card:#16213e;--fg:#eaeaea;--fg-muted:#a0a0a0;--border:#2a2a4e;--accent:#4aa3df;--accent-hover:#5cb3ef}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#1a1a2e;--bg-card:#16213e;--fg:#eaeaea;--fg-muted:#a0a0a0;--border:#2a2a4e;--accent:#4aa3df;--accent-hover:#5cb3ef}}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{max-width:800px;min-height:100vh;margin:0 auto;padding:12px}@media (width>=601px){.container{padding:20px}}.settings{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-bottom:12px;display:flex}.settings-group{align-items:center;gap:8px;display:flex}.settings-options{gap:2px;display:flex}.settings-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--fg);cursor:pointer;padding:6px 12px;font-size:13px;transition:all .2s}.settings-btn:first-child{border-radius:4px 0 0 4px}.settings-btn:last-child{border-radius:0 4px 4px 0}.settings-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.language-segment{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;align-items:stretch;margin-bottom:12px;display:flex;overflow:hidden}.segment-btn{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 8px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.segment-btn.active{background:var(--accent);color:#fff}.segment-divider{height:60%;color:var(--border);-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:200;position:absolute;top:20%;right:0}.segment-btn:last-child .segment-divider,.segment-btn.active .segment-divider{display:none}textarea{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--fg);resize:vertical;border-radius:8px;min-height:80px;padding:12px;font-size:16px}textarea::placeholder{color:var(--fg-muted)}textarea:focus{border-color:var(--accent);outline:none}.actions{flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:12px;display:flex}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px;transition:all .2s}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.result{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-top:12px;overflow:hidden}.result table{border-collapse:collapse;width:100%}.result th,.result td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.result th{background:var(--accent);color:#fff;font-size:14px;font-weight:600}.result tr:last-child td{border-bottom:none}.result tr:nth-child(2n) td{background:#3498db0d}[data-theme=dark] .result tr:nth-child(2n) td{background:#4aa3df1a}.result-empty{display:none}@media (width<=600px){.settings{justify-content:center;gap:12px}.actions{justify-content:center}.btn{flex:1;min-width:100px;max-width:140px;padding:12px 8px}.result th,.result td{padding:8px 10px;font-size:14px}}