:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:12px;--transition:0.25s ease}
[data-theme="dark"]{--bg:#0A0F1A;--bg2:#111827;--bg-card:rgba(17,24,39,0.85);--bg-input:rgba(30,41,59,0.6);--border:rgba(148,163,184,0.1);--text:#F1F5F9;--text2:#94A3B8;--text3:#64748B;--primary:#0984E3;--secondary:#74B9FF;--accent:#FDCB6E;--green:#34C759;--gradient:linear-gradient(135deg,#0984E3,#74B9FF)}
[data-theme="light"]{--bg:#F0F4F8;--bg2:#FFFFFF;--bg-card:rgba(255,255,255,0.95);--bg-input:rgba(226,232,240,0.6);--border:rgba(0,0,0,0.08);--text:#1E293B;--text2:#475569;--text3:#94A3B8;--primary:#0369A1;--secondary:#38BDF8;--accent:#D97706;--green:#16A34A;--gradient:linear-gradient(135deg,#0369A1,#38BDF8)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh}
.app{display:flex;flex-direction:column;min-height:100vh;max-width:720px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}
.logo{display:flex;align-items:center;gap:10px}
.logo h1{font-size:1.05rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:.82rem;font-weight:500;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap}
.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 2px 8px rgba(9,132,227,.2)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(9,132,227,.35)}
.btn-ghost{background:transparent;color:var(--text2)}.btn-ghost:hover{color:var(--text);background:var(--bg-input)}
.main{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}
.section-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);margin-bottom:8px;display:block}
.section-label.clickable{cursor:pointer;user-select:none}
textarea{width:100%;padding:12px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;resize:vertical;outline:none}
textarea:focus{border-color:var(--primary)}
.actions{display:flex;gap:8px;margin-top:12px}
.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;animation:fadeIn .3s ease}
.result-original{font-family:var(--font-mono);font-size:.75rem;color:var(--text3);word-break:break-all;text-decoration:line-through}
.result-clean{font-family:var(--font-mono);font-size:.82rem;color:var(--primary);word-break:break-all;margin-top:6px;font-weight:500}
.result-meta{display:flex;align-items:center;gap:8px;margin-top:8px}
.removed-badge{font-size:.68rem;padding:2px 8px;border-radius:10px;background:rgba(253,203,110,0.1);color:var(--accent);font-weight:500}
.safe-badge{font-size:.68rem;padding:2px 8px;border-radius:10px;background:rgba(52,199,89,0.1);color:var(--green);font-weight:600}
.result-actions{display:flex;gap:6px;margin-left:auto}
.result-actions .btn{font-size:.72rem;padding:4px 10px}
.config-body{padding:12px 0}
.config-desc{font-size:.82rem;color:var(--text2);margin-bottom:8px}
.config-body input{width:100%;padding:10px 12px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.82rem;outline:none;margin-bottom:10px}
.default-params{display:flex;flex-wrap:wrap;gap:6px}
.param-tag{font-size:.68rem;padding:3px 8px;border-radius:6px;background:var(--bg-input);color:var(--text3);font-family:var(--font-mono);border:1px solid var(--border)}
.bookmarklet-link{display:inline-block;padding:10px 20px;background:var(--gradient);color:#fff;text-decoration:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:grab}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.toast-container{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:8px}
.toast{padding:10px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:.82rem;animation:toastIn .3s ease}
.toast.success{border-left:3px solid var(--green)}.toast.info{border-left:3px solid var(--primary)}
@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
[data-theme="dark"] .icon-moon{display:none}[data-theme="dark"] .icon-sun{display:block}
[data-theme="light"] .icon-moon{display:block}[data-theme="light"] .icon-sun{display:none}
details summary{list-style:none}details summary::-webkit-details-marker{display:none}
@media(max-width:640px){.main{padding:16px}}