:root{--add-bg: #c8facc;--del-color: #c0392b;--border: #ddd;--accent: #4a90d9}*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;min-height:100vh;color:#1a1a1a;line-height:1.6;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{padding:16px 32px;border-bottom:1px solid var(--border)}h1{margin:0;font-size:1.5rem}.intro{display:flex;align-items:flex-start;gap:32px;padding:24px 32px}.intro-main{flex:2}.intro-links{flex:1}.intro-text p{margin:0 0 .75em;color:#555;max-width:60ch}.intro-text p:last-child{margin-bottom:0}.intro-links h4{margin:0 0 8px;font-size:.95rem}.intro-links ul{margin:0;padding-left:18px;font-size:.9rem}.intro-links li{margin-bottom:4px}.intro-links a{color:var(--accent)}.privacy{margin-top:16px;padding:12px 14px;background:#f0f7ff;border:1px solid #cfe0f3;border-radius:6px}.privacy p{margin:0;font-size:.85rem;color:#34506b}.privacy summary{font-size:.85rem;color:#34506b;cursor:pointer;list-style:none}.privacy summary::-webkit-details-marker{display:none}.privacy .read-more{margin-left:4px;color:var(--accent);text-decoration:underline;white-space:nowrap}.privacy .read-more:after{content:"Read more"}.privacy details[open] .read-more:after{content:"Show less"}.privacy details[open] summary{margin-bottom:8px}.results{padding:0 32px 32px}.results-head{position:sticky;top:0;z-index:5;background:#fff;padding:12px 0 8px;border-bottom:1px solid var(--border)}.results-head>:last-child{margin-bottom:0}.output{padding-top:16px}.inputs{display:flex;flex-wrap:wrap;gap:16px;padding:0 32px;margin-bottom:16px}.dropzone{flex:0 1 280px;min-width:220px;padding:16px;border:2px dashed var(--border);border-radius:8px;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:#f0f7ff}.dropzone h2{margin:0 0 8px;font-size:1rem}.options{margin:0 0 8px;display:flex;align-items:center;padding:8px 14px;gap:0;flex:0 0 auto}.options h2{margin:0 16px 0 0;font-size:.9rem;white-space:nowrap}.options label{display:inline-flex;align-items:center;gap:6px;margin-right:20px;font-size:.9rem;cursor:pointer;white-space:nowrap}.file-label{display:inline-block;cursor:pointer}.filename{margin:8px 0 0;font-size:.85rem;color:#555;word-break:break-all}.stats{padding:10px 14px;margin-bottom:16px;background:#f5f5f5;border:1px solid var(--border);border-radius:6px;font-size:.95rem}.error{padding:10px 14px;margin:0 32px 16px;background:#fdecea;border:1px solid #f5c6cb;color:#a3252b;border-radius:6px}.summary{padding:10px 14px;margin-bottom:16px;background:#eef4fb;border:1px solid #cfe0f3;border-radius:6px;font-size:.95rem}.incomplete-details{display:inline-block;vertical-align:middle;position:relative}.incomplete-details>summary{display:inline;cursor:pointer;color:#a06800;list-style:none}.incomplete-details>summary::-webkit-details-marker{display:none}.incomplete-details>summary:after{content:" ⚠"}.incomplete-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:10;background:#fff8e6;border:1px solid #f0dca0;border-radius:6px;padding:4px 16px 12px;min-width:280px;white-space:normal;box-shadow:0 4px 12px #0000001a}.incomplete-panel p{margin:10px 0 4px;font-size:.9rem}.incomplete-panel ul{margin:0;padding-left:20px}.student-nav{display:flex;align-items:center;gap:8px;margin-bottom:16px}.student-nav select{flex:1;max-width:400px;padding:6px 8px;font:inherit;font-size:.95rem;border:1px solid var(--border);border-radius:4px;background:#fff}.nav-btn{font:inherit;cursor:pointer;padding:6px 14px;background:#fff;border:1px solid var(--border);border-radius:4px;color:#1a1a1a;font-size:1rem}.nav-btn:hover:not(:disabled){background:#f0f0f0}.nav-btn:disabled{opacity:.4;cursor:default}.uid{color:#888;font-size:.85em}.multi{margin-left:6px;padding:1px 6px;font-size:.75rem;background:#fff3cd;border:1px solid #f0dca0;border-radius:10px}.diff-head{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.diff-head h2{margin:0 0 4px}.diff-head p{margin:0;font-size:.9rem;color:#555}.alt{color:#a06800!important}.notice{margin:8px 0 0;padding:8px 12px;background:#fff8e6;border:1px solid #f0dca0;border-radius:6px;color:#a06800;font-size:.9rem}.inline-error{color:var(--del-color)}.output p{margin:0 0 .75em}.output.hide-unchanged .unchanged{display:none}.sxs-row{display:flex;gap:24px;margin-bottom:.75em}.sxs-cell{flex:1;min-width:0}.sxs-old{padding-right:24px;border-right:1px solid var(--border)}@media(max-width:600px){.sxs-row{flex-direction:column;gap:4px}.sxs-old{padding-right:0;border-right:none}}.add{background:var(--add-bg);text-decoration:none}.del{color:var(--del-color);text-decoration:line-through}@media(max-width:800px){.intro{flex-direction:column;gap:16px}}@media(prefers-color-scheme:dark){:root{--add-bg: #064e3b;--del-color: #fca5a5;--border: #374151;--accent: #818cf8;color-scheme:dark}body{background:#111827;color:#f3f4f6}h1,h2,h3,h4,label{color:#f3f4f6}header{border-bottom-color:#374151}.intro-text p{color:#d1d5db}.privacy{background:#1f2937;border-color:#374151}.privacy summary,.privacy p{color:#93c5fd}.results-head{background:#111827;border-bottom-color:#374151}.dropzone{border-color:#374151}.dropzone.drag{border-color:var(--accent);background:#1e2433}.filename{color:#9ca3af}.stats{background:#1f2937;border-color:#374151;color:#d1d5db}.error{background:#2d1a1a;border-color:#7f1d1d;color:#fca5a5}.summary{background:#1a2535;border-color:#2d4a6a;color:#d1d5db}.incomplete-details>summary{color:#fbbf24}.incomplete-panel{background:#1f2937;border-color:#374151;box-shadow:0 4px 12px #0006}.incomplete-panel p,.incomplete-panel li{color:#d1d5db}.student-nav select,.nav-btn{background:#1f2937;border-color:#374151;color:#f3f4f6}.nav-btn:hover:not(:disabled){background:#374151}.uid{color:#6b7280}.multi{background:#2d2006;border-color:#78350f;color:#fcd34d}.diff-head{border-bottom-color:#374151}.diff-head p{color:#9ca3af}.alt{color:#fbbf24!important}.notice{background:#1c1a07;border-color:#78350f;color:#fbbf24}.sxs-old{border-right-color:#374151}.add{background:var(--add-bg);color:#6ee7b7}.del{color:var(--del-color)}}