*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e4e4e7;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:.9em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}#root{width:100%;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0a0a}.header{border-bottom:1px solid #1f1f1f;background-color:#0d0d0d;padding:3rem 2rem;text-align:center}.header-content{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo{font-size:2rem;font-weight:600;color:#fff;letter-spacing:-.02em}.tagline{font-size:1rem;color:#666;font-weight:400}.main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:4rem 2rem}.diff-section{margin-bottom:6rem}.diff-section:last-child{margin-bottom:0}.diff-header{text-align:center;margin-bottom:3rem}.diff-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.diff-description{font-size:1rem;color:#888;line-height:1.6;max-width:600px;margin:0 auto}.diff-container{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:#1f1f1f;border:1px solid #1f1f1f;border-radius:6px;overflow:hidden;margin-bottom:2rem}.diff-panel{background-color:#0d0d0d;display:flex;flex-direction:column}.before-panel{border-right:1px solid #1f1f1f}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#1a1a1a;border-bottom:1px solid #1f1f1f}.panel-label{font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em}.panel-status{font-size:.8rem;padding:.25rem .75rem;border-radius:4px;font-weight:500}.panel-status.removed{color:#ef4444;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.panel-status.added{color:#22c55e;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.code-block{padding:2rem;margin:0;overflow-x:auto;background-color:#0d0d0d;flex:1}.code-block code{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.95rem;line-height:1.8;color:#e4e4e7;white-space:pre-wrap;font-weight:400;display:block}.before-panel .code-block{background-color:#ef444408}.after-panel .code-block{background-color:#22c55e08}.footer{border-top:1px solid #1f1f1f;background-color:#0d0d0d;padding:3rem 2rem;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-section{display:flex;flex-direction:column;gap:.5rem}.footer-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.footer-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.footer-text{font-size:.95rem;color:#888;line-height:1.6}@media(max-width:1024px){.diff-container{grid-template-columns:1fr}.before-panel{border-right:none;border-bottom:1px solid #1f1f1f}.footer-content{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.header{padding:2rem 1rem}.logo{font-size:1.5rem}.tagline{font-size:.9rem}.main{padding:2rem 1rem}.diff-section{margin-bottom:4rem}.diff-title{font-size:1.25rem}.diff-description{font-size:.9rem}.footer{padding:2rem 1rem}}