:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background-size:400% 400%;background-attachment:fixed}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.wave{background:#ffffff40;border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:12em;animation:wave 10s -3s linear infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}@keyframes wave{2%{transform:translate(1)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1)}}.wer-container{max-width:900px;margin:40px auto;padding:20px;font-family:sans-serif}.input-section{display:flex;gap:20px;margin-bottom:20px}.input-group{flex:1;display:flex;flex-direction:column}.input-group input{padding:10px;border:1px solid #ccc;border-radius:4px}.button-group{display:flex;gap:10px;margin-bottom:30px}.alignment-grid{display:flex;flex-wrap:wrap;gap:8px;min-height:120px;padding:20px;background:#f4f4f4;border-radius:8px}.alignment-column{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;min-width:80px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 4px #0000000d}.word{height:30px;display:flex;align-items:center;gap:5px;font-weight:500;color:#000}.divider{width:100%;height:1px;background:#eee;margin:8px 0}.badge-box{padding:2px 6px;border-radius:4px}.red{color:#d93025;background:#fce8e6}.orange{color:#e27200;background:#fff4e5}.add{color:#188038;background:#e6f4ea}.match{color:#1383c9;background:#e6f4ea}.badge{font-size:.65rem;background:#555;color:#fff;padding:1px 4px;border-radius:3px}.result-card{margin-top:30px;padding:15px;background:#575757;border-radius:4px;color:#fff;font-size:1.2rem}.btn-primary{background:#1a73e8;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-secondary{background:#5f6368;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer}.btn-outline{background:#fff;border:1px solid #ccc;padding:10px 20px;border-radius:4px;cursor:pointer;color:#000}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease forwards}.legend-container{margin:20px 0;padding:15px;background:#fff;border:2px solid #eee;border-radius:8px}.legend-container h3{margin-top:0;font-size:.9rem;color:#666;text-transform:uppercase}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.legend-item{display:flex;align-items:center;gap:12px}.legend-item p{margin:2px 0 0;font-size:.75rem;color:#777}.status-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:6px;color:#fff}.status-box.match{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-box.sub{background:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.status-box.del{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.status-box.ins{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}