.container{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem}.title-wrapper{text-align:center;margin-bottom:2.5rem}h1{font-family:"Press Start 2P",monospace;font-size:1.4rem;color:#c2185b;text-shadow:3px 3px 0 #f8bbd0,5px 5px 0 #e91e8c22;letter-spacing:.02em;line-height:1.6}.title-sub{margin-top:.75rem;font-size:.82rem;color:#a06080;letter-spacing:.03em}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}@media (max-width: 640px){.inputs{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#b04070;letter-spacing:.08em}.input-group textarea{width:100%;height:240px;padding:.875rem;border:2px solid #f4a7c3;border-radius:14px;font-size:.92rem;font-family:Cascadia Code,Fira Mono,Consolas,monospace;resize:vertical;background:#fff8fc;color:#3a2a40;transition:border-color .15s,box-shadow .15s;line-height:1.7;box-shadow:0 2px 12px #f4a7c340}.input-group textarea:focus{outline:none;border-color:#e91e8c;box-shadow:0 0 0 4px #f4a7c355,0 2px 12px #f4a7c340}.input-group textarea::placeholder{color:#dba8c0}.count{font-size:.75rem;color:#c080a0;text-align:right}.results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}@media (max-width: 900px){.results{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.results{grid-template-columns:1fr}}.diff-section{background:#fff8fc;border-radius:16px;padding:1.25rem;border:2px solid transparent;box-shadow:0 2px 14px #e8b0cc30;transition:transform .1s}.diff-section:hover{transform:translateY(-2px)}.diff-section.notes-only{border-color:#fbbf24;box-shadow:0 2px 14px #fbbf2430}.diff-section.payslip-only{border-color:#f87171;box-shadow:0 2px 14px #f8717130}.diff-section.both{border-color:#34d399;box-shadow:0 2px 14px #34d39930}.diff-section h2{font-family:"Press Start 2P",monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.875rem;line-height:1.8}.notes-only h2{color:#b45309}.payslip-only h2{color:#b91c1c}.both h2{color:#065f46}.diff-section ul{list-style:none;display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto}.diff-section ul::-webkit-scrollbar{width:5px}.diff-section ul::-webkit-scrollbar-track{background:transparent}.diff-section ul::-webkit-scrollbar-thumb{background:#f4a7c3;border-radius:10px}.diff-section li{font-size:.875rem;padding:.35rem .6rem;border-radius:8px}.notes-only li{background:#fffbeb;border-left:3px solid #fbbf24}.payslip-only li{background:#fff1f1;border-left:3px solid #f87171}.both li{background:#f0fdf7;border-left:3px solid #34d399}.empty{font-size:.8rem;color:#c0a0b0;font-style:italic}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fde8f0;background-image:radial-gradient(circle at 20% 20%,#fbc8dc 0%,transparent 50%),radial-gradient(circle at 80% 80%,#c8d8fb 0%,transparent 50%);min-height:100vh;color:#3a2a40}