*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #06b6d4;--accent-hover: #22d3ee;--success: #10b981;--error: #ef4444}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:1000px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem}.back{display:inline-block;color:var(--text-muted);text-decoration:none;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.back:hover{color:var(--accent)}h1{margin:0 0 .5rem;font-size:2rem}.subtitle{color:var(--text-muted);margin:0}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.input-row{grid-template-columns:1fr}}.input-section{display:flex;flex-direction:column}.input-section label{font-weight:500;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}textarea{width:100%;padding:1rem;font-size:.9rem;font-family:SF Mono,Monaco,Consolas,monospace;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);resize:vertical}textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #06b6d433}.button-row{display:flex;gap:.75rem;margin-bottom:1.5rem}.primary-btn{flex:1;padding:.875rem;font-size:1rem;font-weight:600;background:var(--accent);color:var(--bg);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.primary-btn:hover{background:var(--accent-hover)}.secondary-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.results{background:var(--surface);border-radius:12px;overflow:hidden}.stats-bar{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:#0003;border-bottom:1px solid var(--border)}.stat{font-size:.9rem;font-weight:500;color:var(--text-muted)}.stat.added{color:var(--success)}.stat.removed{color:var(--error)}.diff-output{padding:1rem;max-height:500px;overflow-y:auto}.diff-line{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85rem;padding:.25rem .5rem;white-space:pre-wrap;word-break:break-all;border-radius:4px;margin-bottom:2px}.diff-line.added{background:#10b98126;color:#6ee7b7}.diff-line.removed{background:#ef444426;color:#fca5a5}.diff-line.unchanged{color:var(--text-muted)}.line-number{display:inline-block;width:3ch;margin-right:1ch;color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none}footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.footer-credit{margin-top:.5rem;font-size:.8rem}